/*Custom CSS*/
/*Blue Theme*/
.skin-blue .btn-blue-new { background-color: #0080c2;}
.skin-blue .btn-blue-new:hover { background-color: #006ea6; color: #fff;}
.skin-blue .filter-details p {color: #0080c2;}
.skin-blue .date-wrap-new p {color: #0080c2;}
.skin-blue .course-content h1 { color: #0080c2;}
.skin-blue .box-inner-2-headding h3 {color: #0080c2;}
.skin-blue .learning-body h4 { color: #0080c2;}
.skin-blue .box-inner-2-headding h3 { color: #0080c2;}
.skin-blue .share-btn {border: 1px solid #0080c2; color: #0080c2;}
.skin-blue .share-btn span {background-color: #0080c2;}
.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #0080c2;}
.skin-blue .cal td.off a {color: #b3b3b3;}


.skin-blue .learning-body h4 { color: #0080c2;}
.skin-blue .left-btn-c { background-color: #0080c2;}
.skin-blue .right-btn-c { background-color: #0080c2;}
.skin-blue .carousel-indicators-numbers li.active { background-color: #0080c2;}
.skin-blue .box-inner-headding {background-color: #0080c2;}
.skin-blue .btn-blue-catalog {background-color: #0080c2;}
.skin-blue .btn-blue-catalog:hover {background-color: #006ea6;}
.skin-blue .model-btn-pro {background-color: #0080c2;}
.skin-blue .model-btn-pro:hover {background-color: #016ca4;}
.skin-blue .update-btn {background-color: #0080c2;}
.skin-blue .update-btn:hover {background-color: #0074b0;}
.skin-blue .coupon-input-btn {background-color: #0080c2;}
.skin-blue .coupon-input-btn:hover {background-color: #0172ac;}
.skin-blue .right-modal-po .modal-header h4 { color: #0080c2; font-size: 18px; font-weight: 600;}
.skin-blue .btn-blue { background-color: #0080c2; border-radius: 3px;  color: #fff;}
.skin-blue .btn-blue:hover {background-color: #016ca4; color: #fff;}
.skin-blue .my-courses-btn {background-color: #47b8f3;}
.skin-blue .bar {color: #0080c2; font-size: 31px;}
.skin-blue .calendar-small { background-color: #005986; height: 419px; min-height:auto; padding: 30px;}
.skin-blue .box-title {color: #0080c2; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-blue .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-blue .main-header .navbar { background-color: #e5e8e8; border-bottom:1px thin #dedfdf;}
.skin-blue .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-blue .main-header .navbar .nav > li > a i { font-size: 18px;  margin-right: 7px; vertical-align: middle;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-blue .main-header .navbar .sidebar-toggle { color: #fff}
.skin-blue .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-blue .main-header .navbar .sidebar-toggle {color: #0080c2;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-blue .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-blue .main-header .logo:hover {background-color: #f9fafa}
.skin-blue .main-header li.user-header {background-color: #f4f5f5;}
.skin-blue .content-header {background: transparent}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {background-color: #001E2D;}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {color: #fff}
.skin-blue .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-blue .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
/*.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a { background: #005986 none repeat scroll 0 0; color: #fff; font-size: 16px; font-weight: 600;  padding: 15px; border-left: 0px solid transparent;}*/
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a { background: #005986; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}

.skin-blue .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-blue .sidebar a {	color: #7296a9; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-blue .sidebar a:hover {text-decoration: none}
.skin-blue .treeview-menu>li>a {color: #8aa4af;}
.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {color: #fff;}
.skin-blue .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-blue .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-blue .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-blue.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-blue.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-blue .sidebar {background-color: #001e2d; padding-bottom: 80px;}
.skin-blue.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-blue.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-blue .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Blue Theme END*/


/*Yellow Theme*/
.skin-yellow .cal td.off a {color: #935600;}
.skin-yellow .filter-details p {color: #ED8C01;}
.skin-yellow .course-content h1 { color: #ED8C01;}
.skin-yellow .box-inner-2-headding h3 {color: #ED8C01;}
.skin-yellow .learning-body h4 { color: #ED8C01;}
.skin-yellow .box-inner-2-headding h3 { color: #ED8C01;}
.skin-yellow .share-btn {border: 1px solid #ED8C01; color: #ED8C01;}
.skin-yellow .share-btn:hover {border: 1px solid #D67D02; color: #D67D02;}
.skin-yellow .share-btn span {background-color: #ED8C01;}
.skin-yellow .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #ED8C01 !important;}
.skin-yellow .cal td.off a {color: #724200;}

.skin-yellow .left-btn-c { background-color: #ed8c01;}
.skin-yellow .right-btn-c { background-color: #ed8c01;}
.skin-yellow .carousel-indicators-numbers li.active { background-color: #ed8c01;}
.skin-yellow .box-inner-headding {background-color: #ed8c01;}
.skin-yellow .btn-blue-catalog {background-color: #ed8c01;}
.skin-yellow .btn-blue-catalog:hover {background-color: #D87E00;}
.skin-yellow .model-btn-pro {background-color: #ed8c01;}
.skin-yellow .model-btn-pro:hover {background-color: #c47300;}
.skin-yellow .update-btn {background-color: #ed8c01;}
.skin-yellow .update-btn:hover {background-color: #c47300;}
.skin-yellow .coupon-input-btn {background-color: #ed8c01;}
.skin-yellow .coupon-input-btn:hover {background-color: #c47300;}
.skin-yellow .right-modal-po .modal-header h4 { color: #ed8c01; font-size: 18px; font-weight: 600;}
.skin-yellow .btn-blue { background-color: #ed8c01; border-radius: 3px;  color: #fff;}
.skin-yellow .btn-blue:hover {background-color: #c47300; color: #fff;}
.skin-yellow .my-courses-btn {background-color: #ed8c01;}
.skin-yellow .bar {color: #ed8c01; font-size: 31px;}
.skin-yellow .calendar-small { background-color: #ed8c01; height: 419px; min-height:auto; padding: 30px;}
.skin-yellow .box-title {color: #ed8c01; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-yellow .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-yellow .main-header .navbar { background-color: #e6e7e9; border-bottom:1px thin #dedfdf;}
.skin-yellow .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-yellow .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-yellow .main-header .navbar .nav>li>a:hover, .skin-yellow .main-header .navbar .nav>li>a:active, .skin-yellow .main-header .navbar .nav>li>a:focus, .skin-yellow .main-header .navbar .nav .open>a, .skin-yellow .main-header .navbar .nav .open>a:hover, .skin-yellow .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-yellow .main-header .navbar .sidebar-toggle { color: #fff}
.skin-yellow .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-yellow .main-header .navbar .sidebar-toggle {color: #ed8c01;}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-yellow .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-yellow .main-header .logo:hover {background-color: #f9fafa}
.skin-yellow .main-header li.user-header {background-color: #f4f5f5;}
.skin-yellow .content-header {background: transparent}
.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {background-color: #1b1c1e;}
.skin-yellow .user-panel>.info, .skin-yellow .user-panel>.info>a {color: #fff}
.skin-yellow .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-yellow .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-yellow .sidebar-menu>li:hover>a, .skin-yellow .sidebar-menu>li.active>a { background: #ed8c01; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-yellow .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-yellow .sidebar a {	color: #b2b2b2; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-yellow .sidebar a:hover {text-decoration: none}
.skin-yellow .treeview-menu>li>a {color: #8aa4af;}
.skin-yellow .treeview-menu>li.active>a, .skin-yellow .treeview-menu>li>a:hover {color: #fff;}
.skin-yellow .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-yellow .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-yellow .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-yellow.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-yellow.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-yellow .sidebar {background-color: #1b1c1e; padding-bottom: 80px;}
.skin-yellow.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-yellow.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-yellow .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*yellow Theme END*/

/*Pink Theme*/
.skin-pink .filter-details p {color: #ed164f;}
.skin-pink .course-content h1 { color: #ed164f;}
.skin-pink .box-inner-2-headding h3 {color: #ed164f;}
.skin-pink .learning-body h4 { color: #ed164f;}
.skin-pink .box-inner-2-headding h3 { color: #ed164f;}
.skin-pink .share-btn {border: 1px solid #ed164f; color: #ed164f;}
.skin-pink .share-btn:hover {border: 1px solid #BA0734; color: #BA0734;}
.skin-pink .share-btn span {background-color: #ed164f;}
.skin-pink .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #ed164f !important;}
.skin-pink .cal td.off a {color: #8E0C2D;}

.skin-pink .left-btn-c { background-color: #ed164f;}
.skin-pink .right-btn-c { background-color: #ed164f;}
.skin-pink .carousel-indicators-numbers li.active { background-color: #ed164f;}
.skin-pink .box-inner-headding {background-color: #ed164f;}
.skin-pink .btn-blue-catalog {background-color: #ed164f;}
.skin-pink .btn-blue-catalog:hover {background-color: #D11443;}
.skin-pink .model-btn-pro {background-color: #ed164f;}
.skin-pink .model-btn-pro:hover {background-color: #c91141;}
.skin-pink .update-btn {background-color: #ed164f;}
.skin-pink .update-btn:hover {background-color: #c91141;}
.skin-pink .coupon-input-btn {background-color: #ed164f;}
.skin-pink .coupon-input-btn:hover {background-color: #c91141;}
.skin-pink .right-modal-po .modal-header h4 { color: #ed164f; font-size: 18px; font-weight: 600;}
.skin-pink .btn-blue { background-color: #ed164f; border-radius: 3px;  color: #fff;}
.skin-pink .btn-blue:hover {background-color: #c91141; color: #fff;}
.skin-pink .my-courses-btn {background-color: #ed164f;}
.skin-pink .bar {color: #ed164f; font-size: 31px;}
.skin-pink .calendar-small { background-color: #ed164f; height: 419px; min-height:auto; padding: 30px;}
.skin-pink .box-title {color: #ed164f; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-pink .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-pink .main-header .navbar { background-color: #f1e4dd; border-bottom:1px thin #dedfdf;}
.skin-pink .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-pink .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-pink .main-header .navbar .nav>li>a:hover, .skin-pink .main-header .navbar .nav>li>a:active, .skin-pink .main-header .navbar .nav>li>a:focus, .skin-pink .main-header .navbar .nav .open>a, .skin-pink .main-header .navbar .nav .open>a:hover, .skin-pink .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-pink .main-header .navbar .sidebar-toggle { color: #fff}
.skin-pink .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-pink .main-header .navbar .sidebar-toggle {color: #ed164f;}
.skin-pink .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-pink .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-pink .main-header .logo:hover {background-color: #f9fafa}
.skin-pink .main-header li.user-header {background-color: #f4f5f5;}
.skin-pink .content-header {background: transparent}
.skin-pink .wrapper, .skin-pink .main-sidebar, .skin-pink .left-side {background-color: #363533;}
.skin-pink .user-panel>.info, .skin-pink .user-panel>.info>a {color: #fff}
.skin-pink .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-pink .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-pink .sidebar-menu>li:hover>a, .skin-pink .sidebar-menu>li.active>a { background: #ed164f; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-pink .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-pink .sidebar a {	color: #b2b2b2; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-pink .sidebar a:hover {text-decoration: none}
.skin-pink .treeview-menu>li>a {color: #8aa4af;}
.skin-pink .treeview-menu>li.active>a, .skin-pink .treeview-menu>li>a:hover {color: #fff;}
.skin-pink .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-pink .sidebar-form input[type="text"], .skin-pink .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-pink .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-pink .sidebar-form input[type="text"]:focus, .skin-pink .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-pink .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-pink .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-pink.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-pink.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-pink .sidebar {background-color: #363533; padding-bottom: 80px;}
.skin-pink.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-pink.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-pink .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Pink Theme END*/

/*Green Theme*/
.skin-green .filter-details p {color: #009800;}
.skin-green .course-content h1 { color: #009800;}
.skin-green .box-inner-2-headding h3 {color: #009800;}
.skin-green .learning-body h4 { color: #009800;}
.skin-green .box-inner-2-headding h3 { color: #009800;}
.skin-green .share-btn {border: 1px solid #009800; color: #009800;}
.skin-green .share-btn:hover {border: 1px solid #006f00; color: #006f00;}
.skin-green .share-btn span {background-color: #009800;}
.skin-green .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #009800 !important;}
.skin-green .cal td.off a {color: #000;}

.skin-green .left-btn-c { background-color: #009800;}
.skin-green .right-btn-c { background-color: #009800;}
.skin-green .carousel-indicators-numbers li.active { background-color: #009800;}
.skin-green .box-inner-headding {background-color: #009800;}
.skin-green .btn-blue-catalog {background-color: #009800;}
.skin-green .btn-blue-catalog:hover {background-color: #006f00;}
.skin-green .model-btn-pro {background-color: #009800;}
.skin-green .model-btn-pro:hover {background-color: #006f00;}
.skin-green .update-btn {background-color: #009800;}
.skin-green .update-btn:hover {background-color: #006f00;}
.skin-green .coupon-input-btn {background-color: #009800;}
.skin-green .coupon-input-btn:hover {background-color: #006f00;}
.skin-green .right-modal-po .modal-header h4 { color: #009800; font-size: 18px; font-weight: 600;}
.skin-green .btn-blue { background-color: #009800; border-radius: 3px;  color: #fff;}
.skin-green .btn-blue:hover {background-color: #006f00; color: #fff;}
.skin-green .my-courses-btn {background-color: #009800;}
.skin-green .bar {color: #009800; font-size: 31px;}
.skin-green .calendar-small { background-color: #009800; height: 419px; min-height:auto; padding: 30px;}
.skin-green .box-title {color: #009800; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-green .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-green .main-header .navbar { background-color: #d9e3da; border-bottom:1px thin #dedfdf;}
.skin-green .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-green .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-green .main-header .navbar .sidebar-toggle { color: #fff}
.skin-green .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-green .main-header .navbar .sidebar-toggle {color: #009800;}
.skin-green .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-green .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-green .main-header .logo:hover {background-color: #f9fafa}
.skin-green .main-header li.user-header {background-color: #f4f5f5;}
.skin-green .content-header {background: transparent}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {background-color: #0f0f11;}
.skin-green .user-panel>.info, .skin-green .user-panel>.info>a {color: #fff}
.skin-green .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-green .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-green .sidebar-menu>li:hover>a, .skin-green .sidebar-menu>li.active>a { background: #009800; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-green .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-green .sidebar a {color: #a4a2a7; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-green .sidebar a:hover {text-decoration: none}
.skin-green .treeview-menu>li>a {color: #8aa4af;}
.skin-green .treeview-menu>li.active>a, .skin-green .treeview-menu>li>a:hover {color: #fff;}
.skin-green .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-green .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-green .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-green.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-green.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-green .sidebar {background-color: #0f0f11; padding-bottom: 80px;}
.skin-green.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-green.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-green .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Green Theme END*/


/*Red Theme*/
.skin-red .filter-details p {color: #ec0503;}
.skin-red .course-content h1 { color: #ec0503;}
.skin-red .box-inner-2-headding h3 {color: #ec0503;}
.skin-red .learning-body h4 { color: #ec0503;}
.skin-red .box-inner-2-headding h3 { color: #ec0503;}
.skin-red .share-btn {border: 1px solid #ec0503; color: #ec0503;}
.skin-red .share-btn:hover {border: 1px solid #bb0100; color: #bb0100;}
.skin-red .share-btn span {background-color: #ec0503;}
.skin-red .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #ec0503 !important;}
.skin-red .cal td.off a {color: #000;}

.skin-red .left-btn-c { background-color: #ec0503;}
.skin-red .right-btn-c { background-color: #ec0503;}
.skin-red .carousel-indicators-numbers li.active { background-color: #ec0503;}
.skin-red .box-inner-headding {background-color: #ec0503;}
.skin-red .btn-blue-catalog {background-color: #ec0503;}
.skin-red .btn-blue-catalog:hover {background-color: #bb0100;}
.skin-red .model-btn-pro {background-color: #ec0503;}
.skin-red .model-btn-pro:hover {background-color: #bb0100;}
.skin-red .update-btn {background-color: #ec0503;}
.skin-red .update-btn:hover {background-color: #bb0100;}
.skin-red .coupon-input-btn {background-color: #ec0503;}
.skin-red .coupon-input-btn:hover {background-color: #bb0100;}
.skin-red .right-modal-po .modal-header h4 { color: #ec0503; font-size: 18px; font-weight: 600;}
.skin-red .btn-blue { background-color: #ec0503; border-radius: 3px;  color: #fff;}
.skin-red .btn-blue:hover {background-color: #bb0100; color: #fff;}
.skin-red .my-courses-btn {background-color: #ec0503;}
.skin-red .bar {color: #ec0503; font-size: 31px;}
.skin-red .calendar-small { background-color: #ec0503; height: 419px; min-height:auto; padding: 30px;}
.skin-red .box-title {color: #ec0503; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-red .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-red .main-header .navbar { background-color: #e3d9d8; border-bottom:1px thin #dedfdf;}
.skin-red .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-red .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-red .main-header .navbar .nav>li>a:hover, .skin-red .main-header .navbar .nav>li>a:active, .skin-red .main-header .navbar .nav>li>a:focus, .skin-red .main-header .navbar .nav .open>a, .skin-red .main-header .navbar .nav .open>a:hover, .skin-red .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-red .main-header .navbar .sidebar-toggle { color: #fff}
.skin-red .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-red .main-header .navbar .sidebar-toggle {color: #ec0503;}
.skin-red .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-red .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-red .main-header .logo:hover {background-color: #f9fafa}
.skin-red .main-header li.user-header {background-color: #f4f5f5;}
.skin-red .content-header {background: transparent}
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {background-color: #1b1c1e;}
.skin-red .user-panel>.info, .skin-red .user-panel>.info>a {color: #fff}
.skin-red .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-red .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.active>a { background: #ec0503; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-red .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-red .sidebar a {color: #a4a2a7; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-red .sidebar a:hover {text-decoration: none}
.skin-red .treeview-menu>li>a {color: #8aa4af;}
.skin-red .treeview-menu>li.active>a, .skin-red .treeview-menu>li>a:hover {color: #fff;}
.skin-red .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-red .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-red .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-red.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-red.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-red .sidebar {background-color: #1b1c1e; padding-bottom: 80px;}
.skin-red.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-red.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-red .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Green Theme END*/

/*Green Theme*/
.skin-green .filter-details p {color: #009800;}
.skin-green .course-content h1 { color: #009800;}
.skin-green .box-inner-2-headding h3 {color: #009800;}
.skin-green .learning-body h4 { color: #009800;}
.skin-green .box-inner-2-headding h3 { color: #009800;}
.skin-green .share-btn {border: 1px solid #009800; color: #009800;}
.skin-green .share-btn:hover {border: 1px solid #006f00; color: #006f00;}
.skin-green .share-btn span {background-color: #009800;}
.skin-green .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #009800 !important;}
.skin-green .cal td.off a {color: #000;}

.skin-green .left-btn-c { background-color: #009800;}
.skin-green .right-btn-c { background-color: #009800;}
.skin-green .carousel-indicators-numbers li.active { background-color: #009800;}
.skin-green .box-inner-headding {background-color: #009800;}
.skin-green .btn-blue-catalog {background-color: #009800;}
.skin-green .btn-blue-catalog:hover {background-color: #006f00;}
.skin-green .model-btn-pro {background-color: #009800;}
.skin-green .model-btn-pro:hover {background-color: #006f00;}
.skin-green .update-btn {background-color: #009800;}
.skin-green .update-btn:hover {background-color: #006f00;}
.skin-green .coupon-input-btn {background-color: #009800;}
.skin-green .coupon-input-btn:hover {background-color: #006f00;}
.skin-green .right-modal-po .modal-header h4 { color: #009800; font-size: 18px; font-weight: 600;}
.skin-green .btn-blue { background-color: #009800; border-radius: 3px;  color: #fff;}
.skin-green .btn-blue:hover {background-color: #006f00; color: #fff;}
.skin-green .my-courses-btn {background-color: #009800;}
.skin-green .bar {color: #009800; font-size: 31px;}
.skin-green .calendar-small { background-color: #009800; height: 419px; min-height:auto; padding: 30px;}
.skin-green .box-title {color: #009800; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-green .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-green .main-header .navbar { background-color: #d9e3da; border-bottom:1px thin #dedfdf;}
.skin-green .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-green .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-green .main-header .navbar .nav>li>a:hover, .skin-green .main-header .navbar .nav>li>a:active, .skin-green .main-header .navbar .nav>li>a:focus, .skin-green .main-header .navbar .nav .open>a, .skin-green .main-header .navbar .nav .open>a:hover, .skin-green .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-green .main-header .navbar .sidebar-toggle { color: #fff}
.skin-green .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-green .main-header .navbar .sidebar-toggle {color: #009800;}
.skin-green .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-green .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-green .main-header .logo:hover {background-color: #f9fafa}
.skin-green .main-header li.user-header {background-color: #f4f5f5;}
.skin-green .content-header {background: transparent}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {background-color: #0f0f11;}
.skin-green .user-panel>.info, .skin-green .user-panel>.info>a {color: #fff}
.skin-green .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-green .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-green .sidebar-menu>li:hover>a, .skin-green .sidebar-menu>li.active>a { background: #009800; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-green .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-green .sidebar a {color: #a4a2a7; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-green .sidebar a:hover {text-decoration: none}
.skin-green .treeview-menu>li>a {color: #8aa4af;}
.skin-green .treeview-menu>li.active>a, .skin-green .treeview-menu>li>a:hover {color: #fff;}
.skin-green .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-green .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-green .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-green.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-green.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-green .sidebar {background-color: #0f0f11; padding-bottom: 80px;}
.skin-green.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-green.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-green .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Green Theme END*/


/*Purple Theme*/
.skin-purple .filter-details p {color: #6400ee;}
.skin-purple .course-content h1 { color: #6400ee;}
.skin-purple .box-inner-2-headding h3 {color: #6400ee;}
.skin-purple .learning-body h4 { color: #6400ee;}
.skin-purple .box-inner-2-headding h3 { color: #6400ee;}
.skin-purple .share-btn {border: 1px solid #6400ee; color: #6400ee;}
.skin-purple .share-btn:hover {border: 1px solid #4b02b0; color: #4b02b0;}
.skin-purple .share-btn span {background-color: #6400ee;}
.skin-purple .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #6400ee !important;}
.skin-purple .cal td.off a {color: #000;}

.skin-purple .left-btn-c { background-color: #6400ee;}
.skin-purple .right-btn-c { background-color: #6400ee;}
.skin-purple .carousel-indicators-numbers li.active { background-color: #6400ee;}
.skin-purple .box-inner-headding {background-color: #6400ee;}
.skin-purple .btn-blue-catalog {background-color: #6400ee;}
.skin-purple .btn-blue-catalog:hover {background-color: #4b02b0;}
.skin-purple .model-btn-pro {background-color: #6400ee;}
.skin-purple .model-btn-pro:hover {background-color: #4b02b0;}
.skin-purple .update-btn {background-color: #6400ee;}
.skin-purple .update-btn:hover {background-color: #4b02b0;}
.skin-purple .coupon-input-btn {background-color: #6400ee;}
.skin-purple .coupon-input-btn:hover {background-color: #4b02b0;}
.skin-purple .right-modal-po .modal-header h4 { color: #6400ee; font-size: 18px; font-weight: 600;}
.skin-purple .btn-blue { background-color: #6400ee; border-radius: 3px;  color: #fff;}
.skin-purple .btn-blue:hover {background-color: #4b02b0; color: #fff;}
.skin-purple .my-courses-btn {background-color: #6400ee;}
.skin-purple .bar {color: #6400ee; font-size: 31px;}
.skin-purple .calendar-small { background-color: #6400ee; height: 419px; min-height:auto; padding: 30px;}
.skin-purple .box-title {color: #6400ee; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 0;}
.skin-purple .gry-bg { background-color:#eff0f1; padding:50px 0 !important;}
.skin-purple .main-header .navbar { background-color: #d5d3d8; border-bottom:1px thin #dedfdf;}
.skin-purple .main-header .navbar .nav>li>a { color: #a4a6a8; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.skin-purple .main-header .navbar .nav > li > a i { font-size: 25px;  margin-right: 7px; vertical-align: middle;}
.skin-purple .main-header .navbar .nav>li>a:hover, .skin-purple .main-header .navbar .nav>li>a:active, .skin-purple .main-header .navbar .nav>li>a:focus, .skin-purple .main-header .navbar .nav .open>a, .skin-purple .main-header .navbar .nav .open>a:hover, .skin-purple .main-header .navbar .nav .open>a:focus { color: #78797b;}
.skin-purple .main-header .navbar .sidebar-toggle { color: #fff}
.skin-purple .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6;}
.skin-purple .main-header .navbar .sidebar-toggle {color: #6400ee;}
.skin-purple .main-header .navbar .sidebar-toggle:hover {color: #025885;}
.skin-purple .main-header .logo {	background-color: #f9fafa; color: #005986; border-bottom: 0 solid transparent; height: 120px; line-height: 120px;}
.skin-purple .main-header .logo:hover {background-color: #f9fafa}
.skin-purple .main-header li.user-header {background-color: #f4f5f5;}
.skin-purple .content-header {background: transparent}
.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {background-color: #0f0f11;}
.skin-purple .user-panel>.info, .skin-purple .user-panel>.info>a {color: #fff}
.skin-purple .sidebar-menu>li.header { color: #4b646f; background: #1a2226}
.skin-purple .sidebar-menu>li>a {border-left: 0px solid transparent; padding: 15px 10px 19px;}
.skin-purple .sidebar-menu>li:hover>a, .skin-purple .sidebar-menu>li.active>a { background: #6400ee; color: #fff; padding: 15px 10px 19px; display: block;text-align: center;}
.skin-purple .sidebar-menu>li>.treeview-menu { margin: 0 1px; background: #2c3b41}
.skin-purple .sidebar a {color: #a4a2a7; font-size: 16px; font-weight: 600;  padding: 15px;}
.skin-purple .sidebar a:hover {text-decoration: none}
.skin-purple .treeview-menu>li>a {color: #8aa4af;}
.skin-purple .treeview-menu>li.active>a, .skin-purple .treeview-menu>li>a:hover {color: #fff;}
.skin-purple .sidebar-form {border-radius: 3px; border: 1px solid #374850; margin: 10px 10px;}
.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.skin-purple .sidebar-form input[type="text"] {color: #666; border-top-left-radius: 2px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 2px !important}
.skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {background-color: #fff;	color: #666}
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {border-left-color: #fff;}
.skin-purple .sidebar-form .btn {color: #999; border-top-left-radius: 0 !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;	border-bottom-left-radius: 0 !important}
.skin-purple.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-purple.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8}
.skin-purple .sidebar {background-color: #0f0f11; padding-bottom: 80px;}
.skin-purple.layout-top-nav .main-header>.logo {background-color: #3c8dbc; color: #fff; border-bottom: 0 solid transparent;}
.skin-purple.layout-top-nav .main-header>.logo:hover { background-color: #3b8ab8;}
.skin-purple .copy-right-text {  bottom: 0; color: #4d6672; font-size: 14px; font-weight: normal; left: 0; position: absolute; width: 100%;}
/*Green Theme END*/