html,body{
    font-family:"Raleway", Verdana !important;
    padding:0px;
    margin:0px;
    background-color: rgb(243, 241, 236); 
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Raleway", Verdana !important;
}
p, div {
    font-family:"Raleway", Verdana !important;
}

body{
    background: #F0F0F0 url(../images/bgtile.gif) repeat;
}

.panel-heading h3,.panel-heading h4
{
    color: #8BBB39;
    font-size: 24pt;
    margin: 5px 5px 5px 10px;
    text-transform: uppercase;
}

.panel-heading h4
{
    font-size: 18pt;
}

#main
{
    margin-top:40px;
    padding:10px;
}
.customer-alert
{
    text-align:center;
    padding: 10px;
    background-color: #FFC1C1;
    color:#FF0000;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}
#top-bar
{
    background-color:#78a300;
    color:#fff;
    margin:0px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
}

#sub-bar
{
    border-bottom:solid 1px #ccc;
    padding:10px;
}

#top-summary 
{
    padding:0px;
}
#top-summary li
{
    float:left;
    list-style-type:none;
    padding-right:10px;
    text-align:center;
    margin-bottom:20px;    
}
#top-summary li div.big
{
    font-size:3em;
    padding:10px;    
}
#top-summary li div.mid
{
    font-weight:bold;
    padding:5px;    
}
.box
{
    padding: 10px;
    border: 1px solid #FF6600;
    background-color: #FFCC00;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
.box-discrete
{
    padding: 10px;
    background-color: #f2f0f5;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;    
}
.sub-note
{
    font-size:10px;
    font-style:italic;
}
.box2
{
    margin-top:5px;
    padding: 10px;
    border: 1px solid #FF6600;
    background-color: #FFCC00;
}
.form
{
    font-size:0.7em;    
}
.form tr th
{
    padding:3px;   
    text-align:right;    
}
.form tr td
{
    padding:3px;   
}
.grid
{
    font-size:0.7em;
    width:100%;
    border:solid 1px #ccc;
    background-color:#fff;
    border-spacing:0px;
}
.grid tr th
{
    padding:3px;   
    border-bottom:solid 2px #666;
}
.grid tr td
{
    padding:5px 10px;
    border-bottom:solid 1px #dcdcdc;
}
.grid tr td.center
{
    text-align:center;
}
tr.badrequest td
{
    background-color: #FF99CC;
}
.left
{
    text-align:left !important;
}
.clear
{
    clear:both;
}
.chart
{
    padding:10px 0px;
}
.pie
{

}
#apptitle
{
    float:right;
    padding:15px;
}
#appsearch
{
    float:right;
    padding:5px 10px;
    font-size:14px;
}
#appsearch input[type='text']
{
    border-radius:8px;
    border:none;
    font-size:14pt;
    padding: 5px;
}
#appsearch input[type='submit']
{
    border-radius:8px;
    border:none;
    font-size:10pt;
    padding: 5px;
}

.nav-info{
color:#eee;
font-size:10pt;
font-style:italic;
padding-left:10px;
}
#topnav
{
    margin:0px;
    padding:0px;
}
#topnav li
{
    margin:0px;
    list-style-type:none;
    padding:0px;
    float:left;
    width:80px;
    font-size:14px;
    text-align:center;
    border-right:solid 1px rgba(0, 0, 0, 0.1); 
}
.grid-list 
{
    width:100%;
}
.grid-list tr td
{
    border-bottom:solid 1px #dcdcdc;
    color:#666;
}
#topnav li.selected a
{
    display:block;
    padding:8px 10px;
    background: #F0F0F0 url(../images/bgtile.gif) repeat;
    text-decoration:none;
    color:#333;
    line-height:28px;
}
#topnav li a
{
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    color: #fff;
    line-height:28px;
}


#subnav
{
    margin:0px;
    padding:0px;
}
#subnav li
{
    margin:0px;
    padding:3px;
    list-style-type:none;
    float:left;
    font-size:0.8em;
}
#subnav li.selected a
{
    display:block;
    padding:3px;
    background-color:#FFCC00;
    text-decoration:none;
    color:#fff;
    text-shadow: none;
}
#subnav li a
{
    display: block;
    padding: 3px;
    color: #333;
}

.litmos-sub-nav {
    margin-bottom: 15px;
    border-bottom: 2px solid #eaeaea;
}

.litmos-sub-nav li {
    display: inline-block;
}

.litmos-sub-nav .active {
    font-weight: 600;
    margin-bottom: -2px;
    border-bottom: 2px solid #49AB42;
}

.litmos-sub-nav > li > a {
    color: #777;
}

.litmos-sub-nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #2a6496;
}

.nav > li > a:focus {
    background-color: transparent;
}

.note
{
    font-size:0.8em;
    padding:3px;
}
.detail 
{
    font-size:0.8em;
    padding:10px;
    background-color:#fff;    
}
.detail th
{
    text-align:right;
}
.detail td
{
    padding:2px;
}
.large
{
    font-size:1.4em;
}
.small{
    font-size:0.7em;
}
.True,.False
{
    padding:3px;
    text-align:center;
}
.circle-True,. circle-False
{
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}
.True,.circle-True
{
    background-color:Green;
}
.False,.circle-False
{
    background-color:Red;
}
.paging
{
    padding:10px 0px;
    text-align:right;
}
.paging a
{
    color:#333;
    padding:2px;
    border:solid 1px #ff6600;
    text-decoration:none;
}
.paging a:hover
{
    background-color:#ffcc00;
    color:#fff;
}
.bold
{
    font-weight:bold;
}
.action-links
{
    margin:0px;
    padding:0px;
}
.action-links li{
     list-style-type:none;
     padding:5px 0px;
}
.action-links li a, .action-links li a:visited, .action-links li a:link
{
     text-decoration:none;
     font-weight:bold;
}
.action-links li a:hover{
     text-decoration:underline;
}
.action-buttons{
    padding: 20px 0px;
    
}
.action-buttons input{
    font-size:22px;
}
.action-Login
{
    background-color: #CCFF99;
    padding:2px;
}
.action-Insert
{
    background-color:#ff3300;
    padding:2px;
}
.action-Delete
{
    background-color: #FF3300;
    padding:2px;
}
.action-ModuleSt
{
    background-color: #FFFF66;
    padding:2px;
}
.action-ModuleEnd
{
    background-color: #FFCC66;
    padding:2px;
}
.action-NewCourse
{
    background-color: #FF99FF;
    padding:2px;
}
.action-NewModule
{
    background-color: #9999FF;
    padding:2px;
}
.action-Billing
{
    background-color: #FF33CC;
    padding: 2px;
}
.action-SelfSignUp
{
    background-color: #00FF99;
    padding: 2px;
}
.action-TeampUsers
{
    background-color: #33CC33;
    padding: 2px;
}
.action-TeammUsers
{
    background-color: #FF9999;
    padding: 2px;
}
.action-UserImport
{
    background-color: #3399FF;
    padding: 2px;
}
.action-Achievep
{
    background-color: #C87800;
    padding: 2px;
}

.action-Achievem
{
    background-color: #334E7D;
    padding: 2px;
}

.action-Task
{
    background-color: #C87800;
    padding: 2px;
}


.action-Note
{
    background-color: #334E7D;
    padding: 2px;
}

.action-Email
{
    background-color: green;
    padding: 2px;
}

.loginbox
{
    width:400px;
    margin:0 auto;
    margin-top:100px;
    background-color: #f2f0f5; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #ccc; 
    padding: 10px 
}
.loginbox input, .loginbox label
{
    font-size:1.4em;
}
.loginbox table
{
    width:100%;
}
.loginbox table tr th
{
    text-align:right;
    font-weight:normal;
}
.loginbox table tr th, .loginbox table tr td
{
    padding:5px;
}
.status-gray {
    text-align: center;
    color: #fff;
    background-color: gray;
    padding: 3px 5px;
}
.status-green
{
    text-align:center;
    color:#fff;
    background-color:Green;
    padding:3px 5px;
}
.status-red
{
text-align:center;
color:#fff;
    background-color:red;
    padding:3px 5px;
}
.status-orange
{
text-align:center;
color:#fff;
    background-color:orange;
    padding:3px 5px;
}
.currency-USD
{
    background-color: #CCFF99;
}
.currency-AUD
{
    background-color: #FFFFCC;
}
.currency-NZD
{
    background-color: #FFFFFF;
}
.currency-GBP
{
    background-color: #FFCCCC;
}


.admin-fullscreen-top-content, .admin-fullscreen-footer-content
{
    padding:0px 0px 5px 0px !important;    
}
.admin-fullscreen
{
    width:100%;
    margin-top:5px;
}
.admin-fullscreen tr td
{
    vertical-align:top;
}
.admin-fullscreen-left
{
    margin:0px;
    padding:0px;
    text-align:left;
    width:70%;
}
.admin-fullscreen-content
{
    padding:0px 15px;
}
.admin-fullscreen-left .admin-fullscreen-content
{
    padding:0px 20px 15px 0px !important;
}
.admin-fullscreen-right
{
    margin:0px;
    padding:0px;
    text-align:left;
    width:30%;
}
.red-number{
    background-color: Red;
    border-radius:25px;
    padding:3px;
    color:#fff;
    font-weight:bold;
}
.heading 
{
    margin-top:20px;
    padding-bottom:5px;
    font-size:.8em;
    font-weight:bold;
}

.big-num{
    font-weight:bold;
    font-size:22px;
}
.side-stat{
font-size:12px;
padding:5px;
}
.red{
    color:#ff0000;
}
.side-stat-list{
padding:5px;
font-size:12px;
}

.heading .trial 
{
    color:orange;
    padding:5px;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
    font-size:20px;

}
.side-title{
    color:#666;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase;
    padding:3px 0px;
}
.heading .cancelled 
{
    color:#FF3300;
    padding:5px;
    font-size:20px;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

.heading .customer
{    
 font-size:20px;
    color:#009900;
    padding:5px;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}


.boxblue
{
    padding: 10px;
    background-color: #5E7DFF;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.boxgrey
{
    padding: 10px;
    background-color: #f2f0f5;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.boxorange
{
    padding: 10px;
    background-color: #FFCC00;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.boxred
{
    padding: 10px;
    background-color: #FF0000;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.textbox
{
    font-size:20px;
    height:30px;
    width:250px;
}

.textentry
{
    font-family:Verdana Tahoma;
    font-size:14px;
    height:30px;
    width:300px;
}

.button {
	font-size:18px;
	color:#333;
	text-decoration:none;
	padding:2px;
	border:1px solid #CCC;  
	background-color:#DDD;  
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	cursor:pointer;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
    background:-moz-linear-gradient(0% 90% 90deg, #EEE, #DDD);
}

.textbox-sml
{
    font-size:12px;
    height:20px;
    width:250px;
}

 

.button:hover {
	color:#000;
	border: 1px solid #BBB;
}


h2
{
    color:#666;
    margin:0;
    font-size:20px;
    padding:10px 0px;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

h3
{
    padding:5px;
    margin:0px;
    color:#666;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

h4
{
    margin:10px 0px;
    color:#666;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

h4.red, .red{
    color:Red;
}


.statScore
{
    border-spacing: 2px;
    padding:10px;
    margin:0px;
    font-size:10px;
}

.statScore h3
{
    font-size:12px;
}

.gradenumber
{
    width:60px;
    text-align:center;
    font-size:1.2em;
    padding:4px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.grade0
{
    background-color: #CCC;
}

.grade1, .grade2   
{
    background-color: #ADFAFF;
}

.grade3, .grade4, .grade5
{
    background-color: #FAFA87;
}
  
.grade6, .grade7, .grade8
{
    background-color: #FCE865;
}  

.grade9, .grade10 
{
    background-color: #FF6D1F;
}  
    

.statScore .smlText
{
   font-size:.6em;
   color: #666;
}

.feed_container
{
    background:white;
    padding:10px;
}

table.feed_view
{
    width: 100%;
    border-spacing: 0px;
    background:white;
}
 
table.feed_view td
{
    border-bottom:1px solid #DFDFDF;
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px solid #DFDFDF;
    line-height: 1.3em;
}

table.feed_view td.content {
    font-size: 12px;
}

table.feed_view td.type {
    text-align: right;
    color: white;
    font-size: 11px;
    padding: 4px 5px;
    text-decoration: none;
    width: 60px;
}

table.feed_view td.SupportLogin
{
    text-align: right;
    color: black;
    font-size: 11px;
    padding: 4px 5px;
    text-decoration: none;
    width: 60px;
}

table.feed_view td.date {
    text-align: right;
    color: #948B6E;
    font-size: 11px;
    text-decoration: none;
}

table.feed_view td.content span.by {
    color: #948B6E;
    display: block;
    font-size: 11px;
    text-decoration: none;
}

table.feed_view td.content span.re {
    font-size: 12px;
    text-decoration: none;
    display:block;
    font-weight:bold;
}

table.feed_view a.permalink {
    color: #333;
}

table.feed_view p 
{
    padding:2px;
    margin:0px;
}

table.tblOrgBillingData td {
    border-top: 0 !important;
}

#tblcourselist > tbody > tr > td {
    text-align: left !important;
}

a.whitelink {
    color: #fff;
    text-decoration: none;
}


.formlabel
{
    color: #222;
    font-size: 12px;
    line-height: 1.4em;
    margin: 10px 0px 2px;
}

.formtitle
{
    background: none;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin: 0px;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

.linebreak {
    border-top: 1px dotted #C0D1EC;
    color: #666;
    padding-top: 5px;
}

p.submit {
    border-top: 1px dotted #C0D1EC;
    color: #666;
    padding-top: 5px;
}

.grade-row {
    padding: 3px;
}

.scorecard {
    border-top:3px solid #666;
    float:left;
    margin:0;
    padding:0;
    width:100%;
    border-collapse:collapse;
    font-size:13px;
}
.scorecard td {
    background:none repeat scroll 0 0 #FFF;
    border-left:1px solid #DDD;
    padding:6px;
}
.scorecard td.last {
    border-right:1px solid #CCC;
}

.big {
    font-size:20px;
    font-weight:500;
    margin:0;
}

.sml {
    font-size:10px;
    color:#aaa;
    margin:0;
}

.belowpar {
    color:Red; 
}

.abovepar {
     color:Blue;
}
.feed{
    margin:0px;
    padding:0px;
}
.feed li{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.feed-title
{
    font-weight:bold;
    padding:5px;
}
.feed-desc
{
    padding:5px;
    border-bottom:solid 1px #ccc;
}
.last-error-time
{
    text-align:center;
    font-size:60px;
    padding:20px;
    color:#ff0000;
}
.last-error
{
    text-align:center;
    font-size:18px;
    border:solid 4px #ff0000;
    background-color:#ff0000;
    -moz-border-radius:8px;    
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:20px;
    color:#fff;
    margin-bottom:10px;
}
.latest-errors tr th,.latest-errors tr td
{
    padding:5px;
    vertical-align:top;
    border-bottom:dashed 1px #ccc;
    font-size:14px;
}
.latest-errors tr.errorSQL td
{
    background-color: #FF6666;
}
.latest-errors tr.error500 td
{
    background-color:#FFFF99;
}
.latest-errors tr.error404 td
{
    background-color: #CCFFFF;
}
#dash
{
    margin:0px;
    padding:0px;
    height:100%;
}
#dash li
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    height:100%;
}
#dash-body
{
    clear:both;
}
iframe
{
    border:none;
    height:100%;
    width:100%;
}
.jcarousel-container-horizontal {
    width: 100%;
}
 
.jcarousel-clip-horizontal {
    width: 100%;
}
.dash-nav
{
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, rgb(10,10,9)),
        color-stop(0.58, rgb(64,62,61)),
        color-stop(0.79, rgb(87,82,87))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(10,10,9) 20%,
        rgb(64,62,61) 58%,
        rgb(87,82,87) 79%
    );
    background-color:#010101;
}
.dash-nav ul
{
    margin:0px 10px;
    padding:0px;
}
.dash-nav ul li
{
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    float: left;
    color:#fff;
    font-size:17px;
    font-weight:bold;
}
.dash-nav ul li.on
{
    background-color: #333333;
    color: #66CCFF;
}
.dash-bg
{
    background-color:#f2f5f0;    
}
.dash-bubble
{
    padding:50px;
    border: solid 4px #ff3300;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin:40px auto;
    width:960px;
    background-color:#fff;  
}
.dash-bubble-footer
{
    margin:0 auto;
    width:960px;
    text-align:right;
}
.dash-med
{
    font-family:Helvetica;
    font-size: 40px;
}
.dash-big
{
    font-family: Helvetica;
    font-size: 60px;
    color: #333;
}



.box-tag
{
    border-width:1px 0;
    border-style:solid;
    margin:0 1px;
    padding:0 !important;
    display:inline-block;
    text-shadow: none;
}
.box-tag span, .box-tag a
{
    border-width:0 1px;
    margin:0 -1px;
    padding:1px 3px !important;
    border-style:solid;
    display:inline-block;
    font-size:10px !important;
    font-weight:normal;
    text-align:center;
    color:#fff;
}
.box-tag-dark-grey, .box-tag-dark-grey span
{
    background-color: #666;
    border-color: #666;
    color:#fff;
}
.box-tag-red, .box-tag-red span, .box-tag-Cancelled, .box-tag-Cancelled span
{
    background-color: #FF4136;
    border-color: #FF4136;
    border-radius: 15%;
}
.box-tag-lightorange, .box-tag-lightorange span
{
    background-color: #ff8635;
    border-color: #ff8635;
}
.box-tag-orange, .box-tag-orange span, .box-tag-Unknown, .box-tag-Unknown span
{
    background-color: orange;
    border-color: orange;
}
.box-tag-green, .box-tag-green span, .box-tag-Customer, .box-tag-Customer span
{
    background-color: #009900;
    border-color: #009900;
    border-radius: 15%;
}

.box-tag-blue, .box-tag-blue span, .box-tag-Customer, .box-tag-Customer span
{
    background-color: #77D9FF;
    border-color: #77D9FF;
    border-radius: 15%;
}

.box-tag-grey, .box-tag-grey span, .box-tag-Free, .box-tag-Free span
{
    background-color: #E4E4E4;
    border-color: #E4E4E4;
    color: #666 !important;
}
.box-tag-grey-orange, .box-tag-grey-orange span
{
    background-color: #39CCCC;
    border-color: #39CCCC;
    border-radius: 15%;
}
.box-tag-grey-lightorange, .box-tag-grey-lightorange span
{
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    color: #ff8635 !important;
}
.box-tag-grey-blue, .box-tag-grey-blue span
{
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    color: #006699 !important;
}
.box-tag-yellow, .box-tag-yellow span, .box-tag-Trialist, .box-tag-Trialist span
{
    background-color: #FFFF99;
    border-color: #FFFF99;
    color: #666 !important;
}
.box-tag-blue, .box-tag-blue span
{
    background-color: #006699;
    border-color: #006699;
    color: #fff !important;
}
.box-tag-lightblue, .box-tag-lightblue span, .box-tag-Sandbox, .box-tag-Sandbox span
{
    background-color: #99ccff;
    border-color: #99ccff;
    color: #444 !important;
}
.box-tag-purply, .box-tag-purply span
{
    background-color: #BC6580;
    border-color: #BC6580;
    color: #fff !important;
}
.box-tag a:hover, .box-tag a:hover span
{
    text-decoration: none !important;
}
a.box-tag:hover, a.box-tag:hover span
{
    text-decoration: none !important;
    background-color: #336699 !important;
    border-color: #336699 !important;
    color:#fff !important;
}
a.box-tag-delete:hover, a.box-tag-delete:hover span
{
    background-color: #E4E4E4 !important;
    border-color: #E4E4E4 !important;
    color:#ff0000 !important;
    text-decoration:line-through !important;
}


 .main-content {
    position: relative;
    -webkit-box-shadow: 0 0 3px #CCC;
    -moz-box-shadow: 0 0 3px #CCC;
    box-shadow: 0 0 3px #CCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #D7D7D7;
    min-height: 500px;
    background-color: white;
    padding: 0 0 30px 0;
}
        
.main-content-header {
    background: #F1F5FA;
    background: #F1F5F9;
    border-bottom: 1px solid #DADEE5;
    padding: 15px;
    margin: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color:#666;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}
        
.main-content-header h3
{
    padding: 7px 0px;
    margin:0;
    color:#666;
    text-shadow: 0px 1px 1px #fff;
    text-transform:uppercase !important;
}

.litmos-small-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    color: #4d4d4d;
    text-transform: capitalize !important;
}

.litmos-small-header a,
.litmos-small-header a:hover {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    text-decoration: none;
    color: #4d4d4d;
    text-transform: capitalize !important;
}

.pad5 {
    padding: 5px 0px;
}
        
.small-text
{
    font-size:11px;
    color:#666;
}

.stats-box {
    background-color: #FCFCFC;
    border: 2px solid #E5E5E5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom:10px;
}

.stats-detail
{
    padding:10px;
    font-size:.8em;
}

.big-button
{
    padding:0px !important;
    text-decoration:none;
    color:#333 !important;
    font-weight:bold;    
}
.big-button span.left
{
    background:url(../images/btn-lge-sprite.png) 0px -64px repeat-x;
    line-height:32px;
    margin:0px 4px;
    display:inline-block;    
}
.big-button span.mid
{
    background:url(../images/btn-lge-sprite.png) 0px 0px no-repeat;
    display:inline-block;
    line-height:32px;
    margin-left:-4px;
    padding-left:5px;
}
.big-button span.right
{
    display:inline-block;
    height:32px;
    background:url(../images/btn-lge-sprite.png) 100% -32px no-repeat;
    line-height:32px;
    margin-right:-4px;    
}
.big-button span.icon_add
{
    display:inline-block;
    height:32px;  
    padding-left:30px;
    padding-right:10px;
    background:url(../images/icons/add_lge.png) 0px 4px no-repeat;    
}
.big-button span.icon_tick
{
    display:inline-block;
    height:32px;  
    padding-left:30px;
    padding-right:10px;
    background:url(../images/icons/circle_tick.png) 0px 4px no-repeat;    
}
.big-button span.icon_cross
{
    display:inline-block;
    height:32px;  
    padding-left:30px;
    padding-right:10px;
    background:url(../images/icons/circle_cross.png) 0px 4px no-repeat;    
}
.big-button span.icon_go
{
    display:inline-block;
    height:32px;  
    padding-left:30px;
    padding-right:10px;
    background:url(../images/icons/circle-play.png) 0px 4px no-repeat;    
}

.big-button span.no_icon
{
    display:inline-block;
    height:32px;  
    padding-left:2px;
    padding-right:10px;  
}

.big-button:hover
{
    text-decoration:none;
}
.big-button:hover span.left
{
    background:url(../images/btn-lge-sprite.png) 0px -160px repeat-x; 
}
.big-button:hover span.mid
{
    background:url(../images/btn-lge-sprite.png) 0px -96px no-repeat;
}
.big-button:hover span.right
{
    background:url(../images/btn-lge-sprite.png) 100% -128px no-repeat;   
}

.fright
{
    float:right;
}
.fleft
{
    float:left;
}

.pricing-plan {
    position: relative;
    -webkit-box-shadow: 0 0 3px #CCC;
    -moz-box-shadow: 0 0 3px #CCC;
    box-shadow: 0 0 3px #CCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #D7D7D7;
    background-color: white;
    padding: 0 0 5px 0;
}
        
.pricing-plan-header {
    background-color:#333;
    background-image: -moz-linear-gradient(top, #666, #333);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #666), color-stop(1, #333));
    border-bottom: 1px solid #DADEE5;
    color:white;
    padding: 5px 10px;
    margin: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.pricing-plan-body 
{
    padding: 5px 10px;
}


.grid-tabs
{  
    margin-bottom:10px;
    border-bottom:solid 4px #bbb;    
}
.grid-tabs ul
{
    margin:0px;
    padding:10px 5px 0px 5px;
}
.grid-tabs ul li 
{
    margin:0px 3px;
    padding:0px;
    float:left;
    list-style-type:none; 
}
.grid-tabs ul li a, .grid-tabs ul li a:link, .grid-tabs ul li a:visited
{
    display:block;
    padding:5px 10px;
    background-color:#eee;
    -moz-border-radius:5px 5px 0px 0px; 
    -webkit-border-radius:5px 5px 0px 0px;
    color:#333;
    text-decoration:none; 
}
.grid-tabs ul li a:hover
{
    background-color:#dcdcdc;      
}
.grid-tabs ul li a.selected:hover 
{
    background-color:#fff;       
}
.grid-tabs ul li a.selected
{
    background-color:#bbb !important;
    font-weight:bold;
}

.small-image {
    width: 120px;
    height: 120px;
    padding: 5px;
    box-shadow: 0px 0px 10px #2A2A2A;
    margin: 5px 15px 5px 5px;
}

.big-number-drk {
    color: #666;
    font-size: 36pt;
    line-height: 0.5;
}

.big-number {
    color: #bbb;
    font-size: 36pt;
    line-height: 0.5;
}

.divider-vertical {
height: 50px;
margin: 0 9px;
border-left: 1px solid #F2F2F2;
border-right: 1px solid #FFF;
}


.tooltipX {
    position: relative;
    display: inline-block;
}

    .tooltipX .tooltiptext {
        visibility: hidden;
        width: 220px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%;
    }

        .tooltipX .tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent black transparent transparent;
        }

    .tooltipX:hover .tooltiptext {
        visibility: visible;
    }

.tooltipMenuItem {
    position: relative;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .tooltipMenuItem .tooltiptext {
        visibility: hidden;
        width: 220px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%;
    }

        .tooltipMenuItem .tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent black transparent transparent;
        }

    .tooltipMenuItem:hover .tooltiptext {
        visibility: visible;
    }


/*************** HELPER CLASSES *****************/

.mt-0 {
    margin-top: 0 !important;
}

.mt-03 {
    margin-top: 0.3em !important;
}

.mt-half {
    margin-top: .5em !important;
}

.mt-2 {
    margin-top: 2em !important;
}

.mb-1 {
    margin-bottom: 1em !important;
}

.ml-1 {
    margin-left: 1em !important;
}

.mr-1 {
    margin-right: 1em !important;
}

/*************** FILTER CLASSES *****************/

.filter_active_button {
    background-color: #49AB42;
    color: White;
    font-family: 'Open Sans', Helvetica;
    border-radius: 50px;
    padding: 10px;
    margin-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.filter-deactive-button {
    color: #fff;
    margin-left: 5px;
}

.input-group #searchIconBtn, .input-group #elasticSearchIconBtn, .input-group #contractMaterialSearchIconBtn {
    position: absolute;
    z-index: 900;
    padding: 7px 12px;
    left: 0;
    top: 0;
}

.lmsFilter_list {
    top: 58%;
    left: 3%;
}

#searchBox, #elasticSearchBox, #contractMaterialSearchBox {
    border-radius: 3px;
    padding: 1px 0 0 40px;
}

#searchBoxGroup {
    border-radius: 3px;
    padding: 1px 0 0 40px;
}

#filterListModalSubmit {
    background-color: #49AB42;
    border-color: #49AB42;
}

#numberOfCoursesSelected {
    text-transform: inherit !important;
    margin-left: 10px;
}

#coursesSearchFilter {
    padding-right: 0px;
}

.twitter-typeahead {
    width: 100%;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.tt-menu {
    width: 100%;
    margin: 0px 0px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.pagination-numbers {
    width: 100%;
    margin: 0 auto;
    text-align: center !important;
}

.pagination {
    display: inline-block;
    margin: 25px 0;
    padding-left: 0;
    border-radius: 4px;
}

.coursefilter-total {
    background-color: #5D5D5D;
    color: White;
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 11px;
    font-family: 'Open Sans', Helvetica;
}

.coursefilter-total:hover {
    color: #cccccc;
}

#UsageReportDropdown {
    height: 330px;
    overflow-y: scroll;
}

.provisioningButton {
    margin: 0 10px 0 0;
}

#unprovision {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.downloadButton {
    float: right;
    margin: 0 -5px 0 15px;
    background-color: #ebebeb;
}

.downloadContent {
    float: right;
}

#elasticTabNav > li {
    display: inline-block !important;
}