/* ======================================================
// RESET
====================================================== */
:root {
  --juno-blue: #095899;
  --juno-light-blue: #F6F6F6;/* #d5dde4;*/
  --juno-light-blue-10: #3a79ad;
  --juno-green: #0fb6a4;
  --juno-light-green: #0fc998; /* #8cbc04 */
  --juno-light-gray: #EAEAEA;
  
  --juno-font-size-regular: 13px;
  --juno-font-size-heading: 15px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
:not(.ignoreGEMSStyling)>ol,:not(.ignoreGEMSStyling)>ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	font-size: var(--juno-font-size-regular) !important;
}
/* ======================================================
// CLEARFIX
====================================================== */

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}

/* ======================================================
// GLOBAL
====================================================== */

body {
    font-family: 'Tahoma', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
	font-size: var(--juno-font-size-regular);
	font-weight: normal;
	color: #222;
	/* background-color: #e8e8e8; */
	
	line-height: 18px; 
}

h1, h2, h3, h4, h5, h6, .font-source {
	font-family: 'Source Sans Pro', 'Tahoma', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
	font-size: var(--juno-font-size-heading) !important;
}


.font-regular { font-family: 'Tahoma', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif !important; font-size: var(--juno-font-size-regular);}
.font-heading { font-family: 'Tahoma', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif !important; font-size: var(--juno-font-size-heading);}
.font-blue { color: var(--juno-blue) !important; }
.font-green-1 { color: var(--juno-green) !important; }
.font-green-2 { color: #6DAB3C !important; }

a { color: #2A80B9; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }

u { text-decoration: underline; }
strong, b { font-weight: bold; }
em { font-style: italic; }
small { font-size: var(--juno-font-size-regular); }

.gapped { margin-bottom: 10px; }
.gapped:last-child { margin-bottom: 0 !important; }

.bor-rad-3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.box-shad-5-DDD {
	box-shadow: 0px 0px 5px #DDD;
	-moz-box-shadow: 0px 0px 5px #DDD;
	-webkit-box-shadow: 0px 0px 5px #DDD;
}

/* input[type="text"], input[type="password"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
} */

/* ======================================================
// LOGIN
====================================================== */

p.login-powered {
	position: fixed; 
	bottom: 10px; 
	right: 10px; 
}
p.login-powered a { color: #C0C0C0; }
p.login-powered a:hover { color: #303030; }

p.login-Pages {
	position: fixed; 
	bottom: 10px; 
	left: 10px; 
}
p.login-Pages a { color: #000; }
p.login-Pages a:hover { color: #303030; }

.login-title-wrap {
	margin: 0 auto; 
	width: 100%; 
	margin-bottom: 30px; 
	margin-top: 25px;
	text-align: center;
}

.login-title-wrap img {
	/* width: 15%; */ 
	margin-bottom: 10px;
}
.login-title-wrap h1 {
	font-size: 20px; 
	font-weight: 600;
}

.login-box-wrap {
	margin: 0 auto; 
	width: 400px;
}

.login-box-wrap .border {
	padding: 10px 0;
	background-color: #FFF;
	border: 1px solid #C5C5C5; 
}

.login-box-wrap .login-box {
	margin: 0 auto; 
	width: 380px; 
	background-color: #F3F3F3;
}

.login-box-wrap .login-box table {
	margin: 0 auto; 
	width: 80%; 
	margin-bottom: 35px; 
	margin-top: 35px;
}

.login-box-wrap .login-box table td { text-align: left; }

.login-txt {
	margin: 0;
	background-color: yellow; 
	width: 100%; 
	padding: 10px !important; 
	border: 1px solid #CCC;
	height: auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.login-txt:focus { border-color: #555; }

.login-btn {
	background-color: #4D9ECF; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D9ECF), to(#2A80B9));
    background-image: -moz-linear-gradient(#4D9ECF, #2A80B9);
    background-image: -o-linear-gradient(#4D9ECF, #2A80B9);
    background-image: linear-gradient(#4D9ECF, #2A80B9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#4D9ECF", EndColorStr="#2A80B9");
	color: #FFF; 
	width: 100%; 
	padding: 10px; 
	border: 1px solid #2B7DAF; 
	border-radius: 3px;
}

.login-box-wrap .login-box .take-exam {
	background-color: #EEE; 
	padding: 20px; 
	border-top: 1px solid #E0E0E0;
	text-align: center;
}
.login-box-wrap .login-box .take-exam a { color: #AF0000; }

.login-pwd-txt{
    color:#777;
    font-weight: bold;
}

/* ======================================================
// HEADER
====================================================== */

#header-wrap {
	width: 100%;
	height: 50px;
	color: #FFF;
	border-bottom: 1px solid;
	
	background-color: var(--juno-blue);
	/* background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0); */
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0055cc', GradientType=0 );
	border-color: #0063B0 #0063B0 #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
}

#header {
	margin: 0 auto;
	width: 1000px;
	height: 50px;
}

#header-logo {
	float: left;
	/* width: 100px; */
	height: 50px;
	/* background-color: #136D9F; */
	/*background-color: #2A80B9; */
	text-align: center;
}

#header-menu {
	float: left; 
	padding-left: 10px;
}

#header-shortcut {
	float: left; 
	/* padding-left: 10px; */
}

#header-search {
	float: left; 
	padding-left: 10px;
}

#header-search div, #header-search input {
	background-color: var(--juno-light-blue-10) !important;
	color: #fff !important;
}
#header-search div {
	margin-top: 13px !important;
}

#header-translate {
	/* float: left; */ 
	padding-left: 10px;
}

#header-welcome {
	float: right;
	padding-left: 10px; 
	text-align: right;
}

#header-name-role {
	float: right;
	padding-left: 10px; 
	text-align: right;
}

#header-name-role a{
	font-size: var(--juno-font-size-heading);
}

#header-picture {
	float: right;
	padding-left: 20px; 
	text-align: right;
}

#header-logo h2 {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 600;
}

#header-menu > .btn-group {
	margin-top: 10px;
}
#header-menu > .btn-group > .btn-notify {
	margin: 0;
	font-weight: normal; 
	color: #FFF; 
	background: var(--juno-blue); 
	border-color: #395daa; 
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#header-menu > .btn-group > .btn-notify > span.number {
	display: inline-block;
	position: absolute;
	top: -5px;
	right: 0;
	padding: 0 2px; 
	font-size: 9px; 
	background-color: #DF0000;
	z-index: 9999;
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
	box-shadow: 0px 0px 3px #555; -moz-box-shadow: 0px 0px 3px #555; -webkit-box-shadow: 0px 0px 3px #555;
}
#header-menu > .btn-group > .btn-notify > span.text { display: none; font-size: var(--juno-font-size-regular); }

#header-shortcut > .btn-group { margin-top: 11px; }
#header-shortcut > .btn-group > .btn {
	margin: 0;
	font-weight: normal; 
	color: #FFF;
	background: var(--juno-blue); 
	border-color: #395daa;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#header-shortcut > .btn-group > ul.dropdown-menu {
	font-size: var(--juno-font-size-regular);
	color: #FFF;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

#header-search > div > input { margin-top: 8px; min-width: 200px;}
#header-translate > div { margin-top: 11px;}

#header-welcome > .btn-group { margin-top: 11px; }
#header-welcome > .btn-group > .btn {
	margin: 0;
	font-weight: normal; 
	color: #FFF;
	background: var(--juno-blue); 
	border-color: #395daa;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#header-welcome > .btn-group > ul.dropdown-menu {
	font-size: var(--juno-font-size-regular);
	color: #FFF;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

#header-picture img {
	margin-top: 5px;
	padding: 1px;
	width: 38px;
	height: 38px;
	border: 1px solid var(--juno-blue);
	border-radius: 30px;
}
img.juno-header-picture {
	padding: 1px;
	width: 38px;
	height: 38px;
	border: 1px solid var(--juno-blue);
	border-radius: 30px;
}

#header-name-role p { position: relative; top: 7px; }
#header-name-role p, #header-name-role p a { text-transform: capitalize; color: #FFF; }


/* ======================================================
// HEADER NAV
====================================================== */

#header-nav-wrap {
	margin-bottom: 5px;
	width: 99.5%;
	text-align: left;
	background: #fff;
	box-shadow: 0 2px 4px #777; -moz-box-shadow: 0 2px 4px #777; -webkit-box-shadow: 0 2px 4px #777;
}

#header-nav {
	margin: 0 auto;
	width: 1000px;
}

.ddsmoothmenu{
	background-color: transparent;
	width: 100%;
}

.ddsmoothmenu ul{
	z-index:9999;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	background-color: transparent;
	color: #222;
	font-size: var(--juno-font-size-regular);
	padding: 7px 10px;
	text-decoration: none;
}
.ddsmoothmenu ul li a.first { border-left: 1px solid #2A2A2A; }

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #FFF;
}
/* 
.ddsmoothmenu ul li a.selected { CSS class that's dynamically added to the currently active menu items' LI A element
	color: #FFF;
	
	background-color: #0074cc;
	background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #085f8f;
	Darken IE7 buttons by default so they stand out more given they won't have borders
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
} */
/* 
.ddsmoothmenu ul li a:hover{
	background of menu items during onmouseover (hover state)
	color: #FFF;
	
	background-color: #0074cc;
	background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #085f8f;
	Darken IE7 buttons by default so they stand out more given they won't have borders
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
} */
	
/* sub menus */
.ddsmoothmenu ul li ul{
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background-color: var(--juno-blue);
	border: 0;
	font-size: var(--juno-font-size-regular);
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
}

.ddsmoothmenu ul li ul li:hover {
	background-color: var(--juno-green);
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	color: #222;
	border: 0;
	border-bottom: 1px solid #ebebeb;
	font-size: var(--juno-font-size-regular);
}
.ddsmoothmenu ul li ul li a:last-child {}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 10px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow {}

.ddcss3support .ddshadow.toplevelshadow {
	margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
	/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
	background-color: transparent;
	box-shadow: 0 0 3px #444; -moz-box-shadow: 0 0 3px #444; -webkit-box-shadow: 0 0 3px #444;
}


.ddsmoothmenu ul li a .downarrowclass {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -3px;
	background: none !important;
}
.ddsmoothmenu ul li a .downarrowclass::before {
	content: "\f107";
}



.ddsmoothmenu ul li a .rightarrowclass {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -3px;
	background: none !important;
}
.ddsmoothmenu ul li a .rightarrowclass::before {
	content: "\f105";
}

/* ======================================================
// DMS
====================================================== */

.DMS_content{}
.DMS_content_item{
	float:left;
	width:90px;
	height:80px;
	margin: 1px;
	padding: 7px;
	border-radius: 5px;
	
	-webkit-transition-property: padding-top padding-bottom; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-property: padding-top padding-bottom;
    transition-duration: 0.5s;
    
    text-align:center;
    cursor:pointer;
    border: 1px solid #d4d4d4;
}
tr.DMS_content_item{
	height:auto;
}
.DMS_content_item > img {
	width: 50px;
}
.DMS_content_item:hover {
	padding-top: 4px;
	padding-bottom: 10px;
	background: #c9ecff; /* #085f8f; */
	/* color: #fff; */
}
.DMS_content_item_selected {
	/* color: #fff; */
	background: #c9ecff; /* #085f8f; */
}

/* ======================================================
// Notes
====================================================== */
.info-box-span {
	width: 23%;
	margin-left: 15px;
	margin-top: 10px;
}

.info-box {
	box-sizing: border-box;
    /* background: #fff none repeat scroll 0 0; */
    /* background-color: #FFF8DC; */
    background-color: #dfeffc;
    border-radius: 2px;
    border: 1px solid silver;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */
    display: block;
    margin-bottom: 15px;
    height: 90px;
    width: 100%;
    cursor: pointer;
}

.info-box-icon {
	box-sizing: border-box;
    /* background-color: #00c0ef; */
    background-color: #085f8f;
    border-radius: 2px 0 0 2px;
    display: block;
    float: left;
    font-size: 45px;
    height: 89px;
    line-height: 90px;
    text-align: center;
    width: 90px;
}

.info-box-icon img {
	box-sizing: border-box;
	height: 60px;
	width: 60px;
	border-radius: 50px;
	border: 2px solid #fff;
	margin-top: -7px;
	margin-left: -1px;
}

.info-box-content {
    margin-left: 90px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    height: 80px;
    width: 200px;
    vertical-align: middle;
    display: table-cell;
}

.info-box-content span {
	display: block;
    font-size: 12px;
}

.details-box-span {
	width: 20%;
	margin-top: 3px;
	margin-left: 0px;
	float: left;
}

.details-box-list {
	background-color: #085f8f;
	max-height:700px;
	padding: 5px;
	font-size: 12px;
	width: 200px;
	border-radius: 5px;
	overflow: auto;
}

.details-box-list ul {
	cursor:pointer;
	color:white;
}

.details-box-content {
	width: 77%;
	height: 710px;
	margin-top: 3px;
	margin-left: 25px;
	float: left;
	border: 1px solid;
}

.details-box-content-name {
	position: relative;
	background-color: #303030;
	color: #fff;
	font-size:15px;
	top: -706px;
	left: 0;
	width: 100%;
	height: 55px;
	border: 1px solid #303030;
	line-height: 55px;
	text-align: center;
	vertical-align: middle;
}

/* ======================================================
// CONTAINER
====================================================== */

#container-wrap {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 1000px;
	background-color: #FFF;
	/* box-shadow: 0 0 3px #BBB; -moz-box-shadow: 0 0 3px #BBB; -webkit-box-shadow: 0 0 3px #BBB; */
}
#container-wrap-border {
	/* border: 1px solid #C5C5C5; */ 
}
#container {
	margin: 0 auto;
	padding: 10px 0;
	width: 980px;
	min-height: 500px;
}

/* BOX */

.box-dark { background-color: #F5F5F5; }
.box-pull-left { float: left; }
.box-pull-right { float: right; }

.box-wrap > .box-title {
	font-size: var(--juno-font-size-heading);
	font-weight: 510;
	
	background-color: var(--juno-blue);
	color: #fff;
	/* background-color: var(--juno-green); */
	/* background-image: url(../img/ui-bg_gloss-wave_25_333333_500x100.png); */
	background-repeat: repeat-x;
	background-position: center; 
	padding: 7px; 
	text-transform: uppercase;
	line-height: 18px;
	
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3F3F3F), to(#101010));
    background-image: -moz-linear-gradient(#3F3F3F, #101010);
    background-image: -o-linear-gradient(#3F3F3F, #101010);
    background-image: linear-gradient(#3F3F3F, #101010);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#3F3F3F", EndColorStr="#101010");*/
}

.box-wrap > .box-title.breadCrumbs {
	color: var(--juno-green);
	background-color: transparent;
}

.box-wrap > .box-title-margin-below { margin-bottom: 10px;line-height: 18px; }

.box-wrap > .box-padded { padding: 15px; }

.margin-left-22 { margin-left: 30px;float: left; }
/* ======================================================
// BOOTSTRAP
====================================================== */

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	overflow: auto;
	width: 560px;
	margin: -250px 0 0 -280px;
	background-color: #ffffff;
	/* border: 1px solid rgba(0, 0, 0, 0.3); */
	border: 1px solid #000;
	/* IE6-7 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #D0D0D0;
	
	background-color: #F0F0F0; 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D9ECF), to(#2A80B9));
    background-image: -moz-linear-gradient(#4D9ECF, #2A80B9);
    background-image: -o-linear-gradient(#4D9ECF, #2A80B9);
    background-image: linear-gradient(#FAFAFA, #F0F0F0);
    
    background-image: -webkit-linear-gradient(#FAFAFA, #F0F0F0);
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#4D9ECF", EndColorStr="#2A80B9");
}
.modal-header h3 { font-weight: bold; }

.modal-header .close {
	margin-top: 2px;
	color: #000;
	font-weight: normal;
}

.modal-body {
	overflow-y: auto;
	max-height: 400px;
	padding: 10px;
}




/* mooc */
#availableCourceList
{
	float:left;
	border-right:1px solid lightgray;
	width:220px;
	height:500px;
}  

#availableCourceList p
{
	margin: 5px;
	font-size: var(--juno-font-size-regular);
	color: teal;
}

#courseDescriptionDiv
{
	margin-left: 230px;
}

#courseDescription
{
	height: 94px;
}

#courseDescription .table td
{
	vertical-align: middle;
	padding: 5px;
}

#courseDescription p
{
	padding: 5px;
	font-size: 14px;
}

#session-details p
{
	font-size: 14px;
	line-height:30px;
}
#helpPageDesign .hvr-curl-bottom-right
{
	/*background:#E8E8E8;*/
	margin-bottom: 5px;
	margin-right: 5px;
	padding:10px;
	
}

#helpPageDesign li
{
	font-size:14px;
	
}
#helpPageDesign a
{
color:#666;
}
#helpPageDesign ul
{
	/* list-style-type: none;
    margin: 0;
    padding: 0; */
}

.btn
{
	border-radius:.25rem !important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary
{
	background-color: #0074cc;
	background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #085f8f;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );	
}
.btn-primary:hover
{
	background: -webkit-linear-gradient(#1972b7, #0063b0);
	background: -o-linear-gradient(#1972b7, #0063b0);
	background: -moz-linear-gradient(#1972b7, #0063b0);
	background: linear-gradient(#1972b7, #0063b0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.tab-content {
	overflow: visible;
}

.hasDatepicker {
	cursor: pointer !important;
}

.movable {
	position: absolute;
	z-index: 99999;
}

.gems_tooltip {
	padding: 10px;
	border: 1px solid silver;
	box-shadow: 10px 10px 5px #888888;
	border-radius: 5px;
	background-color: #E3E3E3;
	margin-top: 15px;
	margin-left: -20px;
}
.ui-state-highlight .ui-state-default{
	background-color: #085F8F !important;
}

.defaultUlOlStyle ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.defaultUlOlStyle ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

/* this class Overwrits  info, success, warning, error, validation class */
.miniSpan{
	background-size: 20px;
	padding: 7px 15px 7px 35px;
}


/* --------------------------- Job Tray ---------------------- */

.tray-capsule-left {
	float: left; 
	width: 99%; 
	cursor: pointer;
	border: 1px solid #C0C0C0; 
	background: -webkit-linear-gradient(#F0F0F0, #E0E0E0);
	background: -o-linear-gradient(#F0F0F0, #E0E0E0);
	background: -moz-linear-gradient(#F0F0F0, #E0E0E0);
	background: linear-gradient(#F0F0F0, #E0E0E0);
}

.tray-capsule-row {
	margin-bottom: 7px;
}
.tray-capsule-row:last-child {
	margin-bottom: 0px;
}
.tray-capsule:hover {
	box-shadow: 0 0 3px #999;
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
}

.full-grey-grad {
	float: left; 
	width: 100%;
	padding: 5px; 
	background: -webkit-linear-gradient(#F0F0F0, #E0E0E0);
	background: -o-linear-gradient(#F0F0F0, #E0E0E0);
	background: -moz-linear-gradient(#F0F0F0, #E0E0E0);
	background: linear-gradient(#F0F0F0, #E0E0E0);
}

.grey-grad {
	float: left; 
	width: 80%;
	padding: 5px; 
	border-right: 0;
	background: -webkit-linear-gradient(#F0F0F0, #E0E0E0);
	background: -o-linear-gradient(#F0F0F0, #E0E0E0);
	background: -moz-linear-gradient(#F0F0F0, #E0E0E0);
	background: linear-gradient(#F0F0F0, #E0E0E0);
}

.blue-grad {
	float: right; 
	width: 20%; 
	padding: 5px 0px 5px 5px; 
	border: 1px solid #085f8f; 
	border-left: 0;
	color: #FFF;
	text-align:center;
	background: var(--juno-blue);
	/* background: -webkit-linear-gradient(#085f8f, #0063B0);
	background: -o-linear-gradient(#085f8f, #0063B0);
	background: -moz-linear-gradient(#085f8f, #0063B0);
	background: linear-gradient(#085f8f, #0063B0); */
	border-bottom-left-radius:25px; 
}

/* --------------(Start) Select Boxes ----------------*/

select::-ms-expand { 
	display : none;
}

select {
	/* background-image: linear-gradient(#FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); */
	border-radius: 5px;
	border: 1px solid #AAA;
	background: #FFF url(../img/dropdownArrow.png) no-repeat right center !important;
	padding: 0px 17px 0px 4px;
	font-size: var(--juno-font-size-regular) !important;/* 11.5px */
	line-height: normal;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}

select option:hover, select option:checked {
    box-shadow: 0 0 10px 100px #085F8F inset !important;
}

.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover
{
	color: #ffffff;
	text-decoration: none;
	background-color: var(--juno-blue) !important;
}

/* ------------------- chosen select boxes ----------------- */

.chzn-container .chzn-results .highlighted {
  background-color: #0074cc;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074cc', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
  background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#207caf),to(#0055cc) );
  background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
  background-image: -o-linear-gradient(top, #085f8f, #0063B0);
  background-image: linear-gradient(top, #085f8f, #0063B0);
  color: #fff;
}

/* --------------(Start) Nav Tabs ----------------*/

.nav-pills>.active>a {
	background-color: var(--juno-blue);
	/* background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0); */
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
}
.nav-pills>.active>a:hover {
	/* background: -webkit-linear-gradient(#085f8f, #207caf);
	background: -o-linear-gradient(#085f8f, #207caf);
	background: -moz-linear-gradient(#085f8f, #207caf);
	background: linear-gradient(#085f8f, #207caf);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
	background: var(--juno-light-blue-10);
}
.nav-tabs,.nav-pills {
	border-bottom: 1px solid #ddd;
	background-color: var(--juno-light-blue);
	padding-left: 3px;
}
.nav-tabs>li>a:hover {
	border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}
.nav-pills>.active>a {
	color: #ffffff;
	background-color: var(--juno-blue);
}

.nav>.dropdown.active>a:hover {
	color: #000000;
	cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover
	{
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret
	{
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

/* ----------------(Start) Table------------------ */

.table-bordered th{
	background-color:var(--juno-light-blue);
	text-align: center;
}
table.table thead{
	background-col :var(--juno-light-blue);
	text-align: center;
}
.table-striped tbody tr:nth-child(even) td,.table-striped tbody tr:nth-child(even) th
{
	background-color: #F0F8FF !important;
}
.table tbody tr:hover td,.table tbody tr:hover th {
	background-color: transparent;
}

/* --------------(Start) datepicker / acordian ----------------*/

/* Overridden from datepicker.css
----------------------------------*/

.datepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a !important;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a) !important;
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
} 

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: var(--juno-blue);
  /* background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x; */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
	border: 1px solid #c5dbec;
	background: #dfeffc url(../img/jquery/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x !important;
	font-weight: bold;
	color: #2e6e9e;
	font-size: var(--juno-font-size-regular);
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
	color: #2e6e9e !important;
	text-decoration: none;
}

.ui-state-hover,.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 #79b7e7 !important;
	background: #d0e5f5 url(../img/jquery/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important;
	font-weight: bold;
	color: #1d5987;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #1d5987;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url(../img/jquery/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x !important;
	font-weight: bold;
	color: #e17009;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #e17009 !important;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #eaf4fd url(../img/jquery/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x !important;
	color: #af0000;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../img/jquery/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x !important;
	color: #cd0a0a;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	opacity: .35;
	background-image: none;
}

/* -------------------------- Popups ------------------------------- */

#popup_message {
	font-size: var(--juno-font-size-heading);
	text-align: center;
	text-decoration: none;
	color: var(--juno-blue) !important;
}

#popup_container {
	text-align: center;
	padding: 25px 80px;
	/* background-color: #3A87AD; */
	background-color: var(--juno-light-blue) !important;
	border: 1px solid var(--juno-light-blue);
}


th, thead, .alert-info {
	background-color: var(--juno-light-blue);
	color: var(--juno-blue);
}

.alert-info {
	border-color: transparent !important;
}
/* -------------------------- accordion ------------------------------- */

.accordion-heading .accordion-toggle {
    background-color: var(--juno-light-blue) !important;
    color: var(--juno-blue) !important; 
    display: block;
    padding: 8px 15px;
    border: 1px solid #d4d4d4;
}

.accordion-simple {
	background-color: #dbe9ff !important;
    color: #000;
}



/* -------------------------- ICONS ------------------------------- */

.icon-ok {
	 background-image: url("../img/NewIcons/tick.png");
	 background-position: 0px !important; 
}

.icon-ok-sign  {
	 background-image: url("../img/NewIcons/tick.png");
	 background-position: 0px !important; 
}

 .icon-ok-circle {
	 background-image: url("../img/NewIcons/tick.png");
	 background-position: 0px !important; 
}


.icon-white {
	/*  background-image: url("../img/tick.png"); */
	 background-position: 0px !important;
	 -webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
     filter: invert(100%); 
}

.icon-comment {
   background-image: url("../img/NewIcons/notes.png");
	 background-position: 0px !important; 
}


.icon-remove-circle {
     background-image: url("../img/NewIcons/no.png");
	 background-position: 0px !important; 
}

.icon-briefcase {
      background-image: url("../img/NewIcons/leave.png");
	 background-position: 0px !important; 
}

.icon-list {
      background-image: url("../img/NewIcons/leave.png");
	 background-position: 0px !important; 
}

.icon-calendar {
   background-image: url("../img/NewIcons/calendar_new.png");
	 background-position: 0px !important; 
}

.icon-plus {
    background-image: url("../img/NewIcons/plusB.png");
	 background-position: 0px !important; 
}

.icon-edit , .icon-pencil { 
    background-image: url("../img/NewIcons/edit.png");
	 background-position: 0px !important;
}

.icon-print {
     background-image: url("../img/NewIcons/printer.png");
	 background-position: 0px !important;
}

.icon-eye-open , .icon-fullscreen {
     background-image: url("../img/NewIcons/wand.png");
	 background-position: 0px !important;
}

.icon-download-alt {
   background-image: url("../img/NewIcons/social.png");
	 background-position: 0px !important;
}

.icon-download {
	 background-image: url("../img/NewIcons/social.png");
	 background-position: 0px !important;
	/* background-position: -120px -24px; */
}

.icon-remove , .icon-remove-sign {
    background-image: url("../img/NewIcons/remove.png");
	 background-position: 0px !important;
}

.icon-eye-close {
	
	background-image: url("../img/NewIcons/four-arrows.png");
	 background-position: 0px !important;
	
}

.icon-plus-sign {
    background-image: url("../img/NewIcons/plusB.png");
	 background-position: 0px !important;
}


.icon-trash , .ui-icon-trash {
     background-image: url("../img/NewIcons/bin.png");
	 background-position: 0px !important;
}

.icon-book {
   background-image: url("../img/NewIcons/history.png");
	 background-position: 0px !important;
}

.icon-zoom-in {
	 background-image: url("../img/NewIcons/zoom-in.png");
	 background-position: 0px !important;
	/* background-position: -336px 0; */
}

.icon-zoom-out {
	 background-image: url("../img/NewIcons/zoom-out.png");
	 background-position: 0px !important;
	/* background-position: -360px 0; */
}
.icon-upload {
     background-image: url("../img/NewIcons/arrow-up.png");
	 background-position: 0px !important;
}

.icon-minus , .icon-minus-sign {
    background-image: url("../img/NewIcons/minus.png");
	 background-position: 0px !important;
}

.icon-forward {
    background-image: url("../img/NewIcons/ahead.png");
	 background-position: 0px !important;
}

.icon-envelope {
    background-image: url("../img/NewIcons/envelope.png");
	background-position: 0px !important;
}

.icon-file {
     background-image: url("../img/NewIcons/file.png");
	 background-position: 0px !important;
}

.icon-film {
    background-image: url("../img/NewIcons/link-symbol.png");
	 background-position: 0px !important;
}

.ui-icon-newwin {
   background-image: url("../img/NewIcons/plusB.png");
	 background-position: 0px !important;
}

.icon-warning-sign {
    background-image: url("../img/NewIcons/alert.png");
	 background-position: 0px !important;
}


.icon-ban-circle {
    background-image: url("../img/NewIcons/hand.png");
	 background-position: 0px !important;
}

.icon-lock {
    background-image: url("../img/NewIcons/lock.png");
	 background-position: 0px !important;
}

.icon-bullhorn {
   background-image: url("../img/NewIcons/bell.png");
	background-position: 0px !important;
}

.icon-hand-up {
    background-image: url("../img/NewIcons/vote.png");
	background-position: 0px !important;
}

.icon-hand-down {
	background-image: url("../img/NewIcons/pointing-down.png");
	background-position: 0px !important;
	
}

.ui-icon-plus, .icon-plus {
	background-image: url("../img/NewIcons/plusB.png") !important;
	 background-position: 0px !important;
	
}

 .icon-thumbs-up {
	background-image: url("../img/NewIcons/thumbs.png");
	background-position: 0px !important;
}

.icon-thumbs-down {
	background-image: url("../img/NewIcons/thumb-down.png");
	background-position: 0px !important;	
}

.icon-list-alt {
	background-image: url("../img/NewIcons/listicon.png");
	background-position: 0px !important;
}

.icon-user {
	background-image: url("../img/NewIcons/user.png");
	background-position: 0px !important;
}

.icon-repeat {
	background-image: url("../img/NewIcons/images.png");
	background-position: 0px !important;
	
}

.icon-time {
	background-image: url("../img/NewIcons/clock.png");
	background-position: 0px !important;
	
}

.icon-arrow-left , .icon-circle-arrow-left {
	background-image: url("../img/NewIcons/left-arrow.png");
	background-position: 0px !important;
}

.icon-refresh , .icon-retweet {
		background-image: url("../img/NewIcons/refresh.png");
		background-position: 0px !important;
}

.icon-search {
    background-image: url("../img/NewIcons/search.png");
	background-position: 0px !important;
}

.icon-hand-right {
	 background-image: url("../img/NewIcons/pointing-right.png");
	background-position: 0px !important;
	
}

.icon-hand-left {
	background-image: url("../img/NewIcons/pointing-left.png");
	background-position: 0px !important;
}

.icon-pencil {
	 background-image: url("../img/NewIcons/edit.png");
	background-position: 0px !important;
}

.icon-th-large {
	background-image: url("../img/NewIcons/dashboard.png");
	background-position: 0px !important;
}

.icon-download {
	background-image: url("../img/NewIcons/social.png");
	 background-position: 0px !important;
	
}

.icon-tasks {
	background-image: url("../img/NewIcons/list.png");
	 background-position: 0px !important;
}

.icon-star-empty , .icon-star , .ui-icon-gear {
	background-image: url("../img/NewIcons/event.png");
	 background-position: 0px !important;
}

.icon-th-list {
	background-image: url("../img/NewIcons/memo-pad.png");
	 background-position: 0px !important;
}

/* ------------------------new added icons---------------------------------- */
.icon-unregister {
	background-image: url("../img/NewIcons/unregister.png");
	 background-position: 0px !important;
}

.icon-blockuser {
	background-image: url("../img/NewIcons/banneduser.png");
	 background-position: 0px !important;
}

.icon-lockuser {
	background-image: url("../img/NewIcons/lockuser.png");
	 background-position: 0px !important;
}

.icon-unlockuser {
	background-image: url("../img/NewIcons/unlockuser.png");
	background-position: 0px !important;
}

.icon-history {
	background-image: url("../img/NewIcons/histroyrec.png");
	background-position: 0px !important;
}

.icon-list {
	background-image: url("../img/NewIcons/checklist.png");
	background-position: 0px !important;
}

.icon-work {
	background-image: url("../img/NewIcons/workload.png");
	background-position: 0px !important;
}

.icon-desktop {
	background-image: url("../img/NewIcons/desktop.png");
	background-position: 0px !important;
}

.icon-committee {
	background-image: url("../img/NewIcons/group.png");
	background-position: 0px !important;	
}

.icon-book {
	background-image: url("../img/NewIcons/man-reading.png");
	background-position: 0px !important;	
	
}

.icon-note {
	background-image: url("../img/NewIcons/makenote.png");
	background-position: 0px !important;	
}


.icon-purchase ,  .icon-shopping-cart {
	background-image: url("../img/NewIcons/shopping-cart.png");
	background-position: 0px !important;	
	
}

.icon-stock {
	background-image: url("../img/NewIcons/stock.png");
	background-position: 0px !important;
	
}

.icon-pendown {
	background-image: url("../img/NewIcons/agenda.png");
	background-position: 0px !important;
}

.icon-self {
	background-image: url("../img/NewIcons/self.png");
	background-position: 0px !important;	
}

.icon-form {
	background-image: url("../img/NewIcons/form.png");
	background-position: 0px !important;
}

/* -----------------------------------------------------NEW ADDED------------------------------------ */

.icon-glass {
	 background-image: url("../img/NewIcons/martini-glass.png");
	 background-position: 0px !important; 
	/* background-position: 0 0; */
}

.icon-music {
	background-image: url("../img/NewIcons/musical-note.png");
	 background-position: 0px !important; 
	/* background-position: -24px 0; */
	
}

.icon-heart {
	 background-image: url("../img/NewIcons/valentines-heart.png");
	 background-position: 0px !important;
	/* background-position: -96px 0; */
}

.icon-star {
	 background-image: url("../img/NewIcons/asterisk.png");
	 background-position: 0px !important;
	/* background-position: -120px 0; */
}

.icon-star-empty {
	 background-image: url("../img/NewIcons/star.png");
	 background-position: 0px !important;
	/* background-position: -144px 0; */
}

.icon-user {
	 background-image: url("../img/NewIcons/avatar.png");
	 background-position: 0px !important;
	/* background-position: -168px 0; */
}

.icon-th {
	 background-image: url("../img/NewIcons/listing-option.png");
	 background-position: 0px !important;
	/* background-position: -240px 0; */
}

.icon-th-list {
	 background-image: url("../img/NewIcons/listOTHER.png");
	 background-position: 0px !important;
	/* background-position: -264px 0; */
}

.icon-off {
	 background-image: url("../img/NewIcons/shut-down-icon.png");
	 background-position: 0px !important;
	/* background-position: -384px 0; */
}

.icon-signal {
	 background-image: url("../img/NewIcons/wireless-internet.png");
	 background-position: 0px !important;
	/* background-position: -408px 0; */
}

.icon-cog {
	 background-image: url("../img/NewIcons/cog-wheel-silhouette.png");
	 background-position: 0px !important;
	/* background-position: -432px 0; */
}

.icon-home {
	 background-image: url("../img/NewIcons/home.png");
	 background-position: 0px !important;
	/* background-position: 0 -24px; */
}

.icon-time {
	 background-image: url("../img/NewIcons/clock.png");
	 background-position: 0px !important;
	/* background-position: -48px -24px; */
}

.icon-road {
	 background-image: url("../img/NewIcons/distance.png");
	 background-position: 0px !important;
	/* background-position: -72px -24px; */
}

.icon-inbox {
	 background-image: url("../img/NewIcons/inbox.png");
	 background-position: 0px !important;
	/* background-position: -168px -24px; */
}

.icon-play-circle {
	 background-image: url("../img/NewIcons/play-button.png");
	 background-position: 0px !important;
	/* background-position: -192px -24px; */
}

.icon-repeat {
	 background-image: url("../img/NewIcons/repeat.png");
	 background-position: 0px !important;
	/* background-position: -216px -24px; */
}

.icon-list-alt {
	background-image: url("../img/NewIcons/list.png");
	 background-position: 0px !important;
}
	
.icon-flag {
	background-image: url("../img/NewIcons/flag.png");
	 background-position: 0px !important;
}

.icon-headphones {
	background-image: url("../img/NewIcons/support.png");
	background-position: 0px !important;
}

.icon-volume-off {
	background-image: url("../img/NewIcons/speaker.png");
	background-position: 0px !important;
}

.icon-volume-down {
	background-image: url("../img/NewIcons/turn-down-volume.png");
	background-position: 0px !important;
}

.icon-volume-up {
	background-image: url("../img/NewIcons/volume-up.png");
	background-position: 0px !important;
}

.icon-qrcode {
	background-image: url("../img/NewIcons/qr-code.png");
	background-position: 0px !important;
}

.icon-barcode {
	background-image: url("../img/NewIcons/barcode-product.png");
	background-position: 0px !important;
}

.icon-tag {
	background-image: url("../img/NewIcons/price-tag.png");
	background-position: 0px !important;
}

.icon-tags {
	background-image: url("../img/NewIcons/price-tag.png");
	background-position: 0px !important;
	
}

.icon-bookmark {
	background-image: url("../img/NewIcons/bookmark.png");
	background-position: 0px !important;
}

.icon-camera {
	background-image: url("../img/NewIcons/photo-camera.png");
	background-position: 0px !important;
}

.icon-font {
	background-image: url("../img/NewIcons/font.png");
	background-position: 0px !important;
}

.icon-bold {
	background-image: url("../img/NewIcons/bold-text-option.png");
	background-position: 0px !important;
}

.icon-italic {
	background-image: url("../img/NewIcons/italic.png");
	background-position: 0px !important;
}

.icon-text-height {
	background-image: url("../img/NewIcons/text-height.png");
	background-position: 0px !important;
}

.icon-text-width {
	background-image: url("../img/NewIcons/text-width.png");
	background-position: 0px !important;
}


.icon-align-left {
	background-image: url("../img/NewIcons/left-alignment.png");
	background-position: 0px !important;
}

.icon-align-center {
	background-image: url("../img/NewIcons/center-alignment.png");
	background-position: 0px !important;
}

.icon-align-right {
	background-image: url("../img/NewIcons/align-to-right.png");
	background-position: 0px !important;
}

.icon-align-justify {
	background-image: url("../img/NewIcons/justify-align.png");
	background-position: 0px !important;
}

.icon-indent-left {
	background-image: url("../img/NewIcons/left-indentation.png");
	background-position: 0px !important;
}

.icon-rupees {
	background-image: url("../img/NewIcons/india-rupee-currency-symbol.png");
	background-position: 0px !important;
}

.icon-indent-right {
	background-image: url("../img/NewIcons/right-indentation.png");
	background-position: 0px !important;
}

.icon-facetime-video {
	background-image: url("../img/NewIcons/facetime-button.png");
	background-position: 0px !important;
}

.icon-picture {
	background-image: url("../img/NewIcons/picture.png");
	background-position: 0px !important;
}

.icon-map-marker {
	background-image: url("../img/NewIcons/world-grid-with-placeholder.png");
	background-position: 0px !important;
	
}

.icon-adjust {
	background-image: url("../img/NewIcons/controls.png");
	background-position: 0px !important;
} 

.icon-tint {
	background-image: url("../img/NewIcons/tint-drop.png");
	background-position: 0px !important;
}

.icon-share , .icon-share-alt {
	background-image: url("../img/NewIcons/share.png");
	background-position: 0px !important;
}

.icon-check {
	background-image: url("../img/NewIcons/checked.png");
	background-position: 0px !important;
}

.icon-move {
	background-image: url("../img/NewIcons/align-symbol.png");
	background-position: 0px !important;
}

.icon-step-backward {
	background-image: url("../img/NewIcons/step-backward.png");
	background-position: 0px !important;
}

.icon-fast-backward {
	background-image: url("../img/NewIcons/fast-backward-double-left-arrow-symbol.png");
	background-position: 0px !important;
}

.icon-backward {
	background-image: url("../img/NewIcons/backward.png");
	background-position: 0px !important;
}

.icon-play {
	background-image: url("../img/NewIcons/play-button.png");
	background-position: 0px !important;
}

.icon-pause {
	background-image: url("../img/NewIcons/pause.png");
	background-position: 0px !important;
}

.icon-stop {
	background-image: url("../img/NewIcons/stop.png");
	background-position: 0px !important;
}

.icon-forward , .icon-circle-arrow-right {
	background-image: url("../img/NewIcons/turn-right-arrow.png");
	background-position: 0px !important;
}

.icon-fast-forward {
	background-image: url("../img/NewIcons/fast-forward.png");
	background-position: 0px !important;
}

.icon-step-forward {
	background-image: url("../img/NewIcons/forward-button-for-multimedia.png");
	background-position: 0px !important;
}

.icon-eject {
	background-image: url("../img/NewIcons/eject.png");
	background-position: 0px !important;
}

.icon-chevron-left {
	background-image: url("../img/NewIcons/chevron.png");
	background-position: 0px !important;
}

 .icon-chevron-right {
	background-image: url("../img/NewIcons/right-arrow.png");
	background-position: 0px !important;
} 


.icon-question-sign {
	background-image: url("../img/NewIcons/question-mark.png");
	background-position: 0px !important;
}

.icon-info-sign {
	background-image: url("../img/NewIcons/info.png");
	background-position: 0px !important;
}

.icon-screenshot {
	background-image: url("../img/NewIcons/screenshot.png");
	background-position: 0px !important;
}

.icon-arrow-right {
	background-image: url("../img/NewIcons/right-arrow.png");
	background-position: 0px !important;
}

.icon-arrow-up , .icon-circle-arrow-up , .icon-chevron-up {
	background-image: url("../img/NewIcons/up-arrow.png");
	background-position: 0px !important;
}

.icon-arrow-down , .icon-circle-arrow-down {
	background-image: url("../img/NewIcons/down-arrow.png");
	background-position: 0px !important;
}

.icon-resize-full {
	
	background-image: url("../img/NewIcons/resize-arrows.png");
	background-position: 0px !important;
}

.icon-resize-small {
	background-image: url("../img/NewIcons/four-arrows.png");
	background-position: 0px !important;
}

.icon-asterisk {
	background-image: url("../img/NewIcons/asterisk.png");
	background-position: 0px !important;
}

.icon-exclamation-sign {
	background-image: url("../img/NewIcons/alert.png");
	background-position: 0px !important;
}

.icon-random {
	background-image: url("../img/NewIcons/random.png");
	background-position: 0px !important;
}


.icon-folder-close {
	background-image: url("../img/NewIcons/folder-closed.png");
	background-position: 0px !important;	
}

.icon-folder-open {
	background-image: url("../img/NewIcons/folder-open.png");
	background-position: 0px !important;	
}

.icon-bullhorn {
	background-image: url("../img/NewIcons/announcement.png");
	background-position: 0px !important;	
}

.icon-bell {
	background-image: url("../img/NewIcons/alarm.png");
	background-position: 0px !important;
}

.icon-certificate {
	background-image: url("../img/NewIcons/certificate.png");
	background-position: 0px !important;
}

.icon-chevron-down{

	background-image: url("../img/NewIcons/down-arrow.png");
	background-position: 0px !important;
	
}

.icon-wrench {
	background-image: url("../img/NewIcons/wrench.png");
	background-position: 0px !important;
}

.icon-filter {
	background-image: url("../img/NewIcons/funnel.png");
	background-position: 0px !important;
}

.ui-icon-info , .icon-info{
	
	background-image: url("../img/NewIcons/info-sign.png");
	background-position: 0px !important;
}

.label-danger-highlight {
	background-color: #f2dede; 
	color: #b94a48; 
	border-color: eed3d7
}
.icon-bookmark-star-empty {
	 background-image: url("../img/bookmark-star-empty.png");
	 background-position: 0px !important;
	/* background-position: -144px 0; */
}

.icon-bookmark-star-filled {
	 background-image: url("../img/bookmark-star-filled.png");
	 background-position: 0px !important;
	/* background-position: -144px 0; */
}

.fa-window-close-o-Job-Tray:before{
	content:"\f2d4";
	color:white;
}

.fa-star-menu:before{
	  content: "\f005";
	color: var(--juno-light-green);
	font-size: 1.3em;
}

.fa-star-o-menu:before{
	  content: "\f005";
	color: var(--juno-green);
	font-size: 1.3em;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  
}
.full-upload-btn{
	width:90%;
	background-color:#4D9ECF;
	padding: 0px 5px;
}
.upload-btn-wrapper input[type=file] {/* Kiran */
  position: absolute;
  left: 0;
  top: -1;
  opacity: 0;
  cursor:pointer;
}

.material-switch-chk{
	margin: 0px 10px;
}

.material-switch-chk > input[type="checkbox"] {
    display: none;   
}

.material-switch-chk > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 25px;  
}

.material-switch-chk > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 10px;
    margin-top: 5px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 25px;
}
.material-switch-chk > label::after {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 18px;
    left: -4px;
    margin-top: 5px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 18px;
}
.material-switch-chk > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch-chk > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 10px;
}


/* On screens that are 992px or less, set width 1000px */
@media screen and (max-width: 992px) {
  #header-wrap {
	width: 1000px;
  }
  #header-nav-wrap {
	width: 1000px;
  }
}

.custom-legend-background {
	margin: 0;
	font-size: inherit;
	font-weight: bold;
	margin-bottom: 0px;
	width: auto;
	border: 1px solid #bfddf7 !important;
	padding: 5px 10px;
	background-color: #dbe9ff;
	display: block;
	color: #1c5e96;
	border-radius: 5px;
	font-weight: normal;
}

fieldset.custom-fieldset {
	border: 1px solid rgb(192, 192, 192)!important;
	margin: 0;
	min-width: 0;
	padding: 10px;
	position: relative;
	background-color: #f8fbff;
	padding-left: 10px !important;
	margin-bottom: 20px;
}
fieldset.custom-fieldset legend,legend {
	margin: 0;
	font-size: inherit;
	font-weight: bold;
	margin-bottom: 0px;
	width: auto;
	border: 1px solid #bfddf7 !important;
	padding: 5px 10px;
	background-color: #dbe9ff;
	display: block;
	color: #1c5e96;
	border-radius: 5px;
	font-weight: normal;
}
.studentpanel{
	background-color: #dbe9ff!important;
}
.studentDashBoardBox h3{
	font-weight:bold;
}
.studentDashBoardBox h2{
	margin:0;
	margin:10px 0!important;
	letter-spacing:0.01em;
}
.studentDashBoardBox .span2
{
  width: 148px  !important;
  min-height:80px;
}

.profileDash img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

label.manadatory:after
{
    color: red;
    content: " *";
    font-size:16px;
}
.clr-padding-10px {
	padding:10px;
}
.span-mrg-25px {
	margin-top:25px
}
.supCls {
	font-size: 10px;
}

.typeahead li a {
	white-space: inherit;
}

.juno-fa:before {
  font-family: FontAwesome;/*Font-awesome font-family #KIRAN_BADAVE */
  color: inherit;
  display: inline-block;
  font-size: 22px;
  width: 1.3em;
}

.j-fa:before {
  font-family: FontAwesome;/*Font-awesome font-family #KIRAN_BADAVE */
  color: inherit;
  display: inline-block;
  width: 1.3em;
}

.j-fa-lg:before  {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
}

.j-fa-2x:before {
	font-size: 2em;
}

 .taskCard .title{
	line-height:1.5rem!important;
} 

.panelDash {
	line-height:1.5rem;
	color: #FFFFFF!important;
}
.studDashli>.active {
	background-color: #0074cc;
	color: #FFFFFF!important;
	background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #7f7f7f;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
}

.studDashli > tr:hover {
	color: #FFFFFF!important;
    background-color: #0074cc;
	background-image: -moz-linear-gradient(top, #085f8f, #0063B0);
	background-image: -ms-linear-gradient(top, #085f8f, #0063B0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#085f8f), to(#0063B0) );
	background-image: -webkit-linear-gradient(top, #085f8f, #0063B0);
	background-image: -o-linear-gradient(top, #085f8f, #0063B0);
	background-image: linear-gradient(top, #085f8f, #0063B0);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#085f8f',	endColorstr='#0063B0', GradientType=0 );
	border-color: #085f8f #085f8f #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #7f7f7f;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
}

.borderless td, .borderless th {
    border: none!important;
}

.borderless td:first-child {
     text-align:right;
}
.studDashli > tr > td  a {
     color:#000000!important;
     text-decoration:none;
}

.studDashli > tr > td  a:hover {
     color:#FFFFFF!important;
}

.studDashli > .active  a  {
	 color: #FFFFFF!important;
}

.btn.fa:before{
	margin-right: 5px;	
}
#stud1 >.panelDash{
	background-color:#871C1C;
}
#stud2 >.panelDash{
	background-color:#A17E39;
}
#stud3 >.panelDash{
	background-color:#504E89
}
#stud4 >.panelDash{
	background-color:#3c75a1
}
#stud5 >.panelDash{
	background-color:#007A56
}
#stud6 >.panelDash{
	background-color:#939D62
}

.juno-text-warining{
	color: #f89406;
}

.juno-text-danger{
	color: #b94a48;
}

.restoreSelectionBtnCss {
  background-color: #444; /* Inverse #333a45 */
  border: none;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
}
.restoreSelectionBtnCss:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.cardImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
}

.custom-section-box, .custom-section-box2 {
    background-color: #fff;
    margin-bottom: 14px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.176);
    position: relative;
    overflow: hidden;
    padding: 15px;
}
.custom-section-box:hover{
	background-color: #ededed;
}

.custom-section-box.back-color-gray {
	background-color: #ededed;
}

.custom-section-box.back-color-gray:hover {
	background-color: #fff;
}

.custom-section-box .custom-section-box-heading, .custom-section-box2 .custom-section-box-heading {
	background-color: var(--juno-light-blue);
	color: var(--juno-blue);
	font-weight: bold;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -14px;
	padding: 15px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 10px;
}


.custom-section-box2.boxTransition {
    transition: all 500ms ease-in-out;
    background-color: #eee;
}
.custom-section-box2.boxTransition:hover {
   margin-top: 5px !important;
   cursor: pointer;
   box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2);
   transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

div.text-overflow-ellipsis {
	white-space: nowrap; 
  	overflow: hidden;
  	text-overflow: ellipsis;
}


table.juno-table-fixed-header {
	text-align: left !important;
	position: relative !important;
	border-collapse: collapse !important;
}
table.juno-table-fixed-header thead th {		 
	position: sticky !important;
	top: 0 !important;
	box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.4) !important;
	background-color: var(--juno-light-blue) !important;
	z-index: 900; 
}

table.juno-table-fixed-footer tfoot th {		 
	position: sticky !important;
	bottom: 0 !important;
	box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.4) !important;
	background-color: var(--juno-light-blue) !important; 
}


/*#site-header-menu #site-navigation div.nav-menu > ul > li > a, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a */
#global-nav-id > ul > li > a {
	font-family: 'Tahoma', 'Arial', 'Trebuchet MS', 'Verdana', sans-serif !important;
	font-weight: 400;
	text-transform: capitalize;
	font-size: var(--juno-font-size-heading);
	line-height: 19px;
	color: var(--juno-blue);
}

#global-nav-id > ul > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--juno-green);
	height: 2px;
	transform-origin: right center;
	-webkit-transform-origin: right center;
	-webkit-transform: scale(0,1);
	-khtml-transform: scale(0,1);
	-moz-transform: scale(0,1);
	-ms-transform: scale(0,1);
	-o-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition: transform .25s cubic-bezier(.37,.31,.2,.85);
	-khtml-transition: transform .25s cubic-bezier(.37,.31,.2,.85);
	-moz-transition: transform .25s cubic-bezier(.37,.31,.2,.85);
	-ms-transition: transform .25s cubic-bezier(.37,.31,.2,.85);
	-o-transition: transform .25s cubic-bezier(.37,.31,.2,.85);
	transition: transform .25s cubic-bezier(.37,.31,.2,.85);
}

#global-nav-id > ul > li > a:hover {
	color: var(--juno-light-green);
}

#global-nav-id > ul > li:hover > a::before, #global-nav-id > ul > li > a:hover::before {
	transform-origin: left center;
	-webkit-transform-origin: left center;
	-webkit-transform: scale(1,1);
	-khtml-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}

#header .btn {
	text-shadow: none;
	box-shadow: none;
}

.noti-bubble {
	min-width: 17px !important;
    background: #dc3545 !important;
}

.label-info, .badge-info{
	background-color: var(--juno-green);
}

.label-primary, .badge-primary{
	background-color: var(--juno-blue);
}

.btn-mini {
	font-size: var(--juno-font-size-regular);
	padding: none;
	line-height: none;
}

.btn {
	border-radius: .25rem;
}

.btn-inverse {
	background-image: none !important;
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}


.btn-primary {
	background-image: none !important;
	color: #fff;
	background-color: var(--juno-blue);
	border-color:var(--juno-blue);
}


.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
	color: #fff;
	background-color: #0f64aa;
	border-color: #0f64aa;
}

.btn-danger {
	background-image: none !important;
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

/* Footer Style */
.stricky_footer{
	padding-top: 20px;
	height: 35px;
	background: #fff;/* var(--juno-blue); */
	box-shadow: 0px -1px 4px #999;
	/* display: flex; */
	bottom: 1px;
	left: 0;
	right: 0;
	/* align-items: center; */
	border-bottom: 6px solid var(--juno-blue);
}
.stricky_ele{
	color:var(--juno-blue);
}
.stricky_ele:hover{
	color:var(--juno-blue);
}
.foot_info{
	margin-left: 69px; 
	color:var(--juno-blue);
}


.after-element-fa-spinner::after {
	content: "\f110";
	font-family: FontAwesome;
	animation: fa-spin 1s infinite steps(8);
	margin-left: 8px;
	display: inline-block;
	font-size: var(--juno-font-size-heading);
	color: var(--juno-blue);
}

.before-element-fa-spinner::before {
	content: "\f110";
	font-family: FontAwesome;
	animation: fa-spin 1s infinite steps(8);
	margin-left: 8px;
	display: inline-block;
	font-size: var(--juno-font-size-heading);
	color: var(--juno-blue);
}


.warp-text-and-expand-on-hover { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 210px;
  white-space: nowrap;
}

.warp-text-and-expand-on-hover:hover {
	text-overflow: inherit;
	overflow: inherit;
	width: inherit;
	white-space: inherit;
}

.spinner .spinner-text-note {
	color: white;
	font-size: var(--juno-font-size-heading);
	font-weight: 592;
	width: 500px;
	margin-left: -190px;
	margin-top: 36px;
}