@userbar: #333333; 
@nav: #41779c;
@navactive: #80a3c1;
@vernav: #fe9901;
@primcolor: #0b457e;
@porthead: #eaeaea;
@secporthead: lighten(@primcolor, 66% );
@portradius: 4px;
@portbrdr: darken(@porthead, 5%);
@footer: #cccccc;
@headfont: Open Sans;
@headfontfile: 'OpenSans-Regular.woff';
@basefont: Open Sans;
@basefontfile: 'OpenSans-Regular.woff';
@basetxtcolor: #444444;
@primbtn: @primcolor;
@primbtnhover: darken(@primcolor, 10%);
@primbtnbdr: lighten(@primcolor, 5%);
@secbtn: darken(@porthead, 10%);
@secbtnhover: darken(@porthead, 40%);
@secbtnbdr: darken(@porthead, 35%);
@btnradius: 3px;
@formradius: 2px;
@wrapperradius: 10px;
@wrappershadow: 10px;
@descbox: lighten(@porthead, 5%);
@topbar: lighten(@nav, 10%);
@gradientstatus: true;
@images:"https://jlmscloudstorelocal.blob.core.windows.net/theme0";
@container:"https://jlmscloudstorelocal.blob.core.windows.net/companyfonts";
.-();

.-() when (@gradientstatus = true) {
  @gradient: url("@{images}/gradient_bg.png");
}

.-() when (@gradientstatus = false) {
  @gradient: none;
}
@font-face { font-family: @basefont; src: url('@{container}/@{basefontfile}') format('woff'); }
@font-face { font-family: @headfont; src: url('@{container}/@{headfontfile}') format('woff'); }

@charset "utf-8";
@-ms-viewport {
 width: device-width;
}

/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 12px; color: #444444; background: #ffffff; background-position: right; -webkit-text-size-adjust: none; overflow-x: hidden;}

.body_defultcolor { color: #444444 !important; }

.preview {
    margin-bottom: 4em;
    background-color: #eaf1f1;
    border: 1px solid #CCC;
}

.txt_disable {color:#bdbdbd; cursor: not-allowed;}

img { border: 0px; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

/* Updated font-size by Ashvini Khatri on 9-May-2015  start*/

h1, h2, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }

h1 a { color: #003366 !important; }

h3 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; }

p { margin: 0px; padding: 0px; }

h1 { font-size: 1.5em; }

.txt_active { font-weight: bold; }

.title { font-size: 1.5em; }

/* Added by S.P.M. - 21-Nov-2018 */
.icon_multi { margin-left: -24px !important; margin-top: 2px !important; }

/* Added By Hitesh 28-Sep-2018 */
.form_grp_heading { background-color: #e4e4e4; border: 1px solid #dfdfdf; color: #333333; min-height: 10px; padding: 5px; border-bottom: 1px solid #6b6b6b; }
.form_grp_heading h3 {font-weight:bold; font-size:16px !important;}

input, textarea { font-family: Arial, Helvetica, sans-serif; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #B5B5B5 !important;
}

::-moz-placeholder { /* Firefox 19+ */
color: #B5B5B5 !important;
}

:-ms-input-placeholder { /* IE 10+ */
color: #B5B5B5 !important;
}

:-moz-placeholder { /* Firefox 18- */
color: #B5B5B5 !important;
}

/*ENd*/
/* Default HTML tag style end */
/* floating and clear floating style start */

.fl-left { float: left; }

.fl-right { float: right; }

.clearall { clear: both; line-height: 0px; }

/* floating and clear floating style end */



/***Style of Calender Control**/


/*!
 * FullCalendar v2.6.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */


.fc { direction: ltr; text-align: left; }

.fc-rtl { text-align: right; }

body .fc { /* extra precedence to overcome jqui */ font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #ddd; }

.fc-unthemed .fc-popover { background-color: #fff; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }

.fc-unthemed .fc-today { background: #fcf8e3; }

.fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ }

.fc-bgevent { /* default look for background events */ background: rgb(143, 223, 130); opacity: .3; filter: alpha(opacity=30); /* for IE */ }

.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after { position: relative; margin: 0 -1em; /* ensures character will be centered, regardless of width */ }

.fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; left: 3%; }

.fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; left: -3%; }

.fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; }

.fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; }

.fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; left: -2%; }

.fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; left: 2%; }

.fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; }

.fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button { /* force height to include the border and padding */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* dimensions */ margin: 0; height: 2.1em; padding: 0 .6em; /* text & cursor */ font-size: 1em; /* normalize */ white-space: nowrap; cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
 margin: 0;
 padding: 0;
}

.fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* icons in buttons */

.fc button .fc-icon { /* non-theme */ position: relative; top: -0.05em; /* seems to be a good adjustment across browsers */ margin: 0 .2em; vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/



.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }

.fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

.fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group { display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child { /* same */ margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0,0,0,.15); }

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ padding: 2px 4px; }

.fc-popover .fc-header .fc-title { margin: 0 2px; }

.fc-popover .fc-header .fc-close { cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; }

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }

/* unthemed */

.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; }

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; /* where they meet, let the header have the border */ }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider { border-style: solid; border-width: 1px; }

hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; }

.fc-clear { clear: both; }

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }

.fc-bg { bottom: 0; /* strech bg to bottom edge */ }

.fc-bg table { height: 100%; /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }

.fc th { text-align: center; }

.fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; }

.fc td.fc-today { border-style: double; /* overcome neighboring borders */ }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }

.fc-row table { /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }

.fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row { position: relative; }

.fc-row .fc-bg { z-index: 1; }

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; }

.fc-row .fc-bgevent-skeleton { z-index: 2; }

.fc-row .fc-highlight-skeleton { z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ }

.fc-row .fc-helper-skeleton { z-index: 5; }

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */ background: none; /* in case <td>s are globally styled */ border-color: transparent; /* don't put a border between events and/or the day number */ border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */ .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */ overflow-y: scroll; overflow-x: hidden; }

.fc-scroller > * { /* we expect an immediate inner element */ position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ font-weight: normal; /* undo jqui's ui-widget-header bold */ }

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event, .fc-event:hover, .ui-widget .fc-event { color: #fff; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ }

.fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed, /* causes a "warning" cursor. applied on body */ .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; }

.fc-event .fc-bg { /* the generic .fc-bg already does position */ z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25); /* for IE */ }

.fc-event .fc-content { position: relative; z-index: 2; }

.fc-event .fc-resizer { position: absolute; z-index: 3; }

/* Horizontal Events



--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */ top: -1px; bottom: -1px; left: -1px; right: -1px; width: 5px; }

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer:after { right: auto; /* ignore the right and only use the left */ cursor: w-resize; }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after { left: auto; /* ignore the left and only use the right */ cursor: e-resize; }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event { margin: 1px 2px 0; /* spacing between events and edges */ padding: 0 1px; }

.fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }

.fc-day-grid-event .fc-time { font-weight: bold; }

.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */ left: -3px; right: -3px; width: 7px; }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; }

a.fc-more:hover { text-decoration: underline; }

.fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; }

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ }

.fc-more-popover { z-index: 2; width: 220px; }

.fc-more-popover .fc-event-container { padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator { position: absolute; border: 0 solid red; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar { text-align: center; margin-bottom: 1em; }

.fc-toolbar .fc-left { float: left; }

.fc-toolbar .fc-right { float: right; }

.fc-toolbar .fc-center { display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ margin-left: 0; }

/* title text */

.fc-toolbar h2 { margin: 0; }

/* button layering (for border precedence) */

.fc-toolbar button { position: relative; }

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; }

.fc-toolbar .fc-state-down { z-index: 3; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; }

.fc-toolbar button:focus { z-index: 5; }

/*** Added by Hitesh T 03-Oct-2018 ***/
/*** Start: Portlet specific Class changes ***/

/* Start - Sprint 96 - S.P.M. - Custom portlet1*/
.phtml1 { /*background: @porthead !important;*/ }
.phtml1 .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
.phtml1 .content_area { /*padding: 15px 10px 15px 0px;*/ padding-top: 0px; background-color: #fff; padding-bottom:0px; }
.phtml1_in { display: block; }
.phtml1_out { display: none; }
/* End - Sprint 96 - S.P.M. - Custom portlet1*/

/* End - Sprint 96 - S.P.M. - Custom portlet2*/
.phtml2 { /*background: @porthead !important;*/ }
.phtml2 .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
.phtml2 .content_area { /*padding: 15px 10px 15px 0px;*/ padding-top: 0px; background-color: #fff; padding-bottom:0px; }
.phtml2_in { display: block; }
.phtml2_out { display: none; }
/* End - Sprint 96 - S.P.M. - Custom portlet2*/

/*** End: Portlet specific Class changes ***/
/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.fc-view, /* scope positioning and z-index's for everything within the view */ .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* we are sure there are no day numbers in these views, so... */ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid { overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }

/* week and day number styling */

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 0 2px; }

.fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number { padding-top: 2px; padding-bottom: 2px; }

.fc-basic-view .fc-week-number { text-align: center; }

.fc-basic-view .fc-week-number span { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; }

.fc-ltr .fc-basic-view .fc-day-number { text-align: right; }

.fc-rtl .fc-basic-view .fc-day-number { text-align: left; }

.fc-day-number.fc-other-month { opacity: 0.3; filter: alpha(opacity=30); /* for IE *//* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */ }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; }

.fc-ltr .fc-axis { text-align: right; }

.fc-rtl .fc-axis { text-align: left; }

.ui-widget td.fc-axis { font-weight: normal; /* overcome jqui theme making it bold */ }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */ .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; }

.fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; }

.fc-time-grid > .fc-bg { z-index: 1; }

.fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ position: relative; z-index: 2; }

.fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; }

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container { position: relative; z-index: 1; }

.fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; }

.fc-time-grid .fc-highlight-container { position: relative; z-index: 3; }

.fc-time-grid .fc-event-container { position: relative; z-index: 4; }

.fc-time-grid .fc-now-indicator-line { z-index: 5; }

.fc-time-grid .fc-helper-container { /* also is fc-event-container */ position: relative; z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */ background: none; /* see through to fc-bg */ }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0;/* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; }

.fc-v-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; }

.fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; }

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title { font-size: .85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ }

/* resizer */

.fc-time-grid-event .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }

.fc-time-grid-event .fc-resizer:after { content: "="; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; }

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; }

.fc-title { cursor: pointer; }

/***Style of Calender Control --- ENDs **/


/* Add by : Saurabh Mehta	17-Oct-2018 : Content Engine CSS */
.switch { position: relative; display: inline-block; width: 51px; height: 22px; }

.switch input { display: none; }

.chkslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

.chkslider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .chkslider { background-color: #2196F3; }

input:focus + .chkslider { box-shadow: 0 0 1px #2196F3; }

input:checked + .chkslider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.chkslider.round { border-radius: 34px; }

.chkslider.round:before { border-radius: 50%; }
/* End by : Saurabh Mehta	17-Oct-2018 : Content Engine CSS */

/* Added by : S.P.M.  30-Oct-2108 : Highlight required field */
.txthighlight { background-color: #fff6a4 !important; }
/* Ended by : S.P.M.  30-Oct-2108 : Highlight required field */

/* Start - S.P.M.	 13-Nov-2108 	Admin Customize Menu Updates*/
 /* The container */
        
.chk_box {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */        
.chk_box input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
	background-color: #428bca;
}

/* On mouse-over, add a grey background color */
.chk_box:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk_box input:checked ~ .checkmark {
	background-color: #428bca;
}

/* Create the checkmark/indicator (hidden when not checked) */       
.checkmark:after {
    content: "";
    position: absolute;
	display: none;
}

		/* Show the checkmark when checked */       
.chk_box input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.chk_box .checkmark:after {
	left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chkdisabled {background-color:#bad7ef !important;cursor: not-allowed !important;}
/* End - S.P.M.	 13-Nov-2018	Admin Customize Menu Updates*/


/* Add by : R.V.S	15-July-2019 : SEO CSS */


.switch { position: relative; display: inline-block; width: 51px; height: 22px; }

.switch input { display: none; }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #2196F3; }

input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
        
.slider.round { border-radius: 34px; }

.slider.round:before { border-radius: 50%; }

.block {
    display: block !important;
}

input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 1px; }

input[type=radio] { bottom: 2px; }

.search_categories { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #2196F3; border-radius: 2px; overflow: hidden; position: relative; width: 95%; }

.search_categories .select { /*width: 124%;*/ background: url(images/icon-down-dd.png) no-repeat; background-position: 100% center; }

.search_categories .select select { background: transparent; line-height: 1; border: 0; padding: 0; border-radius: 0; width: 100%; position: relative; z-index: 10; font-size: 14px; color: #2196F3 !important; }

input.input_default { min-height: 28px !important; }

h1 { font-family: 'Alegreya Sans', sans-serif; font-weight: 300; margin-top: 0; }

.control { display: block; position: relative; padding-left: 30px; margin-bottom: 2px; cursor: pointer; font-size: 14px; line-height: 25px; }

.control input { position: absolute; z-index: -1; opacity: 0; }

.control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; /*background: #e6e6e6;*/ border: 1px solid #2196f3; }

.control--radio .control__indicator { border-radius: 50%; }

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; }

.control input:checked ~ .control__indicator { background: #2196f3; }

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #2196f3; }

.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }

.control__indicator:after { content: ''; position: absolute; display: none; }

.control input:checked ~ .control__indicator:after { display: block; }

.control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; }

.control--radio .control__indicator:after { left: 7px; top: 7px; height: 5px; width: 5px; border-radius: 50%; background: #fff; }

.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }

.select { position: relative; display: inline-block; /*margin-bottom: 15px;*/ width: 100%; }

.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
 .select select::-ms-expand {
 display: none;
}

/*.select select:hover,  .select select:focus { color: #000; background: #fff; }*/

.select select:disabled { opacity: 0.5; pointer-events: none; }

.select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; }

.select select:disabled ~ .select__arrow { border-top-color: #ccc; }
 
/*** Added by H.P.T 14-Nov-2018 START ***/
#progress { width: 100%; height: 25px; border: 1px solid green; position: relative; padding: 0px; border-radius: 2px; }

#percent { position: absolute; right: -10%; margin-top: 6px; font-weight: 700; }

#bar { height: 25px; background-color: #008000; width: 0%; }

.btn { color: #fff; width: 100px; /*line-height: 30px;*/ cursor: pointer !important; }

.btn-bluee { background-color: #7ba9c8; border: solid #7ba9c8 1px; border-bottom: solid #7ba9c8 1px; cursor: pointer !important; }

.input { width: 23em; border: solid #a5a5a5 1px; height: 30px; line-height: 30px; background: #fff; color: #000; cursor: pointer !important; }

.mart_30 { margin-top: 30px; }

.circle_step { background: #7ba9c8; padding: 8px 12px 8px 12px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 700; }

.content_section { background-color: #7ba9c8 !important; color: white !important; }

/*** Added by H.P.T 14-Nov-2018 START ***/

/*---- Start of General ----*/

.wordbreak { word-break: break-word; white-space: normal; word-wrap: break-word; }

.pad-none { padding: 0px !important; }

.mar-none { margin: 0px !important; }

.marlr_none { margin-left: 0px !important; margin-right: 0px !important; }

.container_12 { padding-top: 10px; padding-bottom: 10px; }

.container_12:after { clear: both; display: table; content: " "; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_20, .grid_80 { display: inline; float: left; margin-left: 1%; margin-right: 1%; }

.grid_1 { width: 6.333%; }

.grid_2 { width: 14.666%; }

.grid_4 { width: 31.333%; }

.grid_5 { width: 39.666%; }

.grid_7 { width: 56.333%; }

.grid_8 { width: 64.666%; }

.grid_10 { width: 81.333%; }

.grid_11 { width: 89.666%; }

.grid_3 { width: 23%; }

.grid_6 { width: 48%; }

.grid_9 { width: 73%; }

.grid_12 { width: 98%; }

.grid_20 { width: 18%; }

.grid_80 { width: 78%; }

.pad5 { padding: 5px; }

.padl_5 { padding-left: 5px; }

.padr_5 { padding-right: 5px; }

.padt_5 { padding-top: 5px; }

.padb_5 { padding-bottom: 5px; }

.pad10 { padding: 10px; }

.padl_10 { padding-left: 10px; }

.padr_10 { padding-right: 10px; }

.padt_10 { padding-top: 10px; }

.padb_10 { padding-bottom: 10px; }

.pad20 { padding: 20px; }

.padl_20 { padding-left: 20px; }

.padr_20 { padding-right: 20px; }

.padt_20 { padding-top: 20px; }

.padb_20 { padding-bottom: 20px; }

.padl_30 { padding-left: 30px; }

.padl_0 { padding-left: 0px!important; }

.mar2 { margin: 2px; }

.mar5 { margin: 5px; }

.marl_5 { margin-left: 5px; }

.marr_5 { margin-right: 5px; }

.mart_5 { margin-top: 5px; }

.marb_5 { margin-bottom: 5px; }

.mart_8 { margin-top: 7px; }

.mar10 { margin: 10px; }

.mar10_important { margin: 10px!important; }

.marl_10 { margin-left: 10px; }

.marr_10 { margin-right: 10px; }

.mart_10 { margin-top: 10px; }

.mart_15 { margin-top: 15px; }

.marb_10 { margin-bottom: 10px; }

.marb_30 { margin-bottom: 30px; }

.mar20 { margin: 20px; }

.marl_20 { margin-left: 20px; }

/* Added by Hiren Jariwala to resolve issue of white bar on 4-Jun-2015*/

.marl_36 { margin-left: 36px; }

/* End*/

.marr_20 { margin-right: 20px; }

.mart_20 { margin-top: 20px; }

.marb_20 { margin-bottom: 20px !important; }

/*** Portlet specific Class changes ***/
/*** Sprint 86 Portlet Changes ***/

/*** .portlet_style_white { background: #ffffff !important; color: #fff !important; } ***/
/*** .portlet_style_lightblue { color: #fff !important; } ***/
/*** .portlet_short_border { border-bottom: 1px solid @porthead; width: 65px !important; padding-top: 5px; } ***/

/*** Start: My Content Portlet ***/
/*.mycontent_section .grid_4 { margin-left: 0% !important; width: 32.33% !important; }*/
.mycontent_section .portlet_header { border-bottom: none !important; min-height: 40px !important; padding-left:0px !important;}

/*S.P.M. - Update Padding To resolved CSS Releated Issue*/
.mycontent_section .content_area { padding: 15px 15px 15px 5px !important; }

/*S.P.M. - Update Padding To resolved CSS Releated Issue*/
.mycontent_section .pimg img {width: 100% !important;}

.mycontent_section .ptitle {min-height:36px !important;}

/*** .mycontent_section .pdesc {color: #FFFFFF;} ***/
/*** .mycontent_section .ptitle p a {color: #FFFFFF; } ***/

/*** End: My Content Portlet ***/

/*** Start: New Courses Portlet ***/
.new_cou_section { margin-bottom: 0px !important;  padding: 0px 0px !important;}

.new_cou_section .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}

/*S.P.M. - Update Padding To resolved CSS Releated Issue*/
.new_cou_section .content_area { padding: 15px 15px 20px 2px !important; }
.new_cou_section .pimg {text-align: center !important;}

/*S.P.M. - Update width To resolved CSS Releated Issue*/
.new_cou_section .pimg img {width:290px !important;}
.new_cou_section .ptitle {text-align: center !important;}
.new_cou_section .ptitle p a {color: #666 !important;}
.new_cou_section .pdesc {color: #666 !important; text-align: center !important;}
.new_cou_section .pbtn { text-align: center !important; }
.new_cou_section .pbtn a {background: #7ba9c8 !important; border: 2px solid #fff !important; padding: 7px 15px 7px 15px !important; color: #fff !important; text-transform: uppercase !important; }

/*Start - New Courses Title*/
.new_cou_section .titlelimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .titlelimit2 { height:45px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .titlelimit3 { height:62px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - Featured Course and news Title*/

/*Start - New Courses  Description*/
.new_cou_section .desclimit0 { display: none !important; }
.new_cou_section .desclimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit2 { height:35px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit3 { height:53px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit4 { height:68px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit5 { height:84px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit6 { height:102px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit7 { height:118px !important; overflow: hidden; text-overflow: ellipsis; }
.new_cou_section .desclimit8 { height:138px !important; overflow: hidden; text-overflow: ellipsis; }

/*END - New Courses  Description*/

/*.new_cou_section .grid_6 { margin-left: 0% !important; width: 49% !important;}*/
/*** End: New Courses Portlet ***/

/*Start - latest News Title*/
.latest_news .titlelimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .titlelimit2 { height:35px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .titlelimit3 { height:52px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - latest News Title*/

/*Start - latest News  Description*/
.latest_news .desclimit0 { display: none !important; }
.latest_news .desclimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .desclimit2 { height:34px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .desclimit3 { height:50px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .desclimit4 { height:67px !important; overflow: hidden; text-overflow: ellipsis; }
.latest_news .desclimit5 { height:83px !important; overflow: hidden; text-overflow: ellipsis; }

/*END - latest News  Description

/** Start: Popular and New Course Portlet **/
/*Start -Popular and New Course Title*/
.popular_new_cou_section .titlelimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .titlelimit2 { height:35px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .titlelimit3 { height:55px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - Popular and New Course Title*/

/*Start - Popular and New Course Description*/
.popular_new_cou_section .desclimit0 { display: none !important; }
.popular_new_cou_section .desclimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit2 { height:35px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit3 { height:53px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit4 { height:68px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit5 { height:84px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit6 { height:102px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit7 { height:116px !important; overflow: hidden; text-overflow: ellipsis; }
.popular_new_cou_section .desclimit8 { height:130px !important; overflow: hidden; text-overflow: ellipsis; }

/*End - Popular and New Course Description*/
/** End: Popular and New Course Portlet **/

/** Start: Training Event Portlet **/
.upcoming_section { min-height: 351px !important;}
.upcoming_section .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
/*S.P.M. - Update width To resolved CSS Releated Issue*/
.upcoming_section .content_area { padding: 10px 10px 10px 10px !important; }

.upcoming_section .pbtn a { background: #0980ab !important; border: 2px solid #fff !important; padding: 7px 15px 7px 15px !important; color: #fff !important; text-transform: uppercase !important; }

/*S.P.M. - Add to display button same as other portlet*/
.upcoming_section .pull_right a {background: #0980ab !important; border: 2px solid #fff !important; padding: 7px 15px 7px 15px !important; text-transform: uppercase !important; line-height: 2;}
.upcoming_section .more_section_footer a {background: #0980ab !important; border: 2px solid #fff !important; padding: 7px 15px 7px 15px !important; text-transform: uppercase !important; line-height: 2;}

/*Add by - S.P.M. - Sprint 93  - Apply class as per configuration value */
/*Start - Event Title*/
.upcoming_section .titlelimit1 { height:15px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .titlelimit2 { height:32px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .titlelimit3 { height:50px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - Event Title*/

/*Start - Event Description*/
.upcoming_section .desclimit0 { display: none !important; }
.upcoming_section .desclimit1 { height:15px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit2 { height:30px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit3 { height:50px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit4 { height:58px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit5 { height:73px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit6 { height:88px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit7 { height:102px !important; overflow: hidden; text-overflow: ellipsis; }
.upcoming_section .desclimit8 { height:118px !important; overflow: hidden; text-overflow: ellipsis; }

/*End - Event Description*/

/*Start - Scrollbar*/
.upcoming_section .scrollbar { overflow: auto; }

/*End - Scrollbar*/

/*End by - S.P.M. - Sprint 93  - Apply class as per configuration value */

/** End: Training Event Portlet **/

/*** Start: Feature Course Portlet ***/
.fea_cou_section {padding-bottom:0px !important;  padding: 0px 0px !important;}
.fea_cou_section .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
.fea_cou_section .content_area { padding: 15px 0px 0px 5px !important; }

.fea_cou_section  flex-prev, .fea_cou_section  flex-next {margin-left: -40px !important;}

/*S.P.M. - Text display center to resolved css releated issue*/
.fea_cou_section  .text_center{text-align:center !important;}

/*S.P.M. - Update Height to resolved css releated issue*/
.fea_cou_section  .image-wrapper img {height: 120px !important; max-width: auto !important; }

/*.fea_cou_section  div.img-header {padding-right: 20px !important; height:36px !important; overflow: hidden; text-overflow: ellipsis;}*/

/*S.P.M. - Add to display button same as other portlet*/
.fea_cou_section .slider_desc a {background: @porthead !important; border: 2px solid #fff !important; padding: 7px 15px 7px 15px !important; text-transform: uppercase !important; line-height: 4;}

/* .fea_cou_section .content_area div.flexslider { padding-bottom: 5px !important; padding-left: 0px !important; padding-right: 0px !important; } */

/*Start - Featured Course and news Title*/
.fea_cou_section .titlelimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .titlelimit2 { height:35px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .titlelimit3 { height:53px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - Featured Course and news Title*/

/*Start - Featured Course and news Description*/
.fea_cou_section .desclimit0 { display: none !important; }
.fea_cou_section .desclimit1 { height:18px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit2 { height:33px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit3 { height:51px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit4 { height:66px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit5 { height:82px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit6 { height:100px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit7 { height:120px !important; overflow: hidden; text-overflow: ellipsis; }
.fea_cou_section .desclimit8 { height:134px !important; overflow: hidden; text-overflow: ellipsis; }
/*End - Featured Course and news Description*/
/*** End: Feature Course Portlet ***/

/*** Start: Custom Portlet 3 ***/
/*Start - Update by - S.P.M.*/
.phtml3 { /*background: @porthead !important;*/ }
.phtml3 .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
.phtml3 .content_area { /*padding: 15px 10px 15px 0px;*/ padding-top: 0px; background-color: #fff; padding-bottom:0px; }
.phtml3_in { display: block; }
.phtml3_out { display: none; }
/*End - Update by - S.P.M.*/
/*** End: Custom Portlet 3 ***/

/*** Start: Custom Portlet 4 ***/
/*Start - Update by - S.P.M. - To reoslved CSS Issue*/
.phtml4 { /*background: @porthead !important;*/ }
.phtml4 .portlet_header { min-height: 40px !important; border-bottom: none !important; padding-left:0px !important;}
.phtml4 .content_area { /*padding: 15px 10px 15px 0px;*/ padding-top: 0px; background-color: #fff; padding-bottom:0px; }
.phtml4_in { display: block; }
.phtml4_out { display: none; }
/*End - Update by - S.P.M. - To reoslved CSS Issue*/
/*** End: Custom Portlet 4 ***/


.display_none {display: none !important;}
.txt_pos_left { text-align: left !important; }
.txt_pos_right { text-align: right !important; }
.txt_pos_center { text-align: center !important; }
.btn_pos_left { float: left !important; }
.btn_pos_right { float: right !important }
/*** .white_font { color: #fff !important; } ***/
.btn_blue { color: #ffffff !important; border: 1px solid #03559e !important; outline: none; padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 10px !important; padding-right: 10px !important; cursor: pointer; background-color: #03559e !important; display: inline-block; float: left; margin-right: 15px; text-transform: uppercase; }
.desc_height70 { min-height: 70px; }
.desc_height85 { min-height: 85px; }
.desc_height90 { min-height: 90px; }
.desc_height95 { min-height: 95px; }
.desc_height100 { min-height: 100px; }
.desc_height95 { min-height: 95px; }
.desc_height105 { min-height: 105px; }
.desc_height110 { min-height: 110px; }
.desc_height120 { min-height: 120px; }
.desc_height130 { min-height: 130px; }
/*** Protlet Changes Completed ***/

.prim_title { font-size: 2em; font-family: Arial; }

.slide_controll { margin: 0px; padding: 0px; color: #3a7099; }

.slide_controll li { display: inline-block; list-style: none; font-family: GothamRoundedLight; font-weight: bold; padding: 0 4px; cursor: pointer; }

.slide_controll li:hover { cursor: pointer; color: #3a7099; font-family: GothamRoundedBold; font-weight: bold; }

.slide_controll li a.flex-active { cursor: pointer; color: #3a7099; font-family: GothamRoundedBold; font-weight: bold; }

.inner_videoplayer { width: 50px !important; height: 50px !important; }

.date_time { color: #a0a0a0; }

.txt_small { font-size: 0.80em; }
/**** Added by Hitesh T 28/08/2018 ***/
.txt_big { font-size: 15px; }
.label_subtxt { font-style: italic; font-size: 11px; }
.width30 { width: 25%; }
.width70 { width: 70%; }
/* Add by : S.P.M.	Sprint87 */
.width90 { width: 90%; }
/* Add by : S.P.M.	Sprint87 */
/* .mob_width30 { width: 23% !important; margin-left: 1% !important; margin-right: 1% !important; } */
.mob_width70 { width: 68% !important; margin-left: 1% !important; margin-right: 1% !important; }
.mob_width15 { width: 15% !important; margin-left: 1% !important; margin-right: 1% !important; }
.mob_width85 { width: 81% !important; margin-left: 1% !important; margin-right: 1% !important; }
/**** Added by Hitesh T 28/08/2018 ***/

.tab_disp_none { display: none; }

ul.button { margin: 0px; padding: 0px; }

ul.button li { margin: 0px; padding: 0px; list-style: none; display: inline-block; margin-left: 8px; margin-bottom: 5px; }

.bottom_navigation { width: 100%; }

.fwidth_img { width: 100%; height: auto; }

.bg_none { background: none !important; }

.dropdownstyle { width: 260px; height: 26px; background-color: #FFF; display: block; border: 1px solid #d1d1d1; outline: none; line-height: 26px; padding-left: 2px; }

.popupstyle { background-color: white; }

.popuploadingmsg { background-color: #FFFFCC; color: #222222; top: 12px; left: 50%; margin-left: -50px; position: fixed; border-color: Black; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-width: 1px; border-color: #F0C36D; padding-left: 2px; white-space: nowrap; vertical-align: middle; text-align: center; height: 20px; width: auto; z-index: 999999; min-width: 75px; }

.popuploadingmsg span { font-weight: bold; font-size: 12px; }

/** Start - Added by S.P.M.		Sprint 87 **/
.popuploadingmsg_new { background-color: initial; color: #333333; top: 0px; left: 70%; margin-left: -50px; position: fixed; border-color: Black; /* border-left-style: solid; */ /* border-right-style: solid; */ /* border-bottom-style: solid; */ border-width: 1px; border-color: initial; padding-left: 2px; white-space: nowrap; vertical-align: middle; text-align: center; height: 20px; width: auto; z-index: 999999; min-width: 75px; } 

.popuploadingmsg_new span { font-weight: bold; font-size: 14px; }
/** Start - Added by S.P.M.		Sprint 87 **/

.pos_rel { position: relative; }

/*---- End of General ----*/
/*---- Start of Portlet ----*/

.content_area { padding: 15px 10px 15px 10px; }

.portlet { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; min-height: 312px;  border: 1px solid #CCC; }

.small_portlet { min-height: 50px !important; }

.portlet_header { display: block; width: 100%; height: 44px; line-height: 44px; font-size: 1.36em; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5f5f5 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
color: #666; }

.portlet_header img { background: #8C9A9D; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; }

.portlet_header .fl-left, .portlet_header .pull_left { display: flex; }

.width30 { width: 25%; }

.width70 { width: 70%; }

ul.newslist { margin: 0px; padding: 0px; }

.newslist li { float: left; list-style: none; display: block; width: 33.33%; }

.marleftright5 { margin-left: 5px; margin-right: 5px; }

.txt14 { font-size: 14px; }

.martopbottom10 { margin-top: 10px; margin-bottom: 10px; }

.slider_desc { overflow: hidden; margin-bottom: 10px; }

.morenews { text-align: right; margin-top: 15px; }

/*---- End of Portlet ----*/
/* font size, color style start */

.txtwhite { color: #FFF; }

.txtgray { color: #808080; }

.txtred { color: #FF5951 !important; }

.txtsuccess { color: #2f9a31; }

/* font size, color style end */
/* link style start */

.launch_course_link { color: #2d4f7d; text-decoration: none; }

.launch_course_link:hover { text-decoration: underline; }

.link_active { color: #003366; text-decoration: underline; }

/* link style end */
/* Button, Textbox, combo style start*/

.btn_def { color: #ffffff; border: 1px solid #35567f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; display: inline-block; cursor: pointer; background: #5796bb; /* Old browsers */ background: -moz-linear-gradient(top, #5796bb 0%, #25547f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5796bb 0%, #25547f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5796bb 0%, #25547f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#25547f', GradientType=0 ); /* IE6-9 */
}

a.btn_def { text-align: center; }

.btn_def_disabled { padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; color: #CCC; outline: none; display: block; background-color: #9cbccf; border: 1px solid #96c3dd; }

.btn_def:hover { color: #ffffff; background: #142c3f; /* Old browsers */ background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
cursor: pointer; }

.btn_def:active { color: #ffffff; background: #142c3f; /* Old browsers */ background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
cursor: pointer; cursor: pointer; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.btn_pag_nav { float: left; border: 1px solid #9c9c9c; outline: none; background: #edeeee; /* Old browsers */ background: -moz-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #edeeee 0%, #c5c5c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#c5c5c6', GradientType=0 ); /* IE6-9 */
color: #444444; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px solid #ADADAD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; display: table-cell; }

.btn_pag_nav.active { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; cursor: pointer; }

.btn_pag_nav:hover { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; cursor: pointer; }

.btn_pag_nav:active { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; cursor: pointer; }

.btn_def_with_img { background: #5796bb; /* Old browsers */ background: -moz-linear-gradient(top, #5796bb 0%, #25547f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5796bb 0%, #25547f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5796bb 0%, #25547f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#25547f', GradientType=0 ); /* IE6-9 */
float: left; padding-left: 20px; height: 26px; color: #333333; outline: none; display: block; border: 1px solid #ADADAD; *padding-left: 2px;
 *padding-right: 2px;
text-shadow: 0 1px 0 #FFF; position: relative; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.btn_def_with_img:hover { color: #ffffff; background: #142c3f; /* Old browsers */ background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
}

.pdf { background: #ffffff url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_pdf.png) 2px no-repeat; }

.xls { background: #ffffff url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_excel.png) 2px no-repeat; }

.word { background: #ffffff url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_word.png) 2px no-repeat; }

.back { background: #ffffff url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_back.png) 2px no-repeat; }

.inputtext { margin-top: 6px; padding-left: 8px; *padding-left: 0px;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 114px; border: 0px; outline: 0px; color: #888888; font-size: 14px; background-color: transparent; float: left; }

.input_default { outline: none; border: #d3d2d2 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-left: 2px; background: #FFFFFF; color: #444444; font-size: 0.9em; }

input.input_default { min-height: 20px; }

.frminput_wide { width: 95%; /*margin: 0px; padding: 0px;*/ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.frminput_mid { width: 280px; }

.frminput_normal { width: 200px; }

.frminput_small { width: 65px; }

select.input_default { height: 28px; }

textarea.input_default { height: 50px; }

.input_default:hover { border: #003366 1px solid; }

.input_default_100p { outline: none; border: #d3d2d2 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-left: 2px; background: #FFFFFF; width: 100px; }

.inputbtn { border: none; outline: none; width: 26px; cursor: pointer; background-color: transparent; height: 30px; float: left; }

.chkbox { display: inline-block; height: 20px; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

.textareastyle { width: 60%; font-family: inherit; background-color: transparent; display: block; border: 1px solid #d3d2d2; outline: none; padding-left: 8px; resize: none; }

/* Button, Textbox, combo end*/
/* wrapper, topbar, search style start*/

.wrapper { max-width: 1170px; margin: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border: 0px solid #000000; margin-bottom: 30px; }
.wrapper{max-width:1170px}


.topbar { width: auto; /*padding: 10px;*/ background: rgb(168,208,228); /* Old browsers */ background: -moz-linear-gradient(top, rgba(168,208,228,1) 0%, rgba(114,168,203,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(168,208,228,1) 0%, rgba(114,168,203,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(168,208,228,1) 0%, rgba(114,168,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d0e4', endColorstr='#72a8cb', GradientType=0 ); /* IE6-9 */
}
.topbarleft .logo img { max-height: 80px !important; max-width: 100% !important; width: inherit !important; }

.topbarleft { float: left; }

.topbarright { float: right; height: 55px; min-width: 145px; }

.topbar_nav { margin: 0px; padding: 0px; float: right; height: 55px; line-height: 55px; }

.topbar_nav li { list-style: none; float: left; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr.png) no-repeat right; }

.topbar_nav li a img { float: left; }

.topbar_nav li a { line-height: 55px; color: #FFF; float: left; padding-left: 10px; padding-right: 10px; }

.search_box { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/searchbox%20copy.png) no-repeat; height: 32px; width: 155px; line-height: 32px; text-align: center; float: right; display: block; margin-top: 5px; margin-right: 10px; }

.search_box_bg { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/searchbox.png) no-repeat; height: 32px; width: 127px; line-height: 32px; text-align: center; float: left; display: block; }

.search_btn { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/search_btn.png); float: left; height: 32px; width: 28px; border: 0px; cursor: pointer; }

#up1:after, .topbar_homepage:after { clear: both; display: table; content: " "; }

/* wrapper, topbar, search style end*/
/* menu style start*/

.menu_bar {/* background: #ffffff; border-radius: 3px; height: 46px; width: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);*/ }

.menu_home { /*width: 54px;*/ float: left; text-align: center; display: block; /*background: url('https://jlmscloudstore.blob.core.windows.net/jlmstheme/topbar_dvdr.png') no-repeat right center; */ }

.menu_home a { margin-left: 4px; margin-right: 4px; display: block; color: #555555; text-align: center;/*border-bottom: 4px solid #0db5e4;*//*line-height: 42px;*/ }

.menu_home a img { display: block; margin-left: auto; margin-right: auto; width: initial; height: initial; background: #41779c; }

.menu_home a:hover img { /*border-bottom: 4px solid #EBEBEB;*/ background: #ff6f00; }

.menu_home a.home_active img { /* background:url(https://jlmscloudstore.blob.core.windows.net/jlmstheme/home_active.png) no-repeat;  display: block;*/ /*border-bottom: 4px solid #EBEBEB;*/ background: #ff6f00; }

.menu_nav { }

.menu_nav li { }

.menu_nav li a img, .menu_icon {/* float: left; *//* clear: both; */ display: block; margin-left: auto; margin-right: auto; width: initial; height: initial; background: #41779c; }

.menu_icon { margin-left: inherit; margin-right: inherit; width: 75px !important; background:#41779c; }

.menu_nav li a:hover img, .menu_icon:hover { background: #ff6f00; }

.menu_nav li a img {/* float: left; *//* clear: both; */ display: block; margin-left: auto; margin-right: auto; width: initial; height: initial; background: #41779c; }

.menu_nav li a:hover img { background: #ff6f00; }

.menu_nav li a {/* line-height: 42px; */ color: #555555; text-align: center;/*border-bottom: 4px solid #ffffff;*/ }

.menu_nav li a:hover { display: block; /*border-bottom: 4px solid #EBEBEB;*/ }

.menu_nav li.home { }

.menu_nav li.home:hover { background: none; }

.menu_nav li.active a img { background: #ff6f00; }

.menu { list-style: none; float: left; border-right: 0px solid #5b5b5b; padding-left: 10px; padding-right: 10px; display: block; height: 29px; background: url(https://jlmscloudstore.blob.core.windows.net/jlmstheme/topbar_dvdr.png) no-repeat right; color: #fefefe; line-height: 29px; }

.menunoborder { list-style: none; float: left; border-right: 0px solid #5b5b5b; padding-left: 10px; padding-right: 10px; }

/* menu style end*/
/*Breadcrumb start*/

.breadcrumbwrapper { border: 1px solid #8DBCD7; background-color: #73A9CC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; line-height: 44px; margin-left: 1%; margin-right: 1%; }

.breadcrumb { margin: 0px; padding: 0px; overflow: hidden; }

.breadcrumb li { font-size: 1.2em; float: left; padding-right: 26px; padding-left: 18px; line-height: 44px; list-style: none; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/breadcrumbsdvdr.png) no-repeat right; }

.breadcrumb li:last-child { background: none; }

.breadcrumb li a img { float: left; margin-top: 0px; width: initial; height: initial; }

.breadcrumb li a { color: #2A6992; }

.breadcrumb li a:hover { display: block; }

.breadcrumb li a.active { display: block; }

.breadcrumb li.home { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/home_active.png) no-repeat; }

.breadcrumb li.active { color: #333; }

.breadcrumb li a.last { color: #B7D5E8 !important; cursor: default !important; }

/*Breadcrumb end*/

.topmenu { margin: 0; padding: 0; height: 42px; line-height: 42px; }

.adv_search_box { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/adv_search.png) no-repeat; height: 32px; width: 271px; line-height: 32px; text-align: center; float: left; display: block; }

.logo { display: inline-block; }

.uppertext { text-transform: uppercase; }

.header_text { padding-left: 10px; }

.slide_top_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_left.png) no-repeat right; width: 2px; height: 2px; }

.slide_top_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_top_mid.png) repeat-x; height: 2px; }

.slide_top_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_right.png) no-repeat left; width: 2px; height: 2px; }

.slide_mid_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_mid_left.png) repeat-y; height: 263px; }

.slide_mid_center { background-color: #FFF; height: 263px; }

/*width:936px; removed by Dhara Dharia*/

.slide_mid_center { background-color: #FFF; height: 263px; }

/*width:936px; removed by Dhara Dharia*/

.slide_mid_center { background-color: #FFF; height: 263px; }

/*width:936px; removed by Dhara Dharia*/

.td1 { width: 50px; }

.td2 { width: 836px; }

.slide_mid_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_mid_right.png) repeat-y; height: 263px; }

.slide_bottom_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottm_left.png) no-repeat right; width: 2px; height: 2px; }

.slide_bottom_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottom_mid.png) repeat-x; height: 2px; }

.slide_bottom_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottm_right.png) no-repeat left; width: 2px; height: 2px; }

.cont_top_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_bg.png) no-repeat left; width: 35px; height: 32px; }

.cont_top_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_mid_top.jpg) repeat-x; height: 32px; line-height: 32px; }

.cont_top_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_top_right.png) no-repeat right; height: 32px; width: 3px; }

.cont_mid_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_mid_left.png) repeat-y; }

.cont_mid_center { background-color: #FFF; }

.cont_mid_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_mid_right.png) repeat-y; width: 2px; }

.cont_bottom_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottm_left.png) no-repeat; width: 2px; height: 2px; }

.cont_bottom_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottom_mid.png) repeat-x; }

.cont_bottom_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slider_bottm_right.png) no-repeat; width: 2px; height: 2px; }

.sec_cont_top_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_mid_top.jpg) repeat-x; width: 261px; height: 32px; }

/*slider start */

 .slider { /*padding-top: 10px;*/ float: right; }

 /* .slider ul { padding: 0px; margin: 0px; color: #878686; list-style: none; }  */


/* .slider li { width: 20px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slide_bulet.png) no-repeat; font-size: 12px; text-align: center; float: left; cursor: pointer; }  */
/* .slider li:hover { width: 20px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slide_bulet_hover.png) no-repeat; font-size: 12px; text-align: center; float: left; cursor: pointer; } */

/* .slider li#active { width: 20px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/slide_bulet_hover.png) no-repeat; font-size: 12px; text-align: center; float: left; cursor: pointer; } */

 /* .slider div span{ display: block; background: #0974ac; position: absolute; bottom: 60px; color: #fff; text-align: left; padding: 20px; width: 50%;min-height: auto; }  */

 /* .slider img {width:100%;}  */

/*slider end */

.date_month { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/date.png) no-repeat; height: 56px; width: 31px; vertical-align: top; }

.date_month ul { padding: 0px; margin: 0px; color: #878686; list-style: none; }

.month { font-size: 12px; text-align: center; line-height: 23px; }

.date { font-size: 16px; text-align: center; }

.news_title { padding-left: 8px; vertical-align: top; }

.news_title ul { padding: 0px; margin: 0px; color: #878686; list-style: none; }

.top_news { text-align: left; line-height: 23px; }

.bottom_news { text-align: left; color: #666666; }

.top_news a { font-size: 1.2em; text-align: left; line-height: 1.5em; color: #003366 !important; }

.more_news { float: right; margin-right: 10px; }

.bottom_news a { text-align: left; color: #003366 !important; }

.footer { display: block; width: 100%; background: #CCCCCC; color: #444444; font-size: 0.9em; margin-top: 40px; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; }

.footer a { color: #444444 !important; }

.cont_prim { width: 300px; float: left; margin-right: 10px; margin-top: 20px; }

.cont_prim_info { /*width:620px;*/ float: right; margin-left: 10px; margin-top: 20px; }

.cont_prim_info table { /*width:100%;*/ ;
}

.cont_prim_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_prim_left.png) repeat-y; width: 4px; }

.cont_prim_bg { background: #FDFDFD; }

.cont_prim_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_prim_right.png) repeat-y; width: 4px; }

.cont_prim_bot_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_prim_bot_left.png) no-repeat; width: 4px; height: 4px; line-height: 4px; }

.cont_prim_bot_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_prim_bot_right.png) no-repeat; width: 4px; height: 4px; line-height: 4px; }

.cont_prim_bot_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_prim_bot_mid.png) repeat-x; height: 4px; line-height: 4px; }

.cont_sec_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_sec_left.png) repeat-y; width: 4px; }

.cont_sec_bg { padding-top: 15px; padding-bottom: 10px; background: #ffffff; }

.cont_sec_bg_home { padding-top: 10px; background: #ffffff; }

/*padding-bottom:6px;*/

.cont_sec_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_sec_right.png) repeat-y; width: 4px; }

.cont_sec_bot_left { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_sec_bot_left.png) no-repeat; width: 4px; height: 4px; line-height: 4px; }

.cont_sec_bot_right { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_sec_bot_right.png) no-repeat; width: 4px; height: 4px; line-height: 4px; }

.cont_sec_bot_mid { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/cont_sec_bot_mid.png) repeat-x; height: 4px; line-height: 4px; }

ul.left_nav { font-size: 1em; margin: 0px; padding: 0px; list-style: none; }

ul.left_nav li { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 12px; margin-bottom: 3px; }

ul.left_nav li a { width: 100%; color: #666666; display: inline-block; }

ul.left_nav li:hover { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
}

ul.left_nav li:hover a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/left_nav_arrow.png) no-repeat right center; color: #FFF; }

ul.left_nav li.first-item { margin-left: 0px; }

ul.left_nav li.active_left_nav { background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #FFFFFF; }

ul.left_nav li.active_left_nav a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/left_nav_arrow.png) no-repeat right center; color: #ffffff; }

ul.left_nav li a.active_left_nav { background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #FFFFFF; }

ul.filter { list-style: none; margin: 0px; padding: 0px; margin-top: 10px; margin-top: 10px\9; *margin-top: 10px;
_margin-top: 10px; margin-right: 10px; }

/* AShvini 27-Dec-2016 CatalogWithoutLogin start*/
ul.filter li { float: left; margin: 0px; padding: 0px; line-height: 21px; }

ul.filter li a { padding: 1px 6px; }

/*end*/
.first { font-size: 10px; height: 21px; color: #333333; outline: none; display: block; background-color: #fbfbfb; border: 1px solid #cccccc; *padding-left: 2px;
 *padding-right: 2px;
}

.first:hover { background-color: #e6e6e6; }

.first.selected { background-color: #e6e6e6; }

.repeat { font-size: 10px; background-color: #fbfbfb; height: 21px; color: #333333; outline: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #cccccc; display: block; border-top-color: #cccccc; border-bottom-color: #cccccc; border-left-color: #cccccc; *padding-left: 0px;
}

.repeat:hover { background-color: #e6e6e6; }

.repeat.selected { background-color: #e6e6e6; }

.course_list_row { border-bottom: #bbb 1px dashed; /*min-height: 120px; */ position: relative; }

.course_modified_wrappr { position: absolute; bottom: 10px; right: 10px; top: 10px; height: 16px; display: none; float: right; }

.course_modified_wrappr ul, li { margin: 0; padding: 0; }

.course_modified_wrappr li { display: inline; width: 16px; height: 16px; margin-left: 5px; }

.divider { height: 1px; border-bottom: #bbb 1px dashed; }

.search_divider { height: 1px; border-bottom: rgba(0, 0, 0, 0.07) 1px solid; }

.divider_hor { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/login-vline.png) no-repeat left center; }

/********* edit link**********/

.course_img { position: relative; float: left; margin-right: 2%; }

.course_img > img { position: absolute; z-index: 1; }

.course_img .indicate { display: none; }

.course_img:hover .indicate { display: block; position: absolute; bottom: 0px; left: 0; width: 100px; z-index: 1; }

.change_image { padding: 0px; }

.course_img_big { position: relative; width: 150px; height: 150px; margin-right: 15px; border: #EEE 1px solid; line-height: 150px; display: table-cell; text-align: center; vertical-align: middle; }

.course_img_big img { vertical-align: middle; }

.course_img_big .indicate { display: none; position: absolute; z-index: 1; }

.course_img_big:hover .indicate { display: block; position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 1; }

/**********END edit link************************/

.course_cont { float: left; }

.date_time { color: #a0a0a0; padding-bottom: 5px; }

.course_info { margin-top: 10px; margin-bottom: 10px !important; }

ul.page_nav { list-style: none; margin: 0px; padding: 0px; float: right; }

ul.page_nav li { padding-left: 4px; padding-right: 4px; float: left; font-size: 10px; margin-bottom: 10px; }

ul.page_nav li input { font-size: 10px; }

ul.btn_control { list-style: none; margin: 0px; padding: 0px; float: right; }

ul.btn_control li { height: 22px; float: left; font-size: 10px; }

ul.list_view { list-style: none; margin: 0px; padding: 0px; float: left; }

ul.list_view li { height: 22px; float: left; padding-right: 10px; }

.btn1 a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn1.png) no-repeat; width: 73px; height: 22px; color: #333333; text-align: center; line-height: 22px; display: block; }

.btn1 a:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn1_hover.png) no-repeat; color: #666666; }

.btn2 a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn2.png) no-repeat; width: 23px; height: 22px; color: #333333; text-align: center; line-height: 22px; display: block; }

.btn2 a:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn2_hover.png) no-repeat; color: #666666; }

.btn2 a.active_btn { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn2_hover.png) no-repeat; color: #666666; }

.btn3 a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn3.png) no-repeat; width: 53px; height: 22px; color: #333333; text-align: center; line-height: 22px; display: block; }

.btn3 a:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn3_hover.png) no-repeat; color: #666666; }

.btn_small { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn_small.png) no-repeat; width: 60px; height: 22px; color: #333333; border: none; outline: none; cursor: pointer; }

.btn_small:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn_small_hover.png) no-repeat; color: #666666; }

.btn_long { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn_long.png) no-repeat; width: 174px; height: 22px; color: #333333; border: none; outline: none; cursor: pointer; }

.btn_long:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/btn_long_hover.png) no-repeat; color: #666666; }

.flt_left { float: left; }

/*-----Dhaval ends-----*/

.down_pdf { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_download_pdf.png) no-repeat; width: 126px; height: 21px; border: none; padding-left: 20px; padding-right: 5px; font-size: 12px; color: #666666; cursor: pointer; }

.down_xls { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_download_xls.png) no-repeat; width: 126px; height: 21px; border: none; padding-left: 20px; padding-right: 5px; font-size: 12px; color: #666666; cursor: pointer; }

.course_details_wrapper { width: auto; min-height: 500px; padding: 10px; padding-top: 0px; }

.course_details_wrapper h1 { font-size: 22px; line-height: 26px; padding-bottom: 5px; color: #333333; }

.course_details_wrapper h2 { font-size: 16px; font-weight: bold; line-height: 16px; padding-bottom: 5px; color: #333333; padding: 0 0 5px 0; }

.course_details { color: #a0a0a0; height: 14px; }

.course_details ul { margin: 0; padding: 0; list-style: none; }

.course_details li:last-child { border: none; margin: 0; padding: 0; }

.course_details li { float: left !important; margin-right: 5px; padding-right: 5px; border-right: solid 1px #a0a0a0; line-height: 16px; height: 16px; }

.course_details_left { float: left; width: 150px; }

.course_details_right { float: right; }

/* Event tab wrapper start*/

.events_wrapper { width: 100%; height: 100%; background-color: #FFF; }

.events_inner_contents { height: 100%; margin-bottom: 10px; line-height: 16px; }

.events_tab_wrapper { width: 100%; height: 36px; border-bottom: #a7c329 1px solid; margin-bottom: 10px; }

.events_tab_wrapper ul { margin: 0; padding: 0; list-style: none; }

.events_tab_wrapper li { margin: 0; padding: 0; list-style: none; float: left; line-height: 24px; min-width: 90px; height: 36px; display: block; margin-right: 1px; background-color: #c0c0c0; text-align: center; }

.events_tab_wrapper li:hover { background-color: #a7c329; margin-right: 1px; }

.events_tab_wrapper li.active { background-color: #a7c329; color: #FFFFFF; display: block; height: 36px; }

.events_tab_wrapper li.active a { color: #FFFFFF; }

.events_tab_wrapper li a { color: #000; text-align: center; line-height: 36px; height: 36px; display: block; padding-left: 6px; padding-right: 6px; }

.events_tab_wrapper li a:hover { color: #FFF; }

.events_info_wrapper { width: 100%; min-height: 200px; }

.sub_menu { /*background:url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/sub_menu.png) no-repeat;*/ background-color: #a7c329; border-radius: 3px; height: 26px; padding: 5px; }

.sub_menu_nav { margin: 0px; padding: 0px; }

#library_sub_menu { display: block; }

.sub_menu_nav li { list-style: none; float: left; line-height: 29px; }

.sub_menu_nav li:last-child a { border: none; }

.sub_menu_nav li a { color: #FFFFFF; border-right: #FFFFFF 1px solid; padding-right: 6px; margin-left: 6px; height: 16px; }

.sub_menu_nav li a:hover { text-decoration: underline; }

.training_events_accordian { width: auto; height: 100%; margin: 0px; padding: 0px; }

.events_acc_header_active { width: 100%; height: 30px; background-repeat: repeat-x; display: block; line-height: 30px; margin: 0px; padding: 0px; background: #f5f5f5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8', GradientType=0);
/* IE6-8 */
}

.events_acc_header_inactive { width: 100%; height: 30px; background-repeat: repeat-x; display: block; line-height: 30px; background: #f5f5f5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8', GradientType=0);
/* IE6-8 */
}

.events_acc_header_active a { padding-left: 15px; display: block; color: #5A5A5A; }

.events_acc_header_inactive a { padding-left: 15px; display: block; color: #5A5A5A; }

.events_acc_details { overflow-y: scroll; overflow-x: hidden; overflow: auto; height: 100%; max-height: 250px; border-left: solid 1px #DDD; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; margin-bottom: 2px; background-color: #FFFFFF; }

/*removed width:570px; By Dhara Dharia on 19-Apr-2013*/
/* Add course wrapper start*/

.required_field { color: #FF5951; padding-left: 2px; padding-top: 4px; }

.add_course_wrapper { /*min-height: 300px;*/ }

.add_course_wrapper h2 { color: #333; font-size: 18px; font-weight: bold; }

/* Updated by Ashvini Khatri on 9-May-2015 for TEMS Changes*/

.add_course_wrapper h3 { color: #444; font-weight: bold; font-size: 12px; padding-top: 10px; padding-bottom: 4px; }

.section_divider { border-bottom: #999999 1px dotted; margin-top: 10px; margin-bottom: 10px; }

.section_divider1 { border-bottom: #b6b6b6 1px solid; margin-top: 0px; margin-bottom: 10px; }
.form_grp_heading { background-color: #e4e4e4; border: 1px solid #dfdfdf; color: #333333; min-height: 10px; padding: 3px; }
/* Add course wrapper end*/
/* Datagrid wrapper start*/

.inner_wrapper { min-height: 300px; margin-top: 20px; }

.datagrid_container { height: auto; width: 100%; overflow: auto; position: relative; }

.datagrid { color: #666; border-width: 1px; border-color: #cfcfcf; border-collapse: collapse; width: 99.9%; }

.datagrid a { color: #178cde; }

.datagrid th { text-align: left;  padding: 10px; border-width: 0px;height:33px; border-left: 1px; padding-left: 10px; padding-right: 10px; border-style: solid; border-color: #e6e6e6; color: #ffffff; background: #306293; /* Old browsers */ background: -moz-linear-gradient(top, #306293 0%, #214e7b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #306293 0%, #214e7b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #306293 0%, #214e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306293', endColorstr='#214e7b', GradientType=0 ); /* IE6-9 */
}

.datagrid th:first-child { border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border: 0px; }

.datagrid th:last-child { border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-right: 1px; }

.datagrid th a { color: #ffffff; }

.datagrid .head { background: #306293; /* Old browsers */ background: -moz-linear-gradient(top, #306293 0%, #214e7b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #306293 0%, #214e7b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #306293 0%, #214e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306293', endColorstr='#214e7b', GradientType=0 ); /* IE6-9 */
color: #ffffff; }

.datagrid .head h2 { color: #ffffff; padding-bottom: 5px; }

.datagrid tr { background-color: #ffffff; }

.datagrid tr:nth-child(even) { background-color: #ffffff; }

.datagrid tr:nth-child(odd) { background-color: #F5F5F5; }

.datagrid tr:hover { background-color: #FFC; }

.datagrid td { padding: 14px 10px; border-width: 1px; border-style: solid; border-color: #e6e6e6; }

.datagrid .cen_align { text-align: center; }

.datagrid select { outline: none; line-height: 24px; }

/* Start - Added by S.P.M.	Sprint87 */
.table_sub_td { padding: 0px 0px 0px 0px !important; }

.table_sub { width: 70em; padding: 0px 0px 0px 0px !important; }
/* END - Added by S.P.M.	Sprint87 */

.action_wrapper { width: 150px; }

.action_wrapper ul, .action_wrapper li { margin: 0; padding: 0; }

.action_wrapper li { display: inline; width: auto; min-height: 16px; margin-left: 5px; }

.action_btn { background: -webkit-linear-gradient(top, #FFF 0%, #E0E0E0 100%); background: linear-gradient(to bottom, #FFF 0%, #E0E0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; border: 1px solid #ADADAD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 2px; cursor: pointer; }

input.action_btn:hover { background: -webkit-linear-gradient(top, #E0E0E0 0%, #ECEBE9 100%); background: linear-gradient(to bottom, #E0E0E0 0%, #ECEBE9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE0E0E0', endColorstr='#ffECEBE9', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.datagrid_nav { list-style: none; margin: 0px; padding: 0px; float: right; padding-top: 10px; padding-bottom: 10px; }

.datagrid_nav li { height: 22px; padding-left: 4px; padding-right: 4px; float: left; font-size: 10px; }

.datagrid_nav li.last { padding-right: 0px; }

.datagrid_info { position: relative; width: 24px; height: 24px; }

.datagrid_info:hover .datagrid_info_content, .datagrid_info:hover .datagrid_info_content_bot_0 { display: block; }

.datagrid_info_content { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; left: 24px; top: 0px; }

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { display: none; position: absolute; /*width: 37%;*/ padding: 10px; background: #ffffff; color: #000000; border: 1px solid #1a1a1a; font-size: 90%; z-index: 1; }

.datagrid_info_content_bot_0 { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; left: 24px; bottom: 0px; }

.datagrid2 { color: #666; border-width: 0px; border: none; border-collapse: collapse; margin-top: 3px; min-width: 200px; width: 230px; }

.datagrid2 a { color: #178cde; }

.datagrid2 th { background-color: transparent; padding: 2px; border: none; color: #282828; text-align: left; }

.datagrid2 tr { background-color: transparent; }

.datagrid2 tr:nth-child(even) { background-color: transparent; }

.datagrid2 tr:nth-child(odd) { background-color: transparent; }

.datagrid2 tr:hover { background-color: transparent; }

.datagrid2 td { border-width: 0px; padding: 2px; border-style: solid; border-color: transparent; }

.datagrid2 .cen_align { text-align: center; }

.inputtext3 { width: 350px; min-height: 26px; background-color: #FFF; color: #808080; ; display: block; border: 1px solid #d1d1d1; outline: none; line-height: 26px; padding-left: 2px; max-width: 900px; }

/* Added by Dhara Dharia on 21-May-2013*/

.def_status_box { min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; position: relative; }

.def_status_box_close { position: absolute; top: 0; right: 4px; font-weight: bolder; font-size: 16px; }

.def_status_box_close a { color: #000; }

/* Datagrid wrapper end*/
/* Setting*/

.admin_menu { background: #80a3c1; color: #ffffff; padding: 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/*ul#admin_menu { float: left; }*/

ul#admin_menu li a { display: block; text-decoration: none; font-size: 12px; color: #ffffff; padding: 14px 10px; }

ul#admin_menu, ul#admin_menu ul, ul#user_menu ul { list-style: none; margin: 0px; padding: 0px; position: relative; /**z-index: 9999;**/ }

/*z-index added by dhara dharia on 20-Mar-2013*/

ul#admin_menu ul li { float: none; position: relative; *margin-bottom: -4px;
}

ul#admin_menu ul li a { display: block; color: #0974ac; }

ul#admin_menu ul li a.parent, ul#user_menu ul li a.parent { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow.png'); background-position: center right; background-repeat: no-repeat; }

ul#admin_menu li:hover { text-decoration: none; background: #0974ac; }

ul#admin_menu li, ul#user_menu li { float: left; position: relative; }

ul#admin_menu li a, ul#user_menu li a { color: #ffffff; }

ul#admin_menu li ul li:hover { background: #e8e8e8; }

ul#admin_menu li ul li a:hover { }

/*---li > div---*/

ul#admin_menu li > div { background: #ffffff; position: absolute; top: 42px; left: 0; border: 1px solid #ffffff; border-top: none !important; width: 175px; display: none; z-index: 100000; }

ul#admin_menu li > div li a { padding-top: 10px; padding-bottom: 10px; }

ul#admin_menu li:hover div, ul#user_menu li:hover div { display: block; }

ul#admin_menu li div ul li div, ul#user_menu li div ul li div { border-top: solid 1px #ffffff !important; position: absolute; top: 0; left: 174px; display: none !important; }

ul#admin_menu li div ul li div ul li div.sublast, ul#user_menu li div ul li div ul li div.sublast { display: none !important; }

ul#admin_menu li div ul li div ul li:hover div.sublast, ul#user_menu li div ul li div ul li:hover div.sublast { display: block !important; }

ul#admin_menu li div ul li:hover div, ul#user_menu li div ul li:hover div { display: block !important; }

/*---end li > div---*/
/*------Last LI-----*/

li.admin_menulast div { left: auto !important; right: 0px !important; text-align: right; }

li.admin_menulast a.parent { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_left.png') !important; background-position: center left !important; background-repeat: no-repeat; }

li.admin_menulast div ul li div { position: absolute; left: -177px !important; }

/*------End Last LI-----*/

/********************** Start Menu New Style 05 ********************/
.menu_new_style05 {
 background: #333333;
 color: #ffffff;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
}
ul#menu_new_style05 {
 float: right;
}
ul#menu_new_style05 li a {
 display: block;
 text-decoration: none;
 font-size: 12px;
 color: #ffffff;
 padding: 14px 10px;
}
ul#menu_new_style05, ul#menu_new_style05 ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 position: relative;
 z-index: 9999;
}
ul#menu_new_style05 ul li {
 float: none;
 position: relative;
*margin-bottom: -4px;
}
ul#menu_new_style05 ul li a {
 display: block;
 color: #ffffff;
}
ul#menu_new_style05 ul li a.parent {
 background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow.png');
 background-position: center right;
 background-repeat: no-repeat;
}
ul#menu_new_style05 li:hover {
 text-decoration: none;
 background: #545454;
}
ul#menu_new_style05 li {
 float: left;
 position: relative;
}
ul#menu_new_style05 li a {
 color: #ffffff;
}
ul#menu_new_style05 li ul li:hover {
 background: #878787;
}
ul#menu_new_style05 li ul li a:hover {
}
ul#menu_new_style05 li > div {
 background: #545454;
 position: absolute;
 top: 42px;
 right: 0;
 border-top: none !important;
 width: 175px;
 display: none;
}
ul#menu_new_style05 li > div li a {
 padding-top: 10px;
 padding-bottom: 10px;
}
ul#menu_new_style05 li:hover div {
 display: block;
}
ul#menu_new_style05 li div ul li div {
 border-top: solid 1px #ffd2b0 !important;
 position: absolute;
 top: 0;
 left: 175px;
 display: none !important;
}
ul#menu_new_style05 li div ul li div ul li div.sublast {
 display: none !important;
}
ul#menu_new_style05 li div ul li div ul li:hover div.sublast {
 display: block !important;
}
ul#menu_new_style05 li div ul li:hover div {
 display: block !important;
}
li.menu_new_style05last div {
 left: auto !important;
 right: 0px !important;
 text-align: right;
}
li.menu_new_style05last a.parent {
 background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_left.png') !important;
 background-position: center left !important;
 background-repeat: no-repeat;
}
li.menu_new_style05last div ul li div {
 position: absolute;
 left: -177px !important;
}
/********************** End Menu New Style 05 ********************/

.button_wrapper { margin-top: 0px; }

.button_wrapper ul { padding: 0px; margin: 0px; list-style: none; }

.button_wrapper ul li { margin-right: 5px; float: left; width: auto; /* Added by Ashvini Khatri on 19-May-2015 To resolve issue of button overlapping*/ }

.button_wrapper li.last { margin-right: 0px; padding-right: 0px; }

.test { height: 100px; }

/*------Start Error-----*/

.error_wrapper { min-height: 400px; background: #FFFFFF; padding: 10px; border-radius: 3px; border: 1px solid #dddddd; }

.error_wrapper h1 { font-size: 24px; padding-left: 60px; line-height: 56px; }

.error_wrapper h1.pagenotfound { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_pagenotfound.png) left no-repeat; }

.error_wrapper h1.sessiontimeout { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_sessiontimeout.png) left no-repeat; margin-left: 10px; padding-left: 40px; }

h1.genericerror { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_genericerror.png) left no-repeat; color: #ff0000; padding-left: 60px; padding-top: 32px; padding-bottom: 32px; }

.error_contents ul li { list-style: circle; padding-bottom: 6px; }

/*------End Error-----*/
/* Status Messages Start -- Updated by Ashvini Khatri on 08-Apr-2015*/

.msgbox_success { background-color: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; min-height: 10px; padding: 10px; }

.msgbox_error { background-color: #f2dede; color: #a94442; min-height: 10px; padding: 10px; border: 1px solid #ebccd1; }

.msgbox_warning { background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b; min-height: 10px; padding: 10px; }

.msgbox_noerror { background-color: transparent; min-height: 10px; padding: 10px; }

.msgbox_info { background-color: #fefcf1; border: 1px solid #faebcc; color: #333333; min-height: 10px; padding: 10px; }

.validate { border: solid 1px #FF5951 !important; }

/* Status Messages End*/
/* Login Wrapper start*/

.signin_wrapper { border: solid 1px #FFF; border-radius: 3px; background-color: #FFFFFF; min-height: 450px; }

.signin_inner_wrapper { width: 90%; margin: auto; margin-top: 80px; }

.signin_inner_left_wrapper { float: left; width: 406px; min-height: 280px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/login-vline.png) no-repeat right center; }

.signin_inner_right_wrapper { float: left; width: 406px; min-height: 260px; }

.signin_box { background-color: transparent; width: 320px; margin: auto; margin-top: 40px; margin-bottom: 0px; min-height: 200px; vertical-align: top; }

.browser_comp_box { background-color: transparent; width: 360px; margin: auto; margin-top: 60px; margin-bottom: 0px; }

.inputtext_signin { width: 288px; min-height: 26px; background-color: #FFF; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #d1d1d1; outline: none; line-height: 26px; }

.login_user { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_login_user.png) no-repeat left center; }

.login_password { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_login_password.png) no-repeat left center; }

.inputddl_signin { width: 320px; min-height: 26px; background-color: #FFF; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #d1d1d1; outline: none; line-height: 26px; }

/* Login Wrapper end*/
/* User Profile Menu Style start*/

ul#user_menu { float: right; color: #FFFFFF; }

.user_menu_divider { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/divider.png) no-repeat right center; }

ul#user_menu li a { display: block; text-decoration: none; }

ul#user_menu, ul#user_menu ul { list-style: none; margin: 0px; padding: 0px; position: relative; }

ul#user_menu ul li { float: none; line-height: 30px; position: relative; padding-left: 10px; padding-right: 0px; min-width: 150px; *margin-bottom: -4px;
}

ul#user_menu ul li a { display: block; color: #FFFFFF; padding-left: 0px; padding-right: 00px; line-height: 30px; }

ul#user_menu ul li:hover { text-decoration: none; }

ul#user_menu li, ul#user_menu li { float: left; padding-left: 10px; padding-right: 10px; position: relative; }

ul#user_menu li a { color: #FFF; }

ul#user_menu li ul li a { color: #FFF; }

ul#user_menu li ul li:hover { background: #333333; }

ul#user_menu li ul li a:hover { color: #FFF; }

ul#user_menu li:hover { background-color: #545454; }

ul#user_menu li > div { background: #545454; position: absolute; top: 42px; border: 0px solid #838383; padding: 4px; border-top: 0px solid #FFF; left: 0px; width: 170px; display: none; }

ul#user_menu li:hover div, ul#user_menu li:hover div { display: block; z-index: 1000; }

.btn_logout { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/logout_icon.png) no-repeat center; width: 21px; height: 42px; line-height: 42px; display: block }

.btn_logout:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/logout_icon_hover.png); }

/* User Profile Menu Style end*/
/* Admin Menu Style starts*/

.nav, .nav ul, .nav li { list-style: none; }

.nav ul { padding: 0; margin: 0; }

.nav { padding: 0px; margin: 0px; }

.nav li { margin: 0; border-bottom: 1px solid #CECECE; }

.nav > li li { /* margin: 2px 0; */ }

.nav a { color: #FFF; display: block; outline: none; text-decoration: none; }

.nav li > a > span { float: right; font-size: 22px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transition: transform 0.2s ease; }

.nav li > a:hover > span { color: #fff; }

.nav li > a > span:after { content: '\203a'; }

.nav li.open-menu > a > span:after { content: '\2039'; }

.nav a:hover, .nav li.active > a { background-color: #222222; color: #FFFFFF; }

.nav > li.active > a { background-color: #222222; }

.nav li a { font-size: 13px; line-height: 24px; padding: 6px 10px 6px 20px; }

.nav > li > a { line-height: 24px; padding: 8px 10px; }

.nav li.open-menu { background: #222222; }

.nav li.open-menu ul { background: #444444; }

.nav li.open-menu li a:hover, .nav li.open-menu li.open-menu > a, .nav li.open-menu li.open-menu li a:hover { background: #666666; }

.nav li.open-menu li.open-menu li a, .nav li.open-menu > li.open-menu > li.active > a { background: #999999; padding-left: 30px; }

.nav li.open-menu li:last-child { border-bottom: 0px solid #CECECE; }

/* Admin Menu Style ends */

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

div.rating-cancel, div.star-rating { float: left; width: 17px; height: 15px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }

div.rating-cancel, div.rating-cancel a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/delete.gif) no-repeat 0 -16px; display: none!important; }

div.star-rating, div.star-rating a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/star.gif) no-repeat 0 0px; }

div.rating-cancel a, div.star-rating a { display: block; width: 16px; height: 100%; background-position: 0 0px; border: 0; }

div.star-rating-on a { background-position: 0 -16px!important; }

div.star-rating-hover a { background-position: 0 -32px; }

/* Read Only CSS */

div.star-rating-readonly a { cursor: default !important; }

/* Partial Star CSS */

div.star-rating { background: transparent!important; overflow: hidden!important; }

/* END jQuery.Rating Plugin CSS */
/* Popup Container start */

.popup_wrapper { width: auto; background-color: #FFF; }

.popup_wrapper h2 { color: #333; font-size: 18px; font-weight: bold; padding-bottom: 10px; }

.popup_wrapper h3 { color: #333; font-weight: bold; font-size: 12px; padding-top: 10px; padding-bottom: 4px; }

.popup_inner_wrapper { background-color: #FFF; position: relative; }

.popup_wrapper_header { height: 40px; width: 100%; border-bottom: dotted 1px #999999; }

.popup_wrapper_content { overflow-y: auto; padding-left: 0px; padding-right: 10px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; }

.popup_wrapper_content:hover { overflow-y: auto; }

.popup_wrapper_content img { max-width: 100%; height: auto !important; }

.popup_wrapper_footer { height: 40px; width: 100%; padding-top: 10px; margin-top: 10px; border-top: dotted 1px #999999; bottom: 0; display: block; /*position:absolute;*/ ; }

.contentset { height: 580px; }

.forgotpassword { height: 300px; }

.text_justify { text-align: justify; }

.loadingmsgSet { margin-top: 50px; }

.popup_wrapper p { font-size: 1em; }

.popup_wrapper li { font-size: 1em; padding-bottom: 5px; }

/* Popup Container end */

.img-header { margin-top: 5px; font-size: 1.2em; line-height: 1.3em; color: #888; margin-bottom: 10px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.img-text { /*margin-left:15px;*/ color: #666 !important; }

.button1 { border: 1px solid rgba(0, 0, 0, 0); white-space: nowrap; border-radius: 4px; text-shadow: 0px 1px 1px rgba(150, 150, 150, 0.75); padding-top: 2px; padding-bottom: 4px; color: #FFFFFF; background: #ffa443; /* Old browsers */ background: -moz-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa443), color-stop(24%, #ff9b37), color-stop(74%, #ff7f10), color-stop(100%, #ff7501)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa443', endColorstr='#ff7501', GradientType=0);
 filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
/* IE6-9 */
background-repeat: repeat-x; border-color: #ff9b37; cursor: pointer; }

.imgprop { border: 1px solid #d1d1d1; background: #FFF; border-radius: 3px; text-align: center; }

.image-placeholder { position: relative; width: 100px; height: 100px; }

.hoverimage { position: absolute; top: 0; left: 0; display: none; margin: 5px; cursor: pointer; }

.image:hover .hoverimage { display: block; }

.carousel-box { border: 1px solid #d1d1d1; width: 938px; height: 270px; overflow: hidden; position: relative; border-radius: 2px; background-color: #FFF; margin-top: 20px; }

ul.placeholder { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }

li.placeholder { float: left; width: 120px; }

.box3 { border: 1px solid #CCC; width: 619px; height: 273px; overflow: hidden; float: left; border-radius: 2px; background-color: #FFF; margin-top: 20px; }

.box4 { border: 1px solid #CCC; width: 300px; height: 273px; overflow: hidden; float: left; border-radius: 2px; background-color: #FFF; margin-top: 20px; margin-left: 17px; }

.box-title { background: #FAFAFA; border-bottom: 1px solid #CCC; font-family: Arial; font-size: 14px; padding: 7px; }

.img-text a { color: #666 !important; }

.img-header a { color: #888; }

.button1 a { color: #555; }

.imgprop input { border-radius: 2px; border: 1px solid #d1d1d1; }

/*Image Scroller End*/
/* Iphone Slider Start - Course Navigation*/

#Coursealbum, .Coursealbum { /*width: 100%;*/ width: 840px; position: relative; /*   width: 400px;*/ height: 100px; overflow: hidden; margin: 0 auto; min-height: 100px; /* border: 2px solid #ffffff;*/ ; }

#coursepaging, .coursepaging { position: absolute; top: 0px; left: 0px; width: 100px; height: 270px; right: 50px; }

#coursepaging div.page, .coursepaging div { float: left; width: 130px; height: 260px; margin: 4px; /* border: 1px solid #666666;background-color: #efefef;*/ background-position: 50% 50%; background-repeat: no-repeat; color: #000000; text-align: left; font-size: 0.85em; display: none; cursor: pointer; }

/*padding-right:10px; width: 100px;*/
/* Iphone Slider End - Course Navigation*/
/* Start - Home page back ground for portlet Dhara Dharia*/

.homeportletbackgorund { height: 100%; background: none repeat scroll 0 0 #FFFFFF; }

/* Loading Message Design Start */

#UpdProgress { background-color: #FFFFCC; border-bottom-style: solid; border-color: #F0C36D; border-color: Black; border-left-style: solid; border-right-style: solid; border-width: 1px; color: #222222; height: 20px; left: 50%; margin-left: -50px; padding-left: 2px; position: fixed; text-align: center; top: 0px; vertical-align: middle; white-space: nowrap; min-width: 75px; z-index: 999999; }

#UpdProgress img { margin: 2px; vertical-align: middle; }

#UpdProgress span { text-align: center; vertical-align: middle; }

.GenericError { color: #222222; height: auto; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding-left: 2px; position: fixed; top: 0px; vertical-align: middle; min-width: 75px; max-width: 876px; z-index: 999999; width: auto; }

.GenericError img { margin: 2px; vertical-align: middle; }

/* Loading Message Design End */
/*Dropdown for site admin start - Dhara Dharia*/

ul#site_menu { float: right; height: 55px; line-height: 55px; color: #FFFFFF; }

/*background:url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr.png) no-repeat right center;*/

ul#site_menu li a { display: block; text-decoration: none; }

ul#site_menu, ul#site_menu ul { list-style: none; margin: 0px; padding: 0px; position: relative; }

ul#site_menu ul li { float: none; line-height: 30px; position: relative; padding-left: 10px; padding-right: 0px; min-width: 150px; *margin-bottom: -4px;
}

ul#site_menu ul li a { display: block; color: #FFFFFF; padding-left: 0px; padding-right: 00px; line-height: 30px; }

ul#site_menu ul li:hover { text-decoration: none; }

ul#site_menu li, ul#site_menu li { float: left; padding-left: 10px; padding-right: 10px; position: relative; }

ul#site_menu li a { color: #888888; }

ul#site_menu li ul li a { color: #FFF; }

ul#site_menu li ul li:hover { background: #0DB5E4; }

ul#site_menu li ul li a:hover { color: #FFF; }

ul#site_menu li:hover { background-color: #292929; }

ul#site_menu li > div { background: #292929; position: absolute; top: 54px; border: 0px solid #838383; padding: 4px; border-top: 0px solid #FFF; right: 0px; width: 170px; display: none; }

ul#site_menu li:hover div, ul#site_menu li:hover div { display: block; z-index: 1000; }

/*Dropdown for site admin end - Dhara Dharia*/
/* Auto Complete Textbox Layout - Mayur Chikalkar */

.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;max-width: 738px;*max-width: 738px;width: 100rem !important;}

.ui-front { z-index: 100; }

.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; }

.ui-menu .ui-menu { margin-top: -3px; position: absolute; }

.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; *width: 97%;
}

.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; }

.ui-menu .ui-menu-item a:hover { font-weight: bold !important; cursor:pointer !important; font-size:14px !important; }

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }

.ui-menu .ui-state-disabled a { cursor: default; }

.ui-menu-icons { position: relative; }

.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-widget { font-size: 12px; }

.ui-widget .ui-widget { font-size: 12px; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; max-height: 300px; overflow-y: auto; *overflow-x: none;
}

.ui-widget-content a { color: #222222; }

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }

.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /* border: 1px solid #CFCF96; background: #FFC url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; */ }

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }

.ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

.ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Auto Complete Textbox Layout - Mayur Chikalkar */

/*Accordian style sheet- Dhara Dharia*/
.ui-widget-content-acc { overflow-y: scroll; overflow-x: hidden; overflow: auto; border-left: solid 1px #ffbb54; border-right: solid 1px #ffbb54; border-bottom: solid 1px #ffbb54; background-color: #FFFFFF; }

/*removed max-height:300px; on 24-Apr-2013 removed height:100%; on 25-Apr-2013*/

.ui-widget-content-acc a { color: #2d4f7d; text-decoration: none; }

.ui-state-default-acc, .ui-widget-content-acc .ui-state-default-acc, .ui-widget-header-acc .ui-state-default-acc { height: 30px; background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); display: block; line-height: 30px; /* width:592px; removed By Dhara Dharia*/ ; }

.ui-state-hover-acc, .ui-widget-content-acc .ui-state-hover-acc, .ui-widget-header-acc .ui-state-hover-acc, .ui-state-focus-acc, .ui-widget-content-acc .ui-state-focus-acc, .ui-widget-header-acc .ui-state-focus-acc { height: 30px; background: #f5f5f5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8', GradientType=0);
/* IE6-8 */
display: block; line-height: 30px; margin: 0px; padding: 0px; position: relative; /* width:592px; removed By Dhara Dharia*/ }

.ui-state-default-acc h4 { margin-left: 10px; margin-right: 10px; }

.ui-state-active-acc, .ui-widget-content-acc .ui-state-active-acc, .ui-widget-header-acc .ui-state-active-acc { height: 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb23f+0,fe9a03+100 */ background: #ffb23f; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23f 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23f 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23f 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23f', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
display: block; line-height: 30px; margin: 0px; padding: 0px; /* width:592px; removed By Dhara Dharia*/ ; color: #ffffff; position: relative; }

.ui-state-default-acc a, .ui-state-default-acc a:link, .ui-state-default-acc a:visited { padding-left: 15px; display: block; color: #5A5A5A; }

.ui-state-hover-acc a, .ui-state-hover-acc a:hover, .ui-state-hover-acc a:link, .ui-state-hover-acc a:visited { padding-left: 15px; display: block; color: #5A5A5A; }

.ui-state-active-acc a, .ui-state-active-acc a:link, .ui-state-active-acc a:visited { padding-left: 15px; display: block; color: #FFFFFF; }

.ui-icon { display: block; }

.ui-icon { width: 16px; height: 16px; float: left; margin-left: 10px; font-weight: bold; font-size: 18px; }

.ui-icon-triangle-1-e:after { content: "+"; font-weight: bold; width: 16px; height: 16px; }

.ui-icon-triangle-1-s:after { content: "-"; font-weight: bold; width: 16px; height: 16px; }

/*Accordian style sheet- Dhara Dharia*/
/*Description Box (Help Message Box) style sheet- Dhawal Patel - 27-May-2013*/

.desc_box { color: #444; border: 1px solid #CCC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
padding: 10px; margin-bottom: 10px; }

.msg_title { font-size: 1.45em; color: #036; font-weight: 700; margin: 0px; padding: 0px; }

.msg_title a { color: #036; }

.msg { line-height: 20px; word-spacing: 1px; }

/*Description Box (Help Message Box) style sheet- Dhawal Patel - 27-May-2013*/
/* Form Wizard */

.form-wizard { width: 100%; margin-bottom: 10px; }

.form-wizard ul { margin: 0; padding: 0; list-style: none; }

.form-wizard li { margin: 0; padding: 0; list-style: none; float: left; width: 33.333%; min-height: 56px; display: block; text-align: left; }

.form-wizard li a { display: block; border: 1px solid #cbcbcb; border-left: 0; min-height: 38px; padding: 8px; color: #333; background-color: #F3F3F3; }

.form-wizard li a.first-child { display: block; border-left: 1px solid #cbcbcb; }

.form-wizard li a:hover { background-color: #FFF; cursor: pointer; }

.form-wizard li a.active { background-color: #FFF; border-bottom: none; }

.form-wizard li a span { font-size: 14px; display: block; color: #bcbcbc; }

.form-wizard li a.active span { font-size: 14px; display: block; color: #333; }

.form-wizard li a:hover span { font-size: 14px; display: block; color: #333; }

.form-wizard li a .form-wizard-header { font-size: 20px !important; color: #bcbcbc; }

.form-wizard li a.active .form-wizard-header { font-size: 20px !important; color: #333; }

.form-wizard li a:hover.form-wizard-header { font-size: 20px !important; color: #333; }

.form-wizard .button_wrapper ul li { min-height: inherit; }

.form-wizard1 { width: 100%; margin-bottom: 10px; }

.form-wizard1 ul { margin: 0; padding: 0; list-style: none; }

.form-wizard1 li { margin: 0; padding: 0; list-style: none; float: left; width: 25%; min-height: 56px; display: block; text-align: left; }

.form-wizard1 li a { display: block; border: 1px solid #cbcbcb; border-left: 0; min-height: 44px; padding: 8px; color: #333; background-color: #F3F3F3; }

.form-wizard1 li a.first-child { display: block; border-left: 1px solid #cbcbcb; }

.form-wizard1 li a:hover { background-color: #FFF; cursor: pointer; }

.form-wizard1 li a.active { background-color: #FFF; border-bottom: none; }

.form-wizard1 li a span { font-size: 14px; display: block; color: #bcbcbc; }

.form-wizard1 li a.active span { font-size: 14px; display: block; color: #333; }

.form-wizard1 li a:hover span { font-size: 14px; display: block; color: #333; }

.form-wizard1 li a .form-wizard-header { font-size: 20px !important; color: #bcbcbc; }

.form-wizard1 li a.active .form-wizard-header { font-size: 20px !important; color: #333; }

.form-wizard1 li a:hover.form-wizard-header { font-size: 20px !important; color: #333; }

.bg_red { background-color: #FF5951; }

.search_box { display: block; }

.search_btn { display: none; }

.hidden-desktop {
    display: none !important;
}

.visible-desktop { display: block; }

.hline { border-bottom: #999 1px dotted; }

.review_wrapper { width: 100%; border: 1px solid #dcdcdc; }

.review_top { padding: 10px; background-color: #f6f6f7; }

.review_top_details { color: #a0a0a0; height: 14px; }

.review_top_details ul { margin: 0; padding: 0; list-style: none; }

.review_top_details li:first-child { border: none; margin: 0; padding: 0; }

.review_top_details li { float: left; margin-left: 5px; padding-left: 5px; line-height: 16px; height: 16px; }

.review_top_details li a { color: #333333; font-weight: bold; text-decoration: underline; }

#btn_write_review { margin-top: 20px; margin-left: 30px; }

.review-toggle-wrapper { display: none; border-top: 1px solid #dcdcdc; }

.recent_review_wrapper { width: 100%; overflow-y: auto; border-bottom: 1px solid #dcdcdc; }

.recent_review_block { padding-bottom: 10px; border-bottom: #999 1px dotted; margin-bottom: 10px; }

.recent_review_block:last-child { border: none; }

.recent_review_desc { }

.recent_review_user_details { height: 14px; }

.recent_review_user_details ul { margin: 0; padding: 0; list-style: none; }

.recent_review_user_details li:first-child { border: none; margin: 0; padding: 0; }

.recent_review_user_details li { float: left; margin-left: 10px; padding-left: 5px; line-height: 16px; height: 16px; margin-bottom: 10px; }

.recent_review_user_details li img { margin-top: 3px; }

.recent_review_user_details li a { font-weight: bold; text-decoration: underline; }

.write_review_wrapper { width: 100%; min-height: 200px; margin-top: 10px; }

.toggle_image { background: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/open.png') no-repeat; display: block; width: 16px; height: 16px; margin-top: 15px; }

.video-container { width: 100%; margin: 0px 1%; position: relative; padding-bottom: 52%; padding-top: 25px; height: 0px; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.popup_grid4 { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 31.333%; }
.popup_grid3 { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 23%; }

.progress_bg { background: url("https://jlmscloudstorelocal.blob.core.windows.net/theme0/progress_bg.png") no-repeat; width: 151px; height: 15px; margin-right: 5px; margin-left: 5px; position: relative; }

.progress_completion_bg { background: url("https://jlmscloudstorelocal.blob.core.windows.net/theme0/progress_completion_bg.png") repeat-x; left: 0px; height: 15px; margin-left: 1px; position: absolute; }

#tblMessage { width: 100%; height: 23px; }

.Success#tblMessage { border: 1px solid rgb(90, 173, 13); border-image: url('') none; background-color: rgb(229, 247, 213); }

.Information#tblMessage { border: 1px solid rgb(136, 181, 233); border-image: url('') none; background-color: rgb(226, 237, 248); }

.Warning#tblMessage { border: 1px solid rgb(253, 123, 4); border-image: url('') none; background-color: rgb(255, 247, 231); }

.Error#tblMessage { border: 1px solid rgb(255, 0, 1); border-image: url('') none; background-color: rgb(255, 234, 234); }

#dvIcon { background-position: 2px 2px; line-height: 23px; padding-left: 38px; background-repeat: no-repeat; }

.Success#dvIcon { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Success.png'); }

.Information#dvIcon { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Information.png'); }

.Warning#dvIcon { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Warning.png'); }

.Error#dvIcon { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Error.png'); }

#dvProgressContainer { width: 300px; height: 12px; border-right-color: rgb(207, 207, 207); border-left-color: rgb(207, 207, 207); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Progressbar_Wrapper.gif'); }

#dvProgress { width: 0px; height: 100%; background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Progressbar_Content.gif'); }

.text_center { text-align: center; }

.feedback_btn { height: 30px; width: 100px; margin-left: auto; margin-right: auto; }

.feedback_btn a { display: block; height: 30px; width: 100px; }

.secondary_color { color: #2d4f7d !important; }

.graph_bg { width: 100%; border: 1px solid #cccccc; background: a1a1a1; position: relative; }

.graph_bar { height: 15px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/grpah_bg.png); }

.progress-value { position: absolute; right: 4px; height: 15px; line-height: 15px; color: #00224F; }

.social_portlet { min-height: 390px; }

.user_info { position: relative; }

.user_info:hover .user_info_content, .user_info:hover .user_info_content_last { display: block; }

.user_info_content { left: -28px; }

.user_info_content_last { left: -28px; }

.user_info_content { position: absolute; min-height: 50px; border: 1px solid #cccccc; background: #f8f8f8; padding: 10px; display: none; left: 0px; top: 15px; min-width: 200px; z-index: 999; }

.user_info_content_last { position: absolute; min-height: 50px; border: 1px solid #cccccc; background: #f8f8f8; padding: 10px; display: none; left: 0px; bottom: 15px; min-width: 200px; z-index: 999; }

.user_avtar { border-radius: 50%; }

.comment_thumb img { max-width: 200px; height: auto; }

.fwidth_img_news { width: 100%; }

.dottedline { height: 1px; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bbb; }

.pull_right { float: right; }

.pull_left { float: left; }

.course_description { margin-top: 10px; margin-bottom: 10px !important; }

.txt_small { font-size: 0.80em; }

.tab_disp_none { display: none; }

ul.button { margin: 0px; padding: 0px; }

ul.button li { margin: 0px; padding: 0px; list-style: none; display: inline-block; margin-left: 8px; margin-bottom: 5px; }

.bottom_navigation { width: 100%; }

.rating { height: 15px; width: 84px; }

.start1 { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/rating_1.png); }

.start2 { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/rating_2.png); }

.start3 { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/rating_3.png); }

.start4 { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/rating_4.png); }

.start5 { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/rating_5.png); }

.primary_color { color: #003366 !important; }

.primary-portlet { border: 1px solid #CCC; margin-bottom:10px;}

.prim_btn, .fc-state-default { color: #ffffff; border: 1px solid #35567f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; display: inline-block; cursor: pointer; background: #5796bb; /* Old browsers */ background: -moz-linear-gradient(top, #5796bb 0%, #25547f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5796bb 0%, #25547f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5796bb 0%, #25547f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#25547f', GradientType=0 ); /* IE6-9 */
}

a.prim_btn { color: #ffffff; }

.prim_btn:hover, .fc-state-default:hover { color: #ffffff; background: #142c3f; /* Old browsers */ background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
cursor: pointer; }

.prim_btn:active, .fc-state-default:active { color: #ffffff; background: #142c3f; /* Old browsers */ background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
cursor: pointer; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.prim_btn[disabled]:hover { background: #5796bb; /* Old browsers */ background: -moz-linear-gradient(top, #5796bb 0%, #25547f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5796bb 0%, #25547f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5796bb 0%, #25547f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#25547f', GradientType=0 ); /* IE6-9 */
cursor: not-allowed !important; }

.prim_btn:disabled { cursor: not-allowed; filter: alpha(opacity=50); -webkit-box-shadow: none; box-shadow: none; opacity: 0.50; }

.frminput_wide_myprofile { width: 100%; }

.frminput_wide_filter { width: 100%; font-size: 11px; }

.slideout-menu { position: fixed; top: -800px; left: 50%; margin-left: -20%; width: 40%; z-index: 99999; }

.slideout-content { background: #FFF; border: 1px solid #CCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#overlay_feed { background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99990; }

.slideout-admin-menu { left: -800px; top: 40px; width: 240px; z-index: 99999; }

.slideout-admin-content { width: 200px; float: left; }

#admin_toggle_btn { position: fixed; left: 0px; }

.admin-toggle-bar { position: fixed; left: -250px; height: 100%; width: 200px; background: #0db5e4; z-index: 99; color: #FFF; }

.admin-toggle-bar h2 { padding: 10px; }

.admin_btn { position: fixed; left: 0px; top: 40px; z-index: 99; }

.image-wrapper img { width: 100px; height: 100px; }

/*Search course-user-Start*/

.search_box_cont { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/searchbox_cont.png) no-repeat; height: 32px; width: 185px; line-height: 32px; text-align: center; float: left; display: block; margin-left: 10px; }

.search_box_cont_large { background: url("@{images}/searchbox_cont_large.png") no-repeat; height: 32px; width: 370px; line-height: 32px; text-align: center; float: left; display: block; margin-left: 10px; }

.search_feild { margin-top: 8px; padding-left: 8px; *padding-left: 0px;
width: 150px; border: 0px; outline: 0px; color: #666666; font-size: 12px; background-color: transparent; float: left; }

.search_feild_large { width: 335px; float: right; margin-top: 6px; padding-left: 8px; *padding-left: 0px; width: 150px; border: 0px; outline: 0px;color: #666666; font-size: 12px; background-color: transparent; float: left;
}

/*Search course-user-End*/
/*place holder Help*/

.def_status_box { min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; position: relative; }

.def_status_box_close { position: absolute; top: 0; right: 4px; font-weight: bolder; font-size: 16px; }

.def_status_box_close a { color: #000; }

/*place holder Help*/
/*AutoComplete flyout */

.autocomplete_completionListElement { margin: 0px!important; background-color: inherit; color: windowtext; border: buttonshadow; border-width: 1px; border-style: solid; cursor: 'default'; overflow: auto; height: 200px; font-family: Tahoma; font-size: small; text-align: left; list-style-type: none; padding: 1px; }

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem { background-color: Silver; color: black; padding: 1px; font-weight: bold; list-style: block; color: windowtext; /*ThreeDFace   ; */ ; }

/* AutoComplete item */

.autocomplete_listItem { background-color: window; color: windowtext; padding: 1px; }

/*Dhara Dharia 12-Sep-2103 */
/* Form Wizard - Dhara Dharia - 16-Sep-2013*/

.form-wizard .ajax__tab_tab { height: 50px; text-align: left !important; padding: 8px; color: #333; width: 94.5%; }

.form-wizard .ajax__tab_header { border-left: 0; text-align: left !important; margin-bottom: 10px; border-bottom: 1px solid #fe9901; }

.form-wizard .ajax__tab_hover .ajax__tab_tab { background-color: #DCEBF4!important; cursor: pointer; color: inherit !important; }

.form-wizard .ajax__tab_active .ajax__tab_tab { background-color: #fe9901 !important; cursor: pointer; color: #FFF; width: 100%; }

.form-wizard .ajax__tab_inner { color: #333; background-color: #DCEBF4; width: 100%; }

.form-wizard .ajax__tab_outer { width: 33.33%; }

.form-wizard-header { font-size: 20px; }

/* Form Wizard  - Dhara Dharia - 16-Sep-2013*/

.contentset1 { height: 517px; }

ul.left_nav_filter { font-size: 1em; margin: 0px; padding: 0px; list-style: none; }

ul.left_nav_filter li { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 12px; margin-bottom: 3px; }

ul.left_nav_filter li a { width: 100%; color: #666666; display: inline-block; }

ul.left_nav_filter li:hover { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
}

ul.left_nav_filter li:hover a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/left_nav_arrow.png) no-repeat right center; color: #ffffff; }

ul.left_nav_filter li.first-item { margin-left: 0px; }

ul.left_nav_filter li.active_left_nav { background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

ul.left_nav_filter li.active_left_nav a { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/left_nav_arrow.png) no-repeat right center; color: #FFFFFF; }

ul.left_nav_filter li a.active_left_nav { background: #ffb23e; /* Old browsers */ background: -moz-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb23e 0%, #fe9a03 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb23e 0%, #fe9a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb23e', endColorstr='#fe9a03', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.msgbox_error li { float: none !important; width: inherit; min-height: 15px; }

/* Browser Resets
*********************************/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts
*********************************/
/* Font-face Icons */

@font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }

/* FlexSlider Necessary Styles
*********************************/

.flexslider { margin: 0; padding: 0; }

.flexslider { margin: 0px; border-radius: 2px; background: #fff; position: relative; zoom: 1; padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; }

/* .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } */

#mainslider .slides > li { padding-left: 5px; padding-right: 5px; }

/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { width: auto; display: block; margin-left: auto; margin-right: auto; max-height: 150px !important; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */

.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/

.flexslider { margin: 0px; border-radius: 2px; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);*/ zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */

.flex-direction-nav { *height: 0;
}

.flex-direction-nav a { text-decoration: none; display: block; width: 20px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.7; cursor: pointer; color: #3a7099 !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: 0px; }

.flex-direction-nav .flex-next { right: 0px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 0px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 0px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default !important; }

.flex-direction-nav a:before { font-family: "Arial"; font-weight: bold; font-size: 40px; margin-top: -10px; padding: 3px; display: inline-block; content: '\2039'; }

.flex-direction-nav a.flex-next:before { content: '\203A'; }

/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "Verdana"; font-weight: bold; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
flexslider
.flex-control-nav { width: 100%; position: absolute; bottom: -25px; text-align: center; }

.flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline;
line-height: 14px; vertical-align: middle; }

.flex-control-paging li a { width: 12px; height: 12px; display: block; cursor: pointer; text-indent: -9999px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+0,dddddd+100 */ background: #dadada; /* Old browsers */ background: -moz-linear-gradient(top, #dadada 0%, #dddddd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #dadada 0%, #dddddd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #dadada 0%, #dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */
border: 1px solid #a2a2a2; }

.flex-control-paging li a:hover { background: #77aacc; /* Old browsers */ background: -moz-linear-gradient(top, #77aacc 0%, #467391 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #77aacc 0%, #467391 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #77aacc 0%, #467391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77aacc', endColorstr='#467391', GradientType=0 ); /* IE6-9 */
}

.flex-control-paging li a.flex-active { background: #77aacc; /* Old browsers */ background: -moz-linear-gradient(top, #77aacc 0%, #467391 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #77aacc 0%, #467391 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #77aacc 0%, #467391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77aacc', endColorstr='#467391', GradientType=0 ); /* IE6-9 */
cursor: default; border: 1px solid #4d7c9b; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

.h3_fileupload { color: #fff; width: 150px; margin-left: auto; margin-right: auto; font-size: 20px !important; font-weight: normal !important; }

.text_center { text-align: center; }

.popup_grid4 { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 31.333%; }
.popup_grid3 { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 23%; }
.video-container { width: 100%; margin: 0px 1%; position: relative; padding-bottom: 52%; padding-top: 25px; height: 0px; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.progress_bg { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/progress_bg.png) no-repeat; height: 15px; margin-left: 5px; margin-right: 5px; position: relative; width: 151px; }

.progress_completion_bg { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/progress_completion_bg.png) repeat-x; height: 15px; left: 0px; margin-left: 1px; position: absolute; }

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/

#tblMessage { height: 23px; width: 100%; }

/*Message for Successful*/

#tblMessage.Success { border: solid 1px #5AAD0D; background-color: #E5F7D5; }

/*Message for Information*/

#tblMessage.Information { border: solid 1px #88B5E9; background-color: #E2EDF8; }

/*Message for Warning*/

#tblMessage.Warning { border: solid 1px #FD7B04; background-color: #FFF7E7; }

/*Message for Error*/

#tblMessage.Error { border: solid 1px #FF0001; background-color: #FFEAEA; }

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/

#dvIcon { line-height: 23px; background-repeat: no-repeat; background-position: 2px 2px; padding-left: 38px; }

/*Message Icon for Successful*/

#dvIcon.Success { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Success.png'); }

/*Message Icon for Information*/

#dvIcon.Information { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Information.png'); }

/*Message Icon for Warning*/

#dvIcon.Warning { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Warning.png'); }

/*Message Icon for Error*/

#dvIcon.Error { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/Message_Error.png'); }

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/

#dvProgressContainer { border-left: solid 1px #CFCFCF; border-right: solid 1px #CFCFCF; width: 300px; height: 12px; background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/Progressbar_Wrapper.gif); }

/*Progressbar container*/

#dvProgress { background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/Progressbar_Content.gif); height: 100%; width: 0px; }

/*Feedback container*/

.slideout-menu { position: fixed; top: -800px; left: 50%; margin-left: -20%; width: 40%; z-index: 99999; }

.slideout-content { background: #FFF; border: 1px solid #CCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.slideout-admin-menu { position: fixed; left: -800px; top: 40px; width: 240px; z-index: 99999; }

.slideout-admin-content { width: 200px; float: left; }

.pull_right { float: right; }

.pull_left { float: left; }

.divider_hor { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/login-vline.png) no-repeat left center; }

#overlay_feed { background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99990; }

/*Feedback container*/



/* AShvini Khatri on 01-Dec-2014*/

.small_portlet { min-height: 50px !important; }

/* AShvini Khatri on 01-Dec-2014*/

h2 { font-size: 1.1em; }

/* Hiren Jariwala on 08-Dec-2014 Start*/

.btn_seco { border: 1px solid #9c9c9c; outline: none; background: #edeeee; /* Old browsers */ background: -moz-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #edeeee 0%, #c5c5c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#c5c5c6', GradientType=0 ); /* IE6-9 */
color: #444444; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px solid #ADADAD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; display: table-cell; }

a.btn_seco { text-align: center; margin-top: 10px; margin-bottom: 10px; color: #444444; }

.btn_seco:hover { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; }

.btn_seco:active { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; }

/* Hiren Jariwala on 08-Dec-2014 End*/


.filter_menu_wrapper { border-bottom-color: #fe9901; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.5em; }

.filter_menu { list-style: none; padding: 0px; margin: 0px; }

.filter_menu li { float: left; margin: 0px; padding: 0px;  width: 25%;  margin-top: 4px; }

.filter_menu li a { padding: 10px; display: block; color: #666; font-size: 0.8em; margin: 0px 1px; background: #DCEBF4;text-align: center;  }

.filter_menu li a.disable { cursor: default; }

.filter_menu li a:active, .filter_menu li a.active { background: #fe9901 !important; color: #ffffff; }

.filter_menu li a.link_normal:hover { background: #DCEBF4!important; }

.filter_menu li a.disable:hover { background: #F3F3F3 !important; }

.filter_menu li a span { font-size: 16px !important; }

.help_topic { margin: 0px; margin-left: -20px; }

.session_box { position: absolute; left: 0px; top: 25%; background: rgba(0, 0, 0, 0.40); width: auto; padding-left: 10px; padding-right: 10px; padding-top: 5px; }

.session_box .txt_small { font-size: 0.5em; }

.txt_red { color: #FF0003; }

.search_link { color: #1A0DAB; }

.search_link:hover { text-decoration: underline; }

.search_link:visited { color: #609; }

.text_left { text-align: left; }

.search_img { width: 10%; margin-left: 1%; margin-right: 1%; float: left; }

.search_cont { width: 86%; margin-left: 1%; margin-right: 1%; float: left; }

/*place holder Help*/

.def_status_box { min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; position: relative; }

.def_status_box_close { position: absolute; top: 0; right: 4px; font-weight: bolder; font-size: 16px; }

.def_status_box_close a { color: #000; }

/*place holder Help*/
/*AutoComplete flyout */

.autocomplete_completionListElement { margin: 0px!important; background-color: inherit; color: windowtext; border: buttonshadow; border-width: 1px; border-style: solid; cursor: 'default'; overflow: auto; height: 200px; font-family: Arial; font-size: small; text-align: left; list-style-type: none; padding: 1px; }

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem { background-color: Silver; color: black; padding: 1px; font-weight: bold; list-style: block; color: windowtext; /*ThreeDFace   ; */ ; }

/* AutoComplete item */

.autocomplete_listItem { background-color: window; color: windowtext; padding: 1px; }

.arrow_box { position: relative; background: #D9D9D9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 2px; margin-left: 10px; font-size: 0.8em; padding-right: 6px; padding-left: 4px; color: #666666; }

.arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 66, 36, 0); border-right-color: #D9D9D9; border-width: 5px; margin-top: -5px; }

.arrow_box_left { background: #D9D9D9; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; margin-right: 10px; font-size: 0.8em; text-align: center; padding: 2px; padding-left: 6px; padding-right: 6px; color: #666666; display: inline-block; }

/*.arrow_box_left:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 66, 36, 0); border-left-color: #D9D9D9; border-width: 5px; margin-top: -5px; }*/
adm_dash_status { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/menu_admin.jpg) repeat-x top; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; color: #ffffff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; padding-top: 10px; padding-bottom: 10px; }

.adm_dash_status a { color: #ffffff; }

.adm_dash_status a:hover { text-decoration: underline; }

.adm_dash_status h2 { font-size: 1.8em; margin-top: 0px; padding-top: 0px; line-height: 1em; }

.adm_dash_status h3 { font-size: 1.1em; margin-top: 0px; padding-top: 0px; line-height: 1em; text-transform: uppercase; margin-bottom: 10px; }

.adm_dash_status p { font-size: 1em; line-height: 1.1em; }

.adm_dash_status span { font-size: 1.2em; font-weight: 500; }

.adm_dash_devider { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr.png) repeat-y top right; min-height: 60px; }

.adm_dash_activity { margin-left: 10px; margin-right: 10px; min-height: 96px; }

.list_style { margin: 0px; padding: 0px; margin-left: 10px; font-size: 0.98em; }

.list_style li { list-style: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_bullet.png); line-height: 1em; margin-bottom: 5px; }

.metro_btn { background: #09489e; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 12px; color: #ffffff; outline: none; border: 0px; cursor: pointer; }

.metro_btn:hover { background: #013274; }

.portlet_bg { background: #f0f0f0; }

.popup_scroll { overflow-y: scroll; max-height: 300px; }

/*Added by Ashvini Khatri on 29-Dec-2014 To add activate/deactivate filters*/

.courseinactive { opacity: 0.4; filter: alpha(opacity=40); }

.courseinactivecolor { color: red; font-size: 12px; }

.portlet_bg { background: #f0f0f0; }

/* Added By Ashvini Khatri on 8-May-2015*/

.action_wrapper { width: 150px; }

.action_wrapper ul, .action_wrapper li { margin: 0; padding: 0; }

.action_wrapper li { display: inline; width: 12px; min-height: 12px; margin-left: 5px; float: none; }

/* Added By Ashvini Khatri on 8-Jun-2015*/

.graph_bg { width: 100%; border: 1px solid #cccccc; background: a1a1a1; position: relative; }

.graph_bar { height: 15px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/grpah_bg.png); }

.comment_thumb img { max-width: 200px; height: auto; }

.fwidth_img_news { width: 100%; }

.dottedline { height: 1px; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bbb; }

.secondary_color { color: #2d4f7d; }

/* End*/

/* Added by Ashvini Khatri on 2-May-2016 Below classes use to make login page same as V5 Start--------*/
.browser_check { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/login_bg_elearning.jpg) no-repeat right bottom; }

.login_page_portlet { min-height: 200px !important; }

.user_detail_bar { background: #333333; color: #FFF; height: 42px; line-height: 42px; width: 100%; }

.user_detail_bar a { color: #FFFFFF; }

.loginpage_area { background: #dcebf4; border: solid 1px #dcebf4; }

/* End*/


/*===== Common Architecture Classes=====*/
/*===== Used classes for common architecture ===== 
.frm_lable, .frm_value, .txt_center, .required_field, .txt_right, .sec_btn,a.sec_btn, .sec_btn:hover, .sec_btn:active, .portlet_img, .portlet_header, .portlet_header h4, .chat_user_list, .chat_user_list li, .chat_user_list li:last-child, .chat_user_list li:hover, .chat_user_list li:active, .chat_user_list li.active, .chat_user_title, .chat_area, .chat_time span, .chat_time:before, .chat_msg_in, .chat_msg_out::before, .chat_msg_in::before, .chat_msg_out h4, .chat_msg_in h4, .chat_msg_out::before, .chat_msg_in::before, .chat_box, .add_group_user a, .add_group_user_box, .add_group_user:hover a, #divSelected div, .reaction_info, .reaction_info:hover .reaction_content, .reaction_content, .reaction_content a, .badge_info, .badge_info:hover .badge_info_content, .badge_info:hover .badge_info_content_last, .badge_info:hover .badge_info_content_left, .badge_info_content, .badge_info_content_left, .badge_info_content_last, .new_badge_tag, .user_info, .user_info:hover .user_info_content, .user_info:hover .user_info_content_last, .user_info_content, .user_info_content_last, .user_info_content, .user_info_content_last, .user_avtar, .badge_grid_width, .badge_border, .datagrid tr td p, .badges_icon, .badges_icon_list, .badges_icon li, .badges_icon .img, .badges_icon .icon_class, .datagrid_info_content2, .datagrid_info:hover .datagrid_info_content2, .width90, .share_bar, .share_bar a, .frminput_extra_wide, .upload_content, .upload_content li, #tab_panel .ui-widget, #tab_panel .ui-widget .ui-widget, #tab_panel .ui-widget input, #tab_panel .ui-widget select, #tab_panel .ui-widget textarea, #tab_panel .ui-widget button, #tab_panel .ui-widget-content, #tab_panel .ui-widget-content a, #tab_panel .ui-widget-content .ui-state-default, #tab_panel .ui-widget-header .ui-state-default, #tab_panel .ui-widget-content .ui-state-hover, #tab_panel .ui-widget-header .ui-state-hover, #tab_panel .ui-state-focus, #tab_panel .ui-widget-content .ui-state-focus, #tab_panel .ui-widget-header .ui-state-focus, #tab_panel .ui-widget-content .ui-state-active, #tab_panel .ui-widget-header .ui-state-active, #tab_panel .ui-widget-content .ui-state-highlight, #tab_panel .ui-widget-header .ui-state-highlight, #tab_panel .ui-widget-content .ui-state-highlight a, #tab_panel .ui-widget-header .ui-state-highlight a, #tab_panel .ui-widget-content .ui-state-error, #tab_panel .ui-widget-header .ui-state-error, #tab_panel .ui-widget-content .ui-state-error a, #tab_panel .ui-widget-header .ui-state-error a, #tab_panel .ui-corner-all, #tab_panel .ui-corner-top, #tab_panel .ui-corner-left, .ui-corner-tl, #tab_panel .ui-corner-all, #tab_panel .ui-corner-top, #tab_panel .ui-corner-right, .ui-corner-tr, #tab_panel .ui-corner-all, #tab_panel .ui-corner-bottom, #tab_panel .ui-corner-left, #tab_panel .ui-corner-bl, #tab_panel .ui-corner-all, #tab_panel .ui-corner-bottom, #tab_panel .ui-corner-right, #tab_panel .ui-corner-br, #tab_panel .ui-helper-hidden-accessible      
 ===== End of used classes for common architecture=====*/



.frm_lable { font-weight: bold; }

.frm_value { font-weight: normal; }

.txt_center { text-align: center; }

.txt_right { text-align: right; }

.sec_btn { border: 1px solid #9c9c9c; outline: none; background: #edeeee; /* Old browsers */ background: -moz-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #edeeee 0%, #c5c5c6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #edeeee 0%, #c5c5c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#c5c5c6', GradientType=0 ); /* IE6-9 */
color: #444444; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px solid #ADADAD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; }

a.sec_btn { text-align: center; margin-top: 10px; margin-bottom: 10px; color: #444444; }

.sec_btn:hover { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; }

.sec_btn:active, .sec_btn-active { background: #606060; /* Old browsers */ background: -moz-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #606060 0%, #7c7c7c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #606060 0%, #7c7c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#7c7c7c', GradientType=0 ); /* IE6-9 */
color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; }

/* Sprint 89 : Added by S.P.M. - 22Jul2019 */
.sec_btn[disabled]:hover { background: #619373; cursor: not-allowed !important; }

.sec_btn:disabled { cursor: not-allowed; filter: alpha(opacity=50); -webkit-box-shadow: none; box-shadow: none; opacity: 0.50; }
/* Sprint 89 : Ended by S.P.M. - 22Jul2019 */

input[type="image"].sec_btn, input[type="image"].prim_btn { display: inline; }

.portlet_img { display: block; }

.portlet_header_admin img { background: none; }

.portlet_header { }

.portlet_header h4 { margin: 0; padding: 0; font-weight: normal; padding-left: 10px; padding-right: 10px; }

.portlet_header .txt_small { font-size: 16px !important;; text-transform: none; }

.chat_user_list { margin: 0px; padding: 0px; list-style: none; }

.chat_user_list li { padding: 15px 10px; border-bottom: 1px #EBEBEB solid; cursor: pointer; }

.chat_user_list li:last-child { border-bottom: 0px; }

.chat_user_list li:hover, .chat_user_list li:active, .chat_user_list li.active { background: #f5f5f5; }

.chat_user_title { font-size: 1.5em; }

.chat_area { min-height: 530px; max-height: 530px; overflow-y: scroll; }

.chat_time { color: #a0a0a0; position: relative; margin-bottom: 20px; }

.chat_time span { padding: 10px; background: #ffffff; position: relative; }

.chat_time:before { content: ""; width: 100%; height: 1px; position: absolute; top: 50%; background: #E5E5E5; left: 0px; }

.chat_msg_out { background: #DDDBF9; border: 1px solid #DDDBF9; padding: 7px; position: relative; margin-right: 20px; margin-bottom: 10px; margin-left: 40px; }

.chat_msg_in { background: #CAF5F2; border: 1px solid #CAF5F2; padding: 7px; position: relative; margin-left: 20px; margin-bottom: 10px; margin-right: 40px; }

.chat_msg_out, .chat_msg_in { font-size: 1.1em; }

.chat_msg_out P, .chat_msg_in P { line-height: 1.2em; margin: 0px; padding: 0px; margin-bottom: 5px; }

.chat_msg_out .txt_small, .chat_msg_in .txt_small { font-size: 0.6em; }

.chat_msg_out::before, .chat_msg_in::before { content: ""; width: 0px; height: 0px; border: 0.8em solid transparent; position: absolute; }

.chat_msg_out h4, .chat_msg_in h4 { font-size: 0.8em; font-weight: bold; margin-top: 0px; margin-bottom: 5px; }

.chat_msg_out::before { right: -20px; top: 0%; border-left: 10px solid #DDDBF9; }

.chat_msg_in::before { left: -20px; top: 0%; border-right: 10px solid #CAF5F2; }

.chat_box { width: 99%; }

.add_group_user { position: relative; }

.add_group_user a { display: block; }

.add_group_user_box { background: #F2F2F2; position: absolute; top: 37px; right: 0px; display: none; z-index: 999; width: 280px; border-top: 0px; border: 1px solid #ADADAD; }

.add_group_user_box .hline { min-height: 75px; }

/*to give a minimum height to the Add user group box*/

.add_group_user:hover a, .add_group_user a.active { background: #E7E7E7; }

/*added a.active to display selected image*/

.divSelected div {
    display: inline;
    float: left;
    border: 1px solid gray;
    padding: 5px 15px 5px 5px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/icon_remove.png);
    background-repeat: no-repeat;
    background-position: right center;
}

input.active_action_btn { background: #d3d3d3; }

/*To apply class to Active thread box to Highlight selected threadbox.*/

/*===== Messaging System 3.0 End =====*/
.reaction_info { position: relative; display: inline-block; }

.reaction_info:hover .reaction_content { display: block; }

.reaction_content { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 5px; display: none; width: 290px; font-size: 0.7em; line-height: 1.2em; text-transform: none; z-index: 999; text-align: left; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.reaction_content a { color: #0DB5E4; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; }

.reaction_content a:hover { text-decoration: underline; }

.reaction_content a:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.badge_info { position: relative; display: inline-block; }

.badge_info:hover .badge_info_content, .badge_info:hover .badge_info_content_last, .badge_info:hover .badge_info_content_left { display: block; }





.badge_info_content { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; right: 0px; width: 300px; font-size: 0.85em; line-height: 1.2em; text-transform: none; z-index: 99999; text-align: left; }

.badge_info_content_left { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; left: 0px; width: 300px; font-size: 0.85em; line-height: 1.2em; text-transform: none; z-index: 99999; text-align: left; }

.badge_info_content_last { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; right: 0px; bottom: 28px; width: 300px; font-size: 0.85em; line-height: 1.2em; text-transform: none; z-index: 99999; }

.new_badge_tag { position: absolute; z-index: 999; background: #ffcd04; padding: 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-weight: bold; color: #474747; font-size: 10px; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 1); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 1); }

.user_info { position: relative; }

.user_info:hover .user_info_content, .user_info:hover .user_info_content_last { display: block; }

.user_info_content { left: -28px; }

.user_info_content_last { left: -28px; }

.user_info_content { position: absolute; min-height: 50px; border: 1px solid #cccccc; background: #f8f8f8; padding: 10px; display: none; left: 0px; top: 15px; min-width: 200px; z-index: 999; }

.user_info_content_last { position: absolute; min-height: 50px; border: 1px solid #cccccc; background: #f8f8f8; padding: 10px; display: none; left: 0px; bottom: 15px; min-width: 200px; z-index: 999; }

.user_avtar { border-radius: 50%; }

.badge_grid_width { min-width: 120px; }

.badge_border { border: #e5e5e5 1px solid; display: inline-block; }

.datagrid tr td p { padding: 5px 0px 5px 0px; }

.badges_icon { margin: 0 -10px 0px; }

.badges_icon_list { padding-left: 0; list-style: none; margin: 0px; padding: 0px; }

.badges_icon li { float: left; width: 25%; height: 115px; line-height: 1.4; text-align: center; }

.badges_icon .img { margin-top: 5px; margin-bottom: 10px; }

.badges_icon .icon_class { display: block; text-align: center; word-wrap: break-word; }

.datagrid_info_content2 { position: absolute; min-height: 50px; border: 1px solid #ece571; background: #fffcc6; padding: 10px; display: none; right: 0px; top: 24px; width: 400px; font-size: 0.75em; line-height: 1.2em; text-transform: none; z-index: 99999; }

.datagrid_info:hover .datagrid_info_content2 { display: block; }

.width90 { width: 90%; }

.share_bar { background: #EDEDED; border: 1px solid #DFDFDF; padding: 5px; position: absolute; left: 0px; top: 20px; display: none; min-width: 132px; z-index: 9999; }

.share_bar a { display: inline-block; }

.frminput_extra_wide { width: 100%; margin: 0px; padding: 0px; }

.img_responsive { display: inline-block; max-width: 100%; height: auto; }

.frmcontrolholder { width: 70%; float: left; }

.toggle_disp { display: none; }

.notification_area { background-color: #dcebf4; }

.frmlabel { width: 30%; float: left; }

.com_scroll { padding-top: 5px; padding-right: 5px; overflow-x: hidden; overflow-y: auto; }

.processloading { font-family: Arial; font-size: 10pt; border: 5px solid #67CFF5; width: 300px; height: 200px; display: none; position: fixed; background-color: White; z-index: 999; }

.center-block { display: block; margin-right: auto; margin-left: auto }

.divider_hor_center { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/login-vline.png) repeat-y center center; }

/*===== Common Architecture Classes End =====*/
.upload_content { list-style: none; margin: 0px; padding: 0px; }

.upload_content li { margin-left: 0; margin-right: 0; width: 25%; float: left; }

#tab_panel .ui-widget { font-size: inherit; }

#tab_panel .ui-widget .ui-widget { font-size: inherit; }

#tab_panel .ui-widget input, #tab_panel .ui-widget select, #tab_panel .ui-widget textarea, #tab_panel .ui-widget button { }

#tab_panel .ui-widget-content { border: 0px solid #aaaaaa; color: inherit; max-height: inherit; overflow-y: auto; *overflow-x: none;
}

/*94.0.0 - S.P.M.  - Add height to display UGC section*/
#tab_panel .ui-tabs-panel { background: #f3f3f3; height: 220px !important; }

#tab_panel .ui-widget-content a { color: #2d4f7d; display: block; margin-left: 10px; margin-right: 10px; }

#tab_panel .ui-widget-content a:hover { text-decoration: none; }

#tab_panel .ui-widget-content .ui-state-default, #tab_panel .ui-widget-header .ui-state-default { border: 0px solid #FFFFFF; background: #fff; font-weight: normal; color: #555555; }

#tab_panel .ui-widget-content .ui-state-hover, #tab_panel .ui-widget-header .ui-state-hover, #tab_panel .ui-state-focus, #tab_panel .ui-widget-content .ui-state-focus, #tab_panel .ui-widget-header .ui-state-focus { border: 0px solid #CFCF96; background: none; font-weight: normal; color: #212121; }

#tab_panel .ui-widget-content .ui-state-active, #tab_panel .ui-widget-header .ui-state-active { border: 0px solid #aaaaaa; background: #f3f3f3; font-weight: normal; color: #212121; }

#tab_panel .ui-widget-content .ui-state-highlight, #tab_panel .ui-widget-header .ui-state-highlight { border: 0px solid #fcefa1; background: none; color: #363636; }

#tab_panel .ui-widget-content .ui-state-highlight a, #tab_panel .ui-widget-header .ui-state-highlight a { color: inherit; }

#tab_panel .ui-widget-content .ui-state-error, #tab_panel .ui-widget-header .ui-state-error { border: 0px solid #cd0a0a; background: none; color: #cd0a0a; }

#tab_panel .ui-widget-content .ui-state-error a, #tab_panel .ui-widget-header .ui-state-error a { color: #cd0a0a; }

#tab_panel .ui-corner-all, #tab_panel .ui-corner-top, #tab_panel .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; }

#tab_panel .ui-corner-all, #tab_panel .ui-corner-top, #tab_panel .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; }

#tab_panel .ui-corner-all, #tab_panel .ui-corner-bottom, #tab_panel .ui-corner-left, #tab_panel .ui-corner-bl { border-bottom-left-radius: 0px; }

#tab_panel .ui-corner-all, #tab_panel .ui-corner-bottom, #tab_panel .ui-corner-right, #tab_panel .ui-corner-br { border-bottom-right-radius: 0px; }

#tab_panel .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.feed_center { left: 50%; position: fixed; z-index: 999999; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.notification { position: absolute; font-weight: normal; color: #ffffff !important; text-align: center; border: 1px solid #E82938; border-radius: 50%; background: #F45456; font-size: 10px; right: 1px; top: 2px; padding: 2px; min-width: 12px; }

.threeline_notification { font-weight: normal; color: #ffffff !important; text-align: center; border: 1px solid #E82938;  border-radius: 50%; background: #F45456; font-size: 10px; right: 1px; top: 2px; padding: 2px; min-width: 12px; }

/* Start - Sprint 90 - S.P.M. - Start Notification Style */
ul#user_menu_new li div ul li .notification_menu { min-width: 1em !important; width: 0px !important; }

.notification_menu { box-sizing: border-box; color: white; font-family: sans-serif; font-size: 18px; letter-spacing: -1px; position: absolute !important; top: -6px !important; left: 26px !important; min-width: 1em; padding-left: 0.3em !important; padding-right: 0.3em !important; height: 1em; margin-bottom: -0.6em; margin-right: -0.6em; background-color: #f00 !important; border-radius: 1em; text-align: center; line-height: 1em; width: auto !important; max-width: fit-content; padding: 0px !important; }
.notification_menu_number { font-size: 0.6em; letter-spacing: 0px !important; }

.notification_line { box-sizing: border-box; color: white; font-family: sans-serif; font-size: 18px; letter-spacing: -1px; position: absolute; bottom: 100%; right: 0; min-width: 1em; padding-left: 0.3em; padding-right: 0.3em; height: 1em; margin-bottom: -0.6em; margin-right: -0.6em; background-color: #f00; border-radius: 1em; text-align: center; line-height: 1em; }
.notification_line_number { font-size: 0.6em; }

.notification_sidenav { box-sizing: border-box; color: white; font-family: sans-serif; font-size: 18px; letter-spacing: -1px; position: absolute; bottom: 80%; left: 5%; min-width: 1em; padding-left: 0.3em; padding-right: 0.3em; height: 1em; margin-bottom: -0.6em; margin-right: -0.6em; background-color: #f00; border-radius: 1em; text-align: center; line-height: 1em; }
.notification_sidenav_number { font-size: 0.6em; letter-spacing: 0px !important;  }
/* End - Sprint 90 - S.P.M. - Start Notification Style */

.notification_chat { font-weight: normal; color: #ffffff !important; text-align: center; border: 1px solid #E82938; border-radius: 50%; background: #F45456; font-size: 10px; padding: 2px; min-width: 12px; margin-left: 5px; }

.width90 { width: 90%; }

.detail_bar { background-color: #333333; height: auto; height: auto; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.detail_bar a { color: #FFFFFF; }

.not_attended_event { background-color: #ffb093; color: black; }

.not_attended_event:hover { background-color: #ffb093; color: black; cursor: pointer; }

.rejected_event { background-color: #c2d0ff; color: black; }

.rejected_event:hover { background-color: #c2d0ff; color: black; cursor: pointer; }

.attended_event { background-color: #ceeaaf; color: black; }

.attended_event:hover { background-color: #ceeaaf; color: black; cursor: pointer; }

.Waiting_event { background-color: #fff8d1; color: black; }

.Waiting_event:hover { background-color: #fff8d1; color: black; cursor: pointer; }

.not_requested_event { background-color: #d2fdfd; color: black; }

.not_requested_event:hover { background-color: #d2fdfd; color: black; cursor: pointer; }

.approved_event { background-color: #e2ffd0; color: black; }

.approved_event:hover { background-color: #e2ffd0; color: black; }

.Can_Req_deleg_event { background-color: #ffe0d5; color: black; }

.Can_Req_deleg_event:hover { background-color: #ffe0d5; color: black; cursor: pointer; }

.requested_event { background-color: #f0b6f9; color: black; }

.requested_event:hover { background-color: #f0b6f9; color: black; cursor: pointer; }

.Can_req_appr_event { background-color: #97ffff; color: black; }

.Can_req_appr_event:hover { background-color: #97ffff; color: black; cursor: pointer; }

.Can_req_rej_event { background-color: #FF93B0; color: black; }

.Can_req_rej_event:hover { background-color: #FF93B0; color: black; cursor: pointer; }

.leg_bor { height: 20px; border: 1px solid #d5d5d5; width: 20px; }

.video_player { display: inline-block; }

.ugc_thumbnail { width: 100%; height: auto; max-width: 350px; max-height: 200px; }

.player_icon { position: absolute; top: 40%; left: 40%; z-index: 99; }

/* Add - Sprint 87 - Add new class for dropdown hot update*/
.dropdownsuccess { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #0FA2F1; border-radius: 2px;  overflow: hidden;  position: relative;  width: 280px;  height: 35px; margin-top: 5px; color:#0FA2F1;}

.dropdownerror { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #F84215; border-radius: 2px; overflow: hidden;position: relative; width: 280px; height: 35px;margin-top: 5px;color:#F84215;}

.dropdownwaiting { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #F1C50F; border-radius: 2px; overflow: hidden; position: relative; width: 280px; height: 35px;margin-top: 5px;color:#0FA2F1;}
 
/* End - Sprint 87 - Add new class for dropdown hot update*/

/*Start -- 87.0.0		D.S.S		29-May-2019		Added for hot update*/
.textareahotupdatesuccess { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #0FA2F1; border-radius: 2px; overflow: hidden; position: relative; width: 95%; }

.textareahotupdateerror { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #F84215; border-radius: 2px; overflow: hidden; position: relative; width: 95%; }

.textareahotupdatewaiting { font-size: 12px; padding: 6px 6px 6px 6px; background: #fff; border: 3px solid #F1C50F; border-radius: 2px; overflow: hidden; position: relative; width: 95%; }
/*End -- 87.0.0		D.S.S		29-May-2019		Added for hot update*/

/*Start --87.0.0	D.S.S		06-Jun-2019		Added for inline popup */
.pad5 { padding: 5px 5px !important; }

.padB0 { padding-bottom: 0px !important; }

.padT5 { padding-top: 5px !important; }

.padT2 { padding-top: 2px; }

.padTR2 { padding: 2px 2px !important; }
/*End --87.0.0	D.S.S		06-Jun-2019		Added for inline popup */

/********************************** Added new css Hitesh Tapaniya (28/11/2016) **********************************************/
.visi_invisi_btn { outline: none; background: #e2e2e2; color: #444444; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border: 1px solid #fdfdfd; cursor: pointer; border-radius: 4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

a.visi_invisi_btn { text-align: center; margin-top: 10px; margin-bottom: 10px; color: #444444; }

.visi_invisi_btn:hover { background: #d0cfcf; }

.visi_invisi_btn:active, .visi_invisi_btn-active { background: #ffffff; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; }

.visible_invisible_img { position: absolute; top: 50%; z-index: 99999; opacity: 0.77; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
 
.dragHandle:hover { opacity: 0.9; cursor: move; }

.tDnD_whileDrag td { -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); }

.etabs { /*margin: 0;*/ padding: 0; }

.tab { display: inline-block; zoom: 1; *display:inline;
background: #d5e4ee; }

.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }

.tab a:hover { text-decoration: none; }

.tab.active { background: #fe9901; position: relative; top: 1px; }

.tab a.active { color: #FFF; background-color: #fe9901; }

.tab a:hover { color: #FFF; background-color: #fe9901; }

.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

.etabs { border-bottom: 1px solid #fe9901; font-size: 1.5em; }

.tab li a:hover { background: #fe9901; color: #ffffff; }

.tab a { padding: 10px; color: #666; margin: 0px 1px; }

.tab li a:hover { background: #fe9901; color: #ffffff; }

/** Start : Sprint 86 - Added by S.P.M. **/
.tabstyle .etabs .tab {margin-top: 5px !important; width:24.5% }

.tabstyle .etabs .tab {  }

.tabstyle .etabs .tab a { text-align: center; }

.tabstyle .etabs { border-bottom: none !important; margin: 0px !important; }

/** Start : Sprint 87 - Added by S.P.M.   **/

.add_test_box { margin-left: 0px !important; margin-right: 0px !important; width: 84%; }

.tbl_thentest_td_width { width: 260px; }

.tbl_add_td_width { width: 60px; }

.tbl_thentestname_tdwidth { width: 260px; }

.frminput_normal_default { width: 175px !important; }

/** End : Sprint 87 - Added by S.P.M.   **/

/** Start : Sprint 86 - Added by S.P.M. **/
.portlet_box { border: 1px solid #adadad; width: 100%; height: auto; }

.divider_line { border: 1px solid #cecece; }

.tab_pan { border: 1px solid #d5e4ee; padding: 0px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
		
.enabledall { color: #000000; font-size: 12px; font-weight: 700; }

.disabledall { color: #7c7c7c; }

.txt_lbl_enable label { color: #000000; font-size: 12px; font-weight: 700; }

.txt_lbl_disable label { color: #7c7c7c !important; }

.txt_lbl_enable h2 { color: #000000 !important; font-size: 18px; font-weight: 700; }

.txt_lbl_disable h2 { color: #7c7c7c !important; }

.txt_lbl_disable h3 { color: #7c7c7c !important; }

.txt_lbl_enable h3 { color: #000000 !important; font-size: 12px; }

/** End : Sprint 86 - Added by S.P.M. **/
/* Sprint 88 : Start */
.box_credit { position: relative; box-shadow: 2px 2px 5px 4px #ccc; }

.box_credit:after { content: ""; border-radius: 5px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.box_credit:hover { border: 2px solid #3079bd; box-shadow: none; /*-webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25);*/ }

/* Start: Error404 Added by Rinkal*/
.content { text-align: center; }

.content p { /*font-family: "Century Gothic";*/ font-size: 2em; color: #204d7a; text-align: center; }

.content p { /*margin: 18px 0px 45px 0px;*/ }

.content p span, .logo h1 a { color: #e54040; }

.content a { color: #fff; font-family: "Century Gothic"; background: #204d7a; /* Old browsers */ background: -moz-linear-gradient(top, #204d7a 0%, #204d7a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #204d7a), color-stop(100%, #204d7a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #204d7a 0%, #204d7a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #204d7a 0%, #204d7a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #204d7a 0%, #204d7a 100%); /* IE10+ */ background: linear-gradient(to bottom, #204d7a 0%, #204d7a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204d7a', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
padding: 15px 20px; border-radius: 5px; }

.content a:hover { color: #fff; }
/* End: Error404 Ended by Rinkal*/


/* Start: CourseType Added by Saurabh*/
.grid_co_type { width: 15%; text-align: center; margin-right: 8%; }


.error_valid{ background-color: #db5b59; width: 30%; color: #FFF; padding: 3px; margin-top: 5px; font-weight: bold; }
/* End: CourseType Ended by Saurabh*/

.marln_10{ margin-left: 10px; }

.marrn_10{  margin-right: 10px; }
/* Sprint 88: End */ 

div.bgTop { width: 310px; height: 87px; background: transparent url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/m_bg_top.png) no-repeat; position: relative; left: 0; top: 0; }

.grid_9_mobile { width: 73%; }

.grid_3_mobile { width: 23%; }

.grid_9_mobile, .grid_3_mobile { display: inline; float: left; margin-left: 1%; margin-right: 1%; }

.course_image_holder { float: left; }

.course_image_holder img { height: 130px; width: 90%; }

.course_image_holder { float: left; }

img { border: 0px; }

.buttonRed { border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 16px !important; padding: 0 9px; vertical-align: top; width: auto; border: 1px solid #a3022a; background: #cc0033; background: -moz-linear-gradient( top, #cc0033, #a3022a ); background: -webkit-gradient(linear, left top, left bottom, from( #cc0033 ), to( #a3022a ) ); filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#cc0033', endColorstr = '#a3022a' );
}

.buttonRed:hover, .buttonRed { color: #ffffff !important; }

.buttonRed:hover { cursor: pointer; text-decoration: none; border: 1px solid #a7a7a7; background: #cbcbcb; background: -moz-linear-gradient( top, #cbcbcb, #a7a7a7 ); background: -webkit-gradient( linear, left top, left bottom, from( #cbcbcb ), to( #a7a7a7 ) ); filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#cbcbcb', endColorstr = '#a7a7a7' );
}

img.dcQueryMark { width: 18px; height: 18px; position: relative; left: 243px; top: 31px; z-index: 2; border: none; }

/******************************/
.fileUpload { position: relative; overflow: hidden; margin: 6px; border-radius: 0px 3px 3px 0px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 3px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; padding-top: 5px; padding-bottom: 5px; }

.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.martop {margin-top: -10px !important;} 

.martoptxt {margin-top: -5px !important;} 

.marbott {margin-bottom: -2px !important;}

/**** Start Added by H.P.T. 10Sep2019 ***/

#lblmessage a { color:#ffffff !important; text-decoration:underline !important; }

.sub_lib_link { display: none !important; }

.course_cont h1 { font-family: Arial;font-size: 18px;font-weight: bold; }

.course_cont h1 a { color: #004583 !important; }

.card img { width: 100% !important;height: auto !important; }

.course_cont .header_title { font-family: Arial !important;font-size: 14px !important;font-weight: bold !important;color: #5c5c5c !important; }

.course_cont .body_content { font-family: Arial !important;font-size: 12px !important;font-weight: bold !important;color: #5c5c5c !important; }

/**** End Added by H.P.T. 10Sep2019 ***/

/*** Added by Hitesh T 03-Oct-2018 ***/
.display_none {display: none !important;}

/*.thumbnail { height: auto; width: auto; }*/

.mini_preview { height: 1340px; padding: 0; overflow: hidden; }

#frame { height: 2726px; width: 1188px; border: 0px; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -ms-transform: scale(0.5); -ms-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; }

.theme_slector { padding: 4em; border-top: none; text-align: center; }

/**********************************/

/********************************** Added new css Hitesh Tapaniya (28/11/2016)  End **********************************************/

a[href="#doc_check"] { display: none !important; }

/*Added below style to set maximum width of image in portlets*/
.fix_max_img img { max-width: 260px; height: auto !important; }

/*[Kapil Baheti] - 53.0.0 - added fix to make image size proper for Related content slider. Will get it resolved in next Sprint*/
#ContentPlaceHolder1_divRelatedContent .flexslider .slides img { max-width: 130px; }

#emailbody p { margin-bottom: 16px; margin-top: 16px; }

#divGenericError { color: #222222; height: auto; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding-left: 2px; position: fixed; top: 0px; vertical-align: middle; min-width: 250px; max-width: 876px; z-index: 999999; width: auto; }

.txt_12 { font-size: 16px; }

/* Start - Sprint 91 */

/*Start - Added By S.P.M. - 19-Nov-2019 - Embedded Video Popup*/
.video_frame { width: 100%; height: 720px; }
/*End - Added By S.P.M. - 19-Nov-2019 - Embedded Video Popup*/

/*Start - Added By S.P.M. - 21-Nov-2019 - Course Controler Version*/
.input-container { width: 300px; background-color: #EDEDED; border: 1px solid #DFDFDF; border-radius: 5px; }

/* input[type='file'] { display: none; } */

.file-info { font-size: 0.9em; }

.browse-btn { /*background: #03A595;*/ color: #fff; border: 1px solid #35567f; background: #5796bb; background: -moz-linear-gradient(top, #5796bb 0%, #25547f 100%); background: -webkit-linear-gradient(top, #5796bb 0%, #25547f 100%); background: linear-gradient(to bottom, #5796bb 0%, #25547f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#25547f', GradientType=0 );
min-height: 35px; padding: 10px; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.browse-btn:hover { /*background: #4ec0b4;*/ color: #ffffff; background: #142c3f; background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 );
cursor: pointer; }

@media (max-width: 300px) {

button { width: 100%; border-top-right-radius: 5px; border-bottom-left-radius: 0; }

.file-info { display: block; margin: 10px 5px; }
}
/*End - Added By S.P.M. - 21-Nov-2019 - Course Controler Version*/

/*Start - Added By S.P.M.	- 28-Nov-2019 - Course Launch Flow*/
.inline-courseflow input { margin-top: 75px;}

/* .right_img img { width: 100%; }

.right_img label { margin-left: 20px; } */
.right_img { margin-left: 20px; }

.enable_section { background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; cursor: pointer; opacity: inherit; }
/*End - Added By S.P.M.	- 28-Nov-2019 - Course Launch Flow*/

/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

/* Start: Manage Usage Added by R.V.S*/
.collapsible { background-color: #e9e9e9; color: #000000; cursor: pointer; padding: 8px;  border: none; text-align: left; outline: none; font-size: 15px; border: 1px solid #bcbcbc; }

.activee, .collapsible:hover { background-color: #e9e9e9; }

.collapsible:after { content: '\002B'; color: #000000; font-weight: bold; float: left; margin-left: 5px; font-size: 18px; }

.activee:after { content: "\2212"; }

.content_usage { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1; }

.round_num { height: 25px; width: 25px; background-color: #fff; border-radius: 50%; display: inline-block; color: #000; }


.action_btn_delete { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#777777;    background-color: #dc3545;
background-repeat: repeat-x; padding: 6px; border: 1px solid #ADADAD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 2px; }
/* End: Manage Usage Added by R.V.S */

/* End - Sprint 91 */


/* Start - Sprint 92 */

/*Start - Added by - R.V.S. Theme selector - Bespoke diabled*/
 .disabledBespokeThemeDiv { pointer-events: none; opacity: 0.4; }
/*End - Added by - R.V.S. Theme selector - Bespoke diabled*/

/*Start - Added by D.S.S	Site admin side width increased */
.siteadminwrapper {
 width: 1100px;
 margin: auto;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 border-radius: 0px 0px @wrapperradius @wrapperradius;
 -moz-border-radius: 0px 0px @wrapperradius @wrapperradius;
 -webkit-border-radius: 0px 0px @wrapperradius @wrapperradius;
 border: 0px solid #000000;
 margin-bottom: 30px;
}
/*End - Added by D.S.S	Site admin side width increased */

/*Start - Added by D.S.S	Gridview's th - no style*/
.nostyleforth {
text-align: center !important; background-color: white !important;color:black !important;border:0 !important;vertical-align:bottom;
}
/*End - Added by D.S.S	Gridview's th - no style*/

/*Start - Added by D.S.S	for local synch */
.port_box { border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; min-height: 260px !important; border: 1px solid #CCC; padding: 10px 10px 10px 10px !important; }
/*End - Added by D.S.S	for local synch */

/*Start - Added by - S.P.M.	- To set pointer on hover*/
.cur_point { cursor: pointer; }
/*End - Added by - S.P.M.	- To set pointer on hover*/

/*Start by - R.V.S.	- Upcoming training events*/
.eventlist_section { height: 270px !important; overflow: hidden; text-overflow: ellipsis; } 
/*Ended by - R.V.S.	- Upcoming training events*/

/*Start by - S.P.M. Template changes*/
.course_img_big { position: relative; width: 150px; height: 150px; margin-right: 15px; border: #EEE 1px solid; line-height: 150px; display: table-cell; text-align: center; vertical-align: middle; }

.course_img_big img { vertical-align: middle; }

.course_img_big .indicate { display: none; position: absolute; z-index: 1; }

.course_img_big:hover .indicate { display: block; position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 1; }
/*Start: S.P.M.	Sprint87  Add to resolve image issue on coursedetail_t002*/
.course_img_big_t2 { position: relative; width: 295px; height: 150px; margin-right: 15px; border: #EEE 1px solid; line-height: 150px; display: table-cell; text-align: center; vertical-align: middle; }

.course_img_big_t2 img { vertical-align: middle; vertical-align: middle; height:auto !important; }

.course_img_big_t2 .indicate { display: none; position: absolute; z-index: 1; }

.course_img_big_t2:hover .indicate { display: block; position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 1; }
/*Ended by - S.P.M. Template changes*/

/* End - Sprint 92 */

/* Start - Sprint 93 */

/*Add by - S.P.M.	Content Tree View*/
.container {
 font-size: 14px !important;
 font-weight: bold !important;
 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif !important;
}
.container h3 {
 font-size: 18px;
}
#content #treeview {
font-size: 50px;
}
.parent ul li {
 margin-left: 40px;
}
.parent ul li {
 list-style-type: disc;
 font-size: 14px;
}
#treeview, #treeview ul {
 list-style: none;
 padding: 0px 0px 0px 10px;
}
#treeview .parent {
 position: relative;
 cursor: pointer;
 margin-top: 10px;
 margin-bottom: 10px;
}
#treeview .parent:before {
 padding-left: 25px;
 background-position: -25px top;
 content: "";
 height: 25px;
}
#treeview .close:before {
 background-position: 0 top;
}
#treeview .parent > ul {
 display: none;
}
#reset {
 padding: 5px 10px;
 background: #4CAF50;
 border: none;
 color: #FFF;
 cursor: pointer;
}
#reset:hover {
 color: #4CAF50;
 background: #FFF;
}
.branch {
 font-size: 14px;
 background-color: #fff;
 width: 94%;
 margin-left: 1%;
 margin-right: 1%;
 margin-top: 20px;
 margin-bottom: 20px;
}
.tree {
 border: 1px solid #CCC;
 width: 94%;
 margin-left: 1% !important;
 margin-right: 1% !important;
}
.tree_right {
 border: 1px solid #CCC;
 width: 94%;
 margin-left: 1% !important;
 margin-right: 1% !important;
}

 
 
.tree, .tree ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.tree ul {
 margin-left: 45px;
 position: relative;
}
.tree ul ul {
 margin-left: 3em;
}
 

.tree li {
 line-height: 2em;
 color: #555;
 font-weight: normal;
 position: relative;
 margin-bottom: 5px !important;
 margin-top: 5px !important;
 margin-left: 5px !important;
 margin-right: 5px !important;
}

 
.tree ul li:last-child:before {
 background: #fff;
 height: auto;
 top: 1em;
 bottom: 0;
}
.indicator {
/*margin-right: 5px;*/
}
.tree li a {
 text-decoration: none;
 color: #555;
}
.tree li button, .tree li button:active, .tree li button:focus {
 text-decoration: none;
 color: #555;
 border: none;
 background: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 outline: 0;
}
.tree ul, .tree li {
 cursor: pointer;
}
.tree .btn-default.active {
 background-color: #1c90c1;
 color: #fff;
}
.tree .btn-default {
 background-color: #eee;
}
.tree .fa-info-circle {
 color: #1c90c1;
}
.divider_hor_center {
 background: url("@{images}/login-vline.png") repeat-y center center;
}
.active_node {
 background-color: #fe9901;
 color: #fff !important;
 border: 1px solid #fe9901;
 display: block;
}
 
.tree .level2 li a:hover {
 background: #fe9901;
 color: #ffffff;
 padding: 0px;
 display: block;
}

.tree li a:hover {
 background: #fe9901;
 color: #ffffff;
 padding: 0px;
 display: block;
}
/*End by - S.P.M.	Content Tree View*/

/*Start - Sprint 93 - R.V.S - Model Popup of Session Timeout */

/* The Modal (background) */
.modal { 
 position: fixed; /* Stay in place */
 z-index: 1000010 !important; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 -webkit-animation-name: fadeIn; /* Fade in the background */
 -webkit-animation-duration: 0.4s;
 animation-name: fadeIn;
 animation-duration: 0.4s
}
/* Modal Content */
.modal-content {
 background-color: #fefefe;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 20%;
 border: 2px solid #9e9e9e;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
 box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
/* The Close Button */
.close {
 color: #fff;
 float: right;
 font-size: 28px;
 font-weight: bold;
}
.close:hover, .close:focus {
 color: #fff;
 text-decoration: none;
 cursor: pointer;
}
.modal-header {
 padding: 0px 10px 5px 10px;
 background-color: #ec5d57;
 color: #fff;
 border-bottom: 1px solid #d1d1d1;
 font-size: 18px; 
}
.modal-header  h2{
	 color: #fff !important;
	 text-transform:capitalize;
 }
.modal-body {
 padding: 10px 10px 20px 10px;
}
.modal-footer {
 padding: 10px 10px 20px 10px;
 background-color: #5cb85c;
 color: #584f4b;
}

/* Add Animation */
@-webkit-keyframes slideIn {
 from {
bottom: -300px;
opacity: 0
}
 to {
bottom: 0;
opacity: 1
}
}
 @keyframes slideIn {
 from {
bottom: -300px;
opacity: 0
}
 to {
bottom: 0;
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 from {
opacity: 0
}
 to {
opacity: 1
}
}
 @keyframes fadeIn {
 from {
opacity: 0
}
 to {
opacity: 1
}
}
.session-txt h1 {
 font-size: 34px;
 color: #9a9a9a;
}
.popupbtn {
 border: 2px solid black;
 border-radius: 5px;
 background-color: white;
 color: black;
 padding: 8px 30px;
 font-size: 16px;
 cursor: pointer;
}
/* Red */
.danger {
 border-color: #f44336;
 color: red
}
.danger:hover {
 background: #f44336;
 color: white;
}
/* Blue */
.info {
 border-color: #2196F3;
 background: #2196F3;
 color: white
}
.info:hover {
 background: #2196F3;
 color: white;
}
/*End - Sprint 93 - R.V.S - Model Popup of Session Timeout */

/*Add by - S.P.M.	Dropdown editable text*/
input.es-input {
	padding-right: 20px!important;
	background: url("@{images}/icon-editabledropdown-arrow.png") right center no-repeat;
	cursor: pointer;
	width: 55% !important;
}

.es-list {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 1px solid #d1d1d1;
	display: none;
	z-index: 1000;
	background: #fff;
	max-height: 160px;
	overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc;
	-webkit-box-shadow: 0 2px 3px #ccc;
	box-shadow: 0 2px 3px #ccc;
	cursor: pointer;
}
/*End by - S.P.M.	Dropdown editable text*/

/* End - Sprint 93*/

/*Start - Sprint 95*/

/*Start - D.S.S - Chart */
.padl_100 {
	padding-left: 100px;
}
.padl_180 {
	padding-left: 180px;
}
.ui-widget-content {
	max-height: none !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #454545;
}
/*End - D.S.S - Chart */

/*Start - S.P.M. - Cart*/
.btn_cart_new { color: #ffffff; display: block; text-decoration: none; }

.btn_cart { color: #ffffff; display: block; text-decoration: none; }
/*End - S.P.M. - Cart*/

/*End - Sprint 95*/

/*Start - Sprint 96*/

/*Start - Added by - R.S.S - Hot language color css*/
.dd4 .ddTitle {color: #fff;background: #000000;cursor: pointer;}
.dd4 .ddTitle:hover {color: #fff;background: #000000;cursor: pointer;}
/*End - Added by - R.S.S - Hot language color css*/

/*Start - Added by - S.P.M. - Fix JS popup*/
#divEditJSScript { height: 520px !important; }
/*End - Added by - S.P.M. - Fix JS popup*/

/*Start - Added by - R.S.S. - Language Text box issue*/
.mar_left { margin-left: -10px !important; }

.mar_right { margin-right: -10px !important; }
/*End - Added by - R.S.S. - Language Text box issue*/

/*End - Sprint 96*/

/*Start - Sprint 97*/

/*Start - Added by - S.P.M.  - For System Tester Header*/
.system_tester_bar {  border-style: solid; border-color: red; line-height: 30px; border-width: 2px; /*margin-top: -10px;*/ }

.system_tester_bar label { text-transform: uppercase; }
/*End - Added by - S.P.M.  - For System Tester Header*/

.round-border { border: 2px solid #0974ac; }

.co_flow_box:hover { outline: 2px solid #3079bd;}

.tab_login { width: 50% !important; float: inherit !important; }

#doc_check {display: none;}

/*End - Sprint 97*/

/*Start - Sprint 98*/

/*** Start CSS For ECOM UI Added by H.P.T. 07Jul2020 ***/
.box {
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px rgb(0 0 0 / 0%);
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: box-shadow;
 transition-property: box-shadow;
 box-shadow: 0 0 10px rgb(0 0 0 / 30%);
 cursor: pointer;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
.box img {
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
.box img:hover {
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
.box:hover {
 box-shadow: 0 0 20px rgb(0 0 0 / 60%);
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
}
.box_disabled { cursor: not-allowed !important; background-color: #d7d9dc !important; box-shadow: none !important; border-radius: 0px; }

.box_disabled img { opacity: 0.2 !important; cursor: not-allowed !important; }
.grid_18 {
 max-width: 18%;
 display: inline;
 float: left;
 margin-left: 1%;
 margin-right: 1%;
 margin-bottom: 2%;
}
.grid_18 .box img {
 max-width: 100%;
}
.img_top_grpui {
 max-width: 100%;
}
.add_course_wrapper .add_course_main_section .txt_center {word-break: normal;max-width: 192px;}
.big_txt { font-size: 24px !important; font-weight: 700 !important; }

.menu_bar_ecom { background: #4ae54a; height: 46px; width: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2); }

.menu_home_ecom { width: 54px; float: left; text-align: center; display: block; background: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr.png') no-repeat right center; }

.menu_home_ecom a { margin-left: 4px; margin-right: 4px; display: block; border-bottom: 4px solid #4ae54a; line-height: 42px; }

.menu_home_ecom a:hover { border-bottom: 4px solid #EBEBEB; display: block; }

.menu_home_ecom a.home_active { display: block; border-bottom: 4px solid #EBEBEB; }

.menu_nav_ecom { margin: 0px; padding: 0px; }

.menu_nav_ecom li { list-style: none; float: left; display: block; }

.menu_nav_ecom li a img { float: left; }

.menu_nav_ecom li a { line-height: 46px; color: #ffffff; float: left; padding-left: 10px; padding-right: 10px; margin-left: 4px; margin-right: 4px; }

.menu_nav_ecom li .option_dd { margin-top: 12px; line-height: 42px; float: left; padding-left: 10px; padding-right: 10px; margin-left: 4px; margin-right: 4px; background-color: #4ae54a; outline: #4ae54a; color: #fff; border: 1px solid #4ae54a; cursor:pointer; }

.menu_nav_ecom li a span { font-size:14px; }

.menu_nav_ecom li a:hover { display: block; background-color: #738c31; }

.menu_nav_ecom li span { line-height: 46px; color: #ffffff; float: left; margin-left: 4px; margin-right: 4px;}

.menu_nav_ecom_active { display: block; background-color: #738c31; }

.menu_nav_ecom li.home { }

.menu_nav_ecom li.home:hover { background: none; }

.menu_nav_ecom li.active a { border-bottom: 4px solid #EBEBEB; }

.menu { list-style: none; float: left; border-right: 0px solid #5b5b5b; padding-left: 10px; padding-right: 10px; display: block; height: 29px; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr.png) no-repeat right; color: #fefefe; line-height: 29px; }

.menunoborder { list-style: none; float: left; border-right: 0px solid #5b5b5b; padding-left: 10px; padding-right: 10px; }

.user_detail_bar_ecom_flow { background: #bbbbbb; color: #FFF; height: 84px; line-height: 84px; width: 100%; height:100%; }

.user_detail_bar_ecom_flow a { color: #FFFFFF; }

.ecom_flow { list-style-type: none; margin: 0; padding: 0; display: table; margin: 0 auto; }

.ecom_flow li { list-style: none; float: left; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/topbar_dvdr_hor.png) no-repeat right center; display: block; }

.ecom_flow li:first-child {  }

.ecom_flow li:last-child {  background-image: none !important; }

.ecom_flow li img { display: block; color: white; text-align: center; padding: 0px 25px; text-decoration: none; cursor:pointer; }

.ecom_flow li img:hover:not(.active) { background-color:#424242; }

.ecom_flow li { display: inline; padding: 0px 50px 0px 0px; }
 
.txt_right { text-align:right; }

.prim_btn_buy { color: #ffffff; border: 1px solid #738C31; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; display: inline-block; cursor: pointer; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
}

a.prim_btn_buy { color: #ffffff; }

.prim_btn_buy:hover { color: #ffffff; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: pointer; }

.prim_btn_buy:active { color: #ffffff; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: pointer; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.prim_btn_buy[disabled]:hover { background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: not-allowed !important; }

.prim_btn_buy:disabled { cursor: not-allowed; filter: alpha(opacity=50); -webkit-box-shadow: none; box-shadow: none; opacity: 0.50; }

.msgbox_added_cart { background-color: #fed8b1; border: 1px solid #FF9800; color: #FF9800; min-height: 10px; padding: 10px; font-weight:bold; font-size:24px; cursor:pointer; }

.main_box { background-color: #f3f3f3; border: 1px solid #e0e0e0; padding: 10px; border-radius: 5px; }

.price_total { margin-top: 10px; margin-bottom: 10px; }

.price_total p { font-size:16px; font-weight: bold; color: #232323; }

.prim_btn_chkout { color: #fff; border: 1px solid #738C31; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; display: inline-block; cursor: pointer; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
width: 100%; font-weight: 600; font-size: 14px; }

a.prim_btn_chkout { color: #fff; }

.prim_btn_chkout:hover { color: #fff; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: pointer; }

.prim_btn_chkout:active { color: #fff; background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: pointer; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.prim_btn_chkout[disabled]:hover { background: #738C31; /* Old browsers */ background: -moz-linear-gradient(top, #738C31 0%, #738C31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #738C31 0%, #738C31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #738C31 0%, #738C31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738C31', endColorstr='#738C31', GradientType=0 ); /* IE6-9 */
cursor: not-allowed !important; }

.prim_btn_chkout:disabled { cursor: not-allowed; filter: alpha(opacity=50); -webkit-box-shadow: none; box-shadow: none; opacity: 0.50; }

.txt_pur_comted { text-align: center; font-size: 18px; font-weight: 600; color: #ff9800; padding-top: 20px; padding-bottom: 20px; }

.caps_purchased { font-size: 11px; font-weight: 700; background-color: #738c31; color: #fff; padding: 4px; border-radius: 4px; }

.caps_purchased_failed { font-size: 11px; font-weight: 700; background-color: #d9534f; color: #fff; padding: 4px; border-radius: 4px; }

.error-notice { margin:5px; }

.oaerror { background-color: #ffffff; padding:20px; border:1px solid #eee; border-left-width:5px; border-radius: 3px; margin:10px auto; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700; }

.danger { border-left-color: #d9534f; background-color: rgba(217, 83, 79, 0.1); }

.danger strong { color:#d9534f; }

.txt_big_link { font-size: 12px; color: #0974ac; font-weight: 600; cursor:pointer; text-decoration: underline; }

.txt_green { color: #3c763d; font-weight: 700; font-size: 14px; }

.mart_3 { margin-top: 3px; }

.datagrid_ecom { color: #666; border-width: 1px; border-color: #cfcfcf; border-collapse: collapse; width: 99.9%; }

.datagrid_ecom a { color: #178cde; }

.datagrid_ecom th { text-align: left; border-width: 0px; border-left: 1px; height: 33px; padding-left: 10px; padding-right: 10px; border-style: solid; border-color: #e6e6e6; color: #ffffff; background: #306293; /* Old browsers */ background: -moz-linear-gradient(top, #306293 0%, #214e7b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #306293 0%, #214e7b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #306293 0%, #214e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306293', endColorstr='#214e7b', GradientType=0 ); /* IE6-9 */
}

.datagrid_ecom th:first-child { border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border: 0px; }

.datagrid_ecom th:last-child { border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-right: 1px; }

.datagrid_ecom th a { color: #ffffff; }

.datagrid_ecom.head { background: #306293; /* Old browsers */ background: -moz-linear-gradient(top, #306293 0%, #214e7b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #306293 0%, #214e7b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #306293 0%, #214e7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306293', endColorstr='#214e7b', GradientType=0 ); /* IE6-9 */
color: #ffffff; }

.datagrid_ecom .head h2 { color: #ffffff; padding-bottom: 5px; }

.datagrid_ecom tr:hover { background-color: #fff; }

.datagrid_ecom tr { background-color: #ffffff; }

.datagrid_ecom tr:nth-child(even) { background-color: #ffffff; }

.datagrid_ecom tr:nth-child(odd) { background-color: #fff; }

.datagrid_ecom tr:hover { background-color: #fff; }

.datagrid_ecom td { padding: 14px 10px; border-width: 1px; border-style: solid; border-color: transparent !important; font-size: 14px; }

.datagrid_ecom .cen_align { text-align: center; }

.border_bottom { border-bottom: 2px dashed #a7a7a7; }

.txt_pur_error { color: #d9534f; font-size: 16px; text-align: center; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }

.portlet_box { border: 1px solid #adadad; width: 100%; }

.marl_25 { margin-left: 25px; }

.txt_chk { color: #fff; margin-top: 5px; }

.txt_forgot { margin-top: 10px; }

.txt_forgot a { color: #fff; text-decoration:none; }

.letter { font-size: 20px; font-weight: bold; color: #3c763d; }

.letter .box_tick { display: inline-block; line-height: 1.0em; font-weight: bold; }

/*** End CSS For ECOM UI Added by H.P.T. 07Jul2020 ***/

/*End - Sprint 98*/

/*Start - Sprint 101*/
.container4 {
    height: 400px;
    position: relative;
    width: 600px;
}
.example {
    border: 2px solid #c5c5c5;
}
.container4 p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
}
.btn_full { width: 300px; line-height: 2; }

.btn_full:active { width: 300px; line-height: 2; }
.example2 {
    border: 2px solid #c5c5c5;
    width: 280px;
    height: 134px;
    position: relative;
}
.example3 {
    border: 2px solid #c5c5c5;
    width: 200px;
    height: 134px;
    background-color: #e6e6e6;
}
.container5 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    margin: 0;
	word-break: break-all;
}
.container6 {
    position: relative;
    height: 134px;
    width: 100%;
}
.container6 img {
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #505050;
    opacity: 0.5;
}
.edit{
    padding-top: 0px;
    padding-right: 0px;
    position: absolute;
    right: 0;
    top: 0;

}
.imgedit {
    position: relative;
}
/*End - Sprint 101*/

/*Start - Sprint 104*/
#search-text-input {
 float: left;
 height: 30px !important;
 outline: 0;
 padding: .4em 0 .4em .6em;
 width: 276px;
}
#button-holder {
 background-color: #f1f1f1;
 cursor: pointer;
 float: left;
 border: 1px solid #d6d6d6;
 text-align: center;
 width: 50px;
}
#button-holder img {
 margin: 6.5px;
 width: 16px;
}
.filter_box {
 color: #444;
 border: 1px solid #CCC;
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
 margin-bottom: 10px;
}
.table-scroll {
 position: relative;
 overflow: hidden;
}
.table-wrap {
 width: 100%;
 overflow: auto;
}
.table-scroll table {
 width: 100%;
 margin: auto;
}
.table-scroll th, .table-scroll td {
 white-space: nowrap;
}
.table-scroll thead, .table-scroll tfoot {
 background: #f9f9f9;
}
.marl {
 margin-left: 0px !important;
}

.static_tabs {
  background: #0974ac;
  min-width: 220px;
  padding: 10px;
  color: #fff;
}
.big_box {
  border: 1px solid #0974ac;
  min-height: 500px;
}
.small_box {
  border: 1px solid #0974ac;
  min-height: 230px;
}
.vert_scrollbar {
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 210px;
}


.datagrid_td td {
  padding: 7px 10px !important;
}
.datagrid_td th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100000;
  bottom: 0;
}
.marl_inherit {
  margin-left: inherit !important;
}
.marr_inherit {
  margin-right: inherit !important;
}
.marlr_inherit {
  margin-left: inherit !important;
  margin-right: inherit !important;
}
.txt_big_new {
  font-size: 24px !important;
}

.newloader {
	background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/loading_style_03.gif) 50% 50% no-repeat;
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .8;
	background-color: #3c3c3c;
}

#MenuAsperOrder {
overflow: scroll;
overflow-x: hidden;
overflow-y: hidden;
max-height: 115px;
}

#ulcoursecarousel {
overflow: scroll;
overflow-x: hidden;
overflow-y: hidden;
max-height: 220px;
}

.tab_equal_width {
  width: 16.2% !important;
}

.inputbox_disabled {
  background-color: #e8e8e8 !important;
  cursor: not-allowed !important;
  border: inherit !important;
  color: #969696 !important;
}

.txt_fontsize_14 {
    font-size: 14px !important;
}

.txt_fontsize_20 {
  font-size: 20px !important;
}

/*End - Sprint 104*/

/*Start - Sprint 105*/

.fontbold { font-weight: bold !important; }

.cursor { cursor: pointer; }

.frminput_small_month { width: 80px !important }

/*End - Sprint 105*/

/*Start - Sprint 106*/

.user_section { list-style-type: none; margin: 0; padding: 0; }

.user_section li { display: inline; }

.txt16 { font-size: 16px !important; }

.mart_13 { margin-top: 13px; }

.grid_3_new { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 38%; }

.grid_4_new { display: inline; float: left; margin-left: 1%; margin-right: 1%; width: 33; }

.dd-dropdown { display: inline-block; position: relative; }

.dd-button { display: inline-block; border-radius: 4px; padding: 1px 30px 0px 15px; cursor: pointer;  white-space: nowrap; color: #fff; }

.dd-button:after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; }

.dd-input { display: none; }

.dd-menu { position: absolute; top: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0; margin: 2px 0 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); background-color: #ffffff;  list-style-type: none; z-index: 1000000; }

.dd-input + .dd-menu { display: none; }

.dd-input:checked + .dd-menu { display: block; }

.dd-menu li { padding: 10px 20px; cursor: pointer; white-space: nowrap; width: 100% !important; }

.dd-menu li:hover { background-color: #f6f6f6; } 

.dd-menu li a { display: block; margin: -10px -20px; padding: 10px 20px; color: #1b1b1b; }

.dd-menu li.divider { padding: 0; border-bottom: 1px solid #cccccc; }

/*End - Sprint 106*/

/*Start - Sprint 107*/

.txt_16 { font-size: 16px !important; }			
.bullet_style { margin: 0px 0px 0px 15px;padding: 0px; }
.bullet_style li { margin-top: 4px; }

/*Sorting up or down arrow*/
.headerSortDown:after, .headerSortUp:after { content: ' '; position: relative; left: 2px; border: 5px solid transparent; }
.headerSortDown, .headerSortUp { padding-right: 5px; }
/*Sorting down arrow*/
.headerSortDown:after { top: 10px; border-top-color: #fff; left: 10px; }
/*Sorting up arrow*/
.headerSortUp:after { bottom: 15px; border-bottom-color: #fff; top: -10px; left: 10px; }

/*Start - Sorting both up and down arrow*/
.sort-by { top: 12px; border-top-color: #fff; bottom: 15px; border-bottom-color: #fff; padding-right: 5px; }
.sort-by:before, .sort-by:after { content: ' '; position: relative; border: 5px solid transparent; }
.sort-by:before { top: 12px; border-top-color: #fff; left: 10px; }
.sort-by:after { bottom: 15px; border-bottom-color: #fff; }
/*End - Sorting both up and down arrow*/


/*End - Sprint 107*/

/*Start - Sprint 109 */
.dropdown_action {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #0974ac;
}
.dropdown_action li {
  position: relative;
}
.dropdown_action li a {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.dropdown_action li ul {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  line-height: normal;
  background-color: #0974ac;
  right: 0;
  z-index:1000000;
}
.dropdown_action li ul li a {
  text-align: left;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  display: block;
  white-space: nowrap;
  box-shadow:0 -1px #065178 inset;
}
.dropdown_action li ul li a:hover {
  background-color: #065178;
  color: #ffffff;
}
.dropdown_action li ul li ul {
  right: 100%;
  top: 0;
}
.dropdown_action li:hover>a {
  background-color: #065178;
  color: #ffffff !important;
}
.dropdown_action li:hover>ul {
  display: block;
}

.c-btn {
  padding: .4em 0.3em 0.4em 0.3em;
  border: solid 1px #007aff;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  line-height: 3;
  font-family: arial;
}
.c-btn:hover, .c-btn:focus {
  cursor: pointer;
  background-color: #007aff;
  color: #fff;
}
.c-btn-group {
  display: inline-flex;
  border: 1px solid #007aff;
  overflow: hidden;
  border-radius: 4px;
  font-family: arial;
}
.c-btn-group > .c-btn {
  border-radius: 0;
  border: none;
  border-right: 1px solid #007aff;
}
.c-btn-group > .c-btn:last-child {
  border-right: none;
}
.c-btn-group--block {
  display: flex;
}
.c-btn-group--block > .c-btn {
  flex-grow: 1;
}
.c-btn-group--vertical-block {
  display: flex;
  flex-direction: column;
}
.c-btn-group--vertical-block > .c-btn {
  flex-grow: 1;
  border: none;
  border-bottom: 1px solid #007aff;
}
.c-btn-group--vertical-block > .c-btn:last-child {
  border-bottom: none;
}
ul.filter_new {
  font-size: 10px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
  margin-right: 10px;
}
ul.filter_new li {
  float: left;
  margin: 0px !important;
  padding: 0px;
}
ul.filter_new li a {
  padding: 0px 6px;
  color: #777777;
  outline: none;
  cursor: pointer;
  height: 22px;
  border: 1px solid #007aff;
  border-right: none;
  display: block;
  line-height: 22px;
  background-color: #ffffff;
  background-image: url("http://jlmscloudstorelocal.blob.core.windows.net/theme0/gradient_bg.png");
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
}
ul.filter_new li a:hover {
  text-decoration: none;
  background-color: #007aff;
  color: #ffffff;
}
ul.filter_new li .first_new {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
}
ul.filter_new li .last_new {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-right: solid 1px #007aff;
}
ul.filter_new li a.first_new {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
}
ul.filter_new li a.last_new {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-right: solid 1px #007aff;
}
ul.filter_new li a.selected_new {
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
}
ul.filter_new li:last-child input {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-right: solid 1px #007aff;
}
.first_new {
  font-size: 12px;
  color: #007aff;
  outline: none;
  display: block;
  background-color: #ffffff;
  background-image: url("http://jlmscloudstorelocal.blob.core.windows.net/theme0/gradient_bg.png");
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  border: 1px solid #007aff;
  cursor: pointer;
}
.first_new:hover {
  background-color: #007aff;
  color: #ffffff;
  cursor: pointer;
}
.first_new.selected_new {
  background-color: #007aff;
  color: #ffffff;
  cursor: pointer;
}
.repeat_new {
  font-size: 12px;
  color: #007aff;
  outline: none;
  background-color: #ffffff;
  background-image: url("http://jlmscloudstorelocal.blob.core.windows.net/theme0/gradient_bg.png");
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #007aff;
  display: block;
  border-top-color: #007aff;
  border-bottom-color: #007aff;
  border-left-color: #007aff;
  cursor: pointer;
}
.repeat_new:hover {
  background-color: #007aff;
  color: #ffffff;
  cursor: pointer;
}
.repeat_new.selected_new {
  background-color: #007aff;
  color: #ffffff;
  cursor: pointer;
}
ul.btn_control_new {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right;
}
ul.btn_control_new li {
  height: 64px;
  float: left;
  font-size: 10px;
}
/* Added for CRMDataCleanser, to have different proportion for tree view*/
.grid_6_1 {
	width: 40%;
	margin-left: 0%;
	margin-right: 0%;
	display: inline;
	float: left;
}

.grid_6_2 {
	width: 60%;
	margin-left: 0%;
	margin-right: 0%;
	display: inline;
	float: left;
}

/* Added for CRMDataCleanser, to have less intendent */
.tree_left { 
	border: 1px solid #CCC;
	width: 98%;
	margin-left: 1% !important;
	margin-right: 1% !important;
}

.tree_left, .tree_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree_left ul {
    	margin-left: 15px;
    	position: relative;
}

.tree_left ul ul {
        	margin-left: 1em;
 }

.tree_left li {
    	line-height: 2em;
    	color: #555;
    	font-weight: normal;
    	position: relative;
    	margin-bottom: 5px !important;
    	margin-top: 5px !important;
    	margin-left: 5px !important;
    	margin-right: 5px !important;
}

.tree_left ul li:last-child:before {
    	background: #fff;
    	height: auto;
    	top: 1em;
    	bottom: 0;
}

.tree_left li a {
    	text-decoration: none;
    	color: #555;
}

.tree_left li button, .tree_left li button:active, .tree_left li button:focus {
    	text-decoration: none;
    	color: #555;
    	border: none;
    	background: transparent;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
    	outline: 0;
}

.tree_left ul, .tree li {
    	cursor: pointer;
}

.tree_left .btn-default.active {
    	background-color: #1c90c1;
    	color: #fff;
}

.tree_left .btn-default {
    	background-color: #eee;
}

.tree_left .fa-info-circle {
    	color: #1c90c1;
}

.tree_left .level2 li a:hover {
    	background: #fe9901;
    	color: #ffffff;
    	padding: 0px;
    	display: block;
}

.tree_left li a:hover {
    	background: #fe9901;
    	color: #ffffff;
    	padding: 0px;
    	display: block;
}

.img_bg_card {
	background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/img-bg-card.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	border: 2px solid #cacaca;
	width: 300px;
	height: 200px;
}

.card_txt {
	text-align: center;
	margin-top: 3rem;
}

.card_txt p {
    	font-size: 12px;
    	font-weight: 700;
	}

.sec_center {
	margin: 0px auto;
}

.txt_16 {
	font-size: 16px !important;
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: #000000;
	text-align: center;
	height: 1.5em;
	/* opacity: 0.5; */
	font-size: 16px;
}

.hr-text:before {
    	content: "";
    	background: #b2b2b2;
    	position: absolute;
    	left: 0;
    	top: 50%;
    	width: 100%;
    	height: 3px;
	}

.hr-text:after {
    	content: attr(data-content);
    	position: relative;
    	display: inline-block;
    	padding: 0 0.5em;
    	line-height: 1.5em;
    	color: #696969;
    	background-color: #fcfcfa;
	}

.wordbreakall {
Word-break:break-all;}

.msgbox_info_warning { background-color: #ffbf00;color: #333333;border: 1px solid #a17902;min-height: 10px;padding: 10px; }


/*************** Object Journeys CSS Start ***************/
.datagrid_obj_jou td {
    padding: 10px 0px 0px 0px !important;
    border-width: 0px !important;
    border-style: inherit !important;
    border-color: inherit !important;
    box-sizing: content-box !important;
}
.obj_jou_time {
 background-color: #24aef3;
 font-weight: bold;
 font-size: 15px;
 padding: 10px;
 color: #000;
 text-align: center;
 margin-bottom: 5px;
}
.obj_jou_train {
 background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/img-train-view.png);
 background-repeat: repeat-y;
 background-attachment: inherit;
 width: 50px;
 background-position: center;
   /*height: 146px;*/
}
.obj_jou_train img {
 background-color: #fff;
}
.obj_jou_content {
 position: relative;
 background: #add8e6;
 padding: 1em;
 color: #000;
 font-size: 15px;
 min-height: 50px;
 display: flex;
 flex-wrap: wrap;
 align-content: center;
 justify-content: flex-start;
 word-break: break-word;
}
.obj_jou_content::before {
 content: "";
 position: absolute;
 right: 100%;
 height: 0;
 width: 0;
 border: 12px solid transparent;
 border-right: 30px solid #000000;
 border-left: 30px solid #000000;
}
.obj_jou_content::before {
 top : 50%;
 left: 100%;
 border-color: transparent;
 border-left-color: #add8e6;
}
.obj_jou_content::after {
 clear: both;
 content: "";
 display: table;
}
.obj_jou_content_right::before {
 left: auto;
 right: 100%;
 border-color: transparent;
 border-right-color: #add8e6;
}
 
 /********************** Object Journeys CSS End ****************************/
/*End - Sprint 109 */


/* Start - Sprint 110 */

.txt20 { font-size: 20px; }
.box_max_style1 {
 min-height: 60px;
 width: 10%;
 display: flex;
 justify-content: space-around;
 align-items: center;
 border: 1px solid #CCC;
 border-radius: 8px;
}
.box_max_style2 {
 min-height: 60px;
 width: 20%;
 display: flex;
 justify-content: space-around;
 align-items: center;
 border: 1px solid #CCC;
 border-radius: 8px;
}
.box_max_style3 {
 min-height: 60px;
 width: 30%;
 display: flex;
 justify-content: space-around;
 align-items: center;
 border: 1px solid #CCC;
 border-radius: 8px;
}
.box_max_style4 {
 min-height: 60px;
 width: 40%;
 display: flex;
 justify-content: center;
 align-items: center;
 border: 1px solid #CCC;
 border-radius: 8px;
}
.sec-middle {
 display: flex;
 justify-content: center;
 align-items: center;
}

.prim_btn_big {
 color: #ffffff;
 border: 1px solid #3f7cca;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 outline: none;
 font-size: 2.4em;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-left: 40px;
 padding-right: 40px;
 display: inline-block;
 cursor: pointer;
 background: #3f7cca; /* Old browsers */
 background: -moz-linear-gradient(top, #3f7cca 0%, #3f7cca 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #3f7cca 0%, #3f7cca 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #3f7cca 0%, #3f7cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7cca', endColorstr='#3f7cca', GradientType=0 ); /* IE6-9 */
}
a.prim_btn_big {
 color: #ffffff;
}
.prim_btn_big:hover {
 color: #ffffff;
 background: #142c3f; /* Old browsers */
 background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
 cursor: pointer;
}
.prim_btn_big:active {
 color: #ffffff;
 background: #142c3f; /* Old browsers */
 background: -moz-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #142c3f 0%, #204d7a 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #142c3f 0%, #204d7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142c3f', endColorstr='#204d7a', GradientType=0 ); /* IE6-9 */
 cursor: pointer;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-left: 40px;
 padding-right: 40px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}
.prim_btn_big[disabled]:hover {
 background: #3f7cca; /* Old browsers */
 background: -moz-linear-gradient(top, #3f7cca 0%, #3f7cca 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #3f7cca 0%, #3f7cca 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #3f7cca 0%, #3f7cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7cca', endColorstr='#3f7cca', GradientType=0 ); /* IE6-9 */
 cursor: not-allowed !important;
}
.prim_btn_big:disabled {
 cursor: not-allowed;
 filter: alpha(opacity=50);
 -webkit-box-shadow: none;
 box-shadow: none;
 opacity: 0.50;
}

.course_list_row .course_img .fwidth_img {max-width: 100% !important;width: inherit !important;}
/* End - Sprint 110 */


/* Start - Sprint 111 */

.datagrid_brd td { border: hidden !important; padding: 7px 7px !important; }

/*Scorm Course New Page*/
#progress4 { width: 100%; height: 25px; border: 1px solid green; position: relative; padding: 0px; border-radius: 2px; }
#percent4 { position: absolute; left: 50%; margin-top: 6px; }
#bar4 { height: 25px; background-color: #008000; width: 0%; }

#progress5 { width: 100%; height: 25px; border: 1px solid green; position: relative; padding: 0px; border-radius: 2px; }
#percent5 { position: absolute; left: 50%; margin-top: 6px; }
#bar5 { height: 25px; background-color: #008000; width: 0%; }
/*Scorm Course New Page*/

/* End - Sprint 111 */

/* Start - Sprint 112 */
.tag_name {
 font-size: inherit;
 font-weight: 400;
 text-align: center;
 color: #fff;
 background-color: #4dbacf;
 border-radius: 3px;
 transition: background-color 0.3s ease;
 cursor: default;
 border: 1px solid #4c7c9c;
 display: block;
 float: left;
 font-size: 12px;
 margin-bottom: 5px;
 margin-right: 5px;
 padding: 0px 2px 2px 4px;
}
.collapsible_view {
 background-color: #fefcf1;
 color: #333333;
 cursor: pointer;
 padding: 8px 10px 6px 10px;
 width: 100%;
 border: none;
 text-align: left;
 outline: none;
 font-size: 12px;
}
.active_col, .collapsible_view:hover {
 background-color: #fefcf1;
}
.collapsible_view:after {
 content: '\25C0';
 color: #333333;
 font-weight: bold;
 float: right;
 margin-left: 5px;
 border: none;
}
.active_col:after {
 content: "\25bc";
 border: none;
}
.content_section_view {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 background-color: #fff;
}
/************** Start Standard Radio and Checkbox UI **********************/
.controlblack {
 display: block;
 position: relative;
 padding-left: 20px;
 margin-bottom: 2px;
 cursor: pointer;
 font-size: 14px;
}
.controlblack input {
 position: absolute;
 z-index: -1;
 opacity: 0;
}
.control__indicatorblack {
 position: absolute;
 top: 2px;
 left: 0;
 height: 12px;
 width: 12px;
 border: 1px solid #585858;
}
.control--radioblack .control__indicatorblack {
 border-radius: 50%;
}
.controlblack:hover input ~ .control__indicatorblack, .controlblack input:focus ~ .control__indicatorblack {
 background: #ccc;
}
.controlblack input:checked ~ .control__indicatorblack {
 background: #585858;
}
.controlblack:hover input:not([disabled]):checked ~ .control__indicatorblack, .controlblack input:checked:focus ~ .control__indicatorblack {
 background: #585858;
}
.controlblack input:disabled ~ .control__indicatorblack {
 background: #e6e6e6;
 opacity: 0.6;
 pointer-events: none;
}
.control__indicatorblack:after {
 content: '';
 position: absolute;
 display: none;
}
.controlblack input:checked ~ .control__indicatorblack:after {
 display: block;
}
.control--checkboxblack .control__indicatorblack:after {
 left: 8px;
 top: 4px;
 width: 3px;
 height: 8px;
 border: solid #fff;
 border-width: 0 2px 2px 0;
 transform: rotate(45deg);
}
.control--checkboxblack input:disabled ~ .control__indicatorblack:after {
 border-color: #7b7b7b;
}
.control--radioblack .control__indicatorblack:after {
 left: 2px;
 top: 2px;
 height: 6px;
 width: 6px;
 border-radius: 50%;
 background: #fff;
}
.control--radioblack input:disabled ~ .control__indicatorblack:after {
 background: #7b7b7b;
}
 /************** End Standard Radio and Checkbox UI **********************/
/* End - Sprint 112 */

/* Start - Sprint 113 */
.align_content_center {  
	margin: 0px auto !important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center; 
}

.badge_count {
	display: inline-block;
	padding: .25em .4em;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	color: #fff;
	background-color: #5f91e4;
	margin-left: 5px;
}
/* End - Sprint 113 */

/* Start - Sprint 114 */

.approval_success_btn {
	color: #ffffff;
	border: 1px solid #5cb85c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	cursor: pointer;
	background: #5cb85c; /* Old browsers */
	background: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#5cb85c', GradientType=0 ); /* IE6-9 */
}

a.approval_success_btn {
	color: #ffffff;
}

.approval_success_btn:hover {
	color: #ffffff;
	background: #5cb85c; /* Old browsers */
	background: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#5cb85c', GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.approval_success_btn:active {
	color: #ffffff;
	background: #5cb85c; /* Old browsers */
	background: -moz-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#5cb85c', GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.approval_success_btn[disabled]:hover {
	background: #5796bb; /* Old browsers */
	background: -moz-linear-gradient(top, #5796bb 0%, #5cb85c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5796bb 0%, #5cb85c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5796bb 0%, #5cb85c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796bb', endColorstr='#5cb85c', GradientType=0 ); /* IE6-9 */
	cursor: not-allowed !important;
}

.approval_success_btn:disabled {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.50;
}

.approval_denied_btn {
	color: #ffffff;
	border: 1px solid #d9534f;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	cursor: pointer;
	background: #d9534f; /* Old browsers */
	background: -moz-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #d9534f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0 ); /* IE6-9 */
}

a.approval_denied_btn {
	color: #ffffff;
}

.approval_denied_btn:hover {
	color: #ffffff;
	background: #d9534f; /* Old browsers */
	background: -moz-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #d9534f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.approval_denied_btn:active {
	color: #ffffff;
	background: #d9534f; /* Old browsers */
	background: -moz-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #d9534f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.approval_denied_btn[disabled]:hover {
	background: #d9534f; /* Old browsers */
	background: -moz-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d9534f 0%, #d9534f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d9534f 0%, #d9534f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#d9534f', GradientType=0 ); /* IE6-9 */
	cursor: not-allowed !important;
}

.approval_denied_btn:disabled {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.50;
}

/* End - Sprint 114 */

/*** Start - S.P.M. User Details New CSS START ****/
.user_menu_divider_new { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/divider.png) no-repeat right center; }

ul#user_menu_new { float: right; color: #FFFFFF; }

ul#user_menu_new li a { display: block; text-decoration: none; line-height: 42px; color: #ffffff; }

ul#user_menu_new, ul#user_menu_new ul { list-style: none; margin: 0px; padding: 0px; position: relative; }

ul#user_menu_new ul li { float: none; line-height: 30px; position: relative; padding-left: 10px; padding-right: 0px; min-width: 150px; *margin-bottom: -4px; }

ul#user_menu_new ul li a { display: block;color: #ffffff !important;padding-left: 0px;padding-right: 00px; line-height: 40px; }

ul#user_menu_new ul li:hover { background-color: #94b9d2; }

ul#user_menu_new li, ul#user_menu_new li { float: left; padding-left: 10px; padding-right: 10px; position: relative; }

ul#user_menu_new li ul li a { color: #004682; }

ul#user_menu_new li ul li:hover { background: #5a92b9 !important; }

ul#user_menu_new li ul li a:hover { color: #ffffff !important ; }

ul#user_menu_new li:hover { background-color: #94b9d2; }

ul#user_menu_new li > div { background: #94b9d2; position: absolute; top: 42px; border: 0px solid #fffef9; padding: 4px; border-top: 0px solid #FFF; left: 0px; width: 170px; display: none; }

ul#user_menu_new li:hover div, ul#user_menu_new li:hover div { display: block; z-index: 1000; left:auto; right:0; }

.nav-icon { width: 25px !important; vertical-align: middle !important; }

#logoWithUserDetailBar  div.topbar {padding-right:0px !important;}
#logoWithUserDetailBar  div.grid_6 {padding-top:10px !important; margin-right:0px !important;}

.btn_logout_new { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/logout_icon.png) no-repeat center; width: 21px; height: 42px; line-height: 42px; display: block; }

.btn_logout_new:hover { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/logout_icon.png); }

/*** End - S.P.M. - User Details New CSS END ****/

/*** Promotional Portlet Slider CSS START ***/

.slider, .slider > div { background-position: center center; display: block !important; width: 100% !important; height: 500px; position: relative; background-size: cover; background-repeat: no-repeat; overflow: hidden; -moz-transition: transform .4s; -o-transition: transform .4s; -webkit-transition: transform .4s; transition: transform .4s; }

.slider > div { position: absolute; }

.slider > i { color: #5bbd72; position: absolute; font-size: 60px; margin: 20px; top: 40%; text-shadow: 0 10px 2px #223422; transition: .3s; width: 30px;height: 35px; padding: 10px 13px; background: #fff; background: rgba(255, 255, 255, .3); cursor: pointer; line-height: 0; box-sizing: content-box; border-radius: 3px; z-index: 4; }

.slider > i svg { margin-top: 3px; }

.slider > .left { left: -100px; }

.slider > .right { right: -100px; }

.slider:hover > .left { left: 0; }

.slider:hover > .right { right: 0; }

.slider > i:hover { background: #fff; background: rgba(255, 255, 255, .8); transform: translateX(-2px); }

.slider > i.right:hover { transform: translateX(2px); }

.slider > i.right:active, .slider > i.left:active { transform: translateY(1px); }

/*On hover effect for rouddle silder*/
/**.slider:hover > div { transform: scale(1.01); }**/

.hoverZoomOff:hover > div { transform: scale(1); }

.slider > ul { position: absolute; bottom: 10px; left: 50%; z-index: 4; padding: 0; margin: 0; transform: translateX(-50%); }

.slider > ul > li { padding: 0; width: 20px; height: 20px; border-radius: 50%; list-style: none; float: left; margin: 10px 10px 0; cursor: pointer; border: 1px solid #fff; -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }

.slider > ul > .showli { background-color: #03559e; /*-moz-animation: boing .5s forwards; -o-animation: boing .5s forwards; -webkit-animation: boing .5s forwards; animation: boing .5s forwards;*/ }

.slider > ul > li:hover { background-color: #03559e; }

.slider > .show { z-index: 1; }

.hideDots > ul { display: none; }

.showArrows > .left { left: 0; }

.showArrows > .right { right: 0; }

.titleBar { z-index: 2; display: inline-block; background: rgba(0, 0, 0, .5); position: absolute; width: 100%; bottom: 0; transform: translateY(100%); padding: 20px 30px; transition: .3s; color: #fff; }

.titleBar * { transform: translate(-20px, 30px); transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms; opacity: 0; }

.titleBarTop .titleBar * { transform: translate(-20px, -30px); }

.slider:hover .titleBar, .slider:hover .titleBar * { transform: translate(0); opacity: 1; }

.titleBarTop .titleBar { top: 0; bottom: initial; transform: translateY(-100%); }

.slider > div span { display: block; background: #fe9901; position: absolute; bottom: 60px; color: #fff; text-align: left; padding: 20px; width: 50%;min-height: auto; }
.slider > div span:hover { opacity:inherit; }

 @keyframes boing {
 0% {
 transform: scale(1.2);
}
 40% {
 transform: scale(.6);
}
 60% {
 transform: scale(1.2);
}
 80% {
 transform: scale(.8);
}
 100% {
 transform: scale(1);
}
}

.row2Wrap { display: flex; }

.content { /*padding: 50px; margin-bottom: 100px;*/ }

html { height: 100%; box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

h1, h2, h3 { font-family: 'Crimson Text', sans-serif; font-weight: 100; }

.content { /*padding: 10px 15vw;*/ }
.whitetxt { color: #fff !important; }
/*** Promotional Portlet Slider CSS END ***/

/*----------------------------------------------------------------------------------------------------
FASTSELECT General styling
----------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fstAnimationEnter {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -1em, 0);
}
 to {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
}
}
 @-moz-keyframes fstAnimationEnter {
 from {
 opacity: 0;
 -moz-transform: translate3d(0, -1em, 0);
}
 to {
 opacity: 1;
 -moz-transform: translate3d(0, 0, 0);
}
}
 @keyframes fstAnimationEnter {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -1em, 0);
 -moz-transform: translate3d(0, -1em, 0);
 -ms-transform: translate3d(0, -1em, 0);
 -o-transform: translate3d(0, -1em, 0);
 transform: translate3d(0, -1em, 0);
}
 to {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}

.fstElement { display: inline-block; position: relative; border: 1px solid #D7D7D7; box-sizing: border-box; color: #232323; font-size: 1.1em; background-color: #fff; }

.fstElement > select, .fstElement > input { position: absolute; left: -999em; }

.fstToggleBtn { font-size: 1.4em; display: block; position: relative; box-sizing: border-box; padding: 0.71429em 1.42857em 0.71429em 0.71429em; min-width: 14.28571em; cursor: pointer; }

.fstToggleBtn:after { position: absolute; content: ""; right: 0.71429em; top: 50%; margin-top: -0.17857em; border: 0.35714em solid transparent; border-top-color: #cacaca; }

.fstQueryInput { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; box-sizing: border-box; background: transparent; border: 0; }

.fstResults { position: absolute; left: -1px; top: 100%; right: -1px; max-height: 30em; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 1px solid #D7D7D7; border-top: 0; background-color: #FFF; display: none; }

.fstResultItem { font-size: 1.4em; display: block; padding: 0.5em 0.71429em; margin: 0; cursor: pointer; border-top: 1px solid #fff; }

.fstResultItem.fstUserOption { color: #707070; }

.fstResultItem.fstFocused { color: #444444; background-color: #e6e6e6; border-color: #cccccc; }

.fstResultItem.fstSelected { color: #444444; background-color: #e6e6e6; border-color: #cccccc; }

.fstGroupTitle { font-size: 1.4em; display: block; padding: 0.5em 0.71429em; margin: 0; font-weight: bold; }

.fstGroup { padding-top: 1em; }

.fstGroup:first-child { padding-top: 0; }

.fstNoResults { font-size: 1.4em; display: block; padding: 0.71429em 0.71429em; margin: 0; color: #999; }

/*----------------------------------------------------------------------------------------------------
Single Mode
----------------------------------------------------------------------------------------------------*/
.fstSingleMode .fstControls { position: absolute; left: -1px; right: -1px; top: 100%; padding: 0.5em; border: 1px solid #D7D7D7; background-color: #fff; display: none; }

.fstSingleMode .fstQueryInput { font-size: 1.4em; display: block; width: 100%; padding: 0.5em 0.35714em; color: #999; border: 1px solid #D7D7D7; }

.fstSingleMode.fstActive { z-index: 100; }

.fstSingleMode.fstActive.fstElement, .fstSingleMode.fstActive .fstControls, .fstSingleMode.fstActive .fstResults { box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }

.fstSingleMode.fstActive .fstControls { display: block; }

.fstSingleMode.fstActive .fstResults { display: block; z-index: 10; margin-top: -1px; }

/*----------------------------------------------------------------------------------------------------
Multiple mode
----------------------------------------------------------------------------------------------------*/
.fstChoiceItem { display: inline-block; font-size: 1.2em; position: relative; margin: 0 0.41667em 0.41667em 0; padding: 0.33333em 1.5em 0.33333em 0.33333em; float: left; border-radius: 0.25em; border: 1px solid #cccccc; cursor: auto; color: #444444; background-color: #e6e6e6; -webkit-animation: fstAnimationEnter 0.2s; -moz-animation: fstAnimationEnter 0.2s; animation: fstAnimationEnter 0.2s; }

.fstChoiceItem.mod1 { background-color: #F9F9F9; border: 1px solid #D7D7D7; color: #232323; }

.fstChoiceItem.mod1 > .fstChoiceRemove { color: #a4a4a4; }

.fstChoiceRemove { margin: 0; padding: 0; border: 0; cursor: pointer; background: none; font-size: 1.16667em; position: absolute; right: 0; top: 50%; width: 1.28571em; line-height: 1.28571em; margin-top: -0.64286em; text-align: center; color: #8c9a9d; }
 .fstChoiceRemove::-moz-focus-inner {
 padding: 0;
 border: 0;
}

.fstMultipleMode .fstControls { box-sizing: border-box; padding: 0.5em 0.5em 0em 0.5em; overflow: hidden; width: 20em; cursor: text; }

.fstMultipleMode .fstQueryInput { font-size: 1.4em; float: left; padding: 0.28571em 0; margin: 0 0 0.35714em 0; width: 2em; color: #999; }

.fstMultipleMode .fstQueryInputExpanded { float: none; width: 100%; padding: 0px; }

.fstMultipleMode .fstFakeInput { font-size: 1.4em; }

.fstMultipleMode.fstActive, .fstMultipleMode.fstActive .fstResults { box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }

.fstMultipleMode.fstActive .fstResults { display: block; z-index: 10; border-top: 1px solid #D7D7D7; }

/*** Added by Hitesh T 28/08/2018 ***/
.fstElement { font-size: 0.9em; width: 100%; }
/*** Added by Hitesh T 28/08/2018 ***/
.fstElement { font-size: 0.9em; }

.fstToggleBtn { min-width: 16.5em; }

.submitBtn { display: none; }

.fstMultipleMode { display: block; }

.fstMultipleMode .fstControls { width: 100%; }

/*----------------------------------------------------------------------------------------------------
FASTSELECT General styling
----------------------------------------------------------------------------------------------------*/

.rating_inline { display: inline-block !important; } /******* Added by Hitesh Tapaniya (16/2/2017) ********************/

.portlet_scroll { max-height: 180px; overflow-y: auto; }

/**************************************************************************************************************************** IPAD SCREEN ***********/

@media screen and (-webkit-min-device-pixel-ratio: 0) {

#frame { zoom: 1; border: 0px; }
}

@media (max-width: 1024px), (max-device-width: 1024px) {
	
.filter_box .grid_4 { width: 100%; margin: 0px; margin-top: 10px; }	

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.slideout-menu { margin-left: -45%; width: 90%; }

.slideout-admin-menu { top: 2px; }

.admin_btn { top: 2px; }

.portlet_header { font-size: 1em; }

.mini_preview { height: 1340px; }

#frame { height: 6106px; width: 1190px; border: 0px; }

.frminput_normal { width: 180px; width: 70% !important; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }

#usergreybar2, #style5_loginbanner2, #style5_footer2, #adminbar2 { width: 100%; }
}

@media screen and (max-width: 860px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }

.flex-direction-nav .flex-next { opacity: 1; right: 10px; }

.mini_preview { height: 1364px; }

#frame { height: 6106px; width: 897px; border: 0px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }

#usergreybar2, #style5_loginbanner2, #style5_footer2, #adminbar2 { width: 100%; }
}

@media (max-width: 768px), (max-device-width: 768px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.admin_menu { margin-left: 0; margin-right: 0; }

.menu_new_style05 {
 margin-left: 0;
 margin-right: 0;
}
ul#menu_new_style05 {
 float: none;
 display: none;
}
ul#menu_new_style05 li {
 float: none;
 position: static;
 border-top: solid 1px #585858;
}
ul#menu_new_style05 ul li {
 position: static;
}
ul#menu_new_style05 li > div {
 position: static;
 border: 0px;
 width: 100%;
 background: #888888;
}
li.menu_new_style05last div ul li div {
 position: static;
}
ul#menu_new_style05 li div ul li div {
 position: static;
 border-top: none !important;
}
ul#menu_new_style05 li div ul li div li {
 padding-left: 10px;
}
ul#menu_new_style05 li:hover li > div {
 background: #F5F5F5;
}
li.menu_new_style05last div {
 text-align: left;
}
ul#menu_new_style05 ul li a.parent {
 background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_down.png);
}
li.menu_new_style05last a.parent {
 background-image: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_down.png) !important;
 background-position: center right !important;
 background-repeat: no-repeat;
}
li.menu_new_style05last div ul li div {
 position: static;
}


.topbar { width: auto; margin-left: 0; margin-right: 0; }

ul#admin_menu { float: none; display: none; }

ul#admin_menu li { float: none; position: static; border-top: solid 1px #ffd2b0; }

ul#admin_menu ul li { position: static; }

ul#admin_menu li > div { position: static; border: 0px; width: 100%; background: #ffffff; }

li.admin_menulast div ul li div { position: static; }

ul#admin_menu li div ul li div { position: static; border-top: none !important; }

ul#admin_menu li div ul li div li { padding-left: 10px; }

ul#admin_menu li:hover li > div { background: #F5F5F5; }

li.admin_menulast div { text-align: left; }

ul#admin_menu ul li a.parent { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_down.png'); }

li.admin_menulast a.parent { background-image: url('https://jlmscloudstorelocal.blob.core.windows.net/theme0/arrow_down.png') !important; background-position: center right !important; background-repeat: no-repeat; }

li.admin_menulast div ul li div { position: static; }

.visible-ipad { display: block !important; }

.social_portlet { min-height: 406px; }

.tab_disp_none { display: none; }

.datagrid_info_content2 { font-size: 0.9em; }

.prim_title { font-size: 1.5em; }

.admin_btn { top: 2px; }

.adm_dash_activity { min-height: 130px; }

.width90 { width: 87%; }

.share_bar { left: auto; right: -34px; }

#tab_panel .ui-widget-content a { font-size: 0.75em; }

.form-wizard .ajax__tab_tab { width: 93%; }

.datagrid_info_content2 { width: 208px; }

.add_group_user_box { width: 236px; right: -10px; }

.condition_box { height: 200px; padding: 5px; margin-bottom: 5px; overflow-x: hidden; overflow-y: scroll; }

.mini_preview { height: 1364px; }

#frame { height: 6106px; width: 820px; border: 0px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }

#usergreybar2, #style5_loginbanner2, #style5_footer2, #adminbar2 { width: 100%; }
}

@media (min-width: 641px) and (max-width: 768px), (min-device-width: 641px) and (max-device-width: 768px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.wrapper { max-width: 100%; margin: 0px; }

.signin_wrapper { min-height: 0px; }

.signin_inner_wrapper { width: 98%; margin-top: 10px; margin-bottom: 10px; }

.signin_inner_left_wrapper { width: 50%; }

.signin_inner_right_wrapper { float: right; width: 50%; }

.search_box { margin-top: 5px; float: right; background: #FFFFFF; z-index: 999; position: absolute; right: 40px; width: 184px; display: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.search_btn { float: right; margin-top: 5px; margin-left: 10px; margin-right: 10px; position: relative; padding-bottom: 0px; display: block; }

.inputtext { width: 74.5%; }

.inputbtn { border: none; outline: none; width: 32px; cursor: pointer; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/search_btn.png) no-repeat right; height: 32px; float: right; }

.topbarright { margin-top: 0px; float: right; }

.signin_box { width: 90%; }

.inputtext_signin { width: 89%; }

.course_img_big { width: 108px; height: 108px; }

.hidden-ipad { display: none; }

.inputddl_signin { width: 99%; }

#tab_panel .ui-widget-content a { font-size: 0.7em; margin-left: 5px; margin-right: 5px; }

.menu_home, .menu_nav li { width: 10%; }

.menu_home a img, .menu_nav li a img { width: 100%; }

.PopupTitle { font-size: 16px !important; }

.thumbnail { width: 46px; }

.mini_preview { height: 1364px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }

#usergreybar2, #style5_loginbanner2, #style5_footer2, #adminbar2 { width: 100%; }
}

/**************************************************************************************************************************** TABLET SCREEN ***********/

@media (max-width: 640px), (max-device-width: 640px) {
.login_box { margin-bottom: 10px !important; }
	
	.login_box  .grid_4 { width: 100% !important; }
	
	.login_box  .grid_6 { width: 100% !important; }
	
	.login_box .mob_space { float: left !important; margin-left: 10px; width: 95% !important; }
#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

body { margin-left: 2px; margin-right: 2px; }

.wrapper { width: auto; padding-top: 0px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_20, .grid_80 { width: 100%; margin: 0px; margin-top: 10px; }

.width30 { width: 28% !important; }

.width70 { width: 70% !important; }

/* Added by Ashvini Khatri on 9-Jun-2015 To get leader board image Start */

.mob_width30 { width: 10% !important; margin-left: 1% !important; margin-right: 1% !important; }

.mob_width70 { width: 86% !important; margin-left: 1% !important; margin-right: 1% !important; }

.mob_width15 { width: 15% !important; margin-left: 1% !important; margin-right: 1% !important; }

.mob_width85 { width: 81% !important; margin-left: 1% !important; margin-right: 1% !important; }

.signin_wrapper { border: none; background: none; min-height: 0px; }

.signin_inner_wrapper { width: auto; margin-top: 10px; }

.signin_inner_left_wrapper { /*background:none;*/ width: 40%; /*display:none;*/ ; }

.signin_inner_right_wrapper { width: 60%; min-height: 255px; }

.topbar { margin-top: 0px; }

.topbarleft { width: 100%; }

.search_box { margin-top: 5px; margin-right: 0px; background: #FFF; z-index: 999999; position: absolute; right: 48px; width: 100%; max-width: 250px; display: none; border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.search_btn { float: right; margin-top: 5px; margin-left: 10px; margin-right: 10px; position: relative; padding-bottom: 0px; display: block; }

.inputtext { width: 80%; }

.inputbtn { border: none; outline: none; width: 32px; cursor: pointer; background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/search_btn.png) no-repeat right; height: 32px; float: right; }

.topbarright { margin-top: -1px; min-width: inherit; float: left; }

.menu_home { }

.menu_nav li a { }

.cont_prim { width: 100%; float: left; margin-top: 10px; }

.cont_prim_info { width: 100%; float: left; margin-top: 10px; margin-left: 0px; }

.cont_prim_info table { width: 100%; }

.course_cont { float: left; /*width:auto;*/ ; }

.course_img { margin-bottom: 10px; }

.sub_menu { background-color: #a7c329; height: 55px; font-size: 12px; }

ul#user_menu li { padding-left: 5px; padding-right: 5px; }

.datagrid a { word-break: break-all; }

.inputtext3 { width: 98%; }

.course_img_big { width: 150px; height: 150px; }

.training_events_accordian { width: auto; }

.events_acc_header_active { width: auto; }

.events_acc_header_inactive { width: auto; }

.signin_box { width: 95%; margin-top: 20px; }

.inputtext_signin { width: 88%; }

.cont_sec_bg { padding-top: 15px; padding-bottom: 10px; border-radius: 3px; }

.slider { padding-top: 8px; }

.portlet { /*width:100%;*/ min-height: inherit; }

.mob_portlet { min-height: 266px!important; }

.footer { margin-top: 0px; }

.hidden-tablet { display: none; }

.hidden_tablet { display: none; }

.breadcrumbwrapper { margin-left: 0px; margin-right: 0px; }

.desc_box { margin-top: -20px; }

.visible-tablet { display: block; }

.clear_tablet { clear: both; }

.fwidth { width: 92%; }

.sort-by { padding: 5px; }

.sort-by select { width: 64px; }

.textareastyle { width: 94%; }

.review_top_details li { margin-bottom: 5px; }

#btn_write_review { margin-top: 10px; margin-left: 0px; }

.write_review_wrapper { width: 100%; min-height: 200px; margin-top: 0px; }

.inputddl_signin { width: 98%; }

.social_portlet { min-height: inherit; }

.popup_wrapper_header h1 { font-size: 1.1em; }

.divider_hor { background: none; }

.image-wrapper img { width: auto; height: auto; }

.mob_padb_20 { padding-bottom: 20px; }

.adm_dash_devider { background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/devider.jpg) repeat-x left bottom; padding-bottom: 10px; }

.adm_dash_activity { min-height: inherit; }

.popup_scroll { max-height: 80%; }

.form-wizard li a .form-wizard-header { font-size: 16px !important; }

.form-wizard li a.active .form-wizard-header { font-size: 16px !important; }

.form-wizard li a:hover.form-wizard-header { font-size: 16px !important; }

.form-wizard1 li a { min-height: 52px; }

.form-wizard1 li a .form-wizard-header { font-size: 16px !important; }

.form-wizard1 li a.active .form-wizard-header { font-size: 16px !important; }

.form-wizard1 li a:hover.form-wizard-header { font-size: 16px !important; }

.form-wizard1 li a span { font-size: 12px; }

.form-wizard1 li a:hover span { font-size: 12px; }

.form-wizard1 li a.active span { font-size: 12px; }

.badge_info:hover .badge_info_content, .badge_info:hover .badge_info_content_last, .badge_info:hover .badge_info_content_left { left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.reaction_content { width: 200px; right: 0; -webkit-transform: translate(-78%, 0%); -moz-transform: translate(-78%, 0%); -ms-transform: translate(-78%, 0%); -o-transform: translate(-78%, 0%); transform: translate(-78%, 0%); }

.portlet_header { font-size: 1.167em; }

.datagrid_info { position: static; }

.datagrid_info:hover .datagrid_info_content2, .datagrid_info:hover .datagrid_info_content { left: 50%; top: auto; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 400px; }

.form-wizard .ajax__tab_tab { width: 92%; }

.divider_hor_center { background: none; }

.PopupTitle { font-size: 16px !important; }

.mini_preview { height: 3180px; }

#frame { height: 7710px; width: 1142px; border: 0px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }

#usergreybar2, #style5_loginbanner2, #style5_footer2, #adminbar2 { width: 100%; }
}

/**************************************************************************************************************************** IPHONE SCREEN ***********/

@media (max-width: 480px), (max-device-width: 480px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

body { margin-left: 2px; margin-right: 2px; }

/*.content_area { padding: 5px 10px 5px 10px; }*/

h1 { font-size: 1.1em; line-height: 22px; }

.signin_inner_wrapper { margin-top: 0px; }

.signin_inner_left_wrapper { display: none; }

.signin_inner_right_wrapper { width: 100%; min-height: 255px; }

.wrapper { padding-top: 0px; }

.portlet { min-height: inherit; }

ul.left_nav li a { width: auto; }

.desc_box { margin-top: 10px; }

/*.action_wrapper {
        height: inherit;
    }

    .action_wrapper li img {
        padding-top: 5px;
        padding-bottom: 5px;
    }*/

.action_wrapper { }

.action_wrapper li input { padding-top: 5px; padding-bottom: 5px; }

.hidden-phone { display: none; }

.visible-phone { display: block; }

.cont_sec_bg { padding-top: 15px; padding-bottom: 20px; border-radius: 3px; }

.topbar { width: auto; }

.popup_wrapper_content .frminput_mid { width: 95%; }

.mob_marb_10 { margin-bottom: 10px; }

.comment_thumb img { max-width: 90%; }

.phone_full_grid { width: 100%; }

.prim_title { font-size: 1.25em; padding-top: 5px; padding-bottom: 5px; }

.mob_width30 { width: 10% !important; }

.mob_width70 { width: 86% !important; }

.hidden_mob { display: none; }

.filter_menu { font-size: 0.9em; }

.datagrid_info:hover .datagrid_info_content2, .datagrid_info:hover .datagrid_info_content { width: 300px; }

.badge_info:hover .badge_info_content, .badge_info:hover .badge_info_content_last, .badge_info:hover .badge_info_content_left { width: 205px; }

.sort-by select { width: 50px; }

.badge_info { position: inherit; }

.datagrid td { table-layout: fixed; }

#tab_panel .ui-widget-content a { font-size: 1em; }

.upload_content li { width: 50%; }

.datagrid_info { position: inherit; }

.form-wizard .ajax__tab_tab { width: 89.2%; }

.player_icon { top: 34%; left: 34%; }

.PopupTitle { font-size: 14px !important; line-height: 18px !important; }

.thumbnail { width: 26px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

@media (max-width: 320px), (max-device-width: 320px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.topbar { padding-right: 1%; padding-left: 1%; }

.topbarright { font-size: 0.8em; }

.search_box { right: 48px; width: 80%; }

.popup_grid4 { display: block; float: none; margin-left: 1%; margin-right: 1%; width: 100%; margin-bottom: 5px; margin-top: 5px; }
.popup_grid3 { display: block; float: none; margin-left: 1%; margin-right: 1%; width: 100%; margin-bottom: 5px; margin-top: 5px; }
.filter_menu { font-size: 0.75em; }

.form-wizard li a { min-height: 56px; }

.form-wizard1 li a { min-height: 66px; }

.form-wizard .ajax__tab_tab { width: 82.5%; min-height: 56px; }

.mini_preview { height: 3030px; }

#frame { height: 6412px; width: 582px; border: 0px; }

.thumbnail { width: 26px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

@media screen and (max-device-width: 420px) and (min-device-width: 320px) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.user_info_content { left: -28px; }

.user_info_content_last { left: -28px; }

.prim_title { font-size: 1.25em; }

/* Added by Ashvini Khatri on 2-May-2016 Below classes use to make login page same as V5 Start--------*/
.browser_check { background: none; }

/* End*/
/* Sprint 98*/
.txt_error {
    color: #e41006;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 5px;
}
.txt_big_link {
    font-size: 12px;
    color: #0974ac;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}
.mini_preview { height: 2700px; }

#frame { height: 6412px; width: 696px; border: 0px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.mini_preview { height: 2766px; }

#frame { height: 6718px; width: 769px; border: 0px; }

.thumbnail { width: 38px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (width: 375px) and (height: 559px) and (orientation: portrait) and (color: 8) and (device-aspect-ratio: 375/667) and (aspect-ratio: 375/559) and (device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.mini_preview { height: 3206px; }

#frame { height: 6718px; width: 694px; border: 0px; }

.thumbnail { width: 34px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/

.mini_preview { height: 2616px; }

#frame { height: 6718px; width: 586px; border: 0px; }

.thumbnail { width: 8px; }

.helpresponsive {max-width: 100%;}

span#helpubar, span#helpnav, span#helpnavact, span#helpvertinav, span#helpprimcolor, span#helpportlethed, span#helpfooter  { max-width: 70%; }
}

/* 89.0.0   R.V.S    For Responsive tab */
@media (max-width: 640px), (max-device-width: 640px){
.tabstyle .etabs .tab { width: 99.5% !important; }
#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media (max-width: 1024px), (max-device-width: 1024px){
.tabstyle .etabs .tab {
    width: 32.8%;
}
#cboxTitle { font-size: 12px !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

/* Start - Sprint 91 */

/*Start - Added By S.P.M. - 19-Nov-2019 - Embedded Video Popup*/
/*** width 375 and width 420 ***/
@media only screen and (max-device-width:420px) and (min-device-width:320px) {
.video_frame { width: 100%; height: 32vh !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

/*** width 375 and width 420 ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
.video_frame { width: 100% !important; height: 90vh !important; margin-top: 20px !important; }
.phone_land { display: none; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 412px) and (max-device-width : 722px) and (orientation : landscape) {
.video_frame { width: 100% !important; height: 90vh !important; margin-top: 20px !important; }
.phone_land { display: none !important; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 360px) and (max-device-width : 740px) and (orientation : landscape) {
.video_frame { width: 100% !important; height: 90vh !important; margin-top: 20px !important; }
.phone_land { display: none; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media (max-width: 1024px), (max-device-width: 600px) {
.video_frame { width: 100%; height: 80vh; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media (max-width: 1200px), (max-device-width: 600px) {
.video_frame { width: 100%; height: 80vh; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media (max-width: 1400px), (max-device-width: 600px) {
.video_frame { width: 100%; height: 80vh; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
.video_frame { width: 100%; height: 32vh; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
.video_frame { width: 100%; height: 90vh; margin-top: 20px; }
/*.phone_land { display: none; }*/
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.video_frame { width: 100%; height: 54vh; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.video_frame { width: 100% !important; height: 90vh !important; margin-top: 20px !important; }
.phone_land { display: none; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

/*** Start iPad Pro 12 ***/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
.video_frame { width: 100% !important; height: 75vh !important; margin-top: 20px !important; }
.phone_land { display: block; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {
.video_frame { width: 100% !important; height: 75vh !important; margin-top: 20px !important; }
.phone_land { display: block; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}
/*** End iPad Pro 12 ***/

/*** Start IPad mini 4 ***/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
.video_frame { width: 100% !important; height: 60vh !important; margin-top: 20px !important; }
.phone_land { display: block; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {
.video_frame { width: 100% !important; height: 75vh !important; margin-top: 20px !important; }
.phone_land { display: block; }
/*Start - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
#colorbox { outline:0 !important; }
/*End - Added By S.P.M.	03-Dec-2019	Border in popup(Embedded video)*/
}
/*** End IPad mini 4 ***/

/*End - Added By S.P.M. - 19-Nov-2019 - Embedded Video Popup*/

/* End - Sprint 91 */

/*89.0.0	16-Aug-2019		D.S.S	 for localsynch*/
.port_box { border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; min-height: 260px !important; border: 1px solid #CCC; padding: 10px 10px 10px 10px !important; }

/* Start: Sprint 110 Template5 New UI CSS 07Jun2021 */
.txtblue_style5 {
 color: #3f7cca;
}

.content-cloud-banner-updated {
 background: url(https://jlmscloudstorelocal.blob.core.windows.net/theme0/loginpage_banner.jpg) no-repeat top center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 min-height: 430px;
}
.content-cloud-banner-updated h2 {
 font-size: 34px;
 line-height: 2.2em;
 margin-bottom: 10px;
}
.content-cloud-banner-updated h3 {
 font-size: 26px;
 color: #3c3c3c;
 font-weight: normal;
 line-height: 1.1em;
}
.main_txt_title {
 margin-bottom: 1.25rem;
 font-size: 3rem;
 text-transform: none !important;
 color: #fff !important;
}
.sub_txt_title {
 font-size: 1.625rem!important;
 line-height: 33px;
 letter-spacing: -.65px;
 color: #fff !important;
 text-transform: none !important;
}
.main_txt_section {
 margin-top: 7em;
}
.mx-auto {
 margin-left: auto;
 margin-right: auto;
 max-width: 35%;
 height: auto;
 align-self: stretch;
 width: 100%;
}
.mart_40 {
 margin-top: 40px;
}
.footer {
 border-radius: 0px !important;
}
.login_box .mob_space {
 width: 100% !important;
}
.align_middle {
 justify-content: center;
 align-items: center;
 display: flex;
}
.section_login_banner {
 background: #333333;
}
.topbar_style5 {
 background: #fff !important;
 min-height: 80px !important;
 border-radius: 5px;
}
.section_vendor_port {
 background: #fff;
}
.marb_40 {
 margin-bottom: 40px;
}
.user_detail_bar_style5 {
 max-height: 30px !important;
}
.mart_30 {
 margin-top: 30px;
}
.marb_30 {
 margin-bottom: 30px;
}
.mart_25 {
 margin-top: 25px;
}
.txt_title_head {
 margin-left: 3.8em;
}
.img_main_vendor {
 display: flex;
 align-items: center;
 justify-content: center;
 align-content: center;
 flex-wrap: wrap;
}
.img_sec_vendor {
 text-align: center;
}
.bg_grey_section {
 background-color: #f7fafc !important;
}
.w-full {
 width: 100%;
}
.relative {
 position: relative;
}
.h-full {
 height: 100%;
}
.flex {
 display: flex;
}
.text-gray-400 {
 color: #cbd5e0;
}
.text-center {
 text-align: center;
}
.pl-5 {
 padding-left: 1.25rem;
}
.py-3 {
 padding-top: .75rem;
 padding-bottom: .75rem;
}
.border-r-0 {
 border-right-width: 0;
}
.border {
 border-width: 1px;
}
.rounded-l-full {
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
}
.border-primary-blue {
 border-color: #25517b;
 border: 1px solid #25517b;
}
.pr-4 {
 padding-right: 1rem;
}
.pl-2 {
 padding-left: .5rem;
}
.py-2 {
 padding-top: .5rem;
 padding-bottom: .5rem;
}
.flex {
 display: flex;
}
.border-l-0 {
 border-left-width: 0;
}
.border-r-0 {
 border-right-width: 0;
}
.border {
 border-width: 1px;
}
.border-primary-blue {
 border-color: #25517b;
}
.text-white {
 color: #fff;
}
.justify-center {
 justify-content: center;
}
.items-center {
 align-items: center;
}
.flex {
 display: flex;
}
.border {
 border-width: 1px;
}
.rounded {
 border-radius: .25rem;
}
.py-3 {
 padding-top: .75rem;
 padding-bottom: .75rem;
}
.py-2 {
 padding-top: .5rem;
 padding-bottom: .5rem;
}
.rounded-r-full {
 border-top-right-radius: 9999px;
 border-bottom-right-radius: 9999px;
}
.bg-primary-blue {
 background-color: #25517b;
 cursor: pointer;
 font-family: Montserrat, sans-serif;
}
.full\:w-3\/12 {
 width: 25%;
}
.full\:text-lg {
 font-size: 1.125rem;
}
.hover\:bg-primary-blue-light:hover {
 background-color: #3396bc;
}

.border-r-0 {
 border-right-width: 0;
}
.text-xl {
 font-size: 1.25rem;
}
.border-l-0 {
 border-left-width: 0;
}
.border-r-0 {
 border-right-width: 0;
}
.focus\:outline-none:focus {
 outline: 2px solid transparent;
 outline-offset: 2px;
}
.mr-3 {
 margin-right: .75rem;
}
.ant-badge {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 color: rgba(0,0,0,.85);
 font-size: 14px;
 font-variant: tabular-nums;
 line-height: 1.5715;
 list-style: none;
 -webkit-font-feature-settings: "tnum";
 font-feature-settings: "tnum";
 position: relative;
 display: inline-block;
 color: unset;
 line-height: 1;
}
.anticon[tabindex] {
 cursor: pointer;
}
.anticon {
 vertical-align: 0;
}
.mr-2 {
 margin-right: .5rem;
}
.text-3xl {
 font-size: 1.875rem;
}
.anticon {
 display: inline-block;
 color: inherit;
 font-style: normal;
 line-height: 0;
 text-align: center;
 text-transform: none;
 vertical-align: -.125em;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
 display: inline-block;
}
svg:not(:root) {
 overflow: hidden;
}
.anticon svg {
 display: inline-block;
}
.anticon>* {
 line-height: 1;
}
.anticon > * {
 line-height: 1;
}
.hover\:text-primary-blue-light:hover {
 color: #3396bc;
}
.justify-end {
 justify-content: center;
}

.txt_26 {
 font-size: 26px;
}

.sec_darkblack_bar {
 background-color: #333333;
}

::title {
font-family: Montserrat, sans-serif;
}
.width15 {
 width: 15% !important;
}


/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */



/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Galaxy S3 ----------- */
/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Galaxy S6 ----------- */
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- HTC One ----------- */

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Google Pixel ----------- */
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Google Pixel XL ----------- */
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Nexus 4 ----------- */
/* Portrait */
@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Nexus 5 ----------- */
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
}

/* ----------- Nexus 6 and 6P ----------- */
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- Windows Phone ----------- */
/* Portrait */
@media screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* Landscape */
@media screen and (device-width: 480px) and (device-height: 800px) and (orientation: landscape) {
.img_sec_vendor {
 width: 30%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) {
.img_sec_vendor {
 width: 46%;
}
    /*Updates done for CourseCards - Start */
    .block {
        display: block !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-tablet {
        display: none !important;
    }
    /*Updates done for CourseCards - End */

    /*Added class for CourseCards - Start */
    .flickity-prev-next-button {
        display: none;
    }
    /*Added class for CourseCards - End */
}

/* End: Sprint 110 Template5 New UI CSS 07Jun2021 */