.light-logo, dark-logo
{
max-height:50px;
}
.mega-dropdown .dropdown-menu
{
	background-color : lightslategray;
}
.mega-dropdown-menu li ul li a
{
color:white;
}
.page-titles {
    padding: 2px 0;
}

.page-wrapper {
padding-top: 30px;
}


.sidebar-nav ul li a {
padding: 4px 13px 2px;
font-size: 0.76rem;
}


.sidebar-nav > ul > li {
    padding: 2px 0px;
}


body{
font-size: 0.78rem;
line-height:1.2;
}

.sidebar-nav ul li ul li a {
    padding: 10px 15px 10px 15px;
}

.table td, .table th {
padding: .50rem;
}
.u-text h4
{
color:white;
}

.bigButton
{
	width: 100%;
	font-size: 30px;
}
.form-control{
	
	color: #495057;
	font-size: 0.76rem;
	min-height: 30px;
}

.datepicker
{
font-size:0.76rem;
z-index:1100;
}
.mega-dropdown-menu li ul li a:hover
{
color:black;
}


/*
body{
font-size: 0.8rem;
}
*/


.sidebar-nav > ul > li > a i {
font-size: 0.76rem;
}

.sidebar-nav #sidebarnav > li > ul {
width: auto;
}

.form-group
{
margin-bottom:13px;
}

.flr{
	float:right;
	margin-left: 5px;
}
.form-info
{
font-size:0.76rem;
}
.page-header-data-hr
{
	margin-top:0;
	margin-bottom:5px;
}
.hide
{
	display:none;
}
.ui-timepicker-wrapper {
display: initial;
    width: 120px;
    padding: .5rem .75rem;
    font-size: 0.76rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/*
 * Pagination start
*/
.paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em; }
  
.paginate .paginate_button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  }
.paginate .paginate_button  a{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  *cursor: hand;
  color: #99abb4;
  border: 1px solid #ddd; }

.paginate .paginate_button.current,
.paginate .paginate_button.current:hover {
-webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  *cursor: hand;
  color: #ffffff !important;
  border: 1px solid #009efb;
  background-color: #009efb; }

.paginate .paginate_button.disabled  a,
.paginate .paginate_button.disabled  a:hover,
.paginate .paginate_button.disabled  a:active {
  cursor: default;
  color: #99abb4;
  border: 1px solid #ddd;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.paginate .paginate_button a:hover {
  color: white;
  border: 1px solid #009efb;
  background-color: #009efb; }

.paginate .paginate_button  a:active {
  outline: none;
  background-color: #99abb4; }

.paginate .ellipsis {
  padding: 0 1em; }

.subtitle-link
{
	min-width:65px;
	display: inline-block;
	border-right:2px solid gray;
	text-align:center;
	padding:0 5px;
}
.checkall-link
{
	width:95px;
	display: inline-block;
	border-right:2px solid gray;
	border-left:2px solid gray;
	text-align:center;
}
.dropdown-menu
{
font-size:0.76rem;
}

[type="checkbox"] + label 
{
/*
	transform: scale(0.9);
*/
  font-size: 0.76rem;
}


.no-transform + label
{
	transform: scale(1);
}
.timepicker-custom
{
	width:120px;
}
.stud-link-btn
{
	font-size:1rem;
}
.ot-nav-btn
{
	font-size:1rem;
	border-radius:0;
	width:33px;
	height:25px;
	padding: 2px;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label
{
	font-size:0.76rem;
}

.sr-no
{
width:60px;
}
.action-td
{
width:100px;
}
.view-all-link
{
padding-top:10px;
}
#hm_timer
{
width:120px;
font-weight:bold;
font-size:1rem;
}
.loading-img
{
	text-align:center;
	position:absolute;
	left:40%;
	top:100px;
}
.label-light-ot
{
width:40px;
padding: 4px 4px;
text-align: center;
font-size:1rem;
}


.icon-30{
  font-size:30px;
}

.icon-20{
  font-size:20px;
}

.select-width-25{
  max-width: 25%;
}


.add-remove-btn
{
	font-size:0.9rem;
	width:28px;
	height:28px;
	padding: 5px;
}
.remove-btn
{
	font-size:0.9rem;
	width:20px;
	height:20px;
	padding: 1px;
}

label {
    display: inline-block;
    margin-bottom: 0rem;
}

li
{
vertical-align: top;
}

.text-verticle{

	writing-mode: vertical-lr;

}
select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 2px);
}
.modal-ex-lg
{
max-width:70% !important;
}
.modal-xxl
{
max-width:85% !important;
}
.refresh-brn
{
cursor:pointer;
}
#scd_loader_icon
{
 max-width:100px;
}
.btn-lecture-booked
{
	background:#FFF59D;
}
.btn-faculty-booked
{
	background:#A5D6A7;
}
.btn-student-booked
{
	background:#90CAF9;
}
.btn-not-available{
	background:#BDBDBD;
}
.cr-cal-slot-btn
{
width : 120px;
}
.cross-img-enq
{
margin-right:5px; 
margin-left:2px;
cursor:pointer;

}
.canceled-lect-tr td
{
text-decoration: line-through;
}
.action-td-lect
{
text-decoration: none !important;
}

.select-width-25{
max-width:25%;}
.select-width-40{
max-width:40%;}
.mytooltip
{
z-index:200;
}
.btn-mini
{
    padding: .15rem .5rem;
    font-size: 10px;

}
.width-100px
{
max-width:100px!important;
}

.tooltip-content4 {
    padding: 1em;
    border-bottom: 30px solid #2b2b2b;
    
}
.bg-gray-custom{
background-color:#dadee5;
}

.bg-medium-grey-custom{
background-color:#e9ecef;
}

/* Scrollable Table css */
.scrolling table {
    table-layout: inherit;
 *margin-left: -100px;/*ie7*/
}
.scrolling .col_scroll, .col_fix {
    vertical-align: top;
	padding: 12px;
/*
	min-width: 100px;
*/
}
.scrolling .col_fix {
	position: absolute;
 *position: relative; /*ie7*/
	left: 0;
	width: 120px;
}
.outer {
	position: relative
}
.inner {
	overflow-x: auto;
	overflow-y: visible;
	margin-left: 120px;
}
.pointer_cursor{cursor:pointer;}
.fixed-table-container{overflow:hidden;}

/* used for Student feedback form. */
.demo-radio-button label{
	min-width:100px;
}

input.view-only[readonly]{
	background-color:#ffffff;
	border:none;
}

.table-striped tbody.view-only-bg tr:nth-of-type(2n+1){
	background:#ffffff;
}

/* for right side menu button */
.btn-circle.right-side-toggle {
	position: fixed;
    top: 85px;
    right: 5px;
    padding: 20px;

}

.right-sidebar .rpanel-title {
	padding: 18px 20px;
}

.right-sidebar .r-panel-body {

    padding: 0px 20px 20px 20px;
    

}
.menu-item li a {
    padding: 13px 0;
    float: left;
    width: 100%;
    color: #99abb4;
    font-size:13px;

}


#btn_menu{
	 background-image: url("/images/menu_1.png");
	 background-repeat: no-repeat;
     background-size: 40px 40px;
}

.right-sidebar .rpanel-title {

    background: #0000cc!important;
    border: 1px solid black;

}

.right-sidebar .rpanel-title span {

    font-size: 25px;

}

/* table headings vertically middle align
 */
 .table thead th {

    vertical-align: middle;

}

/*Change width of Toast notification*/
.jq-toast-wrap {
	width : 450px;
}


/* This CSS Use For interest level Circle Start CSS */
.fire_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/fire_circle.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}

.red_circle {
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Red.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}

.orange_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Orange.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}


.yellow_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Yellow.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}
.blue_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Blue.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}

.green_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Green.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}

.grey_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/Circle_Grey.png);
background-repeat: no-repeat;
height:25px;
width:25px;
float:left;
}

.small_red_circle {
margin-right: 2px;
background:url(../images/interest_level_backgrounds/small_Circle_Red.png);
background-repeat: no-repeat;
height:25px;
/*
width:25px;
*/
/*
float:left;
*/
}
.small_orange_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/small_Circle_Orange.png);
background-repeat: no-repeat;
height:25px;
/*
width:25px;
*/
/*
float:left;
*/
}
.small_green_circle{
margin-right: 2px;
background:url(../images/interest_level_backgrounds/small_Circle_Green.png);
background-repeat: no-repeat;
height:25px;
/*
width:25px;
*/
/*
float:left;
*/
}

.table th, .table td {
padding: 2px 6px
word-wrap: break-word;

}
/* This CSS Use For interest level Circle End CSS */

/*Overlay css to show loader*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    background-image: url(../images/loaders/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/*Overlay css to show loader*/

/*******************
 Topbar
*******************/
.topbar {
  z-index: 250;
}

/*******************
Main sidebar
******************/
.left-sidebar {
  z-index: 210;
}
/* for displaying student panel modal */
.center-vid 
{ 
	margin: 0 auto; 
	width: 90%; 
	height:auto;
}
#video_container
{
	text-align:center;
}
.page-wrapper-lms
{
	padding-top: 2px;
}
.card-lms
{
	margin-bottom: 2px;
}
/* progress bar background */
.progress
{
	background-color:#ccc;
}

/* division for image lms*/
.div_content_occupy
{
	height: 80%; 
}

/* lms content division */
.lms_content
{
	height: 350px; 
}

.lms_content_m2_8
{
	height: 400px; 
}

.custom-control 
{
    margin-right: 0rem;
}

/* This CSS used for Enquiry List . */
.interest_level_size
{
	height:24px;
	width:24px;
}
.enq_icon_size
{
	height:16px;
	width:16px;
}
.emoji_size {
    font-family: Segoe UI Emoji;
    font-size: 1.5em;
}

.student_profile_cir
{
	max-height:150px;
	max-width:150px;
}