<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<body>
<div class="overlaymenu"></div>
<div class="page-wrapper">
<header id="header1">
<div class="leftmenutoggle visible-xs">
<i class="fa fa-bars" aria-hidden="true"></i>
<h1>LEAD</h1>
</div>
<div class="navbar">
<nav>
<ul class="nav navbar-nav pull-right">
<li class="dropdown dropdown-user dropdown_notify">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-bell"></i></a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li class="external">
<h3>
<strong>12 pending</strong> notifications</h3>
<a href="notification.html">view all</a>
</li>
<div class="scrolllist">
<ul>
<li>New User Registered
<span class="time">just now</span>
</li>
<li>New Courses Added
<span class="time">just now</span>
</li>
<li>New Paths Created
<span class="time">just now</span>
</li>
<li>LMS Course Avaliable
<span class="time">just now</span>
</li>
<li>New Courses Added
<span class="time">just now</span>
</li>
<li>New User Registered
<span class="time">just now</span>
</li>
<li>New Courses Added
<span class="time">just now</span>
</li>
</ul>
</div>
</ul>
</li>
<li><a href="messages.html"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
<li class="dropdown dropdown-user">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="images/user.png" class="headeruser" alt=""> <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li>
<a href="profile.html">
<i class="fa fa-user"></i> My Profile </a>
</li>
<li>
<a href="changepass.html">
<i class="fa fa-lock"></i> Change Password </a>
</li>
<li>
<a href="startquiz.html">
<i class="fa fa-question-circle"></i> Start Quiz
</a>
</li>
<li class="divider"> </li>
<li>
<a href="login.html">
<i class="fa fa-key"></i> Log Out </a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<aside class="leftmenu">
<div class="sidebar-toggler hidden-xs">
<i class="fa fa-navicon" aria-hidden="true"></i>
</div>
<div class="sidebar-back"> </div>
<div class="menu-sidebar">
<div class="adminlogo">
<a href="home.html"><img src="images/logomain.png" alt=""></a>
</div>
<ul>
<li>
<a href="continuewatching.html" target="_blank">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 297 297" style="enable-background:new 0 0 297 297;" xml:space="preserve" width="26px" height="30px">
<g>
<g><path d="M283.598,93.401c0-25.374-18.374-46.539-42.515-50.886C236.735,18.374,215.571,0,190.197,0 c-17.099,0-32.279,8.349-41.697,21.179C139.082,8.349,123.902,0,106.803,0C81.429,0,60.265,18.374,55.917,42.514 C31.776,46.862,13.402,68.027,13.402,93.4c0,8.132,2.946,22.468,10.91,30.811c-6.834,8.766-10.91,19.783-10.91,31.734 c0,18.066,9.436,34.556,24.33,43.863c-2.295,5.915-3.482,12.231-3.482,18.682c0,17.879,9.402,34.527,24.377,43.889 C61.843,281.948,78.983,297,99.357,297c15.484,0,37.558-16.716,49.143-26.492C160.085,280.284,182.159,297,197.643,297 c20.374,0,37.514-15.052,40.73-34.62c14.975-9.362,24.377-26.01,24.377-43.889c0-6.452-1.187-12.767-3.482-18.682 c14.895-9.307,24.33-25.797,24.33-43.863c0-11.951-4.076-22.968-10.91-31.734C280.651,115.869,283.598,101.532,283.598,93.401z M138.492,252.725c-13.887,12.164-31.792,24.26-39.136,24.26c-11.554,0-21.089-9.4-21.255-20.955 c-0.001-0.045-0.01-0.089-0.011-0.134c0.423-11.191,9.629-20.298,20.914-20.46c5.525-0.079,9.942-4.623,9.863-10.15 c-0.078-5.478-4.543-9.864-10.003-9.864c-0.049,0-0.098,0-0.147,0.001c-16.184,0.232-30.187,9.934-36.735,23.745 c-4.871-5.667-7.719-12.984-7.719-20.678c0-6.31,1.85-12.404,5.351-17.623c1.725-2.572,2.163-5.797,1.184-8.735 c-0.978-2.938-3.261-5.258-6.183-6.283c-12.68-4.448-21.2-16.465-21.2-29.904c0-17.474,14.216-31.69,31.69-31.69 s31.689,14.216,31.689,31.69c0,5.526,4.481,10.007,10.007,10.007s10.007-4.481,10.007-10.007c0-28.51-23.195-51.704-51.703-51.704 c-9.31,0-18.056,2.476-25.611,6.801c-2.816-2.395-6.078-11.474-6.078-17.642c0-17.474,14.216-31.69,31.69-31.69 c5.526,0,10.007-4.481,10.007-10.007c0-17.474,14.215-31.689,31.689-31.689s31.69,14.215,31.69,31.689V252.725z M190.198,165.952 c5.526,0,10.007-4.481,10.007-10.007c0-17.474,14.215-31.69,31.689-31.69s31.69,14.216,31.69,31.69 c0,13.439-8.52,25.457-21.2,29.904c-2.922,1.025-5.205,3.345-6.183,6.283c-0.978,2.938-0.54,6.163,1.184,8.735 c3.501,5.22,5.351,11.313,5.351,17.623c0,7.695-2.848,15.012-7.719,20.679c-6.547-13.811-20.551-23.513-36.735-23.745 c-0.049-0.001-0.098-0.001-0.147-0.001c-5.46,0-9.925,4.387-10.003,9.864c-0.079,5.526,4.337,10.071,9.863,10.15 c11.289,0.161,20.496,9.272,20.915,20.466c-0.001,0.043-0.01,0.085-0.011,0.128c-0.165,11.554-9.7,20.955-21.255,20.955 c-7.344,0-25.25-12.098-39.136-24.26V51.703c0-17.474,14.216-31.689,31.69-31.689s31.689,14.215,31.689,31.689 c0,5.526,4.481,10.007,10.007,10.007c17.474,0,31.69,14.216,31.69,31.69c-0.001,6.168-3.263,15.247-6.078,17.642 c-7.554-4.325-16.301-6.801-25.612-6.801c-28.509,0-51.703,23.195-51.703,51.704C180.191,161.471,184.672,165.952,190.198,165.952 z" fill="#fff"/>
</g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g>
</g>
</svg>
<span>Learn</span></a>
<ul class="submenu">
<li><a href="continuewatching.html">My Courses </a></li>
<li><a href="home.html">Recommended</a></li>
<li><a href="filter.html">Discover</a></li>
<li><a href="lmsquizzes.html">Quiz</a></li>
</ul>
</li>
<li>
<a href="index.html"><i class="fa fa-gears"></i> <span>Learn CMS</span></a>
<ul class="submenu">
<li><a href="resources.html">Create Resources </a></li>
<li><a href="courses.html">Create Course</a></li>
<li><a href="learningpaths.html">Create Path</a></li>
<li><a href="quizlist.html">Create Quiz</a></li>
<li><a href="#"> Associate Augment</a></li>
</ul>
</li>
<li>
<a href="schedule.html">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="26px" height="26px" viewBox="0 0 341.089 263.097" enable-background="new 0 0 341.089 263.097" xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.5947" y1="124.6108" x2="332.2773" y2="124.6108">
<stop offset="0" style="stop-color:#FFFFFF"/>
<stop offset="1" style="stop-color:#000000"/>
</linearGradient>
<path stroke="url(#SVGID_1_)" stroke-miterlimit="10" d="M12.206,246.292c2.797,1.922,13.598,7.281,22.719-4.238l61.762-90.242
l65.359,63.039c3.438,3.281,8.16,5.043,12.957,4.48c4.723-0.48,9.043-2.957,11.844-6.879L295.245,57.01l3.918,52
c0.961,13.204,13.363,15.364,17.523,15.043c8.957-0.722,15.758-8.48,15.039-17.519l-6.879-91.442
c-0.641-8.96-8.48-15.761-17.523-15.039l-91.438,6.879c-8.961,0.641-15.762,8.481-15.039,17.52
c0.637,8.961,8.398,15.68,17.52,15.039l52-3.918l-99.363,142.398l-65.519-63.199c-3.438-3.359-8.239-5.039-12.957-4.48
c-4.801,0.48-9.122,3.039-11.84,7.039L7.964,223.573C2.847,231.01,4.765,241.17,12.206,246.292L12.206,246.292z M12.206,246.292"/>
</g>
</svg> <span>Live </span>
</a>
<ul class="submenu">
<li><a href="viewallform.html">All Forms- Trainees</a></li>
<li><a href="viewallforminprogress.html">In Progress Forms</a></li>
<li><a href="viewallformAdmin.html">All Forms-Admin</a></li>
<li><a href="map.html">Route View</a></li>
<li><a href="VM.html">Visual Merchandiser Gallery </a></li>
</ul>
</li>
<li>
<a href="livecms.html">
<i class="fa fa-gears"></i> <span>Live CMS</span>
</a>
<ul class="submenu">
<li><a href="viewallstories.html">Route Planner </a></li>
<li><a href="viewallform.html">Master Order Forms Builder</a></li>
<li><a href="#">Credibility Builder</a></li>
<li><a href="#">Augment Associator</a></li>
</ul>
</li>
<li><a href="socialwall.html"><i class="fa fa-heart"></i> <span>Love </span></a>
<ul class="submenu">
<li><a href="lovelanding.html">Sociable </a></li>
<li><a href="socialwall.html">Post to Social Wall </a></li>
<li><a href="feedback.html">Feedback </a></li>
<li><a href="feedbackform.html">Upload Feedback</a></li>
</ul>
</li>
<li><a href="lovecms.html"><i class="fa fa-gears"></i> <span>Love CMS</span></a>
<ul class="submenu">
<li><a href="#">Brands Manager </a></li>
<li><a href="#">Product Manager</a></li>
</ul>
</li>
<li class="active">
<a href="#0"><i class="fa fa-gear"></i> <span>Setting</span></a>
<ul class="submenu">
<li>
<a href="alluser.html" target="_blank"> <span>All User</span></a>
</li>
<li>
<a href="bulkimportusers.html" target="_blank"> <span>Bulk Import User</span></a>
</li>
<li>
<a href="registrationrequest.html" target="_blank"> <span>Registration Requests</span></a>
</li>
<li>
<a href="createprofile.html" target="_blank"> <span>Create Profile</span></a>
</li>
<li>
<a href="disseminator.html" target="_blank"> <span>Disseminator</span></a>
</li>
</ul>
</li>
<li>
<a href="#0"><i class="fa fa-list"></i> <span>Other Pages</span></a>
<ul class="submenu">
<li>
<a href="profile.html" target="_blank"> <span>Profile</span></a>
</li>
<li>
<a href="catalogues.html" target="_blank"> <span>Catalogues</span></a>
</li>
<li>
<a href="leaderboard.html" target="_blank"> <span>leaderboard</span></a>
</li>
<li>
<a href="teams.html" target="_blank"> <span>Teams</span></a>
</li>
<li>
<a href="startquiz.html" target="_blank"> <span>Start Quiz</span></a>
</li>
<li>
<a href="quizresult.html" target="_blank"> <span>Quiz Result</span></a>
</li>
<li>
<a href="ACTIONLEARNINGFORM.html" target="_blank"> <span>Action Learning Form</span></a>
</li>
<li>
<a href="PROJECTCHARTER.html" target="_blank"> <span>Project Charter</span></a>
</li>
<li>
<a href="jeopardy.html" target="_blank"> <span>Jeopardy</span></a>
</li>
<li>
<a href="jeopardyCMS.html" target="_blank"> <span>Jeopardy CMS</span></a>
</li>
<li>
<a href="jeopardyresults.html" target="_blank"> <span>Jeopardy Results</span></a>
</li>
</ul>
</li>
</ul>
</div>
</aside>
<div class="clearfix"> </div>
<div class="page-container">
<section class="content-wrapper">
<ol class="breadcrumb ">
<li><a href="alluser.html"><i class="fa fa-home"></i> Setting</a></li>
<li class="active">All Users</li>
</ol>
<h2>All Users</h2>
<div class="maincontent">
<div class="actionbtns">
<a href="createprofile.html" class="btn btn-primary btn-small"> <i class="fa fa-pencil"></i> Create User Profile</a>
<a href="bulkimportusers.html" class="btn btn-primary btn-small"><i class="fa fa-upload"></i> Bulk Import Users </a>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-filter"></i> Filter</div>
<div class="panel-body">
<div class="filterbar">
<form class="">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<div class="searchholder">
<input type="text" class="form-control" placeholder="Filter by Name">
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<div class="searchholder">
<input type="text" class="form-control" placeholder="Filter by User Role">
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<select class="form-control" name="">
<option value="">Designation</option>
</select>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<button class="btn btn-primary btn-lg btn-block" type="button"><i class="fa fa-filter"></i> Filter</button>
</div>
</div>
</div>
</form>
</div>
<div class="table-responsive">
<table class="table table-hover ">
<thead>
<tr>
<th>UserName</th>
<th>Location</th>
<th>Region</th>
<th>Email ID</th>
<th>Gender</th>
<th>User Role</th>
<th>Designation</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jesica Richard</td>
<td>Sample Loc</td>
<td>Sample Reg</td>
<td>Jennifer@gmail.com</td>
<td>Female</td>
<td>Sales Person</td>
<td>Manager</td>
<td><a href="#" class="label label-default "><i class="fa fa-pencil"></i> Edit</a> <a href="#" class="label label-danger "><i class="fa fa-trash"></i> Delete</a></td>
</tr>
<tr>
<td>Ismail Ahmed </td>
<td>Sample Loc</td>
<td>Sample Reg</td>
<td>Ismail@gmail.com</td>
<td>Male</td>
<td>Lead</td>
<td>Internee</td>
<td><a href="#" class="label label-default "><i class="fa fa-pencil"></i> Edit</a> <a href="#" class="label label-danger "><i class="fa fa-trash"></i> Delete</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</body>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
* {
outline: none; }
body,
html {
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #0e262d;
background: #f0f5f9;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
height: 100%; }
.underline {
text-decoration: underline; }
.no-pad {
padding: 0; }
.p-t-10 {
padding-top: 10px; }
textarea {
resize: none;
overflow: hidden; }
.list li {
line-height: 26px;
border-bottom: 1px solid #fafafa; }
.label {
margin: 0 5px; }
.label.label-default {
background: #f5f5f5;
border: 1px solid #efefef;
color: #585757; }
.label.label-default:focus, .label.label-default:hover {
background-color: #2b4046;
color: #ffffff; }
#sortable li {
cursor: -webkit-grab; }
.dropdown.open .dropdown-menu {
opacity: 1;
transform: scale(1, 1); }
.dropdown .dropdown-menu {
backface-visibility: hidden;
display: block;
opacity: 0;
transform: scale(1, 0);
transform-origin: center top 0;
-webkit-transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
text-shadow: none;
border: none;
border-radius: 3px;
font-size: 13px; }
.dropdown .dropdown-menu > li > a {
line-height: 35px;
color: #626262;
padding: 0 20px;
border-radius: 3px;
text-align: left; }
.btn-default {
color: #ffffff;
background-color: #96999c;
border-color: #929598; }
.btn-default:hover {
background-color: #7c8083;
border-color: #7c8083;
color: #ffffff; }
.btn-danger {
background: #e7505a;
border-color: #e43a45; }
.btn-danger:hover {
background: #e43a45;
border-color: #e22c38; }
ul {
padding: 0;
list-style-type: none;
margin: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans", sans-serif;
color: #333333; }
a {
color: #2b4046;
text-decoration: none; }
a:hover {
text-decoration: none;
color: #040607; }
.panel {
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
background: #ffffff;
margin-bottom: 20px;
border-radius: 0; }
.panel .panel-heading {
background: #2b4046;
color: #ffffff;
margin: 0;
font-size: 20px;
font-weight: 300; }
@media (max-width: 767px) {
.panel .panel-heading {
font-size: 18px; } }
.panel .panel-heading small {
font-size: 60%;
text-transform: none;
line-height: 30px; }
.panel hr {
border-top: 1px dashed #b5b5b5; }
.panel-group .panel .panel-heading {
padding: 10px 15px;
background: #f3f3f3;
color: #2b4046; }
.bluegroup.panel-group .panel {
margin-bottom: 20px; }
.bluegroup.panel-group .panel .panel-heading {
background: #2b4046;
color: #ffffff; }
.bluegroup.panel-group .panel .panel-heading .panel-title .actions i,
.bluegroup.panel-group .panel .panel-heading .panel-title a {
color: #ffffff; }
.panel-title {
position: relative;
font-size: 18px;
letter-spacing: 0.6px;
font-weight: normal; }
.panel-title .actions {
position: absolute;
display: inline-block;
right: 35px;
top: 0;
z-index: 1;
cursor: pointer; }
.panel-title .actions i {
margin: 0 5px;
color: #586d73; }
.panel-title a {
color: #2b4046;
display: block; }
.panel-title a:focus, .panel-title a:hover {
color: #2b4046;
text-decoration: none; }
.panel-title a:after {
content: "\f107";
font: normal normal normal 20px/1 FontAwesome;
position: absolute;
right: 10px; }
.panel-title a.collapsed:after {
content: "\f106"; }
.panel .datatable_holder {
border: 1px solid #ddd;
margin-bottom: 20px; }
.panel .table-responsive {
border: 1px solid #eeeeee;
margin-bottom: 20px; }
.panel .table-responsive thead {
border-bottom: 0; }
.panel .table-responsive thead tr th {
background: #d1d4da;
color: #2b4046;
padding: 15px 10px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px; }
.panel .table-responsive thead tr th .underline {
color: #2b4046; }
.dashboard-stat {
margin-bottom: 25px;
overflow: hidden;
display: table;
width: 100%;
height: 100%;
color: #ffffff;
min-height: 130px;
padding: 15px;
position: relative; }
.dashboard-stat i {
position: absolute;
left: -20px;
bottom: -20px;
font-size: 100px;
opacity: 0.2; }
.dashboard-stat:focus, .dashboard-stat:hover {
text-decoration: none;
color: #ffffff; }
.dashboard-stat .details {
display: table-cell;
vertical-align: middle;
text-align: right; }
.dashboard-stat .details h2 {
font-size: 42px;
font-weight: 300;
color: #ffffff; }
@media (max-width: 992px) {
.dashboard-stat .details h2 {
font-size: 30px; } }
.dashboard-stat .details .desc {
font-size: 18px; }
@media (max-width: 992px) {
.dashboard-stat .details .desc {
font-size: 14px; } }
.dashboard-stat.blue {
background-color: #3598dc; }
.dashboard-stat.green {
background-color: #35d2b4; }
.dashboard-stat.grey {
background-color: #696969; }
.dashboard-stat.red {
background-color: #e7505a; }
.dashboard-stat.purple {
background-color: #8E44AD; }
.detail_list {
border: 1px solid #f0f5f9; }
.detail_list li {
font-size: 16px;
padding: 15px;
border-bottom: 1px solid #f0f5f9;
color: #2b4046; }
@media (max-width: 767px) {
.detail_list li {
padding: 10px;
font-size: 15px; } }
.detail_list li:hover {
background: #f0f5f9; }
.detail_list li:hover p {
padding-right: 10px; }
.detail_list li p {
float: right;
font-weight: 300;
-webkit-transition: all 0.61s ease;
-moz-transition: all 0.61s ease;
-ms-transition: all 0.61s ease;
-o-transition: all 0.61s ease;
transition: all 0.61s ease; }
.modal.searchmodal .modal-header {
padding: 0; }
.modal.searchmodal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 10; }
.modal.searchmodal .iconholder .form-control {
background: none;
color: #ffffff;
border: 0;
padding-left: 50px; }
.modal.searchmodal .iconholder i {
left: 5px; }
.modal .modal-body {
background: #f8f9fa; }
.modal .modal-body .uploadbox {
background: #898f96;
color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border: 0; }
.modal .modal-body .uploadbox i,
.modal .modal-body .uploadbox small {
color: #ffffff; }
.modal .modal-footer {
background: #eaeced; }
.modal .modal-header {
background: #2b4046; }
.modal .modal-header .close {
font-size: 24px;
font-weight: normal;
color: #ffffff; }
.modal .modal-header h4 {
color: #ffffff; }
.form-group {
position: relative; }
.form-group .zmdi {
position: absolute;
right: 10px;
top: 45px;
color: #b5b5b5;
font-size: 16px; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
color: #ffffff;
cursor: default;
background-color: #2b4046;
border: 1px solid #2b4046;
border-bottom-color: transparent;
border-radius: 0; }
.nav-tabs {
margin-bottom: 20px; }
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
background-color: #2b4046;
border-color: #182326; }
.text-success {
color: #2b4046; }
.label-success {
background-color: #35d2b4;
color: #ffffff; }
.text-muted {
color: gray; }
.text-danger {
color: #e7505a; }
.badge {
background: #2b4046; }
.badge-important {
background-color: #f55753;
color: #ffffff; }
.btn {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
font-family: "Open Sans", sans-serif;
font-size: 16px;
border-radius: 1px;
padding: 6px 18px;
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
.btn:hover {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
.btn-white {
background: #ffffff;
color: #2b4046;
border: 1px solid #e8e8e8; }
.btn-grey {
background: gray;
color: #ffffff; }
.btn-primary {
background-color: #2b4046;
background-image: -webkit-linear-gradient(45deg, #2b4046 28%, #1c2e33);
background-image: linear-gradient(45deg, #2b4046 28%, #1c2e33);
border-color: #213236; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
background-color: #182326;
border-color: #1b292d; }
.btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus:focus, .btn-primary:focus:hover, .btn-primary:hover:focus, .btn-primary:hover:hover {
background-color: #213236;
border-color: #1b292d; }
.btn-primary.hollowbtn {
background: none;
border: 1px solid #2b4046;
color: #2b4046;
box-shadow: none; }
.btn-primary.hollowbtn:focus, .btn-primary.hollowbtn:hover {
background: #2b4046;
color: #ffffff; }
.btn-round {
border-radius: 50%; }
.btn-small {
font-size: 12px;
padding: 6px 12px; }
.btn-lg {
padding: 13px 25px; }
.actionbtns {
margin-bottom: 20px; }
.actionbtns a {
margin-bottom: 10px; }
@media (max-width: 480px) {
.actionbtns a {
display: block; } }
.customform .innerhead {
margin-bottom: 15px;
border: 1px solid #e6e6e6; }
.customform .innerhead .row {
padding: 0 15px; }
.customform .formheading {
background-color: #efefef;
color: #333;
padding: 5px;
font-size: 14px;
margin: 0 0 10px; }
.customform .form-control {
height: 30px;
font-size: 13px;
line-height: 30px; }
.customform textarea.form-control {
height: auto; }
.customform fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 0 20px;
border: 1px solid silver; }
.customform fieldset legend {
width: auto;
border: 0;
font-size: 16px;
padding: 0 10px;
margin-bottom: 10px;
font-weight: 600;
text-transform: uppercase; }
.customform .datepicker_holder label,
.customform label {
font-size: 13px;
font-weight: normal; }
.customform .form-group {
margin-bottom: 10px; }
.customform select.form-control {
background: url("../images/selectsmall.png") top right no-repeat; }
.coursecreate form .form-control.smallselect {
background: url("../images/selectsmall.png") top right no-repeat;
height: 30px;
font-size: 13px;
line-height: 30px; }
.headingrow {
margin: 0; }
.headingrow [class*="col-"] {
background: #929598;
color: #ffffff; }
.tablelist {
margin: 0 15px 15px;
border: 1px solid #c0c0c0;
padding: 15px; }
.tablelist li {
clear: both;
overflow: hidden;
margin-bottom: 5px; }
.filterbar {
margin-bottom: 20px; }
.filterbar .form-control {
height: 50px;
line-height: 50px; }
.filterbar .form-control,
.filterbar label {
font-size: 12px;
color: #949494; }
.filterbar form {
padding: 10px; }
.filterbar h4 {
background: #e7e9ec;
margin: 0;
padding: 10px;
color: #0e262d;
letter-spacing: 1px;
text-transform: uppercase; }
.validation-message {
font-size: 12px;
color: #ffffff;
color: #ff5b5b; }
label {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
color: #696969; }
.form-control {
border: 1px solid #d3d3d3;
box-shadow: none;
border-radius: 0;
padding: 0 0 0 12px;
line-height: 50px;
height: 50px;
color: #949494; }
.form-control.input-sm {
max-width: 300px; }
.form-control:focus {
border-color: rgba(18, 60, 72, 0.5);
outline: 0 !important;
-webkit-box-shadow: none;
box-shadow: none; }
select.form-control {
background: #ffffff url("../images/select.png") no-repeat top right;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: pre-wrap; }
select.form-control:focus {
background-position: bottom right; }
form label {
color: #333;
font-weight: normal;
text-transform: none;
font-size: 18px; }
.attachmentlist li a {
display: inline-block;
margin: 0 10px;
padding: 10px; }
.attachmentlist li a:first-child {
text-decoration: underline; }
.fileinput-button {
position: relative;
overflow: hidden;
padding: 10px 22px;
top: 5px; }
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
direction: ltr;
cursor: pointer;
width: 100%; }
.uploadbox {
background: #e0e0e0;
border: 2px dashed #b3b3b3;
margin-bottom: 30px; }
.uploadbox i,
.uploadbox small {
color: #848485; }
.uploadbox .fileinput-button {
display: block;
width: 100%;
height: 200px;
line-height: 180px;
text-align: center;
font-size: 18px; }
.checkbox,
.radio {
margin: 0; }
.login {
background: url("../images/loginbg.jpg") no-repeat;
background-size: cover;
height: 100%;
padding: 20px 50px 50px; }
@media (max-width: 767px) {
.login {
padding: 20px; } }
.login .formholder {
padding: 30px 50px;
max-width: 450px;
margin: 2em auto 0;
background: #ffffff;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: all 0.61s ease;
-moz-transition: all 0.61s ease;
-ms-transition: all 0.61s ease;
-o-transition: all 0.61s ease;
transition: all 0.61s ease; }
.login .formholder:hover {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
@media (max-width: 767px) {
.login .formholder {
padding: 15px; } }
.login .formholder h2 {
font-size: 26px;
font-weight: normal;
color: #2b4046;
margin-bottom: 30px; }
.login .formholder .formlogo {
text-align: center;
margin-bottom: 25px; }
.login .formholder .formlogo img {
display: inline-block;
max-width: 150px; }
.login .formholder .btn {
text-transform: uppercase; }
.login .formholder .forgetpass {
color: #2b4046;
text-decoration: underline;
text-align: center;
float: right;
position: relative;
z-index: 6; }
@media (max-width: 767px) {
.scrollhide {
overflow: hidden !important;
position: relative;
z-index: 8888888; }
.blur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px); } }
input[type="number"] {
max-width: 85px;
border: 1px solid #ebebeb;
height: 34px;
line-height: 34px;
padding: 8px 0 8px 8px; }
@media (max-width: 767px) {
.commentlist .media-body,
.commentlist .media-left,
.commentlist .media-right {
display: block; } }
@media (max-width: 767px) {
.commentlist .media-body {
display: block;
width: 100%; } }
.commentlist .scrolllist li {
border-bottom: 1px solid #dddddd;
padding: 5px 10px; }
.commentlist .scrolllist li h4 {
margin: 0; }
@media (max-width: 767px) {
.scrolllistmobile {
height: 300px;
overflow-y: scroll; } }
.scrolllist {
height: 200px;
overflow-y: scroll; }
.scrolllist li {
border-bottom: 1px solid #f7f7f7;
font-size: 13px;
padding: 15px 10px; }
.checkbox input[type=checkbox],
.radio input[type=radio] {
opacity: 0;
width: 0;
height: 0; }
.checkbox label {
transition: border 0.2s linear 0s, color 0.2s linear 0s; }
.checkbox label:before {
top: 1.4px;
border-radius: 3px;
transition: border 0.2s linear 0s, color 0.2s linear 0s; }
.checkbox label::after {
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
left: 3px;
top: 1px;
line-height: 18px;
font-size: 11px;
transition: border 0.2s linear 0s, color 0.2s linear 0s;
border-radius: 3px; }
.checkbox,
.radio {
margin-bottom: 10px;
margin-top: 10px;
padding-left: 0; }
.checkbox label,
.radio label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px !important;
margin-right: 15px;
font-size: 14px; }
.checkbox label:before,
.radio label:before {
content: "";
display: inline-block;
width: 17px;
height: 17px;
margin-right: 10px;
position: absolute;
left: 0;
background-color: #ffffff;
border: 2px solid #d0d0d0; }
.table th a {
color: #ffffff; }
.table th .checkbox input[type=checkbox]:checked + label:before {
border-color: #ffffff; }
.table th .checkbox input[type=checkbox]:checked + label::after {
color: #2b4046; }
.table .checkbox {
margin: 0;
padding: 0;
width: 17px; }
.table .checkbox label {
color: #2b4046;
font-weight: 700;
margin: 0;
padding: 0 0 0 12px !important; }
.radio label:before {
bottom: 2.5px;
border-radius: 99px;
-webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); }
.radio input[type=radio]:checked + label:before {
border-width: 5px; }
.radio input[type="radio"]:focus + label {
color: #2c2c2c; }
.radio input[type="radio"]:focus + label:before {
background-color: #e6e6e6; }
.radio input[type=radio][disabled] + label {
opacity: 0.65; }
.radio input[type=radio]:checked + label:before {
border-color: #2b4046; }
.checkbox input[type=radio][disabled] + label:after {
background-color: #e6e6e6; }
.checkbox.checkbox-circle label:after {
border-radius: 99px; }
.checkbox.checkbox-circle label:before {
border-radius: 99px; }
.checkbox input[type=checkbox]:checked + label:before {
border-width: 8.5px; }
.checkbox input[type=checkbox]:checked + label::after {
font-family: 'FontAwesome';
content: "\F00C";
color: #ffffff; }
.checkbox input[type="checkbox"]:focus + label {
color: #2c2c2c; }
.checkbox input[type="checkbox"]:focus + label:before {
background-color: #e6e6e6; }
.checkbox input[type=checkbox][disabled] + label {
opacity: 0.65; }
.checkbox input[type=checkbox][disabled] + label:before {
background-color: #eceff3; }
.checkbox input[type=checkbox]:checked + label:before {
border-color: #2b4046; }
#header1 {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
background: #2b4046 url("../images/headerbg.png");
width: 100%;
margin: 0;
border: 0;
padding: 0;
height: 200px; }
@media (max-width: 767px) {
#header1 {
height: 62px; } }
#header1 h1 {
display: inline-block;
color: #ffffff;
margin: 0; }
#header1 .dropdown_notify .dropdown-menu {
min-width: 160px;
max-width: 275px;
width: 275px;
z-index: 9995;
right: 0;
left: auto;
margin: 0;
padding: 0; }
@media (max-width: 767px) {
#header1 .dropdown_notify .dropdown-menu:before {
opacity: 0; } }
@media (max-width: 767px) {
#header1 .dropdown_notify .dropdown-menu {
max-width: 235px;
width: 235px;
left: 50% !important;
right: 0 !important;
transform: translateX(-50%); } }
#header1 .dropdown_notify .dropdown-menu li {
display: block;
clear: both;
font-weight: 300;
line-height: 20px;
white-space: normal;
font-size: 13px;
padding: 16px 15px 18px;
text-shadow: none;
border-bottom: 1px solid #ececec;
color: #333; }
#header1 .dropdown_notify .dropdown-menu li.external {
display: block;
overflow: hidden;
padding: 15px;
letter-spacing: 0.5px;
background: #f0f0f0; }
#header1 .dropdown_notify .dropdown-menu li.external a {
display: inline-block;
padding: 0;
background: 0 0;
clear: inherit;
font-size: 13px;
font-weight: 300;
position: absolute;
right: 10px;
top: 5px;
color: #2b4046; }
#header1 .dropdown_notify .dropdown-menu li.external h3 {
margin: 0;
padding: 0;
float: left;
font-size: 13px;
display: inline-block;
color: #2b4046; }
#header1 .dropdown_notify .dropdown-menu .time {
float: right;
max-width: 75px;
font-size: 11px;
font-weight: 400;
opacity: 0.7;
filter: alpha(opacity=70);
text-align: right;
padding: 1px 5px;
background: #eaeaea;
color: #000000; }
#header1 .dropdown-user .headeruser {
max-width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
#header1 .dropdown-user.open .dropdown-menu {
visibility: visible; }
#header1 .dropdown-user .dropdown-menu {
right: 0;
left: auto;
visibility: hidden; }
#header1 .dropdown-user .dropdown-menu:before {
position: absolute;
top: -7px;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: white;
content: '';
right: 20px;
left: auto; }
@media (max-width: 767px) {
#header1 .dropdown-user .dropdown-menu {
position: absolute;
background: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } }
@media (max-width: 767px) {
#header1 .dropdown-user .dropdown-menu > li > a {
padding: 5px 10px; } }
@media (max-width: 767px) {
#header1 .navbar {
min-height: 62px;
margin: 0; } }
#header1 nav {
margin: 0;
padding: 0;
float: right; }
#header1 nav > ul {
padding: 0;
margin-right: 20px;
display: block; }
@media (max-width: 767px) {
#header1 nav > ul > li {
display: inline-block; } }
#header1 nav > ul > li > a {
padding: 0 15px;
line-height: 60px;
color: #ffffff; }
#header1 nav > ul > li > a i {
font-size: 20px; }
#header1 nav > ul > li > a:focus, #header1 nav > ul > li > a:hover {
background: transparent; }
@media (max-width: 767px) {
#header1 nav > ul > li > a {
padding: 0 10px;
font-size: 13px; } }
@media (max-width: 767px) {
#header1 nav > ul.navbar-nav {
margin: 0; } }
.filtersection .panel-title a {
font-size: 14px; }
.filtersection .panel-group .panel .panel-heading_ext {
background: #d2d2d2; }
.filtersection .panel-group .panel .panel-heading_ext h4 {
margin: 0; }
.tab-content .filterbar {
box-shadow: none;
border: 0; }
.tab-content .checkbox label {
text-transform: none;
color: #333;
font-weight: normal; }
#multi-prepend .select2-container {
width: 100% !important; }
.sidebar-toggler {
position: absolute;
top: 0;
right: -30px;
background: #ffffff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
z-index: 666;
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29); }
.leftmenutoggle {
position: absolute;
left: 10px;
top: 15px;
color: #ffffff;
font-size: 22px;
z-index: 999;
cursor: pointer; }
.leftmenutoggle h1 {
font-size: 26px; }
.leftmenu.leftmenuactive {
left: 0; }
@media (max-width: 767px) {
.overlaymenu {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
z-index: 12;
-webkit-transition: opacity 0.31s ease;
-moz-transition: opacity 0.31s ease;
-ms-transition: opacity 0.31s ease;
-o-transition: opacity 0.31s ease;
transition: opacity 0.31s ease; }
.overlaymenu.active {
opacity: 1;
visibility: visible; } }
.courselisting {
margin-bottom: 30px; }
.courselisting figure {
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
margin: 0 15px 30px; }
.courselisting figure:hover {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.courselisting figure:hover .duplicatelist {
opacity: 1; }
.courselisting figure > a {
display: block; }
.courselisting figure .editholder {
position: relative; }
.courselisting figure .editholder .editoption {
position: absolute;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: #4e4e4e;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
padding: 6px 15px;
font-size: 14px;
color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
opacity: 0;
-webkit-transition: all 0.61s ease;
-moz-transition: all 0.61s ease;
-ms-transition: all 0.61s ease;
-o-transition: all 0.61s ease;
transition: all 0.61s ease; }
@media (max-width: 767px) {
.courselisting figure .editholder .editoption {
opacity: 1; } }
.courselisting figure .editholder:hover .editoption {
-moz-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
opacity: 1; }
.courselisting figure img {
border-bottom: 1px solid #d4d8de;
width: 100%; }
@media (max-width: 767px) {
.courselisting figure img {
display: block;
width: 100%; } }
.courselisting figure figcaption {
padding: 15px; }
.courselisting figure figcaption .label-default {
background: #696969;
color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
display: inline-block;
margin: 5px 0 10px; }
.courselisting figure figcaption .c_type {
font-size: 14px;
color: #696969; }
.courseslist > li {
padding: 10px;
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
margin-bottom: 10px;
position: relative;
cursor: move;
border: 1px solid transparent;
-webkit-transition: border 0.61s ease;
-moz-transition: border 0.61s ease;
-ms-transition: border 0.61s ease;
-o-transition: border 0.61s ease;
transition: border 0.61s ease; }
.courseslist > li:hover {
border: 1px solid #d8d8d8; }
.courseslist > li:hover ul {
right: 5px; }
.courseslist > li ul {
position: absolute;
right: 0;
top: 8px;
-webkit-transition: right 0.61s ease;
-moz-transition: right 0.61s ease;
-ms-transition: right 0.61s ease;
-o-transition: right 0.61s ease;
transition: right 0.61s ease; }
.leftmenu {
width: 160px;
float: left;
height: 100%;
max-height: 100%;
position: absolute;
background: #ffffff url("../images/leftmenu.png");
left: 0;
top: 0;
z-index: 666;
-webkit-transition: left 0.58s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: left 0.58s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: left 0.58s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: left 0.58s cubic-bezier(0.4, 0, 0.2, 1);
transition: left 0.58s cubic-bezier(0.4, 0, 0.2, 1); }
.leftmenu .sidebar-back {
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
display: block;
height: 100%;
left: 0;
max-height: 100%;
position: fixed;
top: 0;
z-index: -1;
width: 160px; }
@media (max-width: 767px) {
.leftmenu .sidebar-back {
display: none; } }
@media (max-width: 767px) {
.leftmenu {
left: -230px;
width: 230px; } }
.leftmenu .menu-sidebar {
padding: 0; }
@media (max-width: 767px) {
.leftmenu .menu-sidebar {
overflow-y: auto;
height: 550px; } }
.leftmenu .adminlogo {
width: 160px;
border-bottom: 1px solid #e8e8e8;
height: 80px; }
@media (max-width: 992px) {
.leftmenu .adminlogo {
width: 120px;
height: 70px; } }
@media (max-width: 767px) {
.leftmenu .adminlogo {
width: 213px; } }
.leftmenu .adminlogo a {
height: 80px;
font-size: 30px;
font-weight: bold;
color: #696969;
line-height: 80px;
display: block;
text-align: center; }
.leftmenu .adminlogo a img {
max-width: 110px; }
@media (max-width: 767px) {
.leftmenu .adminlogo a {
height: 70px;
line-height: 70px; } }
.leftmenu ul > li {
border-bottom: 1px solid #e8e8e8;
position: relative; }
.leftmenu ul > li:last-child .submenu {
top: -190px; }
.leftmenu ul > li:last-child .submenu:before {
left: -7px;
top: auto;
bottom: 50px; }
.leftmenu ul > li .submenu {
width: 230px;
background-color: #2b4046;
left: 100%;
z-index: 10005;
top: 0;
padding: 0;
position: absolute;
display: none;
color: #ffffff; }
@media (max-width: 767px) {
.leftmenu ul > li .submenu {
display: block;
width: 100%;
position: static;
background: #ffffff; } }
.leftmenu ul > li .submenu:before {
background: 0 0;
width: 0;
height: 0;
border-style: solid;
border-top: 12px double transparent;
border-bottom: 12px double transparent;
border-left: 0;
content: '';
border-right: 8px solid #23353a;
position: absolute;
left: -7px;
top: 20px; }
@media (max-width: 767px) {
.leftmenu ul > li .submenu:before {
display: none; } }
.leftmenu ul > li .submenu > li {
border-bottom: 1px solid #223940; }
@media (max-width: 767px) {
.leftmenu ul > li .submenu > li {
border-bottom: 1px solid #e8e8e8;
background: #f9f9f9; } }
.leftmenu ul > li .submenu > li > a {
color: #ffffff;
text-align: left;
font-size: 12px;
line-height: 24px;
padding: 6px 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media (max-width: 767px) {
.leftmenu ul > li .submenu > li > a {
color: #7c7d7e;
text-align: center; } }
.leftmenu ul > li .submenu > li > a:hover {
background: #182326;
padding-left: 15px; }
.leftmenu ul > li:hover .submenu {
display: block; }
.leftmenu ul > li > a {
line-height: 36px;
display: block;
color: #7c7d7e;
padding: 20px 10px 10px;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px;
text-align: center; }
@media (max-width: 767px) {
.leftmenu ul > li > a {
font-size: 15px;
line-height: 30px;
padding: 6px 20px; } }
.leftmenu ul > li > a svg path {
fill: #7c7d7e; }
.leftmenu ul > li > a:hover {
text-decoration: none;
background: #2b4046;
color: #ffffff; }
.leftmenu ul > li > a:hover svg path {
fill: #ffffff; }
.leftmenu ul > li > a i,
.leftmenu ul > li > a img {
display: inline-block;
font: normal normal normal 30px/1 FontAwesome; }
.leftmenu ul > li > a span {
display: block; }
.leftmenu ul > li.active > a {
background: #2b4046;
color: #ffffff; }
.leftmenu ul > li.active > a svg path {
fill: #ffffff; }
.page-wrapper .page-container {
margin: 0;
padding: 0;
position: relative; }
.page-wrapper .page-container .content-wrapper > h2 {
color: #ffffff;
margin: 0 0 10px;
font-weight: 300; }
@media (max-width: 767px) {
.page-wrapper .page-container .content-wrapper > h2 {
color: #696969;
font-size: 24px; } }
@media (max-width: 992px) {
.page-wrapper .page-container .content-wrapper {
margin: 30px 30px 0 150px; } }
@media (max-width: 767px) {
.page-wrapper .page-container .content-wrapper {
margin: 15px; } }
svg {
vertical-align: bottom; }
.breadcrumb {
float: right;
background: none; }
@media (max-width: 480px) {
.breadcrumb {
float: none;
padding: 0; } }
.breadcrumb > li > a {
font-size: 13px;
color: #ffffff; }
@media (max-width: 767px) {
.breadcrumb > li > a {
color: #696969; } }
@media (max-width: 767px) {
.breadcrumb > li > a svg path {
fill: #696969; } }
.breadcrumb > li > a > img {
max-width: 18px;
vertical-align: text-top; }
.breadcrumb > .active {
color: #cccccc;
font-size: 13px; }
@media (max-width: 767px) {
.breadcrumb > .active {
color: #696969;
color: #363636; } }
.maincontent {
background: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px; }
@media (max-width: 767px) {
.maincontent .list-group .list-group-item .badge {
float: none !important; } }
.maincontent .panel-white .panel-heading {
color: #696969;
font-size: 24px;
background: transparent;
border-bottom: 1px solid #e9ebee;
font-size: 24px;
font-weight: 600;
text-transform: none; }
.maincontent.overlayright:after {
content: '';
position: fixed;
left: 160px;
background: rgba(0, 0, 0, 0.68);
width: 100%;
height: 100%;
z-index: 1111;
top: 60px; }
@media (max-width: 767px) {
.maincontent {
padding: 20px 15px; } }
#datascroll {
width: 100%; }
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #DDD; }
.table-responsive .table {
margin: 0;
background: #ffffff; }
.table-responsive .table thead th {
background: #2b4046;
color: #ffffff;
padding: 15px 10px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px; }
#tablescroll {
height: 500px;
white-space: nowrap; }
.table > tbody > tr > td {
font-size: 14px;
padding: 15px 10px; }
#trainertable_wrapper .dataTables_filter {
display: none; }
.table.dataTable .sorting_asc,
.table.dataTable .sorting_desc {
border-bottom: 2px solid #2b4046;
color: #2b4046; }
.table.dataTable .sorting,
.table.dataTable .sorting_asc,
.table.dataTable .sorting_desc {
cursor: pointer;
position: relative;
white-space: nowrap; }
.table.dataTable .sorting:after,
.table.dataTable .sorting_asc:after,
.table.dataTable .sorting_desc:after {
display: inline-block;
font-family: FontAwesome;
font-size: 13px;
height: 20px;
line-height: 20px;
margin-left: 5px;
text-align: center;
width: 20px; }
.dataTables_info {
line-height: 30px;
white-space: nowrap;
font-size: 12px; }
.table.dataTable .sorting_asc,
.table.dataTable .sorting_desc {
border-bottom-color: #2b4046;
color: #2b4046; }
.table.dataTable .sorting:after {
color: #444;
content: "\f0dc"; }
.table.dataTable .sorting_asc:after {
color: black;
content: "\f0de"; }
.table.dataTable .sorting_desc:after {
color: #2b4046;
content: "\f0dd"; }
.flexpanel .panel {
padding: 0;
margin: 15px; }
@media only screen and (min-width: 768px) {
.innercontainer {
padding-bottom: 300px; }
.flexpanel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.leftmenuhide .sidebar-back {
width: 60px; }
.leftmenuhide .adminlogo {
width: 60px; }
.leftmenuhide .adminlogo a img {
max-width: 30px; }
.leftmenuhide .leftmenu ul > li > a > span {
display: none; }
.leftmenuhide .leftmenu ul > li .submenu > li > a > span {
display: block; }
.leftmenuhide .leftmenu ul > li > a i {
font-size: 20px; }
.leftmenuhide .leftmenu ul > li > a svg {
width: 20px; }
.leftmenuhide .leftmenu {
left: 0;
width: 60px; }
.leftmenuhide .page-wrapper .page-container .content-wrapper {
margin: 0 30px 0 90px; }
.modal-sm {
width: 420px; }
.modal .form-group {
margin-bottom: 10px; }
.modal .form-group small {
float: right; }
.modal .form-control {
font-size: 12px; }
.form-group {
margin-bottom: 20px; }
.page-wrapper .page-container {
margin: 0;
padding: 0;
position: relative; }
.page-wrapper .page-container .content-wrapper {
margin: 0 30px 0 190px;
min-height: 600px;
position: relative;
top: -120px; }
.page-wrapper .page-container .content-wrapper .maincontent {
padding: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.page-wrapper .page-container .content-wrapper .maincontent {
padding: 20px; } }
.q_result {
padding: 50px 0; }
.portlet {
border: 1px solid #efefef;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
margin-bottom: 20px;
overflow: hidden; }
.portlet .table {
margin: 0; }
.portlet .table th {
background: #2b4046;
color: white; }
.leaderboard header {
background: url("../images/leaderboardbg.png") no-repeat; }
.leaderboard .positionholder {
padding: 20px 0 50px; }
.leaderboard .positionholder figure {
text-align: center;
margin-bottom: 50px; }
.leaderboard .positionholder figure.pos_small {
position: relative;
top: 50px; }
@media (max-width: 992px) {
.leaderboard .positionholder figure.pos_small > a img {
max-width: 70px; } }
.leaderboard .positionholder figure figcaption {
padding-top: 30px; }
.leaderboard .positionholder figure figcaption h5 {
color: #2b4046;
font-size: 16px; }
@media (max-width: 767px) {
.leaderboard .positionholder figure figcaption h5 {
font-size: 14px;
font-weight: normal; } }
.leaderboard .positionholder figure figcaption h4 {
font-size: 26px;
font-weight: 600; }
.leaderboard .positionholder figure figcaption h4,
.leaderboard .positionholder figure figcaption strong {
color: #2b4046; }
.leaderboard .positionholder figure figcaption strong {
font-size: 30px;
font-weight: bold; }
.leaderboard .positionholder figure figcaption p {
color: #838383;
font-size: 18px; }
.leaderboard .positionholder figure > a {
display: inline-block;
position: relative; }
.leaderboard .positionholder figure > a img {
display: inline-block;
border: 4px solid #ecf0f9; }
@media (max-width: 992px) {
.leaderboard .positionholder figure > a img {
max-width: 85px; } }
.leaderboard .positionholder figure > a img.number_pos {
position: absolute;
left: 50%;
right: auto;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -20px;
border: none; }
@media (max-width: 992px) {
.leaderboard .positionholder figure > a img.number_pos {
max-width: 20px;
bottom: -10px; } }
.coursearea {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative; }
.coursearea .descriptionbox {
padding: 15px;
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29); }
.coursearea .descriptionbox,
.coursearea .videobox {
min-width: 200px;
margin-bottom: 20px; }
.coursearea .sidebar-area {
background-color: rgba(230, 233, 236, 0.4); }
@media (max-width: 767px) {
.coursearea.regular-mode .descriptionbox {
width: 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-ms-flex-order: 1;
order: 1; } }
@media (max-width: 767px) {
.coursearea.regular-mode .videobox {
-ms-flex: 1 0 100%;
flex: 1 0 100%; } }
.coursearea .media-container {
position: relative;
clear: both;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
background-color: rgba(0, 0, 0, 0.7); }
.coursearea .media-container .course-preview {
width: 100%;
background-color: #000000;
position: relative;
min-height: 300px;
overflow: hidden; }
.coursearea .media-container .course-preview i {
font-size: 56px;
color: #adadad;
-webkit-transition: color 0.61s ease;
-moz-transition: color 0.61s ease;
-ms-transition: color 0.61s ease;
-o-transition: color 0.61s ease;
transition: color 0.61s ease; }
.coursearea .media-container .course-preview i:hover {
color: #989898; }
.coursearea .media-container .course-preview i,
.coursearea .media-container .course-preview iframe,
.coursearea .media-container .course-preview img {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-moz-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
@media only screen and (min-width: 768px) {
.coursearea.regular-mode .sidebar-area {
width: 32%;
height: 100%;
margin-bottom: 0;
position: absolute;
left: 0;
top: 0; }
.coursearea.regular-mode .descriptionbox,
.coursearea.regular-mode .videobox {
width: 66%;
margin-left: 34%; }
.coursearea.theatermode .videobox {
width: 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-ms-flex-order: 1;
order: 1; }
.coursearea.theatermode .descriptionbox {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 3;
order: 3; }
.coursearea.theatermode .sidebar-area {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
min-width: 1px;
-ms-flex-order: 2;
order: 2; }
.leaderboard .positionholder {
padding: 70px 0 0; }
.leaderboard .positionholder figure {
position: relative;
top: -30px; }
.leaderboard .positionholder figure figcaption {
padding-top: 30px; }
.leaderboard .positionholder figure > a:hover img.number_pos {
bottom: -15px; }
.leaderboard .positionholder figure > a img.number_pos {
border: none;
-webkit-transition: bottom 0.61s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: bottom 0.61s cubic-bezier(0.22, 0.61, 0.36, 1);
-ms-transition: bottom 0.61s cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition: bottom 0.61s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: bottom 0.61s cubic-bezier(0.22, 0.61, 0.36, 1); } }
@media (max-width: 480px) {
.viewoptions a {
display: block;
margin-bottom: 10px; } }
.radio.counterdiv label:before {
bottom: 18px; }
.coursecreate nav .nav_steps {
margin-bottom: 20px; }
.coursecreate .checkbox label::after,
.coursecreate .checkbox label:before,
.coursecreate .radio label:before {
top: 5px; }
.coursecreate .checkbox.counterdiv label:before {
top: 8px; }
.coursecreate .checkbox.counterdiv label:after {
line-height: 24px; }
.coursecreate form textarea.form-control {
height: auto; }
.coursecreate form .form-group {
margin-bottom: 30px; }
.coursecreate form label {
color: #696969;
font-size: 20px;
font-weight: normal;
margin-bottom: 10px; }
@media (max-width: 767px) {
.coursecreate form label {
font-size: 15px; } }
.coursecreate form .checkbox label,
.coursecreate form .radio label {
color: #696969;
font-size: 18px;
font-weight: normal; }
.coursecreate form .form-control {
height: 50px; }
.eq_height .panel-body {
min-height: 225px; }
.eq_height .table > tbody > tr > td {
font-size: 13px;
padding: 10px 5px; }
.eq_height.panel .table-responsive thead tr th {
padding: 10px 5px; }
.eq_height .nocontent {
text-align: center;
height: 193px; }
.eq_height .nocontent img {
max-width: 300px;
margin-bottom: 10px;
display: inline-block; }
.eq_height .nocontent p {
color: #696969; }
.coursecreation .panel {
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
margin-bottom: 25px; }
.uploadlist {
border: 1px solid #ebebeb;
margin-top: 15px; }
.uploadlist li {
background: #ffffff;
padding: 8px;
border-bottom: 1px solid #ebebeb; }
.uploadlist li i {
float: right;
margin: 5px;
color: #e7505a; }
.innermenu figure {
text-align: center;
box-shadow: 0 1px 2px 0 rgba(43, 59, 93, 0.29);
padding: 40px 15px 20px;
margin-bottom: 25px;
min-height: 280px;
position: relative;
-webkit-transition: box-shadow 0.31s ease;
-moz-transition: box-shadow 0.31s ease;
-ms-transition: box-shadow 0.31s ease;
-o-transition: box-shadow 0.31s ease;
transition: box-shadow 0.31s ease; }
.innermenu figure:hover {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.innermenu figure h2 {
font-size: 20px;
color: #696969; }
.innermenu figure p {
color: #696969;
min-height: 50px;
margin-bottom: 10px; }
/*# sourceMappingURL=style.css.map */
var $ = jQuery.noConflict();
$(document).ready(function($) {
"use strict";
$('.sidebar-toggler').click(function() {
if ( $('body').hasClass("leftmenuhide")) {
$('body').removeClass("leftmenuhide");
} else {
$('body').addClass("leftmenuhide");
}
if ($('body').hasClass("leftmenuhide")) {
$('.adminlogo a img').attr('src', 'images/menulogo.png');
} else {
$('.adminlogo a img').attr('src', 'images/logomain.png');
}
});
// $('.closeicon').click(function() {
// $('.rightmenu').removeClass('righttogle');
// $('.maincontent').removeClass('overlayright');
// $('body').removeClass('scrollhide');
//
// });
// $('.leftmenutoggle').click(function(e) {
// $('.leftmenu').toggleClass('leftmenuactive');
// $('.overlaymenu').toggleClass('active');
// $('#header1').toggleClass('blur');
// $('.page-container').toggleClass('blur');
// $('body').toggleClass('scrollhide');
// e.stopPropagation();
// });
// $('.leftmenu').click(function(e) {
// e.stopPropagation();
// });
// $('body').click(function(e) {
// $('.leftmenu').removeClass('leftmenuactive');
// $('.overlaymenu').removeClass('active');
// $('#header1').removeClass('blur');
// $('.page-container').removeClass('blur');
// $('body').removeClass('scrollhide');
// e.stopPropagation();
// });
$('.leftmenutoggle').click(function(e) {
$('.leftmenu').addClass('leftmenuactive');
$('.overlaymenu').addClass('active');
e.stopPropagation();
});
$('body').click(function(e) {
$('.leftmenu').removeClass('leftmenuactive');
$('.overlaymenu').removeClass('active');
e.stopPropagation();
});
$('.leftmenu').click(function(e) {
e.stopPropagation();
});
return false;
});
