TCPartialFooter/*
   File: topclassNewUI.css
   Author: pcooney
   Copyright WBT Systems, 2013-2015
   Contents:
*/
/*
   Date:          Author:  Comments:
   10th Jul 2013  pcooney  #16145 Old-new UI complementary framework
   11th Jul 2013  pcooney  #16145 Old-new complementary UI framework
   26th Jul 2013  pcooney  #16145 New UI Framework
   31st Jul 2013  pcooney  #16145 Styling for complementary framework
   31st Jul 2013  pcooney  #16146 New UI styles
    1st Aug 2013  pcooney  #16146 Development on new learning tables
    2nd Aug 2013  pcooney  #16145 Login in IE
    2nd Aug 2013  pcooney  #16146 New UI calendar
    8th Aug 2013  pcooney  #16146 New UI calendar
   12th Aug 2013  jsheil   #16146 UI Layout and CSS changes for TopClass Now!
   13th Aug 2013  pcooney  #15744 Improve date picker
   14th Aug 2013  dkelly   #15254 Add new Template for Self Reg - ported from JSP - Tidy up of UI/UX issues
   15th Aug 2013  dkelly   #15898 Adjust form so it splits to 2 columns on wide screens
   15th Aug 2013  jsheil   #16146 Remove obsolete css
   15th Aug 2013  pcooney  #16226 New UI not looking or behaving well in IE
   15th Aug 2013  pcooney  #16229 Improve appearance of content frames in New UI
   16th Aug 2013  pcooney  #16229 Improve appearance of content frames in New UI
   19th Aug 2013  pcooney  #16229 Improve appearance of content frames in New UI
   21st Aug 2013  pcooney  #16146 New styles for lists and popups in TC Now!
   21st Aug 2013  pcooney  #16146 Lists and modals in TopClass Now!
   22nd Aug 2013  jsheil   #16146 TCNow Styles.
   22nd Aug 2013  pcooney  #16226 Fix for dropdown menus in IE
   26th Aug 2013  pcooney  #16226 Fixes for IE9
   27th Aug 2013  jsheil   #16146 TCNow Styles.
   28th Aug 2013  jsheil   #16146 TC Now Styles
   28th Aug 2013  pcooney  #16310 Learning screen: actions buttons, date column
   28th Aug 2013  pcooney  #16316 Course Home screen tidy-up
    2nd Sep 2013  jroche   #16336 Adding Read and Unread status to the New Students Course Contents tree preview
    3rd Sep 2013  jsheil   #16146 TCNOw Styles
    3rd Sep 2013  pcooney  #16146 Implement bootstrap modals: auto dimensions
    3rd Sep 2013  jsheil   #00005 TCNow UI Styles Tidy Up
    4th Sep 2013  pcooney  #16382 Table in New Courses Widget overflows parent
    4th Sep 2013  jsheil   #16146 TCNow Styles
    5th Sep 2013  jsheil   #16146 Apply TCNow Styles to Inbox Template
    5th Sep 2013  jsheil   #16146 TCNow UI Table List Formatting
    5th Sep 2013  pcooney  #16330 Styling for calendar with side widgets
    5th Sep 2013  jsheil   #16146 TCNow Styles
   11th Sep 2013  jsheil   #00005 Add TCNow DOM Container HTML to topclassNewUI.css
   12th Sep 2013  pcooney  #16432 508 compliance
   12th Sep 2013  pcooney  #16433 Replace JQuery UI Tabs with Bootstrap tabs
   16th Sep 2013  pcooney  #16449 Old date inputs on Advanced Search page
   17th Sep 2013  pcooney  #16471 IE9: hovering on select list rows results in unwanted box shadowing
   27th Sep 2013  jsheil   #16146 Admin Form Styles
    2nd Oct 2013  jsheil   #16146 Add responsive CSS for TCNow
    3rd Oct 2013  riyer    #16497 Questions Bank Implementation
    8th Oct 2013  pcooney  #16558 Remove code for unused prototyped menu options
   10th Oct 2013  pcooney  #16561 Improve client side validation message styling
   14th Oct 2013  pcooney  #16572 Use font icons in page header
   14th Oct 2013  jsheil   #16146 Responsive UI CSS
   16th Oct 2013  pcooney  #16571 Improve UI for admin dashboard
   18th Oct 2013  pcooney  #16571 Improve Admin dashboard
   18th Oct 2013  pcooney  #16609 Styles for designations student screens
   23rd Oct 2013  riyer    #16628 A Course/Page should be able to be created from within an Activity screen
   23rd Oct 2013  pcooney  #16609 Designations student screens
   23rd Oct 2013  pcooney  #16146 Styling tweaks on self registration and catalog browse screens
   24th Oct 2013  jsheil   #16625 Add new Styles for Activity List and Filter screen
   24th Oct 2013  pcooney  #16645 Introduce styled scrolling
   31st Oct 2013  jsheil   #16625 New CSS styles for Activity List Helper Widgets
   31st Oct 2013  pcooney  #16610 Float primary and secondary content areas left for responsivity
    6th Nov 2013  jsheil   #16624 Activity Workflow Styles
    7th Nov 2013  pcooney  #16604 Certification Paths admin screen
   11th Nov 2013  jsheil   #16624 Formdef Action Styles
   12th Nov 2013  pcooney  #16604 Styles for desgnations certification paths admin screen
   13th Nov 2013  jsheil   #16624 New Activity WorkFlow
   18th Nov 2013  jsheil   #16624 New Activity Workflow
   18th Nov 2013  pcooney  #16604 Cerification paths admin screen: credits requirement
   22nd Nov 2013  pcooney  #16604 Certification paths admin screen: credits requirement
   27th Nov 2013  jsheil   #16146 Admin Form Styles
   25th Nov 2013  pcooney  #16604 Certification paths admin screen: popover for edit credit requirement
   27th Nov 2013  pcooney  #16604 Truncate wrapping text in table style lists
    4th Dec 2013  jsheil   #16146 Edit Panel Styles for Admin Forms
    4th Dec 2013  jsheil   #16146 Admin Form Styles
   10th Dec 2013  pcooney  #16146 Change on hover colour for buttons
   11th Dec 2013  jsheil   #16624 Add Admin Form Publish Toggle Switch
   16th Dec 2013  jsheil   #16624 Admin Form Checkboxes
   18th Dec 2013  kcarroll #00003 New field/section level help icons
   18th Dec 2013  jsheil   #16703 Conference Screens UI
    6th Jan 2014  jsheil   #16624 Admin Form UI
    6th Jan 2014  pcooney  #16909 Calendar print view
    6th Jan 2014  pcooney  #16610 Scroll bar appears when user clicks arrow beside Launch Course
    7th Jan 2014  jsheil   #16624 Conferences Admin Forms Switch View
    9th Jan 2014  jsheil   #16146 Admin Form Headers
   10th Jan 2014  pcooney  #16924 Charts for admin screens
   14th Jan 2014  pcooney  #16924 Charts for admin screens
   16th Jan 2014  jsheil   #16624 ILT Session Status Styles
   17th Jan 2014  jsheil   #16624 ILT Session Header Stats
   17th Jan 2014  pcooney  #16924 Charts for admin screens - dealing with Tiny MCE width
   20th Jan 2014  kcarroll #00003 Form/section/field level help tooltips
   22nd Jan 2014  jsheil   #16146 Responsive Layout Styles for Admin Forms
   23rd Jan 2014  jsheil   #16146 Form Styles
   24th Jan 2014  pcooney  #16928 Link to Uploaded Files for Conference and Conference Sessions
   30th Jan 2014  pcooney  #17056 Cannot change a user from enroll to any other status
   30th Jan 2014  pcooney  #17026 Field level validations for dates: warning icon hidden
   31st Jan 2014  jsheil   #16624 UX Styles
   30th Jan 2014  pcooney  #17056 Cannot change a user from enroll to any other status
   30th Jan 2014  pcooney  #17026 Field level validations for dates: warning icon hidden
   31st Jan 2014  pcooney  #16924 Charts for admin screens - restoring Tiny MCE width
    5th Feb 2014  jsheil   #17035 New Question Admin UX
   10th Feb 2014  pcooney  #16924 Charts for admin screens - restoring Tiny MCE width
   13th Feb 2014  jsheil   #17084 When in student Mode and < 768 width, restrict menus to those supported by Phone
   25th Feb 2014  tbuckley #17087 New student mobile styles
   24th Feb 2014  pcooney  #17159 Styles for purchase designations screens
    6th Mar 2014  pcooney  #16479 Designations styles
    6th Mar 2014  tbuckley #17028 Inline Help style updates
   11th Mar 2014  tbuckley #17105 Help styles
   19th Mar 2014  pcooney  #16479 Designation styles
   20th Mar 2014  pcooney  #17164 Designations student screens styles
   24th Mar 2014  jsheil   #17252 Content Navigation
   24th Mar 2014  tbuckley #16371 Style for new shopping cart mobile display view
   26th Mar 2014  tbuckley #16371 New shopping cart mobile view styles
   27th Mar 2014  jsheil   #17252 Content Navigation
   28th Mar 2014  jsheil   #17252 Content Navigation
   29th Mar 2014  jsheil   #17252 Content Navigation
    1st Apr 2014  jsheil   #17252 Content Navigation
    2nd Apr 2014  pcooney  #17164 Designations learning screens
    2nd Apr 2014  jsheil   #17252 Add Content Path to Student/Admin Preview
    3rd Apr 2014  tbuckley #16371 Added styles for mobile shopping cart views
    8th Apr 2014  pcooney  #17384 Ensure dropdown items visible on Actions
    9th Apr 2014  tbuckley #16371 Mobile view shopping cart styles
   10th Apr 2014  jsheil   #17252 Content Navigation Styles
   10th Apr 2014  pcooney  #17162 Trigger the rollup bean when every type of activity is completed
   10th Apr 2014  tbuckley #16371 Mobile shopping cart styles
   10th Apr 2014  pcooney  #17384 Ensure dropdown items visible on Actions
   14th Apr 2014  jsheil   #16571 Admin Catalog KeyWord Tag Cloud Widget
   17th Apr 2014  pcooney  #17164 Designations styles
   24th Apr 2014  tbuckley #17477 Set text-rendering to auto to prevent safarai display issues
   24th Apr 2014  jsheil   #17252 Content Actions Styles
   25th Apr 2014  pcooney  #17164 Designations progress styles
   29th Apr 2014  jsheil   #16146 Email specific UI/UX Styles
    2nd May 2014  tbuckley #17285 Updates for new font icons set with png failover
    8th May 2014  pcooney  #16146 Reduce opacity of shortcut icons
   13th May 2014  pcooney  #16604 Styles for cert path enrollment management
    2nd May 2014  tbuckley #17285 Updates for new font icons set with png failover
   14th May 2014  jsheil   #17261 Reimplement Blended workflow in new Content Infrastructure
   14th May 2014  jsheil   #17252 Responsive Layout for Tests
   16th May 2014  jsheil   #17256 Complete Submission Template in new infrastructure
   23rd May 2014  pcooney  #16604 Enrollments at designation level
   26th May 2014  pcooney  #16604 User cert path details on admin enrollments tab
    9th Jun 2014  jsheil   #17629 Activity layout incorrect in IE10
    9th Jun 2014  pcooney  #16604 Designation enrollment styles
   12th Jun 2014  jsheil   #17576 Activity Overview Styles
    1st Jul 2014  jsheil   #17734 Language Picker #17739 Old-Style Login screen
   10th Jul 2014  jsheil   #00005 Linting of StyleSheets
   17th Jul 2014  lisa     #17822 Global Login Screen Custom Text Per Language
   30th Jul 2014  pcooney  #17705 - Mobile-first email
    5th Aug 2014  jsheil   #17898 Refactor Formdef Header Menu Actions #17899 Refactor JSP Header Menu Actions #17895 Refactor Formdef Form header #17896 Refactor JSP Form header
    8th Aug 2014  jsheil   #17893 Refactor Formdef Navigation Tabs
    8th Aug 2014  pcooney  #17770 New Account Registration Screen is not responsive
   19th Aug 2014  luis     #17888 Develop framework to allow users to control/change the shortcuts they have available
   20th Aug 2014  jsheil   #17898 Refactor formdef header menu actions
   20th Aug 2014  pcooney  #17968 Implement inline editing for TinyMCE content fields
   21st Aug 2014  luis     #17888 Develop framework to allow users to control/change the shortcuts they have available
   22nd Aug 2014  jsheil   #16146 Modal Forms
   27th Aug 2014  jsheil   #17893 Refactor Formdef Navigation Tabs
   27th Aug 2014  pcooney  #17991 Inline editing for content
   28th Aug 2014  luis     #17956 UI: External training tab screen not visually consistent with app
    2nd Sep 2014  jsheil   #17893 Refactor Formdef Navigation Tabs
    2nd Sep 2014  pcooney  #18013 Remove NewUI Switch
   10th Sep 2014  jsheil   #17898 Refactor formdef header menu actions - Handle multiple buttons
   16th Sep 2014  pcooney  #18056 Hierarchy view of content
   22nd Sep 2014  jsheil   #17653 Embedding PDF Content Styles
   25th Sep 2014  pcooney  #18068 Implement License Pool Maintenance Screen
   26th Sep 2014  tbuckley #18078 Remove marhin for modal
    1st Oct 2014  pcooney  #18068 Implement License Pool Maintenance Screen
    7th Oct 2014  tbuckley #18121 Style language picker to prevent it losing focus
    7th Oct 2014  jsheil   #18125 Add Rank Me Chart Functionality to Submission
   14th Oct 2014  pcooney  #18129 Can't view Certification path when enrolling in a Zero Priced designation
   17th Oct 2014  tbuckley #18189 Wrap text in notifications create modal
   21st Oct 2014  jsheil   #18119 Popup Select Formatting
   16th Oct 2014  pcooney  #18068 Implement Multiple License Pool Creation Wizard
   21st Oct 2014  pcooney  #18068 Implement License Pool Maintenance Screen
   23rd Oct 2014  jsheil   #18147 Notification variable substitution styles
   29th Oct 2014  jsheil   #18224 UI Mechanism for Substitution Variables in Subject and Body
   29th Oct 2014  tbuckley #18251 New class for languages dropdown
   30th Oct 2014  pcooney  #18242 License Pools Wizard: general post-review fixes
    3rd Nov 2014  pcooney  #18272 Ask to apply activities when closing License Pool Wizard
    3rd Nov 2014  pcooney  #18280 Add description on first page of license pool wizard
    5th Nov 2014  pcooney  #18296 License Pool multi-creation warning dialog
    6th Nov 2014  jsheil   #18260 Allow for preview of notification rules
    7th Nov 2014  pcooney  #18335 Don't show again option for License Pool multi-create warning
   13th Nov 2014  pcooney  #18406 Apply license pool notification styles across system
   14th Nov 2014  jsheil   #18452 Implement new Partition Picker Logic
   14th Nov 2014  pcooney  #18454 New Styling for info messages not suitable for formdefs
   19th Nov 2014  jsheil   #18224 UI Mechanism for Substitution Variables in Subject and Body
   25th Nov 2014  luis     #18484 Exclude activity from LP check does not remove activity from LP
   27th Nov 2014  jsheil   #16146 AutoWidth style
   28th Nov 2014  jsheil   #18551 Filtering login name shows results of page 2 instead of defaulting to page 1
    4th Dec 2014  jsheil   #17729 Mobile Enabled PopupSelect
    5th Dec 2014  luis     #18594 Remove 'X' to close modal
    9th Dec 2014  pcooney  #18348 UI: Overlapping text when selecting cert path on smaller screens e.g. iPhone 4, iPad
   10th Dec 2014  jsheil   #17734 Language Picker
   11th Dec 2014  tbuckley #18684 Added sync with personify button styling
   12th Dec 2014  jsheil   #18689 UX Issues for Notifications
   12th Dec 2014  pcooney  #18694 Notifications Trigger Matrix admin screen
   15th Dec 2014  pcooney  #18694 Notifications Trigger Matrix admin screen
   17th Dec 2014  luis     #18157 When logging out from a partition, user is brought back to global login screen rather than partition one
   17th Dec 2014  antonio  #18699 Implement Resend functionality
   19th Dec 2014  jsheil   #17729 Mobile Enabled PopupSelect
    9th Jan 2015  pcooney  #18779 Notification History needs a preview of original message
    9th Jan 2015  pcooney  #18777 Cannot resend notifications from different pages
   12th Jan 2015  pcooney  #18757 Resending multiple notifications sent many times
   21st Jan 2015  pcooney  #18377 Self Registration issues when using Simple login
   22nd Jan 2015  askelly  #18776 Results not showing total for Mail screen
   28th Jan 2015  pcooney  #18890 Allow custom stylesheet upload for content
   30th Jan 2015  pcooney  #18118 Mandatory WYSIWYG Fields
    5th Feb 2015  jsheil   #18780 Add search, filter, sort to Admin Screens
   19th Feb 2015  jsheil   #18902 Apply new design changes agreed in Epic to Popup Select #19063 Architecture for adding search, filter, sort to Admin Screens
   26th Feb 2015  jsheil   #19123 Review Responsive/Fluid Layout across for Popup Select
    9th Mar 2015  jsheil   #19202 Pagination on top and bottom of search lists
    9th Mar 2015  jsheil   #18906 Add date search, sort, filter on formdef Lists
   11th Mar 2015  jsheil   #18904 Change search, sort, filter on Learning Activities screen
   12th Mar 2015  jsheil   #19240 Allow for upward collapse of panels on Activity List
   18th Mar 2015  jsheil   #19242 Error in alignment of Hide/Show icon for ActivityList Breakdown section collapse
*/
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body, .ui-datepicker {
  font-family: 'Open Sans', sans-serif;
}

body {
    font-size: 13px;
    max-height: 100%;
    background: #FFFFFF;
}

label, input, button, select, textarea {
  font-size: 13px;
}

/* Sticky Footer specific CSS here */
/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;
}

img,
embed,
object,
video {
  height: auto;
  max-width: 100%;
}

.TCBody {
    background-color: #FFFFFF;
    margin-bottom: 60px;
}

.tc-font-icon_none {
  display: none;
  visibility: hidden;
  height: 0;
  width: 0;
}

#tc-main-container {
    /*overflow: hidden; removed 2nd Oct 2013*/
    float: left;
    width: 100%;
}

#tc-main-container-row-fluid {
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-top: 5px;
  top: 40px;
  position: relative;
}

#tc-main-primarycolumn {
  float: left;
  padding-left: 15px;
}

#tc-main-secondarycolumn,
.tc-secondary-column {
  float: right;
  padding: 0 15px;
  margin-left: 0;
  float: right;
}

#tc-main {
  margin-bottom: 30px;
}

.main-content {
    min-height: 100%;
    overflow: none;
}

.main-content #search {
  float: left;
  width: 100%;
}
.TCNewMainContainer {
        background-color: #FFFFFF;
        float: left;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        top: 70px;
}

.TCMainContainerUser {
        margin-right: 0;
        margin-left: 0;
        background-color: #FFFFFF;
        top: 0;
        padding-bottom: 60px;
        /*overflow-y: hidden;
        overflow-x: hidden; removed 2nd Oct 2013*/
        height: 100%;
        min-height: 100%;
        padding-right: 5px;
}

#tc-main-container-fluid.TCMainContainer_Anon {
  margin-bottom: 30px;
  padding-left: 0;
}

.tc-message-anon{
  margin-bottom: 30px;
}

.right {
        float: right;
}

.TCIndent {
        padding-left: 55px;
        position: relative;
}

.modal-open .TCIndent {
  /*padding-left: 15px;*/
}

.TCDisplayNone {
  display: none !important;
}

::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;
}

:-ms-input-placeholder {
   font-style: italic;
}

iframe {
   border: 0;
}

i:hover {
  text-decoration: none !important;
}

#tc-calendarPrintLink {
  font-size: 2.3em;
  padding-left: 5px;
  position: relative;
  top: 5px;
}

#modalPopup .modal-body {
  padding: 0;
}

/* BANNER ON LOGIN PAGE
-----------------------*/

#TCLoginBanner {
  padding-left: 100px;
  padding-right: 100px;
  width: auto;
}

/* ZONE LAYOUT
------------*/

#TClayout0 {
    background: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F6F6F7), color-stop(90%, #E6E7E8));
}

#tc-zone-1, #tc-zone-2, #tc-zone-3 {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
}

#tc-zone-1 {
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E7E8');
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(40%, #F1F2F2), color-stop(70%, #E6E7E8), color-stop(90%, #ffffff));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #F1F2F2 40%, #E6E7E8 70%, #ffffff 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #ffffff 0%, #F1F2F2 40%, #E6E7E8 70%, #ffffff 100%);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #ffffff 0%, #F1F2F2 40%, #E6E7E8 70%, #ffffff 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #ffffff 0%, #F1F2F2 40%, #E6E7E8 70%, #ffffff 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #ffffff 0%, #F1F2F2 40%, #E6E7E8 70%, #ffffff 100%);
}

#tc-zone-3 {
        margin-left: 0;
}

.span3, .span9, .span1, .span11 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#tc-main-container-row-fluid .span9 #tc-main-primarycolumn {
    padding-left: 0;
}

/* TOP NAV BAR (STANDARD)
-------------------------*/
#tc-header-logo-user,
#tc-header-logo {
  margin-right: 35px;
  min-width: 95px;
  margin-top: 2px !important;
  float: left;
  margin-left: 10px;
  width: 120px;
}

#tc-header-logo{
  float: left;
}

.TCLogo {
  background: url(newui-images/Navex_lms_logo.png) no-repeat !important;
  width: 170px;
  height: 40px;
  cursor: pointer;
  display: block;
  text-align: left;
  margin-left: 0;
}

.TCHeaderUser,
.TCHeaderNoUser,
#tc-header-nouser-container-collapse {
  height: 40px;
  background: #FFFFFF;
  color:#000000;
  /* Webkit (Safari/Chrome 10) */
 /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373334), color-stop(90%, #343131));*/
  /* Webkit (Chrome 11+) */
  /*background-image: -webkit-linear-gradient(top, #393637 0%, #343131 90%);*/
  /* Mozilla Firefox */
  /*background-image: -moz-linear-gradient(top, #393637 0%, #343131 90%);*/
  /* IE10 Consumer Preview */
  /*background-image: -ms-linear-gradient(top, #393637 0%, #343131 90%);*/
  /* Opera */
  /*background-image: -o-linear-gradient(top, #393637 0%, #343131 90%);*/
  /* W3C Markup, IE10 Release Preview */
  /*background-image: linear-gradient(to bottom, #393637 0%, #343131 90%);*/
  /* IE9 */
  filter: none;
}





#tc-header-nouser-container-fluid #tc-language-picker {
  /*margin-right: 20px;*/
}

#tc-main-container .tc-user-lang,
#tc-nav-menu-container .tc-user-lang,
#tc-header-nouser .tc-user-lang {
  background: inherit;
  border: 0 none;
  box-shadow: none;
  line-height: 20px;
  padding: 5px 2px;
  text-align: left;
  text-shadow: none;
  margin: 5px 5px 5px 10px;
  font-size: 0.8em;
  color: #919395;
  outline: none;
}

#tc-main-container .tc-user-lang,
#tc-header-nouser .tc-user-lang {
  font-size: inherit;
  margin: 0;
  padding: 5px 2px;
  width: 100%;
  line-height: inherit;
}

#tc-header-nouser .tc-user-lang {
  font-size: 0.85em;
  line-height: 20px;
}

#tc-main-container .tc-user-lang span,
#tc-nav-menu-container .tc-user-lang span,
#tc-header-nouser .tc-user-lang span {
  display: inline-block;
  padding: 0;
}

#tc-main-container .tc-select-user-lang li span,
#tc-nav-menu-container .tc-select-user-lang li span,
#tc-nav-menu-container .tc-user-lang span span,
#tc-main-container .tc-user-lang span span,
#tc-header-nouser .tc-select-user-lang li span {
  display: inline-block;
  padding-left: 5px;
}

#tc-header-nouser .tc-user-lang span.tc-language-name {
  display: none;
}

#tc-language-picker .tc-language-flag {
  width: 16px;
  height: 16px;
}

.tc-language-picker {
  display: inline;
}

.tc-lang-items a,
.tc-lang-items a:hover {
  text-decoration: none;
}

#sidr-id-tc-nav-menu-list .tc-language-picker {
  display: inherit;
}

#tc-header-nouser #tc-header-socialbar {
  width: 100px;
}

#tc-main-container .tc-user-lang:hover,
#tc-nav-menu-container .tc-user-lang:hover,
#tc-header-nouser .tc-user-lang:hover {
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 1px #919395;
  -moz-box-shadow: 0px 0px 5px 1px #919395;
  box-shadow: 0px 0px 5px 1px #919395;
}

#tc-main-container .tc-user-lang span a,
#tc-nav-menu-container .tc-user-lang span a,
#tc-header-nouser .tc-user-lang span a {
  padding: 0;
}

#tc-main-container .tc-user-lang i,
#tc-nav-menu-container .tc-user-lang i,
#tc-header-nouser .tc-user-lang i {
  color: #919395;
}

#tc-nav-menu-container .tc-select-user-lang {
  background-color: #1A1A1A;
  border: 1px solid #000;
  margin-left: 10px;
  left: 0;
  right: inherit;
}

#tc-main-container .tc-select-user-lang,
#tc-header-nouser .tc-select-user-lang {
  background-color: #f8f8f8;
  border: 1px solid #f4f4f4;
  margin-left: 0px;
  left: 0;
  right: inherit;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

#tc-nav-menu-container .tc-select-user-lang li {
  background-color: #1A1A1A;
  /*border:1px solid #f8f8f8;*/
  line-height:30px;
}

#tc-main-container .tc-select-user-lang li,
#tc-header-nouser .tc-select-user-lang li {
  background-color: #f8f8f8;
  border:1px solid #e4e4e4;
  line-height:30px;
}

#tc-nav-menu-container .tc-select-user-lang li:hover,
#tc-main-container .tc-select-user-lang li:hover,
#tc-header-nouser .tc-select-user-lang li:hover {
  /*
  border-top: 1px solid #0093D9;
  border-bottom: 1px solid #0093D9;
  */
}

#tc-main-container .tc-select-user-lang li img,
#tc-nav-menu-container .tc-select-user-lang li img,
#tc-header-nouser  .tc-select-user-lang li img,
#tc-main-container .tc-user-lang span a img,
#tc-nav-menu-container .tc-user-lang span a img,
#tc-header-nouser .tc-user-lang span a img {
  width: 16px;
  height: 16px;
  padding-right: 0;
}

#tc-main-container .tc-select-user-lang li a,
#tc-nav-menu-container .tc-select-user-lang li a,
#tc-header-nouser .tc-select-user-lang li a {
  line-height:30px;
  font-size: 0.9em;
  white-space: inherit;
  padding-left: 10px;
  color: #919395;
  padding-top: 3px;
  padding-bottom: 3px;
}

#tc-main-container .tc-select-user-lang li a:hover,
#tc-nav-menu-container .tc-select-user-lang li a:hover,
#tc-header-nouser .tc-select-user-lang li a:hover {
  background: inherit;
  color: #919395;
  /*text-decoration: underline;*/
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 1px #919395;
  -moz-box-shadow: 0px 0px 5px 1px #919395;
  box-shadow: 0px 0px 5px 1px #919395;
}

#tc-notifications-lang {
  color: inherit;
}

#tc-nav-menu {
  background-color: #EC7632;
  height: 40px;
  margin-left: 0;
  margin-top: 0 !important;
  position: relative;
  width: 45px;
}

.tc-menu-obj {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.tc-menu-obj div {
  /*font-size: 1.3em;*/
  display: inline-block;
  position: relative;
  /*border-left: 1px solid #ccc;*/
  /*margin-left: 10px;*/
  width: auto;
  cursor: pointer;
}

.tc-menu-obj div:hover {
  background: #eeeeee;
}

.tc-menu-obj div i.tc-font-icon_list:before {
  margin: 0;
}

.tc-menu-obj div i.tc-font-icon_arrow-down2:before {
  margin: 0;
}

#tc-header-user #tc-nav-menu-ctrl {
  display: block;
  padding-left: 0;
  -webkit-transition: all .6s cubic-bezier(0.165,.84,.44,1);
}

#tc-header-user #tc-nav-menu-ctrl.opened {
  transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
}

.TCHeader #tc-nav-menu-ctrl {
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

#tc-nav-menu:hover {
  background-color: #F46614;
  cursor: pointer;
}

div#tc-nav-menu.open {
  background-color: #EC7632;
}

#tc-nav-menu a {
  background: url(newui-images/main_menu_off.png) no-repeat;
  background-position: 12px 10px;
  height: 100%;
  position: relative;
  width: auto;
}

.tc-context-menu {
  color: #006697;
}

#tc-header-user,
#tc-header-nouser {
  margin-right: 0;
}

#tc-header-nouser {
  margin-left: 0;
}

#tc-header-nouser-inner.navbar-inner > #tc-header-nouser-container-fluid .nav-collapse {
  overflow: hidden !important;
  height: 0px;
  top: -5px;
  display: none;
  text-align:right;
}



#tc-header-nouser-container-fluid .nav-collapse .TCSearchCatalog > form {
  float: right;
}

#tc-header-nouser-container-fluid .nav-collapse #tc-header-searchmenu-container {
  text-align: right;
}

#tc-header-nouser-container-fluid .nav-collapse #tc-header-searchmenu.dropdown-menu,
#tc-header-nouser-container-fluid .nav-collapse #tc-header-searchmenu.dropdown-menu > li > a {
  background-color: inherit;
  margin: 0;
}

#tc-header-nouser-container-fluid .nav-collapse #tc-header-searchbar .control-group {
  margin-bottom: 0;
}

#tc-header-collaspse-menu > li{
  height: auto;
  max-width: inherit;
  width: 100%;
  display: block;
  float: left;
}

#tc-header-nouser.TCHeaderNoUser #tc-header-collaspse-menu li>#tc-header-searchbar,
#tc-header-nouser.TCHeaderNoUser #tc-header-collaspse-menu li>#tc-header-socialbar {
  float: right;
  text-align:right;
}

#tc-header-nouser-menu {

}

#tc-header-user-cart,
#tc-header-searchbar-mobileIcon {
  width: auto;
  float: left;
}

#tc-header-user-cart a,
#tc-header-searchbar-mobileIcon a {
  display: block;
  margin-top: 3px;
  position: relative;
  height: 20px;
  width: 22px;
  padding-right: 8px;
}

#tc-header-searchbar-mobileIcon a {
  padding-left: 8px;
}

#tc-header-user-cart a.tc-font-icon_cart6,
#tc-header-searchbar-mobileIcon a.tc-font-icon_search3 {
  color: #919395;
  font-size: 1.5em;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

#tc-header-user-cart a.tc-font-icon_cart6:hover,
#tc-header-searchbar-mobileIcon a.tc-font-icon_search3:hover {
  text-decoration: none;
}

#tc-header-user-cart a:hover,
#tc-header-searchbar-mobileIcon a:hover {
  color: #FFFFFF;
}

.mobileCatalogHeaderDetails,
.mobileCatalogItemDetails,
.mobileCatalogItemActions {
  float: left;
  padding-bottom: 5px;
  width: 100%;
}

.mobileCatalogItemDetails,
.mobileCatalogItemActions {
  border-top: 2px dotted #DDDDDD;
  padding-top: 5px;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-user-cart a {
  color: #919395;
  margin-left: 10px;
  text-decoration: none;
  width: 100%;
}

#tc-header-user-name {
  float: left;
  margin-left: 5px;
  margin-top: 1px;
}

#tc-header-user-details {
  font-size: 1em;
  padding-top: 5px;
  min-width: 200px;
  width: 220px;
}

#tc-header-user-details div {
  display: inline-block;
}

#TCLeftNav #tc-header-user-details {
  margin-left: 5px;
}

#tc-header-user #tc-header-user-details,
#tc-header-nouser #tc-header-user-details {
  margin-left: 120px;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-user-details div#tc-header-user-cart {
  display: block;
  clear: both;
  padding-top: 10px;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-user-details div#tc-header-user-cart a span {
  display: inline-block;
  font-size: 0.68em;
}

/*
.TCHeaderUser > div {
  margin-top:5px;
  margin-bottom: 0;
}
*/

#tc-header-user > .navbar-inner,
#tc-header-nouser > .navbar-inner,
#tc-header-user-search > .navbar-inner,
#tc-header-nouser-search > .navbar-inner {
  height: 40px;
  box-shadow: none;
  border-width: 0 0 0 0;
  background-color: inherit;
  background-image: inherit;
  background-position: inherit;
  background-repeat: inherit;
  border-color: inherit;
}

#tc-header-user-inner.navbar-inner > #tc-header-user-container-fluid > div.nav-collapse > div,
#tc-header-nouser-inner.navbar-inner > #tc-header-nouser-container-fluid > div.nav-collapse > div,
#tc-header-nouser-inner.navbar-inner > #tc-header-nouser-container-fluid > div {
    margin-bottom: 0;
    margin-top: 5px;
}

#tc-header-user-container-fluid,
#tc-header-nouser-container-fluid {
  margin: 0;
  padding: 0;
}

#tc-header-user-search {
  display: none;
  height: 40px;
  width: 100%;
  top: 40px;
  margin: 0px;
}

#tc-header-user-search .input-append {
  margin: 5px 5px 0px 5px;
  width: 100%;
  text-align: left;
}

#tc-header-user #tc-nav-menu {
  float: right;
}

#TCLeftNav.TCHeaderUser #tc-header-searchbar {
  margin-left: 0;
  float: right;
}

div#tc-header-searchbar.span3 {
  width:240px;
}

#tc-header-user.TCHeaderUser #tc-header-searchbar,
#tc-header-nouser.TCHeaderNoUser #tc-header-searchbar,
#tc-header-nouser #tc-header-searchbar {
  margin-left: 0;
  float: left;
  z-index: 0;
}

#tc-admin-list-form {
  margin-left: 15px;
}

#tc-admin-list-create,
#tc-admin-sync-personify {
  font-size: 1.2em;
  width: 250px;
  margin-left: 0;
}

.form-search .input-append,
#tc-admin-list-filter .input-append {
  font-size: 13px;
}

.form-search .input-append .search-query,
.form-search .input-append #filter_list
{
  border-radius: 0 9px 9px 0;
  font-size: 0.9em;
  -moz-border-radius: 0 9px 9px 0;
  -webkit-border-radius: 0 9px 9px 0;
}

.form-search #mobileViewSearchInput
{
  font-size: 0.9em;
  width: 124px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-right: 5px;
}

#tc-header-user-search.form-search .input-append .btn {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  padding-left: 8px;
  padding-right: 8px;
}

.form-search .input-append #filter_list{
  border-width: 0;
  font-size: 1.2em;
}


#tc-admin-list-filter .controls,
#tc-admin-list-filter .controls .input-append {
  width: 100%;
}

.form-search .input-append .btn,
#tc-admin-list-filter .input-append .btn {
  -webkit-border-radius: 9px 0 0 9px;
  -moz-border-radius: 9px 0 0 9px;
  border-radius: 9px 0 0 9px;
  border-color:#919294;
}

.tc-admin-list-search-tip {
  margin-left: 5px;
  font-size: 0.9em;
}

.tc-admin-list-clear {
  padding:0;
  margin:0;
  font-size: 0.9em;
  vertical-align:center;
  border-radius: 4px;
  padding: 2px;
  padding-right:5px;
  margin-top: 2px;
}

.tc-admin-list-clear:hover {
  background: #999999;
  color: #ffffff;
  cursor: pointer;
}

.tc-admin-list-clear a {
  color: inherit;
  text-decoration: none;
}

.tc-admin-list-clear i {
  font-size: 14px;
}

.tc-admin-list-clear i:hover {
  color: #ffffff;
}

ul.tc-data-list li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.tc-data-list li span:before {
  content: " ";
}

#tc-admin-chart-container {
   width: 200px;
   height: 160px;
   padding: 0;
   margin: 0;
   /*border: 1px solid #ddd;*/
   background: #E6E6E6;
   float: right;
   position: relative;
   top: 10px;
   z-index: -1;
}

#tc-admin-list-activities .tc-chart-legend {
  margin-top: 10px;
}

#tc-main-secondarycolumn .tc-chart-legend {
  padding-top: 10px;
}

.tc-chart-legend table {
  width: auto !important;
}

.tc-chart-legend table tr {
  line-height: 20px !important;
}

.tc-chart-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
}

.tc-chart-legend {
  float: left;
}

.tc-chart-legend a.tc-chart-legend-link {
  color: #000000;
}

.tc-chart-label a.tc-chart-legend-link {
  color: #ffffff;
}

.tc-chart-label {
  font-size: 8pt;
  text-align: center;
  padding: 4px;
  color: #ffffff;
}

#tc-chart-container {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding-bottom: 10px;
}
#tc-widget-admin-chart-heading h2 {
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
}


/* TOP NAV BAR (NOT LOGGED IN)
-----------------------------*/

.TCHeader {
  padding-left: 2%;
  padding-right: 2%;
  background: #393637;
  color:#919395;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373334), color-stop(90%, #343131));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #393637 0%, #343131 90%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #393637 0%, #343131 90%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #393637 0%, #343131 90%);
  /* Opera */
  background-image: -o-linear-gradient(top, #393637 0%, #343131 90%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #393637 0%, #343131 90%);
  filter: none;
}

.remove-left-margin {
  margin-left: 0 !important;
}

.TCHeaderLogin {
    height: 70px;
}
.TCNav > .TCNavDivider {
  float:left;
  height:30px;
  width:15px;
  margin-right:5px;
  background: url(icons/divider.png) no-repeat;
}

.tc-nav-link-item:before {
  content: "|";
  float: left;
  margin-right: 5px;
  font-size: 16px;
  color: #919395;
}

#tc-header-login-menubar-item1:before {
   content: "";
}

#tc-header-user-details > .TCNavDivider {
  height:20px;
  width:15px;
  margin-right:2px;
  background: url(icons/divider.png) no-repeat;
  float: left;
}

.TCNav {
  display:block;
  list-style: none;
  margin:0;
}

.TCNav > li {
    line-height: 30px;
}

.divider {
  color: #CCCCCC;
}

#tc-header-socialbar .icons .TCNavBarIcon {
    background: #FFFFFF;
    border-radius: 50%;
    color: #000000;
    float: left;
    font-size: 1.2em;
    height: 25px;
    line-height: 24px;
    margin-right: 4px;
    padding-right: 0;
/*     text-align: right; */
    width: 25px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#tc-header-socialbar .TCNavBarIcon:hover {
    background: #919395;
}

.TCSearchCatalog span,
#tc-admin-list-filter span {
        line-height: 30px;
}

.TCSearchCatalog input,
#tc-admin-list-filter input {
        font-family: inherit;
}

.TCSearchCatalog #tc-header-searchmenu-container {
  text-align: left;
  width:100%;
  z-index:-1;
}

#tc-header-searchmenu.dropdown-menu {
  background-color: #343131;
  color:#919395;
}

#tc-header-searchmenu.dropdown-menu.dropdown-menu > li > a {
  background:#343131;
  color:#919395;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#tc-header-searchmenu.dropdown-menu.dropdown-menu > li > a:hover {
  color:#ffffff;
  background:#1a1a1a;
}




#tc-header-searchmenu-container b.caret {
  border-top-width: 6px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-color:#919395;
  z-index:inherit;
  -webkit-transition: border-top-color 0.4s ease-in-out;
  -moz-transition: border-top-color 0.4s ease-in-out;
  -o-transition: border-top-color 0.4s ease-in-out;
  transition: border-top-color 0.4s ease-in-out;
}

#tc-header-searchmenu-container b.caret:hover {
  border-top-color:#FFFFFF;
}

#tc-header-searchmenu-btn {
  text-decoration: none;
  z-index: 1000;
  color:#919395
}

#tc-header-searchmenu.dropdown-menu {
  margin-top:12px;
}

#tc-header-search-btn,
#tc-filter_list-btn {
  color:#919395;
  text-shadow:none;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

#tc-header-search-btn:hover,
#tc-filter_list-btn:hover {
  color:#FFFFFF;
}

#tc-filter_list-btn {
  font-size: 1.2em;
}

.TCNav a {
  float:left;
  display:inline;
  font-size:0.9em;
  font-weight: normal;
  text-decoration:none;
  text-align:center;
  padding-right: 10px;
  cursor: pointer;
  color:#000000;
}

/*
.TCNav a:hover {
  color:#fff;
}

.TCNav a {
  background: 100% 56% url(newui-images/Grey_arrow_down_8X6.png) no-repeat;
}
.TCNav a:hover {
  background: 100% 56% url(newui-images/White_arrow_down_8X6.png) no-repeat;
}
*/

.TCNav a.tc-nav-nopop {
  background:inherit;
}

.TCHeaderText {
  font-weight:normal;
  position: relative;
  text-align:center;
  color: #919395;
}
.TCSearchCatalog {
  text-align:right;
  position: relative;
}

.TCSearchCatalog > form {
  float: left;
  margin-bottom: 0;
}

.TCSearchCatalog .advanced-search {
  padding-left: 10px;
  float: right;
}

.TCHeaderUser #tc-header-searchbar,
.TCHeaderNoUser #tc-header-searchbar {
        /*background: 100% 25% url(newui-images/Grey_arrow_down_8X6.png) no-repeat;*/
        margin-right: 5px;
}

.TCHeaderUser #tc-header-searchbar-mobileIcon {
  display: none;
}

.TCSearchCatalog .input-append .add-on,
#tc-admin-list-filter .input-append .add-on {
        background-color: #EE7F38;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
}

#tc-admin-list-filter .input-append .add-on {
  height: 30px;
}

.TCSearchCatalog .input-append > input,
#tc-admin-list-filter .input-append > input,
#tc-header-user-search #mobileViewSearchInput {
  background-color: #FFEBD6;
  border: none;
  color: #919395;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
}

.TCSearchCatalog .input-append > span,
#tc-admin-list-filter .input-append > span {
  border: none;
}

.input-append .btn {
  background-image: none;
}

.TCNavBarItem {
/*
  margin-top:20px;
  margin-bottom:20px;
*/
}

#tc-header-socialbar {
  margin-right: 0;
  padding-left: 5px;
  float:right;
}

#tc-header-socialbar.offset3 {
  margin-left:20px;
}

#tc-header-socialbar.span2 {
  width:120px;
}

#tc-header-login {
  width: 170px;
  overflow: hidden;
  float: right;
}

#tc-login-facebook {
  height: 30px;
  margin-bottom: 10px;
}

#tc-login-form>.control-group {
  margin-bottom: 5px;
}

#tc-login-form>.control-group.TCLoginBtn {
  margin-top: 10px;
  padding-top: 0px;
}

#tc-login-form>.control-group.TCLoginBtn>.TCFormButtons {
  text-align: left;
}

#tc-login-form>.control-group.TCLoginBtn>.TCFormButtons button {
  margin-bottom: 10px;
}

#tc-login-form>.control-group.tc-login-password {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#tc-login-form>.control-group.TCNewAccount {
  margin-top: 20px;
}

#j_password {
  margin-bottom: 5px;
}

#tc-login-reset-password {
  margin-top: 0;
  padding-top: 0;
}

#tc-login-form .controls input,
#tc-login-form .control-label {
  font-size: 14px;
  height: 30px;
}

.TCHeader #tc-header-login-menubar a,
.TCHeaderNoUser #tc-header-login-menubar a {
  margin-right: 10px;
}

#tc-header-login-menubar a i.tc-font-icon_arrow-down2 {
  bottom: 2px;
  font-size: 1.3em;
  position: relative;
}

.TCNavBarIcon {
    height: 30px;
    width: 30px;
}
#tc-login-container-row-fluid h1{
    padding-left: 10px;
}
/* SHORTCUTS BAR
-------------------------------------------------- */
#tc-main-shortcuts {
    display: block;
    width: 55px;
    height: 100%;
    left: 0;
    background: #6D6B6C;
    position: fixed;
    z-index: 2;
    top: 40px;
    padding-bottom: 60px;
    float: left;
}

#tc-main-shortcuts-footer {
    display: block;
    width: 55px;
    background: #343131;
    z-index: 1;
    padding-bottom: 0px;
    float: left;
    position:fixed;
    left:0px;
    bottom:0px;
}

#tc-main-shortcuts nav ul,
#tc-main-shortcuts-footer nav ul  {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
}

#tc-main-shortcuts nav ul li,
#tc-main-shortcuts-footer nav ul li {
    float: left;
    width: 100%;
    border-top: 1px solid #FFFFFF;
    background-color: #6D6B6C;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
}

#tc-main-shortcuts nav ul li:hover {
  background:#A7A7A7;
  -webkit-box-shadow: 0px 1px 2px #000;
  -moz-box-shadow: 0px 1px 2px #000;
  box-shadow: 0px 1px 2px #000;
}

#tc-main-shortcuts nav ul li a,
#tc-main-shortcuts-footer nav ul li a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

#tc-main-shortcuts nav ul li a:hover {
    -webkit-box-shadow: 0px 1px 2px #000;
    cursor: pointer;
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#tc-main-shortcuts nav ul li a:active {
  padding-top: 9px;
  background: #393637;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373334), color-stop(90%, #343131));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #393637 0%, #343131 90%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #393637 0%, #343131 90%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #393637 0%, #343131 90%);
  /* Opera */
  background-image: -o-linear-gradient(top, #393637 0%, #343131 90%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #393637 0%, #343131 90%);
}

#tc-main-shortcuts nav ul li a img,
#tc-main-shortcuts-footer nav ul li a img {
    left: 12px;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 50%;
    padding: 6%;
}

#tc-main-shortcuts nav ul li a img:hover {
    background-color: #A7A7A7;
}

a.navShortcut {
  margin: 0 auto;
  width:100%;
  text-align:center;
  color:#FFFFFF;
}

a.navShortcut>i {
  color:#FFFFFF;
  font-size:16px;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

a.navShortcut>i:hover {
 color:#666666;
 text-decoration: none;
}

a.navShortcut>div{
  font-size: 16px;
  height: 20px;
  position: relative;
}

a.navShortcut>div>i.tc-font-icon_flag,
a.navShortcut>div>img.tc-overlapping-icon {
  color: #ff0000;
  font-size: 14px;
  left: 24px;
  position:absolute;
  top: 8px;
}

a>[class^="tc-font-icon-"]:before, [class*=" tc-font-icon-"]:before {
  /*margin-left:0px;
  line-height: 20px;
  display:inline;*/
}

[class^="tc-font-icon-"]:before, [class*=" tc-font-icon-"]:before {
  /*margin-left:0px;
  line-height: 20px;
  display:inline;*/
}

a.navShortcut>i.tc-shortcut-indicator {
  font-size:14px;
  color:#ff0000;
  position:relative;
  top:10px;
  margin:0 !important;
}

.navShortcutSpacer {
 line-height:20px;
 height:20px;
}

#tc-main-shortcuts nav ul li.navShortcutSpacer:hover {
  background:inherit;
}

a#navDisplayFooter {
  position:relative;
}

div.tooltip {
  position: fixed;
  z-index: 2000;
}

/* MESSAGES/ALERTS
----------------*/
.tc-alert {
  margin-bottom: 5px;
}

#modal-body > .tc-alert {
  margin: 5px;
}

.tc-dismissall {
  width:100px;
  float: right;
  margin-bottom: 0;
  cursor: pointer;
}

.tc-dismissall-close {
  position: relative;
  right: -21px;
  top: -2px;
  border: none;
  color: #000000;
  float: right;
  font-size: 20px;
  font-weight:bold;
  opacity: 0.2;
  text-shadow: 0 1px 0 #FFFFFF;
}

.tc-messages-bar {
  width: auto;
  text-align: right;
}

#tc-main-container-fluid>div.tc-messages-bar {
  margin-top: 50px;
}

#tc-main-container-fluid>div.alert-info {
  margin-top: 5px;
  margin-left: 5px;
}

.tc-font-icon_warning2 {
  color: #b94a48;
  font-size: 1.2em;
  padding-left: 2px;
  vertical-align: middle;
}

.TCMessage {
  border: none;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: inherit;
}

.tc-full-status {
  padding-left: 10px;
  padding-right: 10px;
}

.tc-error-background {
  background-color: #F2DEDE !important;
}

.TCErrorMessagesHeader,
.TCInfoMessagesHeader {
  background: #fff;
  font-size: 1.1em;
  border: none;
  padding: 0;
  margin-bottom: 25px;
}

.tc-message-accesserror {
  font-size: 1.5em;
  line-height: 40px;
  margin: 20px 0;
}

.tc-message-accesserror i {
  font-size: 1.6em;
}

.tc-message-message {
  font-size: 1.1em;
}

.tc-message-message i {
  margin-right: 5px;
}

.navbar-inner .tc-message-message {
  display: block;
  padding: 10px 15px;
}

.navbar .nav>li {
  max-width: 100%;
}

.tc-info .tc-font-icon_info2 {
  font-size: 1.5em;
}

#modal-body .alert.alert-block.alert-info.fade.in.tc-info-msg {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
}

#modalPopup #btnOK {
  opacity: 1;
  float: center;
}

#formHeaderModal {
  padding: 5px;
}

#optionsForm .tc-alert {
  margin-left: 5px;
  margin-right: 5px;
}

/* MAIN CONTENT
----------------*/

.TCMain {
        top: 50px;
        float: left;
        position: relative;
        background-color: #FFFFFF;
        padding-bottom: 30px;
}

.TCMain_PreTCNow {
        top: 50px;
        position: relative;
        background-color: #FFFFFF;
        padding-bottom: 30px;
        padding-right: 0;
}

#tc-main-container-row-fluid.TCMain_Anon {
  padding-bottom: 0;
}

#tc-main-container-row-fluid.TCMain_Anon table.TCSearchResults {
  margin-bottom: 100px;
}

#modalPopup .TCMain_PreTCNow,
#modalPopup .TCMain_PreTCNowAnon,
.TCPanel .TCMain.row-fluid,
#tc-main-container-row-fluid .TCMain.row-fluid,
#tc-main .TCMain.row-fluid,
.TCMain_PreTCNow > .TCMain  {
  top: 0 !important;
}

.TCMain_PreTCNow > .TCMain .main-content {
  padding-left: 10px;
  position: relative;
  top: -25px;
}

#modalPopup div#tc-main-primarycolumn {
  padding-left: 0;
}

.TCMain_PreTCNowAnon {
        top: 60px;
        position: relative;
        background-color: #FFFFFF;
        padding-bottom: 0px;
        margin-bottom: 60px;
        padding-right: 0px;
}

#modalPopup {
  height: auto;
  width: auto;
}

body > div.TCMain_PreTCNow,
body > div.TCMain_PreTCNowAnon {
        top: 0;
}

.TCMain h1,
.TCMain_PreTCNow h1,
.TCMain_PreTCNowAnon h1 {
        font-size: 1.1em;
        font-weight: normal;
        color: #666666;
}

#tc-adminformbody-container-fluid,
#tc-ilt-session-header {
  padding: 0 5px 0 5px;
}

#tc-adminformbody-main.tc-modal-formbody {
  border: 0;
}

.tab-content {
  overflow: inherit;
}

.tc-no-left-indent,
#tc-main-primarycolumn.tc-no-left-indent {
  padding-left: 0px;
  margin-left: 0px;
}

#tc-main-container-row-fluid > p.tc-main-description {
  clear: both;
}

/* ITEM DESCRIPTION BAR
--------------------------*/

#tc-main-container-row-fluid .tc-info-column,
#tc-content-info-column .tc-info-column {
    background:#E6E6E6;
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(40%, #F2F2F2), color-stop(70%, #767676), color-stop(90%, #ffffff));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #E6E6E6 0%, #E6E6E6 40%, #F2F2F2 70%, #ffffff 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #E6E6E6 0%, #E6E6E6 40%, #F2F2F2 70%, #ffffff 100%);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #E6E6E6 0%, #E6E6E6 40%, #F2F2F2 70%, #ffffff 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #E6E6E6 0%, #E6E6E6 40%, #F2F2F2 70%, #ffffff 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #E6E6E6 0%, #E6E6E6 40%, #F2F2F2 70%, #ffffff 100%);
    color: #666666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#ffffff');
    margin-top: -10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    position: relative;
    z-index: 0;
}

#tc-main-container-row-fluid .tc-info-column > h1,
#tc-content-info-column .tc-info-column > h1 {
        font-size: 1.3em;
        font-weight: normal;
        margin-bottom: 0;
}


#tc-main-container-row-fluid .tc-info-column div.TCDescriptionIcon,
#tc-content-info-column .tc-info-column div.TCDescriptionIcon {
        color: #999999;
        cursor: pointer;
        font-size: 1.3em;
        float: right;
        position: relative;
        top: 10px;
}
#tc-main-container-row-fluid .tc-info-column div.TCDescriptionIcon:hover,
#tc-content-info-column .tc-info-column div.TCDescriptionIcon {
        color: #666666;
        cursor: pointer;
}
#TCExpandRight {
  display: none;
  position: relative;
  top: 10px !important;
}

#tc-main-container-row-fluid .tc-info-column h3,
#tc-content-info-column .tc-info-column h3 {
        border-bottom: 1px solid #d8d1d1;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1.5em;
        margin-top: 0;
        padding-bottom: 10px;
}

#tc-main-container-row-fluid .tc-info-column h2,
#tc-content-info-column .tc-info-column h2 {
        font-size: 1.1em;
        font-weight: 600;
}

#tc-main-container-row-fluid .tc-info-column > p,
#tc-content-info-column .tc-info-column > p {
        font-size: 0.9em;
}

#tc-main-container-row-fluid .tc-info-column ul,
#tc-content-info-column .tc-info-column ul {
        border-top: 1px solid #d8d1d1;
        color: #4D4D4D;
        list-style-type: none;
        margin-left: 0;
        padding-top: 10px;
}

#tc-main-container-row-fluid .tc-info-column li,
#tc-content-info-column .tc-info-column li {
        line-height: 2em;
}

#tc-main-container-row-fluid .tc-info-column > ul > li,
#tc-content-info-column .tc-info-column > ul > li {
        font-size: 0.9em;
}

#tc-main-container-row-fluid .tc-info-column > ul > li > h2,
#tc-content-info-column .tc-info-column > ul > li > h2 {
        font-size: 1em;
        margin-bottom: 0;
}

#tc-main-container-row-fluid .tc-info-column button,
#tc-content-info-column .tc-info-column button,
button.tc-admin-list-action {
        width: 100%;
        -webkit-border-radius: 14px 14px 14px 14px;
        -moz-border-radius: 14px 14px 14px 14px;
        border-radius: 14px 14px 14px 14px;
        background-image: none;
        background-color: #EC7632;
        margin-bottom: 10px;
}

button.tc-admin-list-action {
        font-size: 0.9em;
        position: relative;
        top: 5px;
        background-color: #808080;
        text-transform: uppercase;
}

button.tc-admin-list-action:hover {
        background-color: #000000;
}

#tc-main-container-row-fluid .tc-info-column button:hover,
#tc-content-info-column .tc-info-column button:hover {
        background-color: #F46614;
}

#tc-main-container-row-fluid .tc-info-column #TCCourseProgress,
#tc-content-info-column .tc-info-column #TCCourseProgress {
        -webkit-border-radius: 14px 14px 14px 14px;
        -moz-border-radius: 14px 14px 14px 14px;
        border-radius: 14px 14px 14px 14px;
        border: 1px solid #d8d1d1;
        margin-top: 10px;
        padding-bottom: 10px;
}

#tc-main-container-row-fluid .tc-info-column #TCCourseProgress h1,
#tc-content-info-column .tc-info-column #TCCourseProgress h1 {
  border-bottom: 1px solid #d8d1d1;
  font-size: 0.95em;
  font-weight: bold;
  line-height: 30px;
  margin-top: 5px;
  padding-left: 20px;
}

#tc-main-container-row-fluid .tc-info-column > ul > li > ul,
#tc-content-info-column .tc-info-column > ul > li > ul  {
  border-top: 0;
  list-style-type: circle;
  padding-left: 20px;
  padding-top: 0;
}

#tc-main-container-row-fluid .tc-info-column table,
#tc-content-info-column .tc-info-column table {
        width: 100%;
        margin-bottom: 15px;
}

#tc-main-container-row-fluid .tc-info-column table .left,
#tc-content-info-column .tc-info-column table .left {
        text-align: left;
        width: 75%;
        padding-left: 20px;
}

#tc-main-container-row-fluid .tc-info-column table .right,
#tc-content-info-column .tc-info-column table .right {
        text-align: right;
        width: 25%;
        padding-right: 20px;
}

#tc-designation-info .progress,
#tc-accordion .progress {
  margin-bottom: 10px;
}

#tc-nav-designation {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-widget-content {
        /* Webkit (Safari/Chrome 10) */
        background: #EDEDED -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BCBABB), color-stop(60%, #D5D4D4)) 50% 50% repeat-x;
        /* Webkit (Chrome 11+) */
        background: #EDEDED -webkit-linear-gradient(top, #BCBABB 0%, #D5D4D4 60%) 50% 50% repeat-x;
        /* Mozilla Firefox */
        background: #EDEDED -moz-linear-gradient(top, #BCBABB 0%, #D5D4D4 60%) 50% 50% repeat-x;
        /* IE10 Consumer Preview */
        background: #EDEDED -ms-linear-gradient(top, #BCBABB 0%, #D5D4D4 60%) 50% 50% repeat-x;
        /* Opera */
        background: #EDEDED -o-linear-gradient(top, #BCBABB 0%, #D5D4D4 60%) 50% 50% repeat-x;
        /* W3C Markup, IE10 Release Preview */
        background: #EDEDED linear-gradient(to bottom, #BCBABB 0%, #D5D4D4 60%) 50% 50% repeat-x;

}

.progress .ui-widget-header {
        /* Webkit (Safari/Chrome 10) */
        background: #343131 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929292), color-stop(60%, #343131)) 50% 50% repeat-x;
        /* Webkit (Chrome 11+) */
        background: #343131 -webkit-linear-gradient(top, #929292 0%, #343131 60%) 50% 50% repeat-x;
        /* Mozilla Firefox */
        background: #343131 -moz-linear-gradient(top, #929292 0%, #343131 60%) 50% 50% repeat-x;
        /* IE10 Consumer Preview */
        background: #343131 -ms-linear-gradient(top, #929292 0%, #343131 60%) 50% 50% repeat-x;
        /* Opera */
        background: #343131 -o-linear-gradient(top, #929292 0%, #343131 60%) 50% 50% repeat-x;
        /* W3C Markup, IE10 Release Preview */
        background: #343131 linear-gradient(to bottom, #929292 0%, #343131 60%) 50% 50% repeat-x;
        border-radius: 6px 6px 6px 6px;
}

#TCProgressFigure {
        text-align: center;
        color: #4D4D4D;
        font-size: 0.8em;
}

#TCSearchCourse {
        margin-top: 15px;
}

#TCSearchCourse .input-append {
        display: block;
        text-align: center;
}

#TCSearchCourse .search-query, #TCSearchCourse .add-on {
        border-width: 0;
        max-width: 100%;
        padding: 6px;
}

/* CLUSTERS
-----------*/
#tc-main-primarycolumn-content .accordion-group.tc-cluster {
  border: none;
  padding-bottom: 10px;
}

#tc-main-container-row-fluid > .tc-cluster {
  clear: both;
  display: block;
}

#tc-main-primarycolumn-content .tc-cluster a.accordion-toggle,
#tc-main-primarycolumn-content .tc-cluster h3,
#modal-body .tc-cluster .tc-cluster-header {
  background-color: #E4E4E4;
  font-size: 1.2em;
  font-weight: normal;
  color: #666666;
  padding-left: 10px;
}

#modal-body .tc-cluster .tc-cluster-header {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

#tc-main-primarycolumn-content .tc-cluster > p {
  font-style: oblique;
}

#tc-multi-purchase-details.tc-cluster {
  margin-bottom: 2px;
  background: #fbf9dc;
  border: 1px solid #e5e5e5;
  padding-left: 1%;
  -webkit-border-radius: 4px;
}

#tc-multi-purchase-details.tc-cluster h3 {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.5em;
  margin-right: 1%;
}

#tc-accordion .progress,
#tc-designation-info .progress {
  height: 1.5em;
  background: #a90329; /* Old browsers */
  background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}



#tc-multi-purchase-details.tc-cluster ul {
  color: #616161;
}

#tc-multi-purchase-details.tc-cluster div.container {
  width: 100%;
}

#tc-multi-purchase-details.tc-cluster div.container > div {
  overflow: hidden;
  float: left;
  width: 40%;
}

#tc-multi-purchase-details.tc-cluster button {
  background: #6699CC;
  font-size: 12px;
  height: 25px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

#tc-multi-purchase-details.tc-cluster button:hover {
  background-color: #F46614;
}

/* CHECKBOXES
-------------*/
label i.tc-font-icon_checkbox,
label i.tc-font-icon_checkbox-unchecked {
  font-size: 1.4em;
  position: relative;
  top: 3px;
}

label i.tc-font-icon_checkbox-unchecked {
  color: #999999;
}

label i.tc-font-icon_checkbox {
  color: green;
}

label i.tc-font-icon_checkboxk {
  color: #333333;
}

.tc-font-icon_checkbox,
.tc-font-icon_checkbox-unchecked2
 {
  font-size: 1.4em;
  outline: none;
}

/* FOOTER
------------*/

#tc-footer {
   position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
   z-index: 1;
}

.TCFooter {
  background:#EC7632;
  min-height:150px;
  height: 150px;
  padding-top:50px;
  padding-left: 150px;
  padding-right: 150px;
  z-index: 0;
  position: relative;
  clear: both;
}

.TCFooter ul,
.TCFooterAnon ul {
     color: #FFFFFF;
}

.TCFooterAnon {
  background:#EC7632;
  clear: both;
  height: auto;
  margin-top: 0px;
  padding-top:50px;
  padding-bottom:50px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 0;
}

.TCPartialFooter {
  background:#A7A7A7;
  margin-top: -60px;
  height: 58px;
  margin-bottom: 0;
  padding-top:0;
  position: relative;
  clear: both;
  border-top: 1px solid #999999;
  color: #808080;
  border-bottom: 1px solid #d4d4d4;
  padding-right: 0;
  padding-left: 55px;
  display: block;
}

.footer-indent {
  margin-left: 0px;
  margin-top: 20px;
}

.ui-dialog-content footer.TCPartialFooter {
  display: none;
}

.hide {
        display: none;
}

.block {
        display: block;
}

.TCFooterBox {
  display:block;
  list-style: none;
  margin:0;
}
.TCFooterBox > li {
  text-decoration:none;
  padding-bottom:5px;
}
.TCFooterWBTLogo {
  width:69px;
  height:32px;
  background:url(newui-images/WBT_logo.png) no-repeat;
  margin-bottom:10px;
}
#tc-footer-logo {
        background:url(newui-images/logo_grey_off.png) no-repeat;
        height: 30px;
        cursor: pointer;
        margin-top: 2px;
        margin-left: 10px;
}

#tc-footer-logo:hover {
        background:url(newui-images/logo_grey_on.png) no-repeat;
}

#tc-footer-logo.span1 {
  width:100px;
}

#TCArrowFooter {
        background:url(newui-images/arrow_footer_down_off.png) no-repeat;
        width: 30px;
        height: 30px;
        cursor: pointer;
}

#TCArrowFooter:hover {
        background:url(newui-images/arrow_footer_down_on.png) no-repeat;
}

#tc-footer-body {
        margin-top: -2px;
}

#tc-footer-body.span10 {
    width: 60%;
}

.TCPartialFooter div span {
        font-size: 0.75em;
}

#TCFeedIcons {
  margin-top:10px;
  border-top: 2px solid #ffffff;
  padding-top:15px;
}

#TCExpandedFooter {
        font-size: 0.8em;
}

#TCExpandedFooter #TCFeedIcons {
        border-top: 1px solid #999999;
}

#TCFeedIcons > a {
  margin-right:5px;
}
.TCLoginOverlay {
  display: none;
}
ul.TCNav .popover > .arrow {
  display: none;
}
ul.TCNav div.popover.fade.bottom.in {
  padding: 0;
}
body > .popover > .popover-content {
  background: #E6E7E8;
  border: 1px solid #d4d4d4;
  overflow-x:none;
  overflow-y:auto;
  padding: 5px;
  padding-left: 10px;
  position: fixed;
  right: 0;
  text-align: left;
  top: 40px;
  width: auto;
  min-width: 200px;
  z-index: 1000;
}
.TCLoginHead {
  display:none;
}
.narrow{
  width: 25%;
}
.wide {
  width: 50%;
}
#tc-login-form {
  margin-top: 10px;
}
#tc-login-message {
  margin-top: 10px;
  padding-right:20px;
}
#tc-header-login-menubar-item2 {
  visibility: hidden;
}
.login-left .form-horizontal .controls {
  /*margin-left: auto;*/
}
.login-left .form-horizontal .control-label {
   /*width: 100px;*/
}

.tc-form-horizontal {
  margin: 10px;
}

.popover-content .control-group span {
  color: #5B595B;
}
.popover-content .controls{
  display: inline;
}
.popover-content input {
  margin-bottom: 10px;
}
.popover-content section h1 {
  color: #5B595B;
  font-size: 1em;
  font-weight: normal;
}
.TCFacebookBtn {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
  padding-left: 20px;
}
.popover-content img.TCFacebookLogin {
  height: 30px;
}

.TCbutton,
.TCsubmit,
.TCreset {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  text-decoration: inherit;
  height: inherit;
  text-align: inherit;
  line-height: inherit;
  -moz-box-orient: vertical;
  -moz-box-sizing: border-box;
  border-color: #1b5480;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  font-size: 1em;
  margin: 5px 5px 0 0;
  overflow: visible;
  padding: 0 13px;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  background: #287bbc;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #287bbc), color-stop(1, #23639a));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #287bbc 0%, #23639a 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #287bbc 0%, #23639a 100%);
  color: #ffffff;
  filter: none;
  position: relative;
  top: -3px;
}
.TCbutton:hover,
.TCsubmit:hover,
.TCreset:hover,
.TCbutton:focus,
.TCsubmit:focus,
.TCreset:focus {
  background: #2672ae;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2672ae), color-stop(1, #1e4f7e));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #2672ae 0%, #1e4f7e 100%);
  color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #1b5480;
  filter: none;
}

.tc-form-btn {
  font-weight: 500;
  padding: 4px 15px;
  font-size: 16px;
  border-radius: 0;
}

.tc-form .controls {
  display: table;
}

.btn-primary {
  background:#EC7632;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #F46614;
}

.btn-primary:hover {
  background:#F46614;
}

.control-label {
  float: left;
  padding-top: 5px;
  padding-right: 5px;
  text-align: left;
}
.TCLoginForm {
  margin:0 auto;
  float: left;
  padding-left: 0;
  padding-bottom: 10px;
  width: 100%;
}
.TCLoginForm
.TCLoginForm .TCNewAccount {
  position: relative;
  float:left;
}

.TCLoginForm .TCResetPassword {
  position: relative;
  float:left;
}

.TCPageCommandButton {
  text-align:center;
}

#tc-header-login .popover {
        background-color: #E6E7E8;
        top: 41px;
        left: -49px;
}
#tc-header-login .popover-title {
        background-color: #E6E7E8;
}
#tc-header-login .popover {
        border-radius: 0;
}

/* TAB BUTTONS */
.tc-asbutton-list {
  display: block;
  position: relative;
  width: 100%;
}

.tc-selected-item {
  border: #000 1px solid;
  font-weight: bold;
}

/* CUSTOMIZE THE SCROLLING WIDGETS
-------------------------------------------------- */
#scrolling-widgets {
  height: 320px;
}

#scrolling-widgets .scrolling-widget {
  height: 320px;
}

.anythingSlider {
  height: 100% important;
}

.scrolling-widget h1 {
  font-size: 2em;
  color: #EC7632;
  font-weight: normal;
}

.scrolling-widget h2 {
  font-size: 1.5em;
  color: #6D6E70;
  font-weight: normal;
}

.scrolling-widget p {
  color: #6D6E70;
  padding-left: 5px;
  line-height: 21px;
  width: 60%;
  float: left;
}

.scrolling-widget aside {
  float: right;
  height: 170px;
  width: 115px;
}

#catalog-widget aside {
  background: url(newui-images/pic_settings.png) center top no-repeat;
}

#style-widget aside {
  background: url(newui-images/pic_dotsarrow.png) center top no-repeat;
}

#launch-widget aside {
  background: url(newui-images/pic_rocket.png) center top no-repeat;
}

.anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop {
  -webkit-transition: background-image 0.4s ease-in-out;
  -moz-transition: background-image 0.4s ease-in-out;
  -ms-transition: background-image 0.4s ease-in-out;
  -o-transition: background-image 0.4s ease-in-out;
  transition: background-image 0.4s ease-in-out;
}


/* STYLE THE MARKETING BANNER (ZONE 3)
-------------------------------------------------- */
.TCMarketingBanner {
  background:#58585a;
  min-height: 280px;
  padding-left: 20px;
  padding-right: 20px;
  color:#ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.TCMarketingBanner h1 {
  font-size:2.5em;
  color:#EC7632;
  font-weight: normal;
}

.TCMarketingBanner h2 {
  font-size:1.5em;
  color: #ffffff;
  font-weight: normal;
}

.TCMarketingBanner p {
  font-size:1em;
  color: #ffffff;
  font-weight: normal;
}

#TCDevices {
  width:628px;
  height:257px;
  background:url(newui-images/devices.png) no-repeat;
  background-size:cover;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
margin-top: 0;
}

.carousel .container {
  position: relative;
  z-index: 9;
  left: 40%;
  top: 20%;
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 400%;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: 0;
  z-index: 10;
}

.carousel .item {
  /*height: 310px;*/
}
.carousel img {
  /*position: absolute;*/
  position: relative;
  /*top: 0;
  left: 0;*/
  /*min-width: 100%;*/
  /*height: 310px;*/
}

.carousel-caption {
  background-color: transparent;
  margin-top: 50px;
  max-width: 550px;
  padding: 0 25px;
  position: static
}
.carousel-caption h1 {
  margin: 0;
  line-height: 1.25;
  font-size: 1.75em;
  font-weight: normal;
  color: #EC7632;
}
.carousel-caption .lead {
  font-size: 1.25em;
  font-weight: normal;
  color:#919395;
  line-height: 27px;
}

.carousel-caption .btn {
  margin-top: 10px;
}

#tc-widget-banner-right {
  padding-top: 80px;
  padding-bottom: 20px;
}

#tc-widget-banner-logo {
  position: relative;
  top: 0px;
  min-width: 180px;
}

#tc-widget-banner-right h1 {
  color: #EC7632;
  font-size: 1.75em;
  font-weight: normal;
  line-height: 1.25;
  margin: 0;
}

#tc-widget-banner-right p.lead {
  color: #919395;
  font-size: 1.25em;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 0;
}

#tc-widget-banner-right .btn {
  margin-top: 10px;
}

.TCStandardWidget {
  height: 300px;
  /*margin-right: -20px;
  margin-left: -20px;*/
  padding: 0 20px 20px;
  margin-bottom:20px;
  overflow: hidden;
  /*-moz-box-shadow: 0 0px 5px #B7B7B7 inset;
  -webkit-box-shadow: 0 0px 5px #B7B7B7 inset;
  box-shadow: 0 0px 5px #B7B7B7 inset;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  border-color:#B7B7B7;
  background:#fcfcfc;*/
}

.TCStandardWidget h1 {
  font-size:2em;
  text-transform:uppercase;
  color:#0095da;
}

.TCStandardWidget h2 {
  font-size:125%;
}

.TCStandardWidget h3 {
  font-size:125%;
  line-height:1.25em;
  margin-top:15px;
  margin-bottom:15px;
}

.TCStandardWidget h3 {
  font-size:125%;
  line-height:1.25em;
  margin-bottom:10px;
}

/*.tc-list-widget {
  overflow-x: hidden;
  overflow-y: auto;
  height: 175px;
}*/

#TCNewCoursesMessage {
  display:none;
}

#tc-widget-newcourses table,
#tc-widget-adminpinnedactivities table
{
  line-height: 1.2em;
}

.TCMain #tc-widget-newcourses table tbody tr,
.TCMain #tc-widget-adminpinnedactivities table tbody tr,
.TCMain_PreTCNow #tc-widget-newcourses table tbody tr,
.TCMain_PreTCNow #tc-widget-adminpinnedactivities table tbody tr
{
  line-height: 20px;
}

.TCCourseListing {
  display:block;
  list-style: none;
  margin:0;
  padding:0;
}
.TCCourseListing > li {
  margin-bottom:10px;
}
.TCCourseListing > li  > a{
  text-decoration:none;
}

/* SIDE MENU
-------------------------------------------------- */
.TCMainMenu {
  position: relative;
  padding-left: 1.25em;
  display: none;
  background: url(newui-images/main_menu_off.png) no-repeat;
}

#tc-nav-menu-contents {
    display: none;
}

#tc-nav-menu-container, #sidr-right-user {
    top: 40px;
}

/* WIDGETS ON RIGHT HAND SIDE
-------------------------------------------------- */
.TCWidget {
        background-color: inherit;
        margin-bottom: 10px;
        margin-right: 8px;
        height: 250px;
        /*max-width: 700px;*/
        width: 100%;
        border:#dddddd 1px solid;
        border-radius: 4px;
        z-index: 101;
}

.TCWidget.tc-long-widget {
  height: 400px;
}

#tc-header-nouser-container-fluid #tc-header-socialbar .icons .TCNavBarIcon {
	color: #000000;
}

.TCWidget h1 {
         /* IE < 10 */
  background:  #F7F8F9;
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 30%, #F7F8F9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0;
  border-bottom: 1px solid #C1C5CA;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  color: #666666;
  text-shadow: 0 1px 0 #6D6B6C;
  font-size: 1.2em;
  line-height: 2.5em;
  margin: 0;
  padding: 2px;
  text-align: center;
}

.alert-info{
    color:#4E4D4D;
    background-color:#C4C6C6;
    border-color:#C4C6C6;
    }


.TCWidget h1 a {
  color: #666666;
  float: right;
  position: relative;
  top: 10px;
  cursor: pointer;
}

.TCWidget h1 a:hover {
  color: #919395;
  text-decoration: none;
}

.TCWidget h1 a:active {
  text-decoration: none;
}

#tc-latestnews-modal {
    margin-left:-40%;
    width: 80%;
}

#tc-latestnews-modal .modal-body,
#tc-latestnews-modal .carousel-inner,
#tc-latestnews-modal .carousel .item {
    min-height: 500px;
}

.TCWidget .carousel-inner,
#tc-latestnews-modal .carousel-inner {
    overflow-x: hidden;
    overflow-y: auto;
}
#tc-welcomemessage-modal .carousel-inner {
    overflow-x: hidden;
    overflow-y: auto;
}

.TCWidget .carousel-inner {
    height: 175px;
}

.TCWidget .carousel-inner table tbody tr td:first-child,
#tc-latestnews-modal .carousel-inner table tbody tr td:first-child {
        width: 50%;
}

.carousel-inner aside {
        float: right;
        position: relative;
        top: -31px;
}

.carousel-inner aside a {
        color: #0071BC;
        font-size: 0.9em;
}

.carousel-inner aside a:hover {
        color: #666666;
}

.TCWidget .carousel,
#tc-latestnews-modal .carousel {
        margin-bottom: 5px;
}

.TCWidget .carousel .item {
        height: 150px;
}

.TCWidget .carousel-inner>.active,
#tc-latestnews-modal .carousel-inner>.active {
        padding-left: 10px;
        padding-right: 10px;
}

.carousel-indicators.middle {
    left: 15%;
    right: 15%;
    text-align: center;
    top: 100%;
}

#tc-latestnews-modal .carousel-indicators.middle {
  left: 0;
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  right: 0;
  text-align: center;
  top: 15px;
}

.carousel-indicators.middle li {
    float: none;
    display: inline-block;
}


.TCWidget .carousel-indicators li,
#tc-latestnews-modal .carousel-indicators li {
        background-color: #999999;
}

.TCWidget .carousel-indicators li.active,
#tc-latestnews-modal .carousel-indicators li.active {
        background-color: #FFFFFF;
}

.TCWidget > a,
#tc-latestnews-modal a {
        bottom: 2px;
        z-index: 1000;
}

.TCWidget .arrow-right,
#tc-latestnews-modal .arrow-right
 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #999999;
  float: right;
  margin-right: 10px;
}

.TCWidget .arrow-right:hover,
#tc-latestnews-modal .arrow-right:hover {
        border-left: 10px solid #FFFFFF;
}

.TCWidget .arrow-left,
#tc-latestnews-modal .arrow-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
        border-right:10px solid #999999;
        float: left;
        margin-left: 10px;
}

.TCWidget .arrow-left:hover,
#tc-latestnews-modal .arrow-left:hover {
        border-right:10px solid #FFFFFF;
}

.TCWidget h3 {
        font-size: 1em;
        color:#666666;
        font-weight: normal;
        margin-bottom: 0;
}

.TCWidget p {
        font-size: 0.9em;
        color:#666666;
        font-weight: normal;
        line-height: 1.2em;
}

.TCWidget > ul {
        margin-left: 10px;
        margin-right: 10px;
}

.TCWidget > ul > li {
        font-size: 1em;
}

.TCWidget > ul > li a:hover {
        text-decoration: underline;
}

.TCWidget a.btn,
#tc-objectlist-body a.btn,
.tc-admin-list a.btn,
.TCTableTitle  a.btn,
.tc-btn-action {
        -webkit-border-radius: 14px 14px 14px 14px;
        -moz-border-radius: 14px 14px 14px 14px;
        border-radius: 14px 14px 14px 14px;
        background-image: none;
        background-color: #EC7632;
        color: #FFFFFF;
        margin-left: 10px;
}

.pageTitleHeaderActions {
  float: right;
  padding-right: 10px;
}

.pageTitleHeaderActions button {
  margin-bottom: 5px;
}

.TCWidget a.btn:hover,
.TCTableTitle  a.btn:hover {
        background-color: #F46614;
}

.tc-admin-list-action-btn {
    background: inherit;
    border: 0 none;
    color: #000000 !important;
    margin: 0;
    padding: 0;
}

.tc-admin-list-info-header,
.TCWidget #tc-admin-list-info-column .tc-admin-list-info-header {
  display: inline-block;
  width: 60%;
  border-bottom:#cccccc 1px solid;
  margin-bottom:15px;
  margin-right: 0;
  padding-bottom: 10px;
  float: left;
}

.TCWidget #tc-admin-list-info-column .tc-admin-list-info-header {
  font-size: 1.1em;
  color: #666666;
  font-weight: normal;
  background: inherit;
  line-height: 40px;
  border: none;
  border-bottom:#cccccc 1px solid;
}

.tc-admin-list-info-btn {
  float: left;
  width: 65px;
  height: 65px;
  margin-left: 10px;
  background-color: inherit;
}

.tc-admin-list-info-btn a {
  display: block;
  font-size: 0.8em;
  line-height:12px;
  text-align:center;
  height:70px;
  padding-top:5px;
}

.tc-admin-list-info-btn a:hover {
  text-decoration: none;
}


.tc-admin-list-info-btn a i {
  font-size:1.85em;
}

.tc-admin-list-info-btn a span {
  height:10px;
}

.tc-admin-list-info-btn a div {
  width:100%;
  padding-top:5px;
}

#tc-admin-chart-legend {
  float:left;
  margin-top:50px;
}

.tc-block-button {
  float:left;
  width:85px;
  height:85px;
  background-color: inherit;
}

.tc-block-button a {
  display: block;
  font-size: 0.8em;
  line-height:12px;
  text-align:center;
  height:70px;
  padding-top:10px;
}

.tc-block-button a:hover {
  text-decoration: none;
}

.tc-block-button a i {
  font-size:2.25em;
}

.tc-block-button a span {
  height: 8px;
}

.tc-block-button a div {
  width:100%;
  padding-top:15px;
}

#tc-block-info{
  margin-top: 20px;
  text-align: left;
  border-left: none;
  border-right: none;
  border-bottom: none;
  float:left;
  display:block;
  width: 320px;
}

.tc-block-info-head {
  display: inline-block;
  font-weight: 600;
}

.tc-block-button.tc-block-disabled a {
  color: #cccccc;
}

.tc-block-smaller {
  height: 60px;
  width: 75px;
  padding: 2px 5px;
  margin: 0 2px;
}

.tc-block-smaller a {
  height: 45px;
  padding-top: 5px;
}

.tc-block-smaller a i {
  font-size: 2em;
}

.tc-block-smaller a div {
  padding-top: 5px;
  /*word-break: break-all;*/
}

.tc-block-smaller.tc-block-larger a {
  padding-top:10px;
}

.tc-block-smaller.tc-block-larger i {
   font-size: 3em;
}

.tc-create-container {
  max-width: 350px;
  text-align: center;
}

.tc-create-container .tc-block-button {

}

/* TABS
-------------------------------------------------- */

ul.nav
{
  padding-bottom: 0;
}

ul.nav-tabs {
  /*border-bottom: 0;*/
}

ul.nav-tabs > li > a {
  border-radius: 5px 5px 0 0;
  background-color: #e8e8e8;
  border-bottom: 1px solid #ddd;
}

ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > span {
  background-color: #ffffff;
  font-weight: 600;
}

/* ANYTHING SLIDER CUSTOMISATIONS
-------------------------------------------------- */
.anythingSlider-minimalist-square .arrow .back a {
  background: url(newui-images/left_arrow.png) no-repeat;
}

.anythingSlider-minimalist-square .arrow .forward a {
  background: url(newui-images/Right_arrow.png) no-repeat;
}


/* SCROLLBAR STYLING
-------------------------------------------------- */
.TCWidget::-webkit-scrollbar, .carousel-inner::-webkit-scrollbar,
.tc-list-widget::-webkit-scrollbar {
      width: 8px;
}
.TCWidget::-webkit-scrollbar-track, .carousel-inner::-webkit-scrollbar-track,
.tc-list-widget::-webkit-scrollbar-track {
      background-color: #CCCCCC;
      border-radius: 9px;
} /* the new scrollbar will have a flat appearance with the set background color */
.TCWidget::-webkit-scrollbar-thumb, .carousel-inner::-webkit-scrollbar-thumb,
.tc-list-widget::-webkit-scrollbar-thumb {
      background-color: #999999;
      border-radius: 9px;
} /* this will style the thumb, ignoring the track */
.TCWidget::-webkit-scrollbar-button:no-button, .carousel-inner::-webkit-scrollbar-button:no-button,
.tc-list-widget::-webkit-scrollbar-button:no-button{
      background-color: #999999;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
.TCWidget::-webkit-scrollbar-corner, .carousel-inner::-webkit-scrollbar-corner,
.tc-list-widget::-webkit-scrollbar-corner {
      background-color: #CCCCCC;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

.tc-open-overflow {
  max-height: 200px;
  overflow-y: hidden;
}

div.tc-show-overflow {
  width: auto;
  margin-top: -30px;
  height: 30px;
  opacity: 1.0;
  border-bottom: 1px dotted #888;
  color: #006697;
  text-decoration: underline;
  text-align: center;
}

span.tc-show-overflow {
  opacity: 0.9;
  color: #fff;
  width: 100%;
  top: 10px;
  height: 20px;
  float: left;
  position: relative;
  background: #1A1A1A;
  /*
  left: -10px;
  box-shadow: 0 0 20px #666;
  -moz-box-shadow: 0 0 20px #666;
  -webkit-box-shadow: 0 0 20px #666;
  */
}

span.tc-show-overflow i {
  color: #fff;
  font-weight: 600;
  font-size: 1.0em;
  padding: 0;
  margin: 0;
  background: transparent;
  /*border: #666 1px solid;*/
}

span.tc-show-overflow:hover {
  cursor: pointer;
  text-shadow: 0 0 2px #888,
   2px 2px 4px #006697,
   -2px -2px 6px #006697,
   0 0 8px #006697,
   0 0 10px #006697,
   0 0 20px #006697,
   0 0 30px #006697,
   0 0 40px #006697;
  transition-property: text-shadow;
  transition-duration: 0.5s;
  transition-timing-function: linear;
}

/* BREADCRUMBS
-------------------------------------------------- */
.breadcrumb {
      background: none !important;
}

div.main-content .breadcrumb {
      background: none !important;
}

/* COURSE ITEMS
-------------------------------------------------- */
.TCCourseItems  {
      font-size: 0.9em;
}

.TCCourseItems .breadcrumb,
#tc-content-main-container .breadcrumb {
      border-bottom: 1px solid #CCCCCC;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-left: 10px;
      padding-left: 2px;

}

.TCCourseItems #TCCourseContentsTable {
      width: 100%;
      font-size: 1.1em;
}

.TCCourseItems ul {
      color: #4D4D4D;
      padding-left: 10px;
}

.TCCourseItems .header {
      background-color: #A7A7A7;
      height: 36px;
      display: block;
      margin-left: 10px;
      margin-bottom: 3px;
}

.TCCourseItems .header div {
      text-align: left;
      font-weight: bold;
      color: #666666;
      width: auto;
      display: block;
      float: left;
      left: 17px;
      position: relative;
      padding-top: 8px;
}

.TCCourseItems .body-row {
      display: block;
      margin-left: 10px;
      margin-bottom: 3px;
}

.TCCourseItems .body-row.child {
      margin-left: 50px;
}

.TCCourseItems .body-row.child>div {
  border-left: #e2e2e2 1px solid;
}

.TCCourseItems .body-row div {
      text-align: left;
      font-weight: normal;
      color: #666666;
      width: 100%;
      display: block;
      float: left;
      left: 17px;
      position: relative;
      padding-top: 8px;
      height: 1.5em;
}

.TCCourseItems .body-row i {
  font-size: 14px;
  cursor: pointer;
}

.TCCourseItems .body-row div.TCEmphasis {
  font-weight: 600;
}

.TCCourseItems .accordion {
      /*margin-left: 10px;*/
}

.TCCourseItems .accordion-heading {
      background-color: #A7A7A7;
}

.TCCourseItems .accordion-heading a {
      color: #666666;
}

.TCCourseItems .accordion-heading a:hover {
      color: #08c;
}

.TCCourseItems .accordion-body {
      padding-bottom: 10px;
}

.TCCourseItems .body-row.course-title div{
  margin: 10px 0 10px 0;
}

.TCCourseItems span.course-title {
  border-radius: 4px;
  padding: 5px;
  border: #e2e2e2 1px solid;
  margin: 5px 0 5px 0;
}

#TCCourseContents i:not(.conferenceCourseContents i) {
  color: #666666;
}

.body-row div.tc-content-status {
  width:25px;
  min-width:25px;
  left:0px;
  text-align:left;
  height:auto;
  display:inline-table;
  padding-top: 0;
}

#TCCourseContents .tc-font-icon_checkmark,
#TCCourseContents div.tc-content-status .tc-font-icon_checkmark,
.tc-legend-type .tc-font-icon_checkmark,
.tc-awarded,
.tc-font-icon_checkmark {
  color:#008844;
}

.TCCourseItems .body-row.course-title div.tc-content-status {
  margin: 0;
}

.TCCourseItems .header div.tc-content-info {
  float:right;
  font-size:20px;
  width:30px;
  left:0px;
}

#tc-content-main-container #tc-content-path {
  margin-top: 5px;
  padding-left: 20px;
  margin-bottom: 10px;
}

#tc-content-navbar-container {
  width: auto;
}

#tc-content-nav-container {
  z-index: 100;
}

#tc-content-nav,
#tc-content-body {
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
}

#tc-content-nav {
  margin: 0;
}

#tc-content-nav ul {
  margin-left: 5px;
}

#tc-content-body {
  padding-left: 20px;
  margin-left: 0;
  /*
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: .2s;
  transition-timing-function: linear;
  */
}

#tc-content-aside-accordion {
  display: none;
  margin-bottom: 30px;
}

#tc-content-header-accordion {
  display: none;
  margin-bottom: 10px;
}

#tc-content-main-container .TCTableTitle {
  padding-left: 30px;
  border-bottom: 1px solid #ddd;
  margin: 0 0 15px 0;
}

.tc-accordion-heading {
  opcaity: 0.9;
  font-size: 1.2em;
  background-color:#888888;
  padding: 0 0 5px 20px;
  color: #fff;
  height: 30px;
  vertical-align: middle;
}

a.tc-accordion-toggle {
  outline: none;
  color: #fff;
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

.tc-accordion-toggle:hover {
  color: #006697;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}

.tc-opacity0 {
  opacity: 0;
}

.tc-opacity-25 {
  opacity: 0.25;
}

.tc-opacity1 {
  opacity: 1;
}

#tc-content-navbar-nav .tc-content-navbar-btn,
#tc-content-footer-navbar-nav .tc-content-navbar-btn {
  float: left;
  padding: 10px 5px;
  cursor: pointer;
}

#tc-content-navbar-nav .tc-content-navbar-btn i:hover,
#tc-content-footer-navbar-nav .tc-content-navbar-btn i:hover {
  text-shadow: 0 0 2px #EC7632,
    2px 2px 4px #EC7632,
    -2px -2px 6px #EC7632,
    0 0 8px #EC7632,
    0 0 10px #EC7632,
    0 0 20px #EC7632,
    0 0 30px #A94002,
    0 0 40px #A94002;
    color: #ffffff;
}

.tc-content-navbar-btn i {
  font-size: 20px;
  color: #F28545;
}

#tc-contentnav-ef i {
  font-size: 16px;
}

.tc-contentnav-disabled i,
.tc-contentnav-toggle-disabled i {
  color: #F28545;
  -webkit-transition: opacity 0.5s linear, height 1s, width 1s linear;
  -moz-transition: opacity 0.5s linear, height 1s, width 1s linear;
  -o-transition: opacity 0.5s linear, height 1s, width 1s linear;
  transition: opacity 0.5s linear, height 1s, width 1s linear;
}

.tc-contentnav-disabled i {
  cursor: not-allowed;
}

#tc-content-contentsmenu {
  margin-right: 30px;
  float: left;
  background-color: #EC7632;
  background-image: none;
  outline: none;
}

#tc-content-contentsmenu i {
  font-size: 1.5em;
}

#tc-content-nav .tc-content-nav-link-active,
#tc-content-nav .tc-content-nav-item-active i {
  color: #ffffff;
}

#tc-content-nav .tc-content-nav-item-active {
  background-color: #EC7632;
}

.tc-contents-container-row {
  position: relative;
  padding-left: 40px;
}

.TCCourseItems .tc-contents-container-row .body-row {
  margin-bottom: 0;
}

.tc-contents-container-row .tc-contents-row.body-row.course-title>div {
  margin: 10px 0 10px 0;
  padding: 7px;
}

.tc-contents-container-row .tc-contents-row.item-title>div {
  border-left: 1px solid #E2E2E2;
  padding: 7px;
}

.TCCourseItems .tc-contents-row.body-row div {
   float: inherit;
   position: inherit;
}

.tc-content-nav {
   background: #ffffff;
   min-height:20px;
   height: 100%;
}

#tc-content-nav-return {
  color: #ffffff;
  float: right;
}

.tc-content-nav li {
    list-style-type: none;
    margin: 0;
    padding: 3px 0px 0 20px;
    position: relative
}
.tc-content-nav li::before, .tc-content-nav li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tc-content-nav li::before {
    /*border-left:1px solid #999;*/
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tc-content-nav li::after {
    /*border-top:1px solid #999;*/
    height:20px;
    top:25px;
    width:25px
}
.tc-content-nav li>div {
   /*
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
   */
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tc-content-nav li.parent_li>div {
    cursor:pointer
}
.tc-content-nav li:last-child::before {
    height:30px
}
.tc-content-nav li.parent_li>span:hover,
.tc-content-nav li.parent_li ul li span:hover {
/*
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
*/
}

.tc-content-nav .tc-content-nav-module-header,
.tc-content-nav .tc-content-nav-module-header-top {
  width: 100%;
  background-color: #eeeeee;
  padding: 7px 0;
}

.tc-content-nav .tc-content-nav-module-header>div,
.tc-content-nav .tc-content-nav-module-header-top>div,
.tc-content-nav .tc-content-nav-item-header>div {
  /*float: left;*/
  display: table-cell;
}

#tc-content-nav i {
  color: #808080;
}

#tc-content-nav .tc-content-nav-module-header-top i,
#tc-content-nav .tc-content-nav-module-header i,
#tc-content-nav .tc-content-nav-item-header-top i,
#tc-content-nav .tc-content-nav-item-header i,
#tc-content-nav .tc-content-nav-type i {
  font-size: 20px;
}

#tc-content-nav .tc-content-nav-module-header-top i:hover,
#tc-content-nav .tc-content-nav-module-header i:hover,
#tc-content-nav .tc-content-nav-item-header-top i:hover,
#tc-content-nav .tc-content-nav-item-header i:hover,
#tc-content-nav .tc-content-nav-type i:hover {
  text-shadow: 0 0 2px #888,
  2px 2px 4px #888,
  -2px -2px 6px #888,
  0 0 8px #888,
  0 0 10px #888,
  0 0 20px #888,
  0 0 30px #888,
  0 0 40px #888;
}

#tc-content-nav .tc-content-nav-item-header i {
  font-size: 16px;
}

#tc-content-nav .tc-content-nav-item-header i:hover {
  text-shadow: none;
}
.tc-content-nav-type {
  display: inline-block;
}

#tc-content-nav-contents {
  padding-left: 10px;
}

.TCCourseItems .tc-content-nav-module-inner-top,
.TCCourseItems .tc-content-nav-module-inner {
  border-left: 1px dotted #E2E2E2;
}

#tc-content-nav .tc-content-nav-module-inner-top,
#tc-content-nav .tc-content-nav-module-inner {
  margin-left: 15px;
}

.TCCourseItems .tc-content-nav .tc-content-nav-module-header-top,
.TCCourseItems .tc-content-nav-module-header {
  background-color: inherit;
  /*border: 1px solid #e2e2e2;*/
  /*border-radius: 4px;*/
}

.TCCourseItems .tc-content-nav-module-header-top .tc-content-title,
.TCCourseItems .tc-content-nav-module-header .tc-content-title {
  background-color: #e2e2e2;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 4px;

}

#tc-course-overview-skip {
  display: none;
}

#tc-content-info-column {
  margin-left: 20px;

}

.tc-content-vignette {
  position: fixed;
  /* to prevent empty space around the vignette */
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  margin-top: 40px;
  background-color: #E6E6E6;
  box-shadow: 0 0 20px #666;
  -moz-box-shadow: 0 0 20px #666;
  -webkit-box-shadow: 0 0 20px #666;
  z-index: 101;
}

.tc-content-vignette i {
  position: relative;
  top: 50%;
  color: #888888;
}

#tc-main-primarycolumn-content #tc-header-logo-user {
  margin-right: 100px;
}

#tc-content-footer-navbar-nav {
  width: 100%;
  margin: 0 auto;
}

#tc-content-footer-navbar-nav>nav {
  width: 250px;
  margin: 0 auto;
  text-align: center;

}

#tc-content-info-column h1, h2, h3 {
  line-height: 30px;
  margin: 5px 0;
}

.tc-content-page {
  color: #666666;
}

/* MAIN CONTENT TABLES
-----------------------*/
.TCMain .TCTableTitle {
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 40px;
        font-size: 1.3em;
 }

.breadcrumb .TCTableTitle {
  float: inherit;
}

#TCCourseMain .TCTableTitle {
  float: none;
}

.TCMain table  {
      width: 100%;
      text-align: left;
      table-layout:fixed;
      color: #666666;
      margin-top: 0;
      float: left;
}

table > caption {
  display: none;
}

table.tc-admin-list {
   /*table-layout: auto;*/
}

table.tc-admin-list tbody tr {
   line-height: 25px;
   /*min-height: 45px;*/
}

table.tc-admin-list tr td,
table.tc-ignore-tclisting tr td {
   padding-right: 10px;
   word-break: break-all;
}

table.tc-admin-list thead tr {
   /*text-transform: uppercase;*/
   line-height: 30px;
}

a.tc-admin-list-headtitleref,
a:link.tc-admin-list-headtitleref {
  /*color: #000000;*/
}

#tc-admin-list-filter {
  margin-bottom: 10px;
}

#tc-admin-list-container-fluid {
  /*border-bottom: #CCCCCC 3px solid;*/
  margin-bottom: 15px;
}

.tc-section-break {
  display: block;
  border-bottom: #ccc 2px solid;
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

.tc-list-widget table .tc-admin-list-action {
  font-size: 0.8em;
}

.tc-admin-list-unpin-ico {
    font-size: 120%;
    font-weight:bold;
}

.tc-admin-list-unpin-ico:hover {
    color: #616161;
}

div.tc-admin-list-unpin{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: center;
}

div.tc-admin-list-unpin a {
  width: 100%;
}

div.tc-admin-list-unpin a:hover {
    text-decoration: none;
}

#tc-admin-list-searchico {
  font-size: 16px;
}

.tc-admin-pin-icon {
  position: relative;
  padding-left: 5px;
  top: -5px;
  cursor: pointer;
}

.tc-awarded-msg {
  font-size: 1.2em;
  padding: 10px;
}

#tc-main-container-row-fluid #tc-admin-list-info-column {
  height: auto;
  background:#E6E6E6;
  background-image: none;
  filter: none;
}

#tc-main-container-row-fluid #tc-admin-list-info-column.tc-adminform-info-column {
  padding-bottom: 0;
  margin-top: 3px;
  top: 0;
  padding: 10px;
}

#tc-filter-content {
  background: none repeat scroll 0 0 #FFFFFF;
  padding-left: 15px;
  min-height: 300px;
  overflow: visible;
  color: #333333;
  margin-bottom: 20px;
}

#tc-filter-content-inner {
  display: block;
}

#tc-filter-form {
  box-shadow: none !important;
  outline: medium none !important;
  transition: none 0s ease 0s !important;
}

#tc-filter-section,
#tc-filter-form,
#tc-filter-form-wrapper,
#tc-filter-content-inner,
#tc-filter-form-header,
#tc-filter-section .row.odd,
#tc-filter-section .row.even,
#tc-filter-section .row.odd .row,
#tc-filter-section .tc-setting-name,
#tc-filter-section .tc-setting-name label,
#tc-filter-section .row .values,
#tc-filter-form-buttons,
#tc-filter-section .tc-setting-name .tc-setting-description
{
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

#tc-filter-form-header {
  color: #333333 !important;
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 12px;
}

#tc-filter-section .row.odd {
  border-bottom: 1px solid #E4E6E5;
  border-top: 1px solid #E4E6E5;
  padding: 0;
  margin-left: 0;
}

#tc-filter-section .row.odd .row {
  background: none repeat scroll 0 0 #F1F3F2;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  padding: 22px 18px;
  margin-left: 0;
}

#tc-filter-section .row.even {
  padding: 22px 0 22px 18px;
  margin-left: 0;
}

#tc-filter-section .tc-setting-name,
#tc-filter-section .tc-setting-name label {
    font-size: 15px;
    font-weight: 600;
    float: left;
    width: 175px;
}

#tc-filter-section .row .values {
  margin-left: 222px;
}

#tc-filter-section .tc-setting-name label {
  line-height: 16px;
}

#tc-filter-section .tc-setting-name .tc-setting-description {
  color: #666666;
  font-size: 12px;
  font-fmaily: arial, sans-serif;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 16px;
  font-stretch: normal;
  font-variant: normal;
  font-size-adjust: none;
}

#tc-filter-form-buttons {
    padding-top: 24px;
    text-align: left;
}

#tc-filter-form-apply {

}

#tc-font-icon_filter3{

}

#tc-admin-list-searchico:hover {
  cursor: pointer;
}

.tc-filter-setting-col {
  float: left;
  margin-left: 20px;
}

#filter_list {
  font-size: 1.10em;
  width: 35%;
  height: 30px;
  background-color: #1A1A1A;
  color: #919395;
}

.TCMain table.tc-admin-list thead tr th {
  /*color: #000000;*/
}

table th.tc-col-width-medium,
table td.tc-col-width-medium {
  max-width: 15%;
}

table th.tc-col-width-vlarge,
table td.tc-col-width-vlarge {
  max-width: 30%;
  width: 25%;
}

table th.tc-col-width-large,
table td.tc-col-width-large {
  max-width: 20%;
}

table th.tc-col-width-small,
table td.tc-col-width-small {
  max-width: 10%;
}

table th.tc-col-width-icon,
table td.tc-col-width-icon {
  width: 50px;
}

table th.tc-col-width-vsmall,
table td.tc-col-width-vsmall {
  min-width: 5%;
}

table.tc-admin-list .TCListing th {
  font-weight: normal;
}

table.tc-admin-list {
  /*table-layout: auto;*/
}

#modalPopup .tc-popupselect-table-container  {
  position: relative;
  clear: both;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 auto;
}

table.newui-table tbody td,
table.newui-table tbody td label {
      color: #666666;
      font-size: 0.9em;
}

.tc-list-table-body table th .TCListing-liner {
  padding: 0;
}

.tc-list-table-body table tr.TCSubListing-headers {
  border-top: 1px solid #d8d1d1;
  border-bottom: 1px solid #d8d1d1;
}

td.TCFormLabel+td div.tc-popupselect-table-container {
   border: rgba(0,0,0,0.5) 1px solid;
}

.tc-list-table-body>table {
  margin-bottom: 0;
}

.tc-list-table-body {
  padding-right: 5px;
}

div.TCFormHeader table.newui-table tbody td{
      padding-top: 5px;
      padding-bottom: 5px;
}

table.newui-table .child td {
      font-size: 1em;
}

table.newui-table tbody td:first-child,
table.newui-table thead th:first-child {
      padding-left: 10px;
}

table.newui-table tr.newui-table-childRow td:first-child {
      background-color: #F2F2F2;
}

table.newui-table tr.newui-table-childRow td:first-child {
      padding-left: 0;
}

html .TCPopupFrame table.newui-table {
  margin-top: 5px;
}

html .TCPopupFrame table.newui-table td label {
  font-size: 0.9em;
}

.nav-tabs .tc-objectlist-navtab-menu {
  float: right;

}

.tc-objectlist-navtab-menu .tc-menu-list {
  padding: 0;
  margin: 0;
  margin-top: -5px;
}

.TCExpandIcon {
      background: url(newui-images/arrow_closed.png) no-repeat;
      height: 25px;
      width: 20px;
      display: block;
      border: none;
      background-position: 8px 8px;
}

.TCContractIcon {
      background: url(newui-images/arrow_open.png) no-repeat;
      height: 25px;
      width: 20px;
      display: block;
      border: none;
      background-position: 8px 8px;
}

table td.more {
      border-top: 0px solid #DDDDDD;
      line-height: 18px;
      padding: 0px;
      text-align: left;
      vertical-align: top;
}

.TCMain table thead tr, table tbody.TCListing tr:first-of-type  {
      border-top: 1px solid #d8d1d1;
      border-bottom: 1px solid #d8d1d1;
}

.TCMain table thead tr th {
      border-bottom: 0;
      border-top: 0;
      font-weight: normal;
      font-size: 0.9em;
      text-align: inherit;
}

.TCMain table .accordion-group {
      border: none;
}

.TCMain table .accordion-heading .accordion-toggle {
      padding: 0;
}

.TCMain table .accordion-inner {
      border-top: 0;
      margin-right: 0;
      padding: 0;
}

.TCMain table .accordion-inner table {
      width: 100%;
      font-size: 1em;
}

.TCMain table .more {
      visiblity: hidden;
}

.TCMain thead tr {
      line-height: 1.5em;
}

table.newui-table tbody tr,
.TCPopupFrame table.newui-table thead tr,
.TCPopupFrame table.newui-table tbody tr,
table.newui-table tbody.TCListing {
  border-bottom: 1px solid #A7A7A7;
}

.TCMain tbody tr {
  line-height: 35px;
}

#TCLearningTable tbody tr {
  line-height: 25px;
}

table.child > tbody > tr:last-child {
      border-bottom: none;
}

table.TCPopupStatus {
  border-bottom: none;
  margin-bottom: 0;
}

td.TCPopupStatus ul,
div.TCPopupStatus ul {
  list-style: none;
}

table.TCPopupStatus tr {
  border-bottom: 1px solid #d8d1d1;
}

table.newui-table thead tr .header {
      font-size: inherit;
}

table.newui-table thead tr .header {
      width: 15%;
}

table.newui-table thead tr .description {
      width: 25%;
}

table.newui-table thead tr .status {
      width: 10%;
}

table.newui-table thead tr td {
      width: 15%;
      padding-bottom: 5px;
}

table thead tr td.TCPopupFilter {
  width: 25px;
  padding-bottom: 5px;
}

table.newui-table thead tr .short {
      width: 5%;
      background-position: center;
}

table.newui-table .newui-table-childRow .short {
      width: 5%;
}

table tbody.TCListing tr {
  line-height: 25px;
}

table tbody.TCListing tr:first-of-type {
  line-height: 22px;
}

table.newui-table thead tr th, table tbody.TCListing tr th,
table.TCListing.tc-panel-table th {
      background-color: #F2F2F2;
      background-image: none;
      cursor: pointer;
      filter: none;
}

table.newui-table th.TCListing-desc .TCListing-liner,
table.newui-table th.TCListing-asc .TCListing-liner {
  background-color: #F2F2F2;
  background-image: none;
  filter: none;
}

/*
.TCListing.tc-panel-table th {
  background-image: none;
  filter: none;
}
*/

.TCListing-liner label {
  font-size: 1.0em;
}

.TCListing-liner {
  font-weight: 400;
}

html table.newui-table thead tr th.filter-false {
      cursor: text;
}

html table.newui-table thead tr th:hover {
      text-decoration: underline;
}

html table.newui-table thead tr th.filter-false:hover {
      text-decoration: none;
}

#filter_activityTitle {
  width:90%;
}

a.course-title:hover {
  word-break:break-all;
}

table.newui-table tbody tr td a.course-title span,
a.tc-list-title span,
label.tc-list-title span {
  background: #E6E6E6;
  border-radius: 4px;
  padding: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

table.newui-table tbody tr td a.course-title span:hover,
a.tc-list-title span:hover,
label.tc-list-title span:hover {
  background: #CACACA;
}

label.tc-list-title span:hover {
  font-size: inherit;
}

table.newui-table thead tr th.actions,
table.newui-table tbody tr td.actions {
      text-align: center;
}

table.newui-table tbody tr td.actions {
      font-size: 0.9em;
}

table.newui-table tbody tr td.actions .btn-group>.btn,
#TCDesignationsTable button {
      font-size: 12px;
      height: 25px;
      padding-left: 2px;
      padding-right: 2px;
      padding-top: 2px;
}

table.newui-table tbody tr td.actions .btn-group>.btn-primary,
#TCDesignationsTable button
{
      background: #EC7632;
}

table.newui-table tbody tr td.actions .btn-group>.btn-primary:hover,
#TCDesignationsTable button:hover {
      background-color: #F46614;
}

table.newui-table tbody tr td.actions .btn .caret {
      margin-top: 6px;
}

table.newui-table tbody tr td.tc-actions {
  font-size: 1.1em;
}

table.newui-table tbody tr td.tc-actions div {
  line-height: 25px;
}

table.newui-table tbody tr td.actions ul.dropdown-menu {
      left: inherit;
      right: 0;
}
table.newui-table tbody tr td.actions ul.dropdown-menu li {
      background-color: #FFFFFF;
      font-size: 0.9em;
}
table.newui-table tbody tr td.actions ul.dropdown-menu li:hover {
      background-color: #6699CC;
}
html table.newui-table thead tr.newui-table-filter-row td {
      background-color: #F2F2F2;
}

html table.newui-table .top-level td {
      background-color: #FFFFFF;
}

html table.newui-table .simple td {
      background-color: #FFFFFF;
}

html table.newui-table table tr {
      height: 1px;
}

html table.newui-table tr.TCListing-even,
html table.newui-table tr.TCListing-odd,
html table.TCListing tr.TCListing-odd,
html table.TCListing tr.TCListing-even,
html table.TCForm tr.TCListing-odd,
html table.TCForm tr.TCListing-even {
  background-color: #FFFFFF;
}

html tr.TCListing-even td.TCListing-desc,
tr.TCListing-even td.TCListing-asc,
tr.TCListing-odd td.TCListing-desc,
tr.TCListing-odd td.TCListing-asc {
  background-color: transparent;
}

table.newui-table table tr .description {
      width: 25%;
}

table.newui-table table tr .status {
      width: 10%;
}

table.newui-table thead tr .headerSortUp,
table.newui-table thead tr .headerSortDown {
      background-color: #999999;
}

input.newui-table-filter {
      width: 70%;
      margin-top: 6px;
      font-style:italic;
      font-size: 0.9em;

}

#filter_Activity_Type {
    width: auto;
}

input.newui-table-filter.disabled {
      display: none;
}

.hide-widgets {
      font-size: 0.9em;
      position: absolute;
      right: 10px;
      top: -20px;
}

html th.TCListing-asc, th.TCListing-desc {
  background: transparent;
  filter: none;
}

.TCListing tr:hover,
tr.TCListing-even td.TCListing-asc:hover,
tr.TCListing-odd td.TCListing-asc:hover,
tr.TCListing-even td.TCListing-desc:hover,
tr.TCListing-odd td.TCListing-desc:hover {
  box-shadow: none !important;
  border: none;
}

.TCListing th a {
  font-weight: normal;
  /*font-size: 1.0em;*/
  color: #006697;
}

.TCListing th a:hover {
  text-decoration: underline;
}

TCListing th a:hover i {
  text-decoration: none;
}

.newui-table .TCListing tr.TCListing-even:hover,
.newui-table .TCListing tr.TCListing-odd:hover {
  background-color: #EAF3FE;
  cursor: pointer;
}

.newui-table .TCListing tr:hover td {
  border: none;
  box-shadow: none;
}

.newui-table .TCListing tr td:hover {
  border: none;
  box-shadow: none;
}

.newui-table i.tc-font-icon_plus:hover {
  color: #F46614;
  text-decoration: none;
}

.newui-table td .popover {
  z-index: 1000;
}

.newui-table td .popover-content {
  background: #FFFFFF;
  border: none;
  overflow-x:none;
  overflow-y:auto;
  padding: 0;
  position: relative;
  right: 0;
  text-align: left;
  top: 0;
  width: auto;
  z-index: 3000;
}

#tc-main-primarycolumn-content section.accordion-group {
  overflow: visible;
}

/* ATTACHMENTS SCREEN
-------------------------------------------------- */
#TCCourseDocuments .TCAssociatedDocs h3 {
  font-size: 1.3em;
  padding-left: 10px;
  color: #666666;
}

#TCCourseDocuments .TCAssociatedDocs table th div {
  font-size: 1em;
}

#TCCourseDocuments .TCAssociatedDocs table span {
  font-size: 1.2em;
}

#TCCourseDocuments .TCAssociatedDocs table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* LEARNING SCREEN
-------------------------------------------------- */

#TCLearningContents {
      padding-left: 10px;
}

#TCLearningMain .breadcrumb {
      margin-bottom: 0;
      padding-bottom: 0;
      padding-left: 11px;
}


#tc-adminform-actions a:link{
  color: #000000;
}

#tc-adminform-actions a:visited{
  color: #000000;
}

.newui-table thead tr th a:link{
	color:#000000;
}

.newui-table thead tr th a:visited{
    color:#000000;
}
 
#tc-create-container a:visited {
  color: #000000;
}

#tc-create-container a:link {
  color: #000000;
}

.label-info,.badge-info{
	background-color:#6D6B6C;
}



/* TABLESORTER PAGER
-------------------------------------------------- */

.pager,
.pager-alt {
     position: relative !important;
     float: right !important;
     top: 0 !important;
     margin-bottom: 5px;
     margin-top: 10px;
     margin-right: 3px;
     height: auto;
}

.pager form {
     top: 8px;
     position: relative;
     height: 0;
}

.pager .first, .pager .last, .pager select {
     display: none;
}

.pager .prev, .pager .next, .pager-alt .prev, .pager-alt .next,
.TCSubTabs .prev,.TCSubTabs .next,
.TCPopupStatus .next, .TCPopupStatus .prev{
     cursor: pointer;
     height: 26px;
     position: relative;
     top: 12px;
     width: 20px;
}

.pager button.next, .pager button.prev, .pager-alt button.next, .pager-alt button.prev,
.TCSubTabs button.next, .TCSubTabs button.prev,
.TCPopupStatus input.next, .TCPopupStatus input.prev {
  top: 2px;
  border: none;
  text-indent: -9999px;
}

.pager .prev, .pager-alt .prev, .TCSubTabs .prev, .TCPopupStatus input.prev {
     background: url(newui-images/left_dark_grey_arrow.png) no-repeat;
     -webkit-transition: color 0.4s ease-in-out;
     -moz-transition: color 0.4s ease-in-out;
     -o-transition: color 0.4s ease-in-out;
     transition: color 0.4s ease-in-out;
}

.pager .prev:hover, .pager-alt .prev:hover, .TCSubTabs .prev:hover, .TCPopupStatus input.prev:hover {
     background: url(newui-images/left_grey_arrow.png) no-repeat;
}

.pager .next, .pager-alt .next, .TCSubTabs .next, .TCPopupStatus input.next {
     background: url(newui-images/Right_dark_grey_arrow.png) no-repeat;
     -webkit-transition: color 0.4s ease-in-out;
     -moz-transition: color 0.4s ease-in-out;
     -o-transition: color 0.4s ease-in-out;
     transition: color 0.4s ease-in-out;
}

.pager .next:hover, .pager-alt .next:hover, .TCSubTabs .next:hover, .TCPopupStatus input.next:hover {
     background: url(newui-images/Right_grey_arrow.png) no-repeat;
}

.pagedisplay {
  color: #666666;
  padding-right: 2px;
}

.pager .pagedisplay {
  font-size: 1em;
  font-weight: 600;
}

.TCListing td .pager .pagedisplay {
  font-size: 1.1em;
}

.TCSubTabs .pagedisplay {
  font-size: 1em;
}

.pager li>a, .pager li>span,
.pager-alt li>a, .pager-alt li>span {
     border: none;
     border-radius: 0;
     padding: 0;
     -webkit-border-radius: 0;
}

#pager-item {
  float: right;
}

#pager-item {
  background: none;
  float: right;
}

#pager-item > ul > li {
  background: none;
  padding-left: 0;
}

/* Question Navigation
-------------------------------------------------- */
#tc-question-nav {
  margin-left: 20px;
}

#tc-question-nav .pagination {
  margin-top: 0;
  margin-bottom: 5px;
}

#tc-question-nav .pagination ul {
  box-shadow: none;
}

.pagination a {
    margin-right: 0;
}

.pagination a:link {
  display: inherit;
  float: left;
  padding: 4px 12px;
}

.pagination ul > li > a,
.pagination ul > li > span {
    line-height: 20px;
    padding: 4px 12px;
    float: left;
}

#tc-question-nav .pagination a:hover {
   border-bottom-color: #DDDDDD;
   border-top-color: #DDDDDD;
}
/* CALENDARS
-------------------------------------------------- */
.main-content #calendar {
  width: 100%;
}
.fc-content {
  border-top: 1px solid #CCCCCC;
}
.fc-content th.fc-widget-header {
  background: #F2F2F2;
  border-bottom: 1px solid #CCCCCC;
}
.fc-grid .fc-day-number {
  float: none;
}
.fc-day-number {
  width: 100%;
}
.fc-day-number div {
  float: left;
}
.fc-day-number span {
  float: right;
  padding-right: 5px;
}
.fc-day-number .tc-font-icon_plus2 {
  padding-left: 2px;
}
.fc-day-number .tc-font-icon_plus2:hover {
  color: #EC7632;
  cursor: pointer;
}
.fc-event-title a {
  color: #FFFFFF;
}
.fc-event-title a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* DATE PICKER
--------------*/

#start_button, #end_button {
  cursor: pointer;
}
#ui-datepicker-div {
  background: #A7A7A7;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: none;
  border-radius: 0;
}

.ui-datepicker-title {
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  width: auto;
}

.ui-datepicker select {
  margin: 1px 1px;
  width: 45%;
}

.ui-widget-header .ui-state-hover {
  background-color: #A7A7A7;
  border: 1px solid transparent;
  cursor: pointer;
}

/* STYLES FOR FORMS SIDE NAVBAR
-------------------------------------------------- */
.tc-form-sidenav {
    margin: 3px 0 0;
    padding: 0;
}

.tc-nav-tabs {
    margin-top: 0;

}

/*
.tc-form-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
    background-color: #0088CC;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
*/
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
    background: transparent;
}

.tc-form-sidenav > li {
  border: 1px solid #E5E5E5;
  padding-left: 0;
  /*word-break: break-all;*/
  /*padding-left: 18px;*/
}

.tc-form-sidenav > li:first-child {
    border-radius: 0;
}
.tc-form-sidenav > li > a {
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}

.tc-form-sidenav > li:last-child > a {
    border-radius: 0 0 0px 0px;
}

.tc-form-sidenav > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.tc-form-sidenav li.active {
    border-color: #E5E5E5;
}

.tc-form-sidenav li.active,
#tc-formlinks-adv-list li.active,
#tc-formlinks-adv-list li.active a:hover,
#tc-tabsfragment-formlinks-adv-list li.active,
#tc-tabsfragment-formlinks-adv-list li.active a:hover {
  background-color: #0088CC;
  color: #FFFFFF;
}

.tc-form-sidenav li.active,
#tc-formlinks-adv-list li.active,
#tc-formlinks-adv-list li.active a:hover,
#tc-tabsfragment-formlinks-adv-list li.active,
#tc-tabsfragment-formlinks-adv-list li.active a:hover {
  background-color: #0088CC;
  color: #FFFFFF;
}

.tc-menu-list li.TCTabDisabled {
  display: none;
}

.tc-formlink-icon {
  float: left;
  position: relative;
  top: 8px;
  padding-left: 2px;
  padding-right: 3px;
  font-size: 18px;
  color: #919395;
}

.active .tc-formlink-icon {
  color: #FFFFFF;
}

.tc-sidenav-loading {
  position: relative;
  top: 10px;
}

#tc-formlinks-adv-list,
#tc-tabsfragment-formlinks-adv-list {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 0;
}

#tc-formlinks-adv-list,
#tc-tabsfragment-formlinks-adv-list,
#tc-formlinks-adv-list li,
#tc-tabsfragment-formlinks-adv-list li,
#tc-formlinks-adv-list li a,
#tc-tabsfragment-formlinks-adv-list li a {
  background: rgba(169, 64, 2, 0.8);
}

#tc-formlinks-adv-list,
#tc-tabsfragment-formlinks-adv-list,
#tc-formlinks-adv-list > li,
#tc-tabsfragment-formlinks-adv-list > li,
#tc-formlinks-adv-list li a,
#tc-tabsfragment-formlinks-adv-list li a {
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.tc-font-icon-qpools {
  padding-left: 0;
  padding-right: 5px;
}

#tc-addquestion-heading i,
#tc-addquestion-heading i:before {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

#tc-addquestion-heading i.tc-font-icon_question5 {
  position: relative;
  top: -5px;
  left: -5px;
}

#tc-question-container {
  margin: 0 10px;
}

.tc-question-head {
  background-color: #CCCCCC;
  line-height: 30px;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px #eeeeee solid;
  font-size: 1.1em;
}

.tc-question-head:hover {
  cursor: pointer;
}

ul.dropdown-menu li.tc-question-head a {
  clear: none;
  display: inline;
  padding: 0;
  margin-left: 10px;
  color: #006697;
  font-size: 1.2em;
}

.tc-question-body {
  line-height: 20px;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px #eeeeee solid;
  height: 120px;
  overflow-y: auto;
}

#tc-addquestion-toggle {
  font-size: 1.1em;
}

.tc-wait-form-submit {
  background: url(newui-images/loader_anim_small.gif) no-repeat !important;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
  text-align: center;
  margin-left: 0;
}

table.tc-admin-list thead tr th:hover {
  text-decoration: none !important;
}
a.tc-admin-list-headtitleref:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
/* STYLES FOR ADMIN FORMS
-------------------------------------------------- */
#tc-form-buttons,
#tc-form-buttons-end,
.TCFormButtons {
  margin: none;
  padding: none;
  text-align: right;
  height: 30px;
  background-color: #616161;
  padding: 14px 15px 15px;
  /*border-radius: 6px 6px 0px 0px;*/
  margin-bottom: 0px;
  /*border: #DADADA 1px solid;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;*/
}

#tc-form-buttons-end {
  text-align: left;
  /*border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;*/
  margin-top:0px;
 }

.TCFormButtons {
  border-bottom: 0;
  border-top: 0;
  margin: 0;
 }

#tc-form-buttons-end-spacer {
  max-width: 250px;
  padding-left: 10px;
  width: 180px;
  display: inline-block;
}

#tc-form-title {
  float: left;
  font-family: "Open Sans";
  font-size: 1.2em;
  color: #f8f8f8;
  top: 5px;
  position: relative;
}

#tc-adminform-head {
  margin-bottom: 0px;
}

.tc-adminform-body-start {
  margin: 0;
  height: 10px;
  /*border-top: #FFFFFF 1px solid;*/
  position: relative;
  width: auto;
  background-color: inherit;
  /* Webkit (Safari/Chrome 10) */
  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A7A7A7), color-stop(50%, #F0F0F0), color-stop(90%, #FFFFFF));*/
  /* Webkit (Chrome 11+) */
  /*background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* Mozilla Firefox */
  /*background-image: -moz-linear-gradient(top, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* IE10 Consumer Preview */
  /*background-image: -ms-linear-gradient(top, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* Opera */
  /*background-image: -o-linear-gradient(top, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* W3C Markup, IE10 Release Preview */
  /*background-image: linear-gradient(to bottom, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
}

.tc-adminform-body-end {
  clear: both;
  margin: 0;
  height: 10px;
  position: relative;
  width: auto;
  /* Webkit (Safari/Chrome 10) */
  /*background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #A7A7A7), color-stop(50%, #F0F0F0), color-stop(90%, #FFFFFF));*/
  /* Webkit (Chrome 11+) */
  /*background-image: -webkit-linear-gradient(bottom, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* Mozilla Firefox */
  /*background-image: -moz-linear-gradient(bottom, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* IE10 Consumer Preview */
  /*background-image: -ms-linear-gradient(bottom, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* Opera */
  /*background-image: -o-linear-gradient(bottom, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  /* W3C Markup, IE10 Release Preview */
  /*background-image: linear-gradient(to top, #A7A7A7 0%, #F0F0F0 50%, #FFFFFF 90%);*/
  background-color: inherit;
  /*border-bottom: #E8E8E8 2px solid;*/
 }

 #tc-adminformbody-main {
   border-left: 2px solid #616161;
   border-right: 2px solid #616161;
   border-bottom: 5px solid #616161;
   border-top: 0;
 }

#tc-adminformbody-main>form {
  margin-bottom: 0;
}

 #tc-adminformbody-main-title {
   /*background: #A7A7A7;
   border-radius: 4px;*/
   line-height: 30px;
   padding-left: 25px;
   padding-right: 5px;
   font-size: 2.2em;
   margin-top: 15px;
   margin-bottom: 10px;
   font-weight: bold;
   text-rendering: optimizelegibility;
   display: block;
 }

 .tc-font-icon_pushpin {
   color: #919395;
 }

#tc-adminformbody-container-fluid .TCForm,
#tc-adminformbody-container-fluid #tc-adminform-body-end,
#tc-adminformbody-container-fluid #tc-adminform-body-start,
#tc-adminformbody-main #TCActionToolbar,
#tc-adminformbody-main #tc-formdef-body {

}

#tc-adminformbody-main #TCActionToolbar {
  background-color: inherit;
  padding: 2px 5px;
}

.modal #tc-adminformbody-main-formtbl,
.modal #tc-adminform-body-end,
.modal #tc-adminform-body-start {
  border-left: 0;
  border-right: 0;
}
 #tc-form-sidenav-menuitems {
   height: 60px;
   border-radius: 6px 6px 0px 0px;
   margin-bottom: 0px;
   border: #CCCCCC 1px solid;
   -moz-box-shadow: inset 0 1px 0 #ffffff;
   -webkit-box-shadow: inset 0 1px 0 #ffffff;
   -moz-border-radius: 6px 6px 0 0;
   -webkit-border-radius: 6px 6px 0 0;
   background-color: #ffffff;
 }

 #tc-form-sidenav-actionsmenu {
   border: 1px solid #CCCCCC;
   border-radius: 6px 6px 6px 6px;
   margin-top: 2px;
 }

 #tc-form-sidenav-actionsmenuhead {
   background-color: #A7A7A7;
 }

 #tc-form-sidenav-actionsmenuaction {
   margin-left: 5px;
 }

 #tc-form-sidenav-actionsmenutoggle {
   font-size: 1.15em;
 }

#tc-adminformbody-sidebar1.tc-navtabs-sidebar {
  display: block !important;
}

#tc-form-header-menulist-cont,
#tc-adminformbody-main-toggles {
  margin-top: 0;
  width: auto;
  margin-left: 10px;
  padding-left: 5px;
  float: right;
}

#tc-adminformbody-actions {
  text-align: right;
}

.tc-objectlist-actions {
  position: absolute;
  top: 10px;
  right: 5px;
}

 #tc-form-header-menulist,
 #tc-form-header-menulistoverflow {
   float: right;
   padding: 0;
   margin: 0;
   margin-right: 0;
   font-size: 0.9em;
}

#tc-form-header-menulist,
#tc-form-header-menulistoverflow,
.tc-menu-list {
  /*display: table;*/
  padding-left: 0;
  padding-right: 0;
}

#tc-form-header-menulist li,
#tc-form-header-menulistoverflow li,
.tc-menu-list li,
.tc-menu-item,
.tc-form-menu-item {
  /*display: table-row;*/
  padding: 0;
  font-size: 1.0em;
  /*border-top: 1px dotted #4d4d4d;*/
  color: #fff;
  width: auto;
}

.tc-menu-list li a,
.tc-menu-item a,
.tc-form-menu-item a {
  padding: 0;
  margin: 0;
  background: #EC7632;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  text-shadow: none;
  color: #fff;
  padding-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px dotted #fff;
  display: block;
  /*white-space: nowrap;*/
}

.tc-menu-item,
.tc-form-menu-item {
  /*display: table-row;*/
  /*max-width: 250px;*/
  font-size: 1.15em;
  font-weight: bold;
}

.tc-menu-item,
.tc-form-menu-item {
  box-shadow: none;
}

#tc-nav-tabs .tc-nav-menu-active,
#tc-formlinks-adv-list .tc-nav-menu-active {
  box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.tc-menu-item a,
.tc-form-menu-item a,
#tc-nav-tabs .tc-nav-menu-active a,
.tc-menu-list [data-menulink-type] a {
  background: #8A8D8E;
  color: #fff;
}

.tc-menu-list [data-menulink-type] .tc-admin-menuitem-text {
  color: #fff;
}

.tc-menu-list [data-object-type]:first-child a {
  background: #EC7632;
  color: #fff;
  border-bottom: 1px solid #EC7632;
}

#tc-nav-tabs .tc-nav-menu-active a {
  background: #616161;
  color: #fff;
  border-bottom: 1px solid #666;
}

#tc-nav-tabs .tc-nav-menu-active .tc-admin-menuitem-action{
  background: #1A1A1A;
}

#tc-nav-tabs .tc-nav-menu-active a:hover {
  background: rgba(0, 0, 0, 0.8);
}

#tc-form-header-menulist li a:hover,
#tc-form-header-menulistoverflow li a:hover,
.tc-menu-list li a:hover,
.tc-menu-item a:hover,
#tc-form-sidenav-list li a:hover,
#tc-form-header-menulist li a:focus,
#tc-form-header-menulistoverflow li a:focus,
.tc-menu-list li a:focus,
.tc-menu-item a:focus,
#tc-form-sidenav-list li a:focus {
  background: rgba(0, 0, 0, 0.8);
  color: #fefefe;
  text-decoration: none;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  border-bottom-style: solid;
}

.tc-formheader-hidemenuopt {
  display: none;
}

#tc-nav-tabs .tc-nav-menu-active a:hover {
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
}

.tc-admin-formmenuitem-action {
  display: table-cell;
  padding: 8px;
  background: rgba(109, 107, 108, 0.7);
  margin-right: 10px;
}

.tc-admin-menuitem-action{
  display: table-cell;
  padding: 8px;
  background: rgba(169, 64, 2, 0.8);
  margin-right: 10px;
}


.tc-admin-menuitem-action i,
.tc-admin-formmenuitem-action i {
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 1.25em;
  display:table-cell;
}

#tc-admin-list-info-column i {
  display:inline-block;
}

.tc-admin-menuitem-text,
.tc-admin-formmenuitem-text {
  display:table-cell;
  vertical-align:middle;
  padding: 5px 10px;
  word-break: break-all;
}

.tc-admin-formmenuitem-action,
#tc-form-header-menulist .tc-admin-menuitem-action,
#tc-admin-list-info-column {
  background: rgba(169, 64, 2, 0.8);
}

.tc-form-menu-item a:hover  {
  background: rgba(0, 0, 0, 0.8);
  color: #f8f8f8;
  text-decoration: none;
}

#tc-form-header-togglelist-cont {
  float:right;
}

#tc-main-primarycolumn-content #tc-adminform-breadcrumb {
  padding-left: 0;
}

#tc-main-primarycolumn-content #tc-adminformbody-main-title {
  padding-left: 10px;
}

#tc-main-primarycolumn-content>#EditObjectForm {
  margin-bottom: 0;
}

 #tc-adminform-breadcrumb {
   margin-bottom: 5px;
   font-size: 1.0em;
   padding: 2px 15px;
   background: #f8f8f8 !important;
 }

 .tc-adminform-breadcrumb-menubtn {
   font-size: 110%;
 }

#tc-adminform-actions {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}

.tc-form-admin-details {
  background: #ccc;
  padding: 2px;
}

input.tc-number-input-small {
   width: 2em;
}

input.tc-number-input-medium {
   width: 4em;
}

#tc-attendance-collapse .accordion-heading {
  font-size: 1.2em;
  padding: 10px 0 10px 10px;
}

#tc-ilt-session-header ul.tc-header-stats {
  background-color: #FFFFFF;
  border-radius: 6px;
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);*/
  margin: 0;
  max-width: 350px;
  padding: 0;
  margin-bottom: 10px;
  float: left;
}

#tc-conf-header ul.tc-header-stats {
  background-color: #FFFFFF;
  border-radius: 6px;
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);*/
  margin: 0;
  max-width: 250px;
  padding: 0;
  margin-bottom: 10px;
  float: none;
}

#tc-ilt-session-header a.accordion-toggle,
#tc-conf-session-header a.accordion-toggle {
  padding: 0;
  line-height: 30px;
}

ul.tc-header-stats > li:first-child > a,
ul.tc-header-stats > li:first-child > div {
  border-radius: 6px 6px 0 0;
}

ul.tc-header-stats > li > a,
ul.tc-header-stats > li > div {
  border: 1px solid #E5E5E5;
  display: block;
  margin: 0 0 -1px;
  padding: 8px 14px;
}

.tc-header-stat {
  max-width: 200px;
  float: left;
  text-align: center;
  margin: 10px;
  margin-left: 20px;
}

ul.tc-header-stats span.badge,
.tc-header-stat span.badge
 {
  margin-left: 10px ;
}

.tc-stat-label {
  color: inherit;
  font-size:1.0em;
  display:inline;
}

.tc-font-icon_clipboard2 {
  font-size: 20px;
  color: inherit;
}

.tc-stat-daterange {
  color:inherit;
  font-size:1.1em;
  display:inline;
  background-color:#A7A7A7;
  border-radius: 4px;
  color: #666666;
  padding: 2px 5px 2px 5px;
  margin-left: 20px;
}

.tc-button-disabled {
  cursor: not-allowed;
}

.tc-noborder,
#tc-adminformbody-main.tc-noborder {
  border: 0;
}

.tc-tooltip-highlight {
  color: #F89406;
  font-size: 1.2em;
  text-transform: uppercase;
}

i.tc-font-icon_clock.tc-tooltip {
  cursor: pointer;
}

#tc-addquestion-collapse {
  margin: 0 10px;
}

.tc-pagination {
  float: right;
}

#tc-low-res-activities {
  clear: both;
  display: none;
}

.tc-mobile-action-buttons {
  text-align: center;
}

.tc-mobile-action-buttons input {
  margin-left: 4px;
  padding: 4px 4px;
  font-size: 1em;
}

.tc-sc-update-quantity {
  display: block;
}
.tc-itemlist input.SCquantity  {
  width: 1em;
}

.tc-sc-update-token {
  display: inline;
  position: absolute;
  padding: 2px 10px;
}

.tc-low-res-checkout-header {
  position: fixed;
  top:40px;
  left:0;
  width: 100%;
}

.tc-low-res-checkout-header h5 {
  float: left;
  margin: 15px 10px;
}

h5 .tc-sc-mobile-price {
  padding-left: 10px;
}

.tc-sc-mobile-price {
  color: #EA6238;
}

.TCTableTitle.tc-small-viewport-title {
  width: 100%;
  background-color: #eeeeee;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 0;
}

.TCTableTitle.tc-small-viewport-title span {
  padding-left: 10px;
}

.tc-summary-mobile td.price {
  text-align: right;
}
.tc-summary-mobile tbody td {
  padding-bottom: 4px;
}

.tc-summary-mobile tfoot {
  border-top: 1px solid #000000;
  font-weight: bold;
  padding: 10px;
}

.tc-summary-mobile tfoot td.price {
  color: #EA6238;
}

.tc-summary-mobile tfoot td {
  padding-top: 5px;
}

.mobileActionsFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 32px;
  font-size: 1.3em;
  color: #FFF;
  padding: 4px 10px;
  background: #393637;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373334), color-stop(90%, #343131));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #393637 0%, #343131 90%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #393637 0%, #343131 90%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #393637 0%, #343131 90%);
  /* Opera */
  background-image: -o-linear-gradient(top, #393637 0%, #343131 90%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #393637 0%, #343131 90%);
  /* IE9 */
  filter: none;
}

.mobileActionsFooter input {
    float: right;
    position: relative;
    right: 10px;
  margin-right: 10px;
}

.mobileActionsFooter h5 {
    float: left;
    margin: 5px 0px;
}

.mobilePanel {
  margin-bottom: 20px;
}

.mobilePanel select {
  width: auto;
}

.mobilePanel td.headerLabel {
  float: left;
  margin-bottom: 15px;
}

.mobilePanel td.headerLabel span:first-child {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}

.mobilePanel .TCTableTitle  {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.media.tc-itemlist {
  border-bottom: #eeeeee 2px solid;
  padding: 0 10px 20px 10px;
  overflow: visible;
}

.media.childElement  {
  background-color: #FFFFCC;
}

.media .tc-itemlist-type {
  display: inline-block;
  float: left;
  text-align: center;
}

.media .tc-itemlist-type i {
  font-size: 24px;
}

.media .tc-itemlist-right {
  float: right;
  text-align: right;
}

.media .tc-itemlist-right-top {
  float:left;
  margin-bottom: 5px;
  font-style: italic;
  width: 100%;
}

.media .tc-itemlist-right-bottom {
  width: 100%;
}

.media .tc-itemlist-detail {
  float: left;
  font-size: 1.1em;
}

media .tc-itemlist-detail-italic {
  font-style: italic;
}

.media .media.tc-itemlist-children {
  clear: both;
}

.media .media.tc-itemlist {
  padding: 10px;
  overflow: visible;
  border-bottom: none;
}

.media.tc-itemlist-children {
  margin-top: 0;
}

.tc-itemlist-children .media.tc-itemlist {
  padding-left: 0;
  margin-right: 0px;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 5px;
}

.tc-itemlist-children .tc-itemlist-type {
  visibility: hidden;
}

.tc-itemlist-children .media-body {
  border-left: #e4e4e4 3px solid;
  padding-left: 10px;
}

.tc-listitem-children-collapse {
  margin-top: 5px;
  font-size: 0.8em;
  color: #006697;
}

.tc-listitem-actionmenu-align {
  left: auto;
  right: 0;
}

#tc-listitem-headermenu {
  font-size: 0.8em;
  border-radius: 0;
  padding-top: 0;
}

#tc-listitem-headermenu .dropdown-header {
  background-color: #eeeeee;
  padding: 5px;
}

#tc-listitem-sort {
  float: right;
  top: -2px;
  margin-right: 10px;
}

#tc-email-frm {
  padding: 0;
}

#tc-email-recipients,
.tc-variable-subst-wrapper {
  border: 0 none;
  margin: 0;
  padding: 0;
  color: #222222;
  font-size: 110%;
}

#tc-email-recipients>div,
.tc-variable-subst-wrapper>div {
  padding-bottom: 2px;
  padding-top: 2px;
  display: inline-block;
  vertical-align: top;
}

#tc-email-recipients>div>span.tc-email-recipient,
.tc-variable-subst-wrapper>div>div.tc-variable-subst {
  background-color: #F5F5F5;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  cursor: default;
  display: block;
  height: 20px;
  white-space: nowrap;
}

.tc-email-recipient-name,
.tc-variable-subst-name {
   color: #222222;
   direction: ltr;
   display: inline-block;
   margin: 2px 5px;
   max-height: 17px;
   max-width: 225px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.tc-email-recipient-remove:before,
.tc-variable-subst-remove:before {
  content: "x";
}

.tc-email-recipient-remove,
.tc-variable-subst-remove {
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  height: 20px;
  opacity: 0.6;
  vertical-align: top;
  width: 14px;
  color: #888;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.tc-email-recipient-remove:hover,
.tc-variable-subst-remove:hover {
  color: #222;
}

#tc-email-subject,
#tc-email-message,
#tc-email-url,
#tc-email-body #rece,
#tc-email-attachments {
  border: 0;
  box-shadow: none;
  font-size: 1.2em;
  outline: medium none;
  padding: 4px 1px 4px 2px;
  resize: none;
  width: 600px;
}

#tc-email-message {
  min-height: 250px;
}

.tc-email-lineitem {
  border-bottom: 1px solid #CFCFCF;
  margin: 0 0 2px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  min-height: 30px;
  padding: 8px 7px 3px;
}

.tc-email-buttons {
  background-color: #F5F5F5;
  height: 42px;
  overflow-y: hidden;
  position: static;
  text-align: center;
  padding-top: 10px
}

.tc-email-lineitem > label,
.tc-email-lineitem #tc-attachments-label {
  border: 0;
  box-shadow: none;
  font-size: 1.2em;
  outline: medium none;
  resize: none;
  width: 20%;
}

.tc-email-lineitem > div {
  width: 80%;
}

#TCHiddenTPForm .tc-email-lineitem > label,
#TCHiddenTPForm .tc-email-lineitem > div,
#TCHiddenTPForm .tc-email-lineitem span#tc-attachments-label {
  display: inline-block;
  float: left;
}

#tc-email-attachments {
  display: inline-block;
}

/* STYLES FOR VARIABLE SUBSTITUTION
--------------------- */
.basicVarSubstTinyMCE .inlineTinyMCEForContent {
  padding: 3px;
}
.basicVarSubstTinyMCE .tc-var-subst,
.basicVarSubstTinyMCE .mceNonEditable {
  color: #fff;
  font-weight: 600;
  background: #666;
  padding: 4px;
  border-radius: 4px;
  margin: 0 3px;
  line-height: 25px;
  border: 1px dotted #000;
}

.basicVarSubstTinyMCE .tc-var-subst:hover {
  cursor: not-allowed;
}

.basicVarSubstTinyMCE .tc-subst-logicif {
  background-color: #FBA125;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  color: #1a1a1a;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.basicVarSubstTinyMCE .tc-subst-logicelse {
  background-color: #D8FA33;
  border: 1px dotted #000;
  background-image: -moz-linear-gradient(top, #D8FA33, #CDF805);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D8FA33), to(#CDF805));
  background-image: -webkit-linear-gradient(top, #D8FA33, #CDF805);
  background-image: -o-linear-gradient(top, #D8FA33, #CDF805);
  background-image: linear-gradient(to bottom, #D8FA33, #CDF805);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8FA33', endColorstr='#CDF805', GradientType=0);
  color: #1a1a1a;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.basicVarSubstTinyMCE .tc-inline-emphasise {
  box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.5);
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  border-bottom: 2px dotted #1a1a1a;
  background: #006697;
  color: #fff;
}
.basicVarSubstTinyMCE .tc-logic-block-identifier {
  font-size:0.8em;
  font-weight:600;
  padding:2px 5px;
  background:#000;
  color:#fff;
  position:relative;
  top:-1px;
}
table.basicVarSubstTinyMCE {
  line-height: 20px;
}

table.basicVarSubstTinyMCE .tc-table-header-action {
  float: right;
  display: inline;
  width: auto;
}

.tc-varsubst-text,
.tc-varsubst-date {
  background: #f3f315;
}

.tc-popup-preview-body {
  margin: 5px;
}

.tc-popup-preview-header {
  margin: 10px 0;
}

.tc-popup-preview .tc-logic-block-identifier {
  display: none;
}

span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 1.0em;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
  cursor: pointer;
}
span.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #428bca;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}
.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-highlight {

}

.tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

.tc-typeahead {
  width: 200px;
}
/* STYLES FOR MODALS
--------------------- */

.modal-header h2 {
  margin: 0;
  line-height: 30px;
  font-size: 1.5em;
  min-height: 30px;
}

#modal-header small {
  color: #fff;
}

.modal.fade {
  display: none;
  top: 50%;
  -webkit-transition: opacity 0.3s linear, height 1s, width 1s linear;
     -moz-transition: opacity 0.3s linear, height 1s, width 1s linear;
       -o-transition: opacity 0.3s linear, height 1s, width 1s linear;
          transition: opacity 0.3s linear, height 1s, width 1s linear;
}

.modal.fade.in {
  display: block;
  top: 50%;
}

#modal-body #tc-form-buttons,
#modal-body #tc-adminformbody-sidebar1,
#modal-body #tc-adminform-body-start,
#modal-body #tc-adminform-body-end {
  display: none;
}

#modal-body #tc-main {
    margin-bottom: 0;
    padding-bottom: 0;
}

div.modal-body div.tc-modal-form {
  width: 600px;
}

div.modal-body div.tc-modal-form label{
  width: 50%;
}

#modalPopup {
  border-radius: 0;
  box-shadow-color: #222222;
}

#modal-header {
  background-color: #575757;
  color: #ffffff;
  font-size: 1.0em;
}

#modal-header>.close {
  border-radius: 0;
  box-shadow-color: #222222;
  color: #ffffff;
  opacity: 0.8;
}

#modal-body {
  padding: 0;
}

#modal-body>#tc-main {
  padding-bottom: 0;
}

/* STYLES FOR PRE TC940 TEMPLATES
-------------------------------------------------- */
a.btn:link {
     color: #FFFFFF;
}

a.btn:visited {
     color: #FFFFFF;
}

.TCPanel {
  background: #A7A7A7;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

.TCPanelTitle {
  font-size: 0.9em;
}

.TCListing td {
  font-size: 0.9em;
  line-height: 1.5em;
}

.TCListing th {
  background: #FFFFFF;
  background-image: none;
  color:#1a1a1a;
  filter: none;
}

.TCListing th > div {
  font-size: 0.9em;
}

.TCListing th > div a:hover {
  color: #006697;
}

.TCHeaderLogin .TCMainContainer {
  top: 80px;
}

.TCRegistrationParentDiv{
  width: 1650px;
}

.TCRegAdvancedRow tr{

}

.TCRegAdvancedTable td{
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 10px;
  padding-top: 10px;
}

.TCRegistrationDiv {
    border: 2px solid #616161;
    clear: both;
    margin-bottom:30px;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    width: 90%;
}

div.TCRegistrationDiv > form {
  margin-bottom: 0;
}

div#TCSelfRegFormDiv {
  padding-left: 20px;
  padding-right: 10px;
}

#TCRegistrationDiv > .TCMessage {
  padding-left: 20px;
}

table.TCMainContainer {
  margin-bottom: 90px;
  margin-top: 10px;
  position: relative;
  top: 50px;
  width: 99%;
}

#modalPopup table.TCMainContainer {
  margin-bottom: 0;
}

.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_c47a23_256x240.png");
}

div.TCCatalogSearchTerm {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  background-position: 0 0;
  color: #006697;
}

.TCFloatRight {
  float: right;
}

#mainContainer, .TCPanel, .TCPanelHeader, .TCPanelBody, .TCPanelFooter   {
  background-color: #ffffff;
  background-image:none !important;
  filter: none !important;
  font-family: "Open Sans",sans-serif;
  font-size:13px;
}

.TCPanel, .TCPanelHeader, .TCPanelBody, .TCPanelFooter {
  border:none;
  color:inherit;
  padding:0;
  margin:0;
  border-radius: 0;
}

.TCPanel .TCTableTitle {
  width: 50%;
}

div.TCTableTitle,
header.TCTableTitle {
  font-size: 1.1em;
  font-weight: normal;
  color: #666;
  line-height: 40px;
  margin: 10px 0;
  text-rendering: auto;
}

#tc-adminform-head div.TCTableTitle,
#tc-adminform-head header.TCTableTitle {
  font-size: 1.0em;
  line-height: 20px;
  margin: 5px 0;
}

.main-content>div.TCTableTitle,
.main-content>header.TCTableTitle {
   font-size: 1.3em;
}

.TCPanelHeader div.TCTableTitle,
.TCPanelHeader header.TCTableTitle {
  font-size: 1.15em;
}

#tc-content-main-container .TCTableTitle {
  font-size: 1.3em;
}
.TCsubmit,.TCbutton, input.TCsubmit, input.TCbutton, #TCCatalogSearch, #TCCatalogSearchRefresh,
form table input.TCbutton, form table input.TCsubmit, form table input.TCreset {
/*
  background-color: #EC7632;
  background-image: none;
  border-radius: 14px 14px 14px 14px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  filter: none;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
*/
}

.TCsubmit:hover,.TCbutton:hover, input.TCsubmit:hover, input.TCbutton:hover, #TCCatalogSearch:hover, #TCCatalogSearchRefresh:hover,
form table input.TCbutton:hover, form table input.TCsubmit:hover, form table input.TCreset:hover {
  filter: none;
}

#TCHeaderMenuButton:hover {
  filter: none;
}

#TCCollaborationActionToolbar,
#TCActionToolbar {
  background-color: #F5F5F5;
}

#TCActionToolbar button i {
  padding-right: 3px;
}

#TCCollaborationActionToolbar > .TCbutton {
  background: #919395;
  border:none;
  font-size:16px;
  height:1.8em;
}

#TCCollaborationActionToolbar > .TCbutton:hover {
  border:none;
}

.TCListing td {
  /*font-size:13px;*/
}

.TCImage.TCBottom {
  vertical-align: middle;
}

td .input-append.date > input,
.input-append.date > input,
td div.date > input,
td div.date > span.add-on,
div.date > span.add-on {
  height: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
}

label.tc-date-range {
  font-size: 0.9em;
  color: #666;
  font-weight: 600;
  text-transform: lowercase;
}

body.tc-frame-background {
  background-color: #ffffff !important;
}

.ui-dialog {
  z-index: 2000 !important;

}

.tc-font-icon_close {
  color: #EC7632;
}

.tc-font-icon_close:hover {
  color: #666666;
}

.tc-frame-header {
  top: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
}

body .ui-dialog.ui-widget-content {
  background: #FFFFFF;
}
.ui-dialog .ui-widget-header {
  background: transparent;
  border: none;
}
.ui-dialog div.ui-dialog-titlebar{
  filter: none;
  padding-left: 8px;
}
.ui-dialog .ui-dialog-title {
  font-size: 1.1em !important;
  font-weight: normal;
  color: #666666;
}

td.TCPopupFilter:first-of-type,
th.TCPopupFilter:first-of-type {
  text-align: center;
}

table.newui-table td.TCPopupFilter #TCSearchObject,
table.newui-table th.TCPopupFilter #TCSearchObject,
table.TCTableNoBorder td.TCPopupFilter #TCSearchObject {
  background: none;
  border: none;
  color: #EC7632;
  font-size: 1em;
}

#TCSearchObject>i {
  font-size: 20px;
}

.TCPopupFilter .tc-combobox {
  margin-bottom: 0;
}

#tc-popupselect-body tr:first-of-type,
#tc-objectlist-body tr:first-of-type  {
  border-bottom: inherit;
}
.tc-popupselect-table-container {
  padding-left: 5px;
  min-width: 480px;
}
.tc-popupselect-table-body {
  overflow-x: auto;
  overflow-y: auto;
}


#tc-popupselect-head th,
#tc-objectlist-head th {
  padding: 0;
}

#tc-popupselect-filters .TCPopupFilter .tc-combobox {
  top: 2px;
}

.TCPopupFilter .tc-combobox .input-group-btn,
#tc-objectlist-filterCollapse .tc-combobox .input-group-btn {
  display: inline-block;
}

.TCPopupFilter .tc-combobox .input-group-btn button,
#tc-objectlist-filterCollapse .tc-combobox .input-group-btn button {
  background-color: inherit;
  border: 0;
  box-shadow: none;
  padding: 5px 5px 0 5px;
}

#tc-objectlist-filterCollapse .tc-combobox .input-group-btn button {
  padding-top: 0;
}

#tc-objectlist-searchactions,
#tc-popupselect-searchactions {
  display: table;
  margin-top: 5px;
}

#tc-columnslist,
#tc-quicksearch-actions {
  display: table-cell;
}

#tc-columnslist {
  padding-right: 20px;
}

.tc-popupselect-table-container .TCPopupStatus {
  width: 50%;
  text-align: left;
}

#tc-adminformbody-main-formtbl .tc-popupselect-table-container .TCPopupStatus {
  width: 100%;
}

.tc-popupselect-table-container .input-append .btn {
  margin-right: -4px;
  border-radius: 0;
  border-color: #eee;
}
.tc-popupselect-table-container .input-append .search-query {
  padding: 4px 14px;
  border-radius: 0;
  border-color: #eee;
}
.tc-popupselect-table-container .accordion-group {
  border: 0;
}
.tc-popupselect-table-container .form-horizontal .control-group {
  margin-bottom: 10px;
}
.tc-popupselect-table-container .accordion {
  margin: 10px 0;
}
.tc-popupselect-table-container .accordion-inner {
  border-top-color: #f5f5f5;
  background: #f5f5f5;
}
.tc-popupselect-table-container .accordion-body {
  top: -3px;
}
.tc-popupselect-table-container .form-search {
  padding-bottom: 2px;
  margin-left: 10px;
}

.tc-popupselect-table-container a.btn {
  display:inline-block;
  margin:0 10px;
  position: relative;
  box-shadow: none;
  color: inherit;
  border-color: #fff;
  z-index: 1000;
}

.tc-popupselect-table-container a.btn:active,
.tc-popupselect-table-container a.btn:focus {
  background-color: #f5f5f5;
}

.tc-popupselect-table-container .btn-group .btn {
  padding: 2px 12px;
  opacity: 0.8;
}

#modal-body .tc-popupselect-table-container .pager {
  margin-top: 10px;
  margin-bottom: 5px;
}

#tc-popupselect-columnslist li.tc-popupselect-columnsapply,
#tc-objectlist-columnslist li.tc-popupselect-columnsapply {
  text-align: center;
  background-color: #eee;
}

#tc-popupselect-columnsapply,
#tc-objectlist-columnsapply {
  color: #1a1a1a;
  opacity: 1.0;
  margin: 5px 10px;
}

#tc-popupselect-columnsapply:hover,
#tc-objectlist-columnsapply:hover {
  color: #fff;
}

#tc-popupselect-columnslist li,
 #tc-objectlist-columnslist li{
  font-size: 1.3em;
  line-height: 15px;
  padding: 5px 15px;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#tc-popupselect-columnslist li:hover,
#tc-objectlist-columnslist li:hover{
  background-color: #e6e6e6;
}

#tc-popupselect-columnslist input[type=checkbox],
#tc-objectlist-columnslist input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.tc-popupselect-table-container .filter-icon.accordion {
  clear: none;
  color: #616161;
  float: none;
  font-size: 13px;
  padding-left: 0;
  position: static;
}

.tc-popupselect-pager {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 2px;
  box-shadow: 0 1px 3px #fff,0 1px 2px #fff;
  transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
  transition-property: box-shadow;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: initial;
  webkit-transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
  webkit-transition-property: box-shadow;
  webkit-transition-duration: 0.28s;
  webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  webkit-transition-delay: initial;
  background-color: #fff;
  color: rgba(0,0,0,.84);
}
.tc-popupselect-pager:hover
 {
  border: 1px solid #888;
  cursor:pointer;
  box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28);
}

.tc-section-break i {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 2px;
  box-shadow: 0 1px 3px #fff,0 1px 2px #fff;
  transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
  transition-property: box-shadow;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: initial;
  webkit-transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
  webkit-transition-property: box-shadow;
  webkit-transition-duration: 0.28s;
  webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  webkit-transition-delay: initial;
  background-color: #fff;
  position: relative;
  left: 50%;
  font-size:1.3em;
  top:10px;
  padding:10px;
}
.tc-section-break i:hover {
  cursor:pointer;
  box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.28);
}

#tc-list-pager {
  background: #fff;
  border-top: 1px dotted #eee;
}

.tc-list-pager-top {
  display: none;
}

.tc-list-quicksearch-actions {
  position: relative;
  /*left: 50px;*/
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

#tc-quicksearch-actions {
  display: table;
}

.tc-list-quicksearch-actions li {
  float: left;
  line-height: 20px;
  height: 20px;
  vertical-align: bottom;
  border: 2px solid #fff;
  margin: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tc-list-quicksearch-actions li.on {
  border: 2px solid #f5f5f5;
  background-color: #f5f5f5;
}

.tc-list-quicksearch-actions li.off {
  color: #e8e8e8;
}

li.tc-list-quickreset {
  margin-left: 20px;
}

li.tc-list-quickreset.on:hover {
  background-color: #e6e6e6;
  border: 2px solid #e6e6e6;
}

i.tc-sortfilter-help {
  font-size: 18px;
  position: relative;
  /*top: 5px;*/
  padding-left: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main-content .filter-icon i.tc-sortfilter-help:hover {
  cursor: pointer;
  color: #eee;
}

#tc-objectlist-searchactions .tc-sortfilter-help,
#tc-popupselect-searchactions .tc-sortfilter-help {
/*  padding-left: 0;
  margin-left: 0;
  left: -8px;
*/
}

:-webkit-full-screen {
  width: 90%;
}

:-moz-full-screen {
  width: 90%;
}

:-ms-fullscreen {
  width: 90%;
}

:full-screen { /*pre-spec */
  width: 90%;
}

:fullscreen { /* spec */
  width: 90%;
}

:fullscreen #tc-closefullscreen {
  display: block;
}

:-webkit-full-screen #tc-closefullscreen {
  display: block;
}

:-moz-full-screen #tc-closefullscreen {
  display: block;
}

:-ms-fullscreen #tc-closefullscreen {
  display: block;
}

:full-screen #tc-closefullscreen { /*pre-spec */
  display: block;
}

:fullscreen #tc-openfullscreen {
  display: none;
}

:-webkit-full-screen #tc-openfullscreen {
  display: none;
}

:-moz-full-screen #tc-openfullscreen {
  display: none;
}

:-ms-fullscreen #tc-openfullscreen {
  display: none;
}

:full-screen a.tc-fullscreen { /*pre-spec */
  display: none;
}

.tc-fullscreen,
.tc-closefullscreen {
  float: right;
  position: relative;
  /*top: 5px;*/
}

#tc-sortfilter-helptextcontents ul {
  list-style: none;
  list-style-type: none;
  margin-left: 0;
}

#tc-sortfilter-helptextcontents ul li {
  padding: 5px 10px;
  background: #f8f8f8;
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
  border-top: 2px dotted #e4e4e4;
}

#tc-sortfilter-helptextcontents ul>li:nth-child(2n) {
  background: #eee;
}

.tc-quicksearch-columns {
  padding: 10px 5px;
  border: 1px dotted #888;
  margin-top: 10px;
  width: auto;
  color: #666;
}

table.newui-table thead tr th.TCPopupFilter {
  background: #FFFFFF;
  padding-bottom: 5px;
}

#modal-body div.TCPopupStatus span,
.pager span {
  font-weight: 600;
}
#modal-body div.TCPopupStatus i,
.tc-popupselect-pager {
  font-size: 1.2em;
  color: #0094D9;
}

table.newui-table tr.tc-filter-row {
  border-top: none;
}

.tc-list-filteradv {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  margin: 0 10px;
}

.tc-popupselect-table-container .input-append .tc-list-hasfilter {
  border-radius: 0 0 0 12px;
  /*border-left: 3px solid #888;
  border-bottom: 3px solid #888;*/
  box-shadow: 2px 2px 5px #666;
}

a[id$="-filter-icon"] i {
  position: relative;
  top: 5px;
  left: -5px;
}

#tc-filter-icon:hover {
  text-decoration: none;
}

.tc-popupselect-table-container a.btn.tc-closefullscreen {
  display: none;
}

table.newui-table tr.tc-filter-row #filter-icon {
  font-size: 1.1em;
}

table.newui-table td.TCPopupFilter #TCSearchObject:hover,
table.newui-table th.TCPopupFilter #TCSearchObject:hover {
  background: none;
  border: none;
  color: #666666;
}

.TCForm input,
.TCForm button,
.TCForm .uneditable-input,
.TCCatalogSearchForm .uneditable-input,
.accordion-body .uneditable-input {
  padding: 4px 12px;
  border-radius: 0;
}

.TCForm tr.TCSubListing-buttons td input,
.TCForm tr.TCSubListing-buttons td button {
    margin-right: 3px;
    min-height: 20px;
}

.TCForm tr td {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 4px;
}

.TCForm tr {
   color: #333333;
 }

.TCForm tr td.TCFormLabel {

}

.TCForm tr td:first-child {
  vertical-align: inherit;
}

.TCFormHeader {
  margin-bottom: 5px;
}

.TCForm>tbody>tr>td.TCFormLabel:first-child {
   color: #333333;
   width: 180px;
   max-width: 250px;
   padding-left: 20px;
}

.tc-form .TCFormButtons {
  background-color: inherit;
  padding: 0 0 0 0;
}

tr.TCSubListing-odd td.TCSubListing-odd,
tr.TCSubListing-odd td:first-child {
  background-color: inherit;
}

table.TCDateSubTable {
  float: left;
  width: auto;
}

table.TCDateSubTable .input-append {
  margin-bottom: 0;
}

table.TCSearchForm table.TCDateSubTable td {
  padding-left: 0;
}

table.TCDateSubTable select#startam_pm,
table.TCDateSubTable select#endam_pm {
  width: 60px;
}

/* CATALOG BROWSE
-------------------- */
#tc-catalog-browse-table {
  margin-bottom: 50px;
}

.treeAccordion{
    width: 90%;
    background-color:#FFFFFF;
    border:0px solid;
    border-radius:25px;
    padding-left:20px;
    margin-bottom:30px;
}

.treeAccordionAnon{
    width: 90%;
    background-color:#F2F2F2;
    margin-left:auto;
    margin-right:auto;
}

.accordionHead {
  font-size: 14px;
}

.accordionContent{
  background-color: #EEEEEE;
  border-radius: 10px;
  font-size: 14px;
}

.roundedEdgeDiv{
  border: none;
  margin-top: 8px;
  margin-bottom: 8px;
  padding:5px;
}

.accordionContent a.toDisable_Link {
  float: left;
}

treeAccordion a.TCBrowseListLink:hover {
  text-decoration: none;
}

/* PRE TC940 FILTER STYLES
-------------------------------------------------- */
.main-content .filter-icon {
  clear: both;
  color: #EC7632;
  float: left;
  font-size: 1em;
  padding-left: 3px;
  position: relative;
}

.main-content .filter-icon a:hover {
  text-decoration: none;
}

.main-content .filter-icon i:hover {
  color: #666666;
}

.main-content  .filter-icon table .input-append {
  margin-bottom: 0;
}

.main-content  .filter-icon table input,
.main-content  .filter-icon table select {
  margin-bottom: 5px;
}

.main-content  .filter-icon table tr.buttons input {
  margin-bottom: 5px;
  margin-top: 10px;
}

select:hover, textarea:hover, input[type="text"]:hover, input[type="button"]:hover,
input[type="submit"]:hover, button:hover, input[type="password"]:hover, input[type="datetime"]:hover,
input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover,
input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover,
input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover,
.tc-checkbox-textlabel:hover {
  -webkit-animation-name: tc-pulse;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1.5s;
  animation-name: tc-pulse;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-duration: 1.5s;
}

@-webkit-keyframes tc-pulse {
   0% { box-shadow: 0 0 12px #EC7632; }
  50% { box-shadow: 0 0 12px #EC7632; }
 100% { box-shadow: 0 0 12px #EC7632; }
}

@keyframes tc-pulse {
   0% { box-shadow: 0 0 12px #EC7632; }
  50% { box-shadow: 0 0 12px #EC7632; }
 100% { box-shadow: 0 0 12px #EC7632; }
}

.tc-spin {
  -webkit-animation: tc-spin 2s linear infinite;
  -moz-animation: tc-spin 2s linear infinite;
  animation: tc-spin 2s linear infinite;
}

@-moz-keyframes tc-spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes tc-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes tc-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*********
* wiggle *
**********/
@-webkit-keyframes tc-wiggle {
    0% { -webkit-transform: skewX(5deg); }
    10% { -webkit-transform: skewX(-4deg); }
    20% { -webkit-transform: skewX(4deg); }
    30% { -webkit-transform: skewX(-3deg); }
    40% { -webkit-transform: skewX(2deg); }
    50% { -webkit-transform: skewX(-2deg); }
    60% { -webkit-transform: skewX(1deg); }
    70% { -webkit-transform: skewX(-1deg); }
    80% { -webkit-transform: skewX(0deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}

@keyframes tc-wiggle {
    0% { transform: skewX(5deg); }
    10% { transform: skewX(-4deg); }
    20% { transform: skewX(4deg); }
    30% { transform: skewX(-3deg); }
    40% { transform: skewX(2deg); }
    50% { transform: skewX(-2deg); }
    60% { transform: skewX(1deg); }
    70% { transform: skewX(-1deg); }
    80% { transform: skewX(0deg); }
    90% { transform: skewX(0deg); }
    100% { transform: skewX(0deg); }
}

.tc-wiggle-go {
    -webkit-animation-name: tc-wiggle;
    animation-name: tc-wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.tc-slow{
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* OVERWRITE BOOTSTRAP CSS
-------------------------------------------------- */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border-radius: 0;
  color: #1a1a1a;
  border-color: rgba( 0,0,0,0.5 );
}

h1,h2,h3,h4,h5,h6 {
  text-rendering: auto;
}

.uneditable-input {
  font-size: inherit;
  padding: inherit;
  margin: inherit;
  background-color: #EEEEEE;
}

.tc-toggle-control {
  text-align: right;
  color: #fff;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.9em;
  text-shadow: none;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px dotted #fff;
  display: table;
  width: 100%;
  padding: 5px;
}

.tc-toggle-control label {
  text-align: right;
  padding-right: 5px;
  color: #333;
  font-weight: 400;
  font-size: 1.1em;
}

.tc-toggle-control>label,
.tc-toggle-control>div
{
  display: table-row;
  padding: 5px 10px;
  width: 100%;
}

.tc-toggle-on>i {
  color: #fff;
}

.tc-toggle-off>i {
  color: #888;
}

.object-action-toggle {
  /*display: none;*/
}

.tc-toggle-control .has-switch {
  border-radius: 0;
  border: 0;
}

.tc-toggle-control .has-switch span.switch-left {
  border-radius: 0;
}

.tc-toggle-control .has-switch i {
  font-size: 1.2em;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #F46614;
}

.popover-content {
  line-height: 1.5em;
}

#tc-modal-popup-doing {
  position: fixed;
  width:inherit;
  top:50%;
}

.tc-auto-width {
  width: auto;
}

.table-hover tbody tr.TCSubListing-buttons:hover>td {
  background-color: inherit;
}
/* OVERWRITE BOOTSTRAP RESPONSIVE CSS
-------------------------------------------------- */

.navbar-fixed-top, .navbar-fixed-bottom {
    margin-bottom: 0;
    position: fixed;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding: inherit;
}

.row-fluid #tc-main-primarycolumn {
  margin-left: 0;
}

@media (max-width: 979px) {
  .nav-collapse,
  .nav-collapse.collapse {
    height: auto;
    overflow: visible;
  }
  .nav-collapse {
    clear: none;
  }
}

@media (max-width: 767px) {
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0px;
  }
}

/* TC RESPONSIVE CSS
-------------------------------------------------- */
.tc-responsive-small-content:before {
  content: "";
}

@media (max-width: 1200px) {
  #tc-widget-banner-right {
    padding-top: 40px;
  }
  #filter_list {
    width: 50%;
  }
  table td.tc-fluid-hide-1200 {
    display: none;
  }
  table td.tc-col-width-large,
  table td.tc-col-width-vlarge,
  table td.tc-col-width-medium,
  table td.tc-col-width-small,
  table td.tc-col-width-vsmall {
    width: auto;
  }
  #tc-login-form {
    float: none;
    margin-left: 20px;
    width: 100%;
    margin-bottom: 40px;
  }
  #tc-login-message {
    float: none;
    margin-left: 20px;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding-top: 50px;
  }
}

@media (max-width: 1070px) {
  #tc-ilt-session-header #tc-stats-header-col1,
  #tc-ilt-session-header #tc-stats-header-col2 {
    width: 100%;
    margin: 0;
    float: none;
  }
}

@media (max-width: 979px) {
  #TCDevices {
    width: 472px;
    height: 195px;
  }
   #TCLoginBanner {
    padding-left: 50px;
    padding-right: 50px;
  }
  #filter_list {
    width: 70%;
  }
  /* */
  #tc-adminform-actions {
    float: none;
    padding: 0 5px 0 5px;
  }
  .tc-block-smaller {
    height: auto;
    width: 100%;
    background-image: none;
    background-color: #F4F4F4;
    border-radius: 0;
  }
  .tc-block-button {
    float: none;
  }
  .tc-block-smaller a {
    height: auto;
  }
  .tc-block-button a {
    display: block;
    height: 30px;
    text-align: left;
    padding-top: 0;
  }
  .tc-block-button a span {
    display: none;
  }
  .tc-block-button a div {
    width: auto;
    display: inline;
    font-size: 1.2em;
    vertical-align: middle;
    padding-top: 0;
    line-height: 30px;
  }
  .tc-block-button a i {
    vertical-align: middle;
  }
  #tc-create-container .tc-block-button {
    float: inherit;
  }
  #tc-create-container .tc-block-button a {
    display: inherit;
    height: inherit;
    text-align: inherit;
  }
  #tc-create-container .tc-block-button a span {
    display: inherit;
  }
  #tc-create-container .tc-block-button a div {
     width: 100%;
     display: block;
     font-size: inherit;
  }
  /* */
}

@media all and (max-width: 767px) {
  .tc-visible-phone,
  .tc-hidden-desktop {
    display: inherit !important;
  }
  .tc-hidden-phone,
  .tc-visible-desktop {
    display: none !important;
  }

  #tc-main-shortcuts,
  #tc-footer,
  #tc-latestnews-expand {
    display: none;
  }
  #tc-header-nouser-container-fluid #tc-header-login {
    width: 120px;
    margin-left: 20px;
  }
  #tc-header-nouser-container-fluid #tc-header-socialbar {
    display: none;
  }
  #tc-header-nouser-inner #tc-header-logo {
    margin-right: 15px;
    width: 100px;
  }
  #tc-main-container-fluid {
    padding-left: 5px;
    padding-bottom: 10px;
  }
  #tc-main-container-row-fluid {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  #tc-main-primarycolumn {
    padding-left: 5px;
  }
  #TCNowNavTabs,
  #TCNowTabsHeader,
  .tc-nav-tabs {
    min-height: inherit;
  }
  #tc-main-secondarycolumn,
  .tc-secondary-column {
    margin-bottom:10px;
    margin-top:10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #tc-widget-admin-chart-container,
  #tc-widget-admin-chart-legend {
    padding-left: 15px;
  }
  #TCDevices {
    width: 394px;
    height: 163px;
    margin: 0 auto;
  }
  #tc-widget-banner-right {
    padding-top: 20px;
  }
  /*
  #tc-zone-1 {
    padding-top: 30px;
  }
  */
  #TCLoginBanner {
    padding-left: 50px;
    padding-right: 50px;
  }
  .table {
    width: 100%;
    margin-bottom: 20px;
  }
  .table thead > tr > th,
  .table tbody > tr > th,
  .table tfoot > tr > th,
  .table thead > tr > td,
  .table tbody > tr > td,
  .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
  }

  .table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
  }

  .table caption + thead tr:first-child th,
  .table colgroup + thead tr:first-child th,
  .table thead:first-child tr:first-child th,
  .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child td {
    border-top: 0;
  }

  .table tbody + tbody {
    border-top: 2px solid #dddddd;
  }

  .table .table {
    background-color: #ffffff;
  }

  .table-condensed thead > tr > th,
  .table-condensed tbody > tr > th,
  .table-condensed tfoot > tr > th,
  .table-condensed thead > tr > td,
  .table-condensed tbody > tr > td,
  .table-condensed tfoot > tr > td {
    padding: 5px;
  }

  .table-bordered {
    border: 1px solid #dddddd;
  }

  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
  }

  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }

  .table-striped > tbody > tr:nth-child(odd) > td,
  .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
  }

  .table-hover > tbody > tr:hover > td,
  .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
  }

  table col[class*="col-"] {
    display: table-column;
    float: none;
  }

  table td[class*="col-"],
  table th[class*="col-"] {
    display: table-cell;
    float: none;
  }

  .table > thead > tr > td.active,
  .table > tbody > tr > td.active,
  .table > tfoot > tr > td.active,
  .table > thead > tr > th.active,
  .table > tbody > tr > th.active,
  .table > tfoot > tr > th.active,
  .table > thead > tr.active > td,
  .table > tbody > tr.active > td,
  .table > tfoot > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr.active > th,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }

  .table > thead > tr > td.success,
  .table > tbody > tr > td.success,
  .table > tfoot > tr > td.success,
  .table > thead > tr > th.success,
  .table > tbody > tr > th.success,
  .table > tfoot > tr > th.success,
  .table > thead > tr.success > td,
  .table > tbody > tr.success > td,
  .table > tfoot > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr.success > th,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }

  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover,
  .table-hover > tbody > tr.success:hover > td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
  }

  .table > thead > tr > td.danger,
  .table > tbody > tr > td.danger,
  .table > tfoot > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > tbody > tr > th.danger,
  .table > tfoot > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > tbody > tr.danger > td,
  .table > tfoot > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
    border-color: #eed3d7;
  }

  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover,
  .table-hover > tbody > tr.danger:hover > td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
  }

  .table > thead > tr > td.warning,
  .table > tbody > tr > td.warning,
  .table > tfoot > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > tbody > tr > th.warning,
  .table > tfoot > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > tbody > tr.warning > td,
  .table > tfoot > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
  }

  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover,
  .table-hover > tbody > tr.warning:hover > td {
    background-color: #faf2cc;
    border-color: #f8e5be;
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

  .tc-popupselect-table-container .table td {
    line-height: 20px;
  }

  #filter_list {
    width: 80%;
  }
  .tc-question-body {
    height: auto;
  }

  #tc-content-body {
    margin: 0 15px 25px 0;
    padding-right: 15px;
  }

  #tc-content-info-column {
    margin-left: 0px;
  }

  #tc-content-info-column .tc-info-column {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  #tc-content-info-column #TCExpandRight,
  #tc-content-info-column .TCDescriptionIcon {
    display: none;
  }

  #tc-content-header #tc-course-title {
    line-height: 30px;
    padding: 5px 0 5px 25px;
    background-color: #e4e4e4;
    margin: 0;
  }

  #tc-content-header #tc-content-student-status {
    margin-bottom: 0;
    border-radius: 0;
    padding-left: 25px;
  }

  #tc-content-footer #tc-content-nav-return {
    margin-right: 30px;
  }

  #tc-content-footer .tc-content-navbar-btn i {
    font-size: 2.0em;
    margin: 0 0.4em;
  }

  #tc-content-nav-container {
    z-index: 100;
  }

  #tc-content-nav-contents {
/*
    box-shadow: 0 0 20px #666;
    -moz-box-shadow: 0 0 20px #666;
    -webkit-box-shadow: 0 0 20px #666;
*/
    background-color: #f8f8f8;
  }

  #tc-content-main-container .breadcrumb {
    margin-left: 5px;
  }

  .TCCourseItems .header,
  #tc-contents-prework {
    margin-left: 5px;
  }

  #tc-content-nav {
    margin-left: 5px;
  }

  #tc-content-nav ul {
    margin-left: 0;
  }

  #tc-content-nav-contents {
    padding-left: 0;
  }


  #tc-content-nav .tc-content-nav-module-inner-top,
  #tc-content-nav .tc-content-nav-module-inner {
    margin: 0;
    padding: 0;
  }

  #tc-content-nav ul.tc-content-nav-module-inner-top {
    padding: 0;
    margin: 0 0 0 5px;
  }

  #tc-content-nav-contents ul.tc-content-nav-module-inner-top,
  #tc-content-nav-contents ul.tc-content-nav-module-inner-top>li {
    margin-left: 0;
  }

  #tc-content-nav .tc-content-nav-module-inner {
    padding-left: 36px;
    margin-left: 2px;
    border-left: 2px DOTTED #d2d2d2;
  }

  #tc-content-nav .tc-content-nav-module-inner .parent_li {
    margin-left: -30px;
  }

  #tc-content-nav .tc-content-nav li {
    padding-left: 0px;
  }

  #tc-content-nav .TCCourseItems .tc-content-nav-module-inner-top,
  #tc-content-nav .TCCourseItems .tc-content-nav-module-inner {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
  }

  #tc-content-nav .tc-content-nav-module-header,
  #tc-content-nav .tc-content-nav-module-header-top,
  #tc-content-nav .tc-content-nav-item-outer {
    background-color: inherit;
    border-bottom: 0;
    padding: 0;
  }

  #tc-content-nav .tc-content-nav-module-header-top,
  #tc-content-nav .tc-content-nav-module-header {
    border: 1px solid #fff;
    border-left: 0;
  }

  #tc-content-nav .tc-content-nav-module-inner .tc-content-nav-module-header {
    /*border-left: 3px solid #d2d2d2;*/
  }

  #tc-content-nav .tc-content-nav-module-inner-top,
  #tc-content-nav .tc-content-nav-module-outer-top,
  #tc-content-nav .tc-content-nav-module,
  #tc-content-nav .tc-content-nav-module-outer {
    padding: 0;
    margin: 0;
  }

  #tc-content-nav li > div {
    display: block;
    margin: 0;
    padding: 0;
  }

  #tc-content-nav .tc-content-nav-item-outer {
    padding: 5px 0;
  }

  #tc-content-nav .tc-content-nav-module-header-top .tc-content-title,
  #tc-content-nav .tc-content-nav-module-header .tc-content-title {
    background-color: inherit;
    border: 0;
    padding: 7px 0;
  }

  #tc-content-nav .tc-content-nav-module-header-top {
    background-color: #e2e2e2;
  }

  #tc-content-nav .tc-content-nav-module-header {
    background-color: #f2f2f2;
  }

  #tc-content-nav .tc-content-nav-item-active {
    padding: 3px 0;
  }

  #tc-content-nav .tc-content-nav-item-active {
    background-color: #EC7632;
  }

  #tc-course-overview-skip {
    display: block;
  }

  #tc-main-container-row-fluid #TCCourseDescription {
    margin-top: 10px;
  }

  #tc-content-aside-accordion,
  #tc-content-header-accordion {
    display: block;
  }

  #tc-header-nouser #tc-language-picker {
    /*right: 130px;*/
  }

  #tc-form-header-menulist,
  #tc-form-header-menulistoverflow {
    float: inherit;
  }

  .tc-menu-item {
    max-width: inherit;
  }

  #tc-form-header-menulist-cont,
  #tc-adminformbody-main-toggles {
  margin-top: 10px;
  width: inherit;
  margin-left: inherit;
  float: inherit;
  padding-left: inherit;
}

  .tc-formheader-hidemenuopt {
    display: list-item;
  }

  #tc-formheader-menushowoverflow {
    display: none;
  }
  #tc-modal-popup-doing {
    position: relative;
    height: inherit;
    width:inherit;
  }
  div.TCPopupJumpers {
    display:none;
  }
  #tc-adminformbody-actions {
    position: relative;
  }
  .tc-popupselect-table-container .TCPopupStatus {
    width: auto;
  }
  #tc-quicksearch-actions {
    /*left: 70px;*/
  }
  #tc-objectlist-searchactions {
    position: relative;
    top: 5px;
    margin-bottom: 10px;
  }
}

@media (max-width: 680px) {
  #tc-email-subject,
  #tc-email-message {
    width: 500px;
  }
}

@media (max-width: 580px) {
  #tc-email-subject,
  #tc-email-message {
    width: 420px;
  }
}

@media (max-width: 480px) {
  #tc-zone-1, #tc-zone-2 {
    padding-left: 5px;
    padding-right: 5px;
  }
  #tc-login-form {
    margin-left: 20px;
  }
  .login-left {
    padding-left: 20px;
  }
  .TCFooter {
    padding-left: 5px;
  }
  #tc-main-container {
    width: inherit;
  }
  .TCPanel {
    float: left;
    width: inherit;
  }
  .TCMainMenu {
    float: none;
  }
  #tc-main-primarycolumn {
    width:inherit;
  }
  .TCFooterAnon {
    padding-left: 50px;
    padding-right: 50px;
  }
  #tc-zone-2 .anythingSlider {
    width:300px;
  }
  .TCFacebookBtn {
    float: left;
    padding-left: 0;
    margin-top: 0;
  }
  #TCDevices {
    width: 236px;
    height: 97px;
    margin: 0 auto;
  }

  #tc-footer-anon {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #tc-widget-banner-right p.lead {
    font-size: 1.1em;
    line-height: 20px;
  }
  #filter_list {
    width: 70%;
  }
  table td.tc-fluid-hide-480,
  .tc-fluid-hide-480 {
    display: none;
  }
  table td.tc-col-width-large,
  table td.tc-col-width-vlarge,
  table td.tc-col-width-medium,
  table td.tc-col-width-small,
  table td.tc-col-width-vsmall {
    width: auto;
  }
  #tc-email-subject,
  #tc-email-message {
    width: 360px;
  }
  input, textarea {
    max-width: 206px;
  }
  .tc-auto-width {
    max-width: 206px;
  }
  #tc-form-title {
    max-width: 150px;
    height: auto;
    text-align: left;
  }
  #tc-form-buttons-end-spacer {
    display: none;
  }
  #tc-form-buttons-end {
    text-align: center;
  }
  #tc-popupselect-show .tc-btn-label,
  #tc-objectlist-show .tc-btn-label {
    display: none;
  }
  #modal-body .tc-popupselect-table-container .pager {
    max-width: 300px;
    margin-left: 0px;
    float: none !important;
  }
  #tc-popupselect-columnslist li,
  #tc-objectlist-columnslist li   {
    line-height: 30px;
  }
  #tc-popupselect-filter-div,
  #tc-objectlist-filter-div {
    position: relative;
    /*margin-top: 30px;*/
  }

  #tc-list-pager .pager {
    float: left !important;
  }
  #tc-list-pager {
    text-align: left;
  }
  .tc-popupselect-table-container .form-search {
    margin-left: 0;
  }
  .TCPopupStatus {
    max-width: 400px;
  }
  .tc-list-pager-top {
    display: block;
  }
}

/*
@media (max-width: 480px) {
  .modal .modal-body {
    position: absolute;
  }
}
*/

@media (max-width: 420px) {
  #tc-email-subject,
  #tc-email-message {
    width: 320px;
  }
}
  @media (max-width: 375px) {
    #tc-email-subject,
    #tc-email-message {
      width: 260px;
    }
  }

  @media (max-width: 300px) {
    #TCLoginBanner {
      padding-left: 20px;
      padding-right: 20px;
    }
    #tc-widget-banner-right {
      margin:0 auto;
    }
    #tc-email-subject,
    #tc-email-message {
      width: 230px;
    }
  }


#sidr-id-tc-nav-menu-alt-nav {
  overflow: visible;
  height: 100%;
  float: none;
  display: none;
  width: 100%;
  background-color: #666;
  margin: 0;
  padding: 0 0 5px 0;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar,
#sidr-id-tc-nav-menu-alt-nav #tc-header-searchbar,
#sidr-id-tc-nav-menu-alt-nav #tc-header-user-details {
  margin: 0 0 5px 0;
  padding: 5px;
  float: none;
  display: block;
  width: 100%;
  height: auto;
  clear: both;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-searchbar form {
  padding: 0;
  margin: 0;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-searchbar form .control-group {
  margin-bottom: 0;
}


#sidr-id-tc-nav-menu-alt-nav #tc-header-searchbar #tc-header-searchmenu-container {
  display: none;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar li a,
#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar li img {
  display: inherit;
  line-height: inherit;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar ul,
#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar li {
  border-bottom: inherit;
  border-top: inherit;
  display: inherit;
  line-height: inherit;
  margin: inherit;
  padding: inherit;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-socialbar.span2 {
  width: 100%;
}

#sidr-id-tc-nav-menu-alt-nav #k {
    -moz-box-sizing: inherit;
    clear: inherit;
    color: #919395;
    display: inherit;
    font-size: 13px;
    width: inherit;
    height: inherit;
    margin-bottom: 0;
    background-color: #333333;
}

#sidr-id-tc-nav-menu-alt-nav #tc-header-search-btn {
  background-color: #333333;
  -webkit-transiton: background-color 0.4s ease-in-out;
}


/* PRE TC940 TEMPLATES PANEL/SUB PANEL STYLES
-------------------------------------------------- */
.TCPanel .TCPanel,
#tc-main .TCPanel,
#tc-main-container-row-fluid .TCPanel {
  /*
  transition:opacity 0.15s linear; -o-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear;
  border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0,0,0,0.3); background-clip: padding-box; background-color: rgb(255, 255, 255); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box;
  margin-top: 0px;
  transition:opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition:opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  */
  margin-right: 5%;
  border: 1px solid #DADADA;
}

.TCPanel .TCPanel.TCNoHeadPanel,
#tc-main .TCPanel.TCNoHeadPanel,
#tc-main-container-row-fluid .TCPanel.TCNoHeadPanel {
  border: none;
}

.TCPanel .TCPanel .TCPanelHeader,
#tc-main .TCPanel .TCPanelHeader,
#tc-main-container-row-fluid .TCPanelHeader {
  background: #AFAFAF;
  padding: 8px 15px 8px 15px;
  margin-bottom: 0;
  border: 1px solid #DADADA;
}

.TCPanel .TCPanel .TCPanelBody,
#tc-main .TCPanel .TCPanelBody,
#tc-main-container-row-fluid .TCPanelBody {
  padding: 15px;
}

.TCPanel .TCPanel.TCNoHeadPanel .TCPanelBody,
#tc-main .TCPanel.TCNoHeadPanel .TCPanelBody,
#tc-main-container-row-fluid .TCNoHeadPanel .TCPanelBody {
  padding-top: 5px;
}

.TCPanel .TCPane.TCNoHeadPanell .TCPanelHeader,
#tc-main .TCPanel.TCNoHeadPanel .TCPanelHeader,
#tc-main-container-row-fluid .TCNoHeadPanel .TCPanelHeader {
  display: none;
}

.TCPanel .TCPanel .TCPanelFooter,
#tc-main .TCPanel .TCPanelFooter,
#tc-main-container-row-fluid .TCPanelFooter {
  padding: 14px 15px 15px; border-radius: 0px 0px 6px 6px; text-align: right; margin-bottom: 0px; border-top: none; box-shadow: inset 0px 1px 0px #ffffff; background-color: #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px;
}

tr.TCFormRow {
  border-collapse: inherit;
}

tr.TCFormRow td:first-child .TCPanel {
  margin: 0 15px 0 15px !important;
}

.TCPanelBody .TCListing,
.TCListing.tc-panel-table,
.TCListing.tc-halfpanel-table {
  border: 1px solid #DADADA;
  font-size: 1.0em;
  margin: 5px 0 5px 0;
}

.TCPanelBody .TCListing .TCSubListing-headers th,
.TCListing.tc-halfpanel-table th {
  background: #E5E5E5;
  font-weight: 400;
  color: #333;
}

.TCPanelBody .TCListing.tc-panel-table {
  border: 0;
}

.TCPanelBody .TCListing.tc-panel-table th {
  background: #f2f2f2;
  font-weight: 400;
  color: #333;
  font-size: 1.15em;
  border-bottom: #D7D7D7 1px solid;
  border-top: #D7D7D7 1px solid;
}

.TCListing .TCSubListing-headers th div {
  font-size: 13px;
}

.TCNoHeadPanel tr.TCSubListing-buttons td {
  border-top: #D7D7D7 1px solid;
}

.TCClearBoth {
  clear: both;
}

/* TABLE STYLE LISTS
----------------------*/
div.tc-table-style-list-description {
  height: 2em;
  padding-top: 5px;
}
div.tc-table-style-list-description span {
  color: #666666;
  font-style: italic;
}

div.tc-table-style-list-header {
  border-bottom: 1px solid #A7A7A7;
  height: 2em;
  margin-bottom: 5px;
  width: 100%;
  margin-top: 5px;
}

div.tc-table-style-list-header > div > span,
div.tc-table-style-list-header > div > div > span {
  font-weight: bold;
}

div.tc-table-style-list-header > div,
ol.tc-table-style-list-body > li > div {
  float: left;
}

ol.tc-table-style-list-body {
  list-style: none;
  list-style-type: none;
  margin-left: 0;
}

ol.tc-table-style-list-body li:hover {
  background-color: #EAF3FE;
  cursor: default;
}

ol.tc-table-style-list-body li,
ol.tc-table-style-list-body > div {
  clear: both;
}

ol.tc-table-style-list-body li div {
  height: 2em;
  line-height: 2.5em;
}

div.tc-list-buttons-div input {
  float: left;
  margin: 4px;
  margin-top: 10px;
}

div.tc-table-style-list-extra-fields {
  padding-bottom: 10px;
}

div.tc-table-style-list-extra-fields input[type='checkbox'] {
  margin-bottom: 6px;
  margin-left: 5px;
}

div.tc-table-style-list-footer {
  clear: both;
  float: left;
}

div.tc-table-style-list-footer.span12 {
  margin-left: 0;
  border: 0;
}

.tc-cluster .tc-list-buttons-div {
  clear: both;
}

/* SORTABLE LISTS
------------------*/
ol.tc-sortable, ul.tc-sortable, ol.tc-unsortable, ul.tc-unsortable {
  display: block;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ol.tc-sortable li, ul.tc-sortable li, ol.tc-unsortable li, ul.tc-unsortable li {
  background-color: #FDFDFD;
  border: 1px solid #A7A7A7;
  height: 2.5em;
  float: left;
  position: relative;
  margin: 2px;
  width: 99%;
}

ol.tc-sortable li, ul.tc-sortable li:hover
{
  cursor: move !important;
}

ol.tc-sortable li div,
ul.tc-sortable li div,
ol.tc-unsortable li div,
ul.tc-unsortable li div {
  position: relative;
}

/* DESIGNATIONS ADMIN SCREENS
-----------------------------*/

div.tc-table-style-list-header div.tc-checkbox-col,
ol.tc-table-style-list-body > li > div.tc-checkbox-col
 {
  height: 100%;
  width: 10%;
}

#tc-cluster-all-users div.tc-table-style-list-header div.tc-checkbox-col,
#tc-cluster-all-users ol.tc-table-style-list-body > li > div.tc-checkbox-col,
#tc-cluster-unassigned-users div.tc-table-style-list-header div.tc-checkbox-col,
#tc-cluster-unassigned-users ol.tc-table-style-list-body > li > div.tc-checkbox-col
 {
  margin-left: 0;
}

div.tc-table-style-list-header div.tc-filter-icon-col {
  height: 100%;
  margin-top: 6px;
  padding-left: 2px;
  width: 10%;
}

#tc-cluster-all-users-list div.tc-filter-icon-col,
#tc-cluster-all-users-list div.tc-checkbox-col {
  width: 5%;
}

ol.tc-table-style-list-body > li > div.tc-checkbox-col input,
div.tc-table-style-list-header div.tc-checkbox-col input {
  margin-bottom: 6px;
  margin-left: 5px;
}

div.tc-table-style-list-header div.tc-order-col,
ol.tc-table-style-list-body > li > div.tc-order-col
 {
  width: 10%;
}

div.tc-table-style-list-header div.tc-title-col,
ol.tc-table-style-list-body > li > div.tc-title-col
 {
  width: 40%;
}

div.tc-table-style-list-header div.tc-student-col,
ol.tc-table-style-list-body > li > div.tc-student-col
 {
  width: 40%;
}

#tc-cluster-all-users-list div.tc-student-col,
#tc-cluster-all-users-list ol.tc-table-style-list-body > li > div.tc-student-col
 {
  width: 40%;
}

#tc-cluster-all-users-list div.tc-latest-path-col,
#tc-cluster-all-users-list ol.tc-table-style-list-body > li > div.tc-latest-path-col
 {
  width: 40%;
}

div.tc-table-style-list-header div.tc-status-col,
ol.tc-table-style-list-body > li > div.tc-status-col
 {
  width: 10%;
}

#tc-cluster-all-users-list div.tc-status-col {
  width: 15%;
}

div.tc-table-style-list-header div.tc-type-col,
ol.tc-table-style-list-body > li > div.tc-type-col
 {
  width: 20%;
}

div.tc-table-style-list-header div.tc-expiry-col,
ol.tc-table-style-list-body > li > div.tc-expiry-col
 {
  width: 20%;
}

div.tc-table-style-list-header div.tc-actions-col,
ol.tc-table-style-list-body > li > div.tc-actions-col
 {
  width: 20%;
}

div.tc-table-style-list-header div.tc-credit-actions-col,
ol.tc-table-style-list-body > li > div.tc-credit-actions-col
 {
  width: 20%;
}

div.tc-table-style-list-header div.tc-credit-type-name-col,
ol.tc-table-style-list-body > li > div.tc-credit-type-name-col
 {
  width: 60%;
}

div.tc-table-style-list-header div.tc-value-col,
ol.tc-table-style-list-body > li > div.tc-value-col
 {
  width: 20%;
}

ol.tc-table-style-list-body > li > div.tc-actions-col a,
ol.tc-table-style-list-body > li > div.tc-credit-actions-col a {
  font-size: 1.15em;
}

ol.tc-table-style-list-body > li > div.tc-actions-col a:hover,
ol.tc-table-style-list-body > li > div.tc-credit-actions-col a:hover {
  color: #EC7632;
  text-decoration: none;
}

div.tc-table-style-list-header div > span,
ol.tc-table-style-list-body > li > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input#tc-elective-num-required {
  margin-bottom: 3px;
  margin-left: 5px;
}

div.tc-credits-req-block {
  border: 2px solid #f1f1f1;
  clear: both;
  float: left;
  margin: 10px;
  width: 95%;
}

div.tc-credits-join {
  clear: both;
  float: left;
  margin: 10px;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  width: 94%;
}

.tc-credits-join > span {
  font-size: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

div.tc-credits-req-block div.tc-table-style-list-header span,
div.tc-credits-req-block ol.tc-table-style-list-body li > div > span,
div.tc-credits-req-block ol.tc-table-style-list-body li > div > div > span {
  margin: 5px;
  top: 5px;
  display: block;
}

div.tc-credits-req-block ol.tc-table-style-list-body li div {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#tc-credits-list-buttons {
  float: left;
  padding-bottom: 10px;
  position: relative;
  width: 95%;
}

#tc-credits-list div.tc-credits-req-block div.tc-table-style-list-footer {
  margin-bottom: 5px;
  margin-top: 5px;
}

div.tc-table-style-list-footer label{
  width: 50%;
}

#EditObjectForm div.popover {
  min-width: 300px;
}

#EditObjectForm div.popover label {
  width: 45%;
}

#EditObjectForm div.popover input[type=text] {
  width: 4em;
}

div.tc-credits-group-actions-col-text {
  display: inline-block;
  width: 70%;
}

div.tc-delete-credit-req-node {
  float: right;
}
div.tc-delete-credit-req-node > a {
  font-size: 1.5em;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
div.tc-delete-credit-req-node > a:hover {
  color: #0094D9;
  text-decoration: none;
}

span.tc-formfield-append {
    border-radius: 0 0 0 0;
    margin-left: -1px;
    margin-right: -1px;
    vertical-align: top;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    text-align: center;
    width: auto;
    white-space: nowrap;
    color: #888;
    cursor: help;
}

span.tc-pageHeader-append {
  float: left;
  position: relative;
  top: 15px;
/*   line-height: 48px; */
/*   height: 35px;   */
}

.tc-field-help i {
  font-size: 0.9em;
}

.tc-field-help i:hover,
span.tc-formfield-append i:hover  {
  color: #616161;
}

.TCFormButtons .tc-field-help i:hover,
.TCFormButtons span.tc-formfield-append i:hover  {
  color: #eeeeee;
}

.tc-section-help {
 cursor: help;
}

.tc-info {
  cursor: help;
}

.tc-info-msg,
.tc-warn-msg,
.tc-error-msg {
  font-size: 1.15em;
  font-weight: normal;
}

.tc-info-msg i,
.tc-warn-msg i,
.tc-error-msg i {
  font-size: 1.1em;
}

#tc-show-cert.btn:link {
     color: #333333;
}

#tc-show-cert.btn:visited {
     color: #333333;
}

#tc-award-credits-list {
  padding: 10px 0 0 10px;
}

#tc-award-credits-list li {
  padding: 3px;
}

.tc-legend {
  margin: 10px;
}

.tc-legend-row {
  line-height: 2.0em;
}

.tc-legend-desc {
  margin-left: 5px;
}

#tc-editor {
  margin: 0;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 800px;
  width: auto;
}

.tc-doing-container {
  text-align: center;
}

.tc-doing {
  background: url(newui-images/tc_loading.gif) no-repeat center center;
  height: 20px;
  width: 100px;
  margin: 0 auto;
}

.tc-file-input-wrapper {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.tc-file-input-wrapper input[type=file],
.tc-file-input-wrapper input[type=file]:focus,
.tc-file-input-wrapper input[type=file]:hover {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
}

.tc-styled-select select {
  background: transparent;
  width: 200px;
  padding: 5px;
  font-size: 1.1em;
  border: 0;
  border-radius: 0;
  height: auto;
  -webkit-appearance: none;
}



.tc-styled-select {
  width: 170px;
  height: auto;
  overflow: hidden;
  background: url(newui-images/icomoon/dark/menu10.png) no-repeat right #ddd;
  border: 1px solid #ccc;
}

.tc-file-input-name {
  margin-left: 8px;
}

.TCEmphasis .popover {
  font-weight: normal;
}

.JSDeleteStudent {
  font-size: 20px;
  cursor: pointer;
}

.tc-align-top {
  vertical-align: top;
}
#tc-adminformbody-main-formtbl .tooltip-inner {
  font-size: 14px !important;
}
#tc-main-primarycolumn-content > h1 .tooltip-inner {
  font-size: 14px !important;
}
#tc-adminformbody-main-formtbl .tooltip-inner {
  max-width: none;
}

.tc-textarea-summyHeader {
  background-color: #E5E5E5;
  border: 1px solid #DADADA;
  border-bottom: none;
  text-align: right;
}

div.tc-textarea-summyHeader > textarea {
  border-top: none;
}

#tc-mandatory-accordion,
#tc-elective-accordion,
#tc-credits-accordion,
#tc-exam-accordion,
#tc-fees-accordion,
#tc-user-cert-paths-accordion {
  margin-bottom: 0;
}

#tc-user-cert-path-list-header {
  margin-top: 10px;
}

#tc-user-cert-path-list-filter {
  padding-bottom: 10px;
}

#tc-user-cert-paths .accordion {
  margin-bottom: 0;
}

table.newui-table tbody td .tc-font-icon_checkmark-circle2,
.accordion-heading .tc-font-icon_checkmark-circle2{
  color: #5eb95e !important;
}

#tc-user-cert-paths .accordion {
  width: 80%;
  padding-left: 10%;
}
#tc-user-cert-paths .accordion-heading {
  background-color: #E4E4E4;
  font-size: 1.2em;
  font-weight: normal;
  color: #666666;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
}
#tc-user-cert-paths ul.nav-tabs {
  border-bottom: none;
  padding-top: 4px;
}
#tc-user-cert-paths ul.nav-tabs>li>a {
  padding-top: 3px;
  padding-bottom: 3px;
}
#tc-user-cert-path-list th.tc-type-col
{
  width: 25%;
}

#tc-no-cert-path-list-filter {
  height: 2.5em;
}
div#tc-usercertpaths-list-filter {
  padding-bottom: 10px;
}
#tc-usercertpaths-list-body > div.collapse {
  width: 95%;
}
#tc-usercertpaths-list-body div.collapse tr.simple {
  background-color: #EAF3FE;
}
#tc-usercertpaths-list-body .tc-font-icon_arrow-right2:hover,
#tc-usercertpaths-list-body .tc-font-icon_arrow-down:hover {
  text-decoration: none;
  color: #666666;
}

/* DESIGNATIONS STUDENT SCREENS
--------------------------------*/
#tc-designation-cluster-certpaths .panel-body {
  background-color: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #ccc;
  overflow: overlay;
  padding-left: 10px;
  padding-bottom: 10px;
}

#tc-designation-cluster-certpaths h2 {
  clear: both;
  font-size: 1.2em;
}

#tc-designation-cluster-certpaths > ol div.panel-collapse.in {
  margin-left: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 90%;
}

#tc-designation-cluster-certpaths .tc-title-col a {
  background-color: #FFFFFF !important;
}

#tc-designation-cluster-certpaths .tc-title-col a:hover {
  color: #EC7632;
  text-decoration: none;
}
#purchaseErrors {
  display: none;
  left: 75px;
  top: -50px;
  margin: 4px;
}

#designationItemsCart {
  padding-top: 10px;
}

#cartListItemClone {
  display: none;
  visibility: hidden;
}

.tc-designationItemsCartItemDetails div {
  line-height: 1.6em;
  margin-left: 5px;
}

#designationItemsCart .cartCell {
  border-bottom: 1px solid #d8d1d1;
  padding-top: 5px;
}

#designationItemsCart .cartCellName {
  font-weight: bold;
}

#designationItemsCart h2 {
  line-height: 20px;
  padding-top: 10px;
}

#designationItemsCart ul {
  border-top: 0 !important;
  padding-top: 5px !important;
}

#designationItemsCart li {
  background: #FFFFFF;
}

#tc-designation-cluster-certpaths .tc-title-col a {
  font-size: 1em !important;
}

#tc-designation-credits .tab-content {
  clear: both;
  padding-top: 10px;
}

#tc-designation-credits .tc-credits-table .progress {
  margin-top: 10px;
}

#tc-designation-credits ul li.active a {
  margin-right: 2px;
}

#tc-designation-credits ul li:not(.active) {
  border-bottom: 1px solid #ddd;
}

th#cred-col1.description {
  padding-left: 10px;
  width: 50%;
}

#tc-cert-path-achieved-button {
  color: #5eb95e;
}

#tc-cert-path-expired-button {
  color: #a90329;
}

#tc-cert-path-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

#tc-main-shortcuts nav ul li a img.font-icon-backup-image {
    background-color: transparent;
    border-radius: 0%;
    left: 0;
    padding: 0;
}

.font-icon-backup-image:hover {
  color: #000;
}

#tc-cert-path-details  {
  width: 700px;
}
#tc-cert-path-details  > .panel-body{
  padding-left: 10px;
  padding-bottom: 10px;
}
#tc-cert-path-details h2 {
  font-size: 1.4em;
}

#tc-cert-path-details .tc-title-col {
  width: 70%;
}

#tc-cert-path-details .tc-type-col {
  width: 30%;
}

#tc-cert-path-details .tc-cert-path-section {
  padding-bottom: 20px;
}

#tc-cert-path-details div.tc-credits-req-block {
  margin: 0;
}

#tc-cert-path-details div.tc-credit-type-name-col {
  width: 50%;
}

#tc-cert-path-details div.tc-credit-type-category-col {
  width: 30%;
}

#tc-cert-path-details div.tc-value-col {
  width: 20%;
}

#tc-cert-path-list > li > div {
  height: 100%;
}

#tc-cert-path-list .tc-one-cert-path {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

#tc-cancel-designation-enrol {
  color: #006697;
}

#tc-main-primarycolumn-content div.tc-designation-completed-info {
 border: 1px solid #E6E6E6;
 border-radius: 5px;
 margin-bottom: 20px;
 padding: 15px;
}

#tc-main-primarycolumn-content div.tc-designation-completed-info > .tc-designation-completed-indicator {
 color: #5eb95e;
 font-size: 4em;
 padding-bottom: 15px;
 text-align: center;
}

#tc-main-primarycolumn-content div.tc-designation-completed-info > .tc-designation-completed-text {
  font-size: 1.4em;
  text-align: center;
}

/* INTERNAL EMAIL STYLES
-----------------------------*/
#TCMailContentDiv {
  clear: both;
  padding-top: 15px;
}
#TCMailContentDiv > ul {
  list-style: none;
  margin-left: 0;
}

#TCMailContentDiv > ul > li.tc-mail-item {
  border-bottom: 1px solid #d8d1d1;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-sender {
  float: left;
  margin-left: 40px;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-date-actions {
  display: inline;
  float: left;
  margin-left: 5px;
  position: relative;
  text-align: right;
  top: 15px;
  width: 40px;
  z-index: 1;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-datetime {
  float: none;
  margin-left: 40px;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-date-actions > div.tc-mail-item-checkbox {
  float: left;
  margin-left: 10px;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-date-actions > div.tc-mail-item-checkbox > input[type=checkbox] {
  margin-top: 0;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details {
  float: left;
  display: inline;
  position: relative;
  margin-top: -15px;
  width: 100%;
  z-index: 0;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-subject {
  float: left;
  margin-left: 40px;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-subject > h3 {
  font-size: 1.3em;
}

#TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-subject > h3 > span {
  color: #aaa;
}

#tc-adminform-actions > button {
  font-size: 2em;
  font-weight: normal;
}

#TCMailContentDiv > ul > li.tc-selected-mail-item {
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  #TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-sender {
    clear: none;
  }
  #TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-datetime {
    float: right;
  }
  #TCMailContentDiv > ul > li > div.tc-mail-item-details > div.tc-mail-item-subject {
    clear: both;
  }
  #modalPopup #tc-email-body {
    min-width: 600px;
  }
}

.tc-mail-radio-input {
  display: none;
}

.tc-mail-radio-label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  left: 5px;
  top: 5px;
  background-color: #aaa;
}

.tc-mail-check-label:before {
  border-radius: 0px;
}

.tc-mail-radio-label:hover:before {
  background-color: #bbb;
}

.tc-mail-radio-input:checked + .tc-mail-radio-label:before {
  content: "\2713";
  color: #1A1A1A;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  line-height: 14px;
}

.tc-mail-choice-text {
  height: 30px;
  position: relative;
  top: 15px;
  width: 20px;
}

#tc-message {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 10px;
  position: relative;
  top: 30px;
}
#tc-message .tc-message-subject h2 {
  font-size: 1.4em;
  border-bottom: 1px solid #DDDDDD;
}

#tc-message .tc-message-info {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 8px;
  padding-top: 8px;
}

#tc-message .tc-message-info > span {
  color: #9E9B9B;
  line-height: 1.6em;
}

#tc-message-body, .tc-message-body {
  padding-top: 10px;
}

#TCHiddenTPForm #tc-email-body {
  top: 45px;
  position: relative;
}

#tc-email-body .TCIndicator {
  display: none;
}

#tc-primary-nav {
  background: #f7f7f7;
  height: 40px;
  margin-top: -9px;
  position: fixed;
  top: 49px;
  width: 100%;
  z-index: 5;
}

#tc-primary-nav > ul {
  height: 100%;
}

#tc-primary-nav > ul > li {
  display: inline-block;
  height: 100%;
  width: 32%;
}

#tc-primary-nav a.tc-primary-nav-item {
  display: inline-block;
  float: left;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
}

#tc-primary-nav a.tc-primary-nav-item:hover {
  background: #A7A7A7;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

#tc-primary-nav a.tc-primary-nav-item > div {
  display: inline-block;
  position: relative;
  top: 9px;
  vertical-align: middle;
}

#tc-primary-nav a.tc-primary-nav-item > span {
  margin-top: 10px;
  display: block;
}

#tc-primary-nav > ul > li > ul {
  border-radius: 0px;
  float: right;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}

#tc-primary-nav ul.dropdown-menu > li > a:hover {
  color: #616161;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#tc-primary-nav ul.dropdown-menu > li > a > div {
  top: 0;
}

#tc-email-form .TCFormHeader {
  clear: both;
}

#tc-email-recipients {
  display: inline;
  padding-left: 5px;
}

#tc-email-frm {
  margin-bottom: 0;
}

#modalPopup div.tc-email-buttons div.tc-email-add-attachment {
  border-left: 1px solid #CFCFCF;
  display: inline-block;
  float: right;
  height: 52px;
  position: relative;
  top: -12px;
  width: 40px;
}

#modalPopup div.tc-email-buttons div.tc-email-add-attachment span.tc-font-icon_attachment {
  float: right;
  font-size: 1.5em;
  margin-top: 16px;
  margin-right: 10px;
}

#modalPopup div.tc-email-buttons div.tc-email-add-attachment a:hover {
  color:#666666;
  text-decoration: none;
}

#modal-header > h2 > a.tc-font-icon_undo {
  padding-left: 10px;
}

#modal-header > h2 > a.tc-font-icon_undo:hover {
  color:#666666;
  text-decoration: none;
}

#modal-header > h3 > a.tc-font-icon_undo {
  color: #ffffff;
  opacity: 0.8;
  text-decoration:none;
  border-radius: 0;
}

#modal-header > h3 > a.tc-font-icon_undo:hover {
  -webkit-animation-name: tc-pulse;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-duration: 1.5s;
  animation-name: tc-pulse;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-duration: 1.5s;
}


/* GENERAL FORM STYLES
------------------------ */
section.tc-cluster > div.accordion-heading {
  padding-bottom: 10px;
}

div.tc-input {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 5px;
  width: 50%;
}

@media (max-width: 768px) {
  div.tc-input {
    width: 100%;
  }
}

div.tc-input > label,
div.tc-input > span {
  float: left;
}

div.tc-input > input,
div.tc-input > select {
  clear: both;
  float: left;
}

p.tc-form-description {
  margin: 20px;
}

/* CHANGE SHORTCUTS STYLES
-------------------------- */

.btn-draganddrop {
  font-size: 2.0em;
}

.btn-draganddrop.active {
  background: none repeat scroll 0 0 #A9D0F5;
}

div.TCReset {
  text-align: center;
  font-size: 0.85em;
  padding: 10px;
}

/* INLINE EDITING
-----------------*/

div.inlineTinyMCEForContent {
  border: 1px solid #ccc;
  min-height: 40px;
}

div.TCInlineEdit.in {
  left: 0 !important;
  margin-left: 10px;
  margin-top: 20px !important;
  top: 0 !important;
  width: 92%;
}

.TCExternalTrainingTitle {
  float: none;
  font-size: 1.3em;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #666;
}

/* FORMATTED RADIO BUTTONS
-------------------------- */
.tc-choice-label {
  display: table;
  width: 100%;
  padding: 5px 0 5px 0;

}

.tc-choice-across {
  display: inline-block;
  width: auto;
  padding-bottom: 10px;
}

.tc-choice-label:hover {
  background-color: #e8e8e8;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}

.tc-choice-input {
  float: left;
  padding: 0 5px;
  vertical-align: middle;
}

.tc-checkbox-textlabel {
  display: inline-block;
  height:20px;
  position: relative;
  margin-top: -5px;
  width: 20px;
}

.tc-choice-text {
  float: left;
  padding: 5px 5px 5px 20px;
  vertical-align: middle;
}

.tc-radio-label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  margin-right: 5px;
}

.tc-form-horizontal input.tc-radio-input
{
  display: none;
}

.tc-radio-label:before,
.tc-checkbox-textlabel:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #aaa;
}

.tc-radio-label:before {
  border-radius: 10px;
}

.tc-checkbox-textlabel:before {
  position: absolute;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin-right: 0;
  background-color: inherit;
  border: 1px #1a1a1a solid;
  left: 0;
  padding: 0;
  margin: 0;
  color: #1A1A1A;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 12px;
}

.tc-check-label:before {
  border-radius: 0;
}

.TCcheckbox:disabled + .tc-checkbox-textlabel:before {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.tc-radio-input:checked + .tc-radio-label:before,
.TCcheckbox:checked + .tc-checkbox-textlabel:before,
.TCcheck:checked + .tc-checkbox-textlabel:before {
  content: "\2713";
  color: #1A1A1A;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 12px;
  padding: 0;
  margin: 0;
  /*top: 0;*/
}

.tc-checkbox-label .TCcheckbox,
.tc-checkbox-label .TCcheck {
  display: none;
}

small .tc-checkbox-textlabel:before {
  width: 12px;
  height: 12px;
  margin: 2px 0;
  font-size: 16px;
}

small .TCcheckbox:checked + .tc-checkbox-textlabel:before,
.TCcheck:checked + .tc-checkbox-textlabel:before {
  font-size: 16px;
  text-align: center;
  line-height: 12px;
  margin: 2px 0;
  /*top: 0;*/
}

/* CONTENT ADMIN
-----------------*/
#tc-adminformbody-main-title .tc-course-hierarchy-link {
  -webkit-transition: all .6s cubic-bezier(0.165,.84,.44,1);
}
#tc-adminformbody-main-title .tc-course-hierarchy-link:hover {
  color: #616161;
  text-decoration: none;
}
#tc-adminformbody-main-title a.tc-course-hierarchy-link.opened {

}
#tc-course-hierarchy  {
  background: #ffffff;
  border-left: 1px solid #919395;
  position: fixed;
  top: 40px;
  height: 100%;
  z-index: 2;
  overflow-x: none;
  overflow-y: auto;
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  color: #919395;
  -webkit-box-shadow: inset 0 0 2px 0 #919395;
  -moz-box-shadow: inset 0 0 2px 0 #919395;
  box-shadow: inset 0 0 2px 0 #919395;
  width: 0%;
  right: 0px;
}
#tc-course-hierarchy > .tc-collapse-hierarchy {
  background: #d2d2d2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(90%, #ffffff));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #d2d2d2 0%, #ffffff 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #d2d2d2 0%, #ffffff 100%);
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #d2d2d2 0%, #ffffff 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #d2d2d2 0%, #ffffff 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #d2d2d2 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#ffffff');
  display: inline-block;
  width: 5%;
  float: left;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
#tc-course-hierarchy > .tc-collapse-hierarchy:hover {
  cursor: pointer;
  opacity: 1;
}
#tc-course-hierarchy > .tc-collapse-hierarchy > i {
  left: 20%;
  position: relative;
  top: 10px;
}
#tc-course-hierarchy > .tc-content-nav {
  display: inline-block;
  font-size: 0.85em;
  float: left;
  width: 93%;
}
#tc-course-hierarchy.tc-show-menu {
  display: block;
}
#tc-content-nav.tc-content-admin ul.tc-content-nav-module-inner-top {
  margin-left: 0;
  width: 100%;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer {
  margin: 0;
  padding-bottom: 3px;
  padding-top: 3px;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer:hover {
  background-color: #EAF3FE;
  opacity: 1.0;
  filter: alpha(opacity=1);
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer .tc-content-nav-item-header {
  width: 70%;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer .tc-content-nav-module-header {
  width: 100%;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer .tc-content-nav-module-header > .tc-content-nav-module-header-title {
  float: left;
  width: 70%;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer .tc-content-nav-module-header > .tc-content-nav-module-header-title > div {
  float: left;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer  ul.tc-content-nav-actions,
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer ul.tc-content-nav-actions {
  display: none;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer:hover > .tc-content-nav-actions-group > ul.tc-content-nav-actions,
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer:hover > .tc-content-nav-actions-group > ul.tc-content-nav-actions,
#tc-content-nav.tc-content-admin div.tc-content-nav-module-header:hover > .tc-content-nav-actions-group > ul.tc-content-nav-actions
 {
  display: inline-block;
}
#tc-content-nav li.tc-content-nav-module-outer > ul.tc-content-nav-actions {
  background-color: #eeeeee;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer ul.tc-content-nav-actions li,
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer ul.tc-content-nav-action li
 {
  padding: 0;
  top: -5px;
}
#tc-content-nav.tc-content-admin li ul.tc-content-nav-actions > li {
  display: inline-block;
  padding: 0;
  padding-top: 3px;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-module-outer:hover > .tc-content-nav-actions-group > ul.tc-content-nav-actions > li {
  padding: 0;
  padding-top: 8px;
}
#tc-content-nav.tc-content-admin li.tc-content-nav-item-outer:hover > .tc-content-nav-actions-group > ul.tc-content-nav-actions > li {
  padding: 0;
  padding-top: 4px;
}
#tc-content-nav.tc-content-admin li ul.tc-content-nav-actions li a {
  padding-left: 0;
}
#tc-content-nav.tc-content-admin li ul.tc-content-nav-actions li a:hover {
  color: #616161;
  text-decoration: none;
}
#tc-content-nav.tc-content-admin li div.tc-content-nav-item-header a.tc-content-title-save:hover,
#tc-content-nav.tc-content-admin li div.tc-content-nav-module-header a.tc-content-title-save:hover {
  color: #616161;
  text-decoration: none;
}
#tc-content-nav.tc-content-admin .tc-content-nav-link-active,
#tc-content-nav.tc-content-admin .tc-content-nav-item-active i {
  color: #006697;
}

#tc-content-nav.tc-content-admin .tc-content-nav-item-active {
  background-color: transparent;
}
#tc-content-nav.tc-content-admin li ul.tc-content-nav-actions {
  list-style-type: none;
  position: relative;
}
#tc-content-nav.tc-content-admin .tc-content-admin-active-li {
  border: 1px solid #d2d2d2;
  box-shadow: 2px 2px 0px #e8e8e8;s
}
@media (max-width: 768px) {
  #tc-content-nav.tc-content-admin {
    margin-left: 0;
  }
  #tc-content-nav.tc-content-admin li > div {
    display: inline-block !important;
  }
  #tc-course-hierarchy.in  {
    width: 75%;
  }
}

#tcPDFJSViewer {
  height: 800px;
  width:  100%;
}

/* LICENSE POOLS ADMIN
-----------------------*/
#modal-body #tc-main-primarycolumn {
  padding-left: 0;
  width: 100%;
}

#modal-body #tc-license-pool-activities-modal-list,
#modal-body #tc-license-pool-details {
  padding: 5px;
}
#modal-body #tc-license-pool-activities-modal-list .tc-form-item,
#tc-activities-controls {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 5px;
}

form#TCManageLicensePoolsForm {
  margin-bottom: 0;
}

#modal-body #PoolType {
  display: block;
  margin-top: 8px;
}

#modal-body #tc-activity-list-header,
#modal-body ol#tc-activity-list-body {
  padding-left: 10px;
}

#modal-body #tc-activity-list div.tc-table-style-list-header div.tc-title-col,
#modal-body #tc-activity-list ol.tc-table-style-list-body > li > div.tc-title-col {
  width: 50%;
}

#modal-body #tc-activity-list div.tc-table-style-list-header div.tc-type-col,
#modal-body #tc-activity-list ol.tc-table-style-list-body > li > div.tc-type-col {
  width: 30%;
}

#modal-body #tc-activity-list div.tc-table-style-list-header div.tc-actions-col,
#modal-body #tc-activity-list ol.tc-table-style-list-body > li > div.tc-actions-col {
  width: auto;
}

#notificationRuleDeleteForm {
  margin-bottom: 0px;
}

.tc-notification-picker {
  display: inline;
  padding-bottom: 9px;
}

.tc-notification-picker ul {
  margin: 0;
}

.tc-notification-picker a,
.tc-notification-picker a:visited,
.tc-notification-picker a:hover,
.tc-notification-picker a:active {
  color: #1a1a1a;
  text-decoration: none;
}

#notificationRuleCreateTemplate .TCNoWrap {
  white-space: normal;
}

#modal-body .TCForm>tbody>tr>td.TCFormLabel {
   width: 35%;
}

#tc-manage-license-pools-panel ul {
  color: #666666;
  list-style: none;
  margin-left: 5px;
  margin-top: 10px;
  max-height: 230px;
  overflow-y: auto;
}

#tc-manage-license-pools-panel li {
  margin-right: 10px;
  border: 1px solid #666666;
  border-radius: 4px;
  margin-bottom: 5px;
  padding-left: 10px;
}

#tc-manage-license-pools-panel li.active {
  background: #E7F5FD;
  font-weight: bold;
}

#tc-manage-license-pools-panel li.inactive {
  background-color: #f5f5f5;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

#tc-manage-license-pools-panel li.inactive:hover {
  cursor: pointer;
  opacity: 1;
}

#tc-manage-license-pools-panel ul li .tc-license-pool-panel-title {
  float: left;
  font-size: 1.2em;
  padding-top: 5px;
}

#tc-manage-license-pools-panel ul li .tc-license-pool-panel-active-date {
  clear: both;
  left: 35px;
  padding-top: 5px;
  position: relative;
  max-width: 700px;
}
#tc-manage-license-pools-panel ul li > div.tc-license-pool-icon {
  font-size: 1.5em;
  float: left;
  margin-right: 10px;
  height: 100%;
  position: relative;
  top: 0.7em;;
}

#tc-manage-license-pools-fields {
  padding-bottom: 10px;
  padding-top: 10px;
}

#tc-manage-license-pools-fields > span {
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 5px;
}

#tc-apply-activities-to-all {
  margin-top: 0;
}

#tc-apply-activities,
#tc-apply-activities-exit,
#tc-dont-apply,
#tc-wizard-exit,
#tc-continue-create,
#tc-cancel-create {
  font-size: 1.5em;
  font-weight: normal;
  margin-left: 10px;
  padding-bottom: 0.4em;
  padding-top: 0.4em;
  text-shadow: none;
  transition: background-color 0.4s ease;
}

#tc-apply-activities,
#tc-apply-activities-exit,
#tc-wizard-exit,
#tc-continue-create {
  background: #44980F;
  color: #FFFFFF;
}

#tc-apply-activities:hover,
#tc-apply-activities-exit:hover,
#tc-wizard-exit:hover,
#tc-continue-create:hover  {
  background-color: #5BCF15;
}

#modal-body #tc-license-pool-details .tc-details-list td {
  padding: 5px 15px;
}

#modal-body #tc-license-pool-details .tc-details-list td.tc-name {
  font-weight: bold;
}

#tc-license-pool-details-list {
  border-top: 1px solid #e5e5e5;
}

#tc-details-accordion {
  margin-bottom: 0;
}

#tc-details-accordion .accordion-heading:hover {
  background-color: #f5f5f5;
}

#notificationRuleObjectType {
  padding-top: 5px;
  font-weight: bold;
}

.tc-alert {
  color: #575757;
  font-size: 1.3em;
  text-shadow: none;
}
.tc-wizard-info {
  background: #0094D9;
  border-color: #0094D9;
  color: #FFFFFF;
}
#modal-body .tc-info > button.close.tc-close {
  color: #FFFFFF;
}
.tc-error > button.close.tc-close {
  color: #575757
}
#modal-body .tc-wizard-info > span > i {
  color: #FFFFFF;
}

#modalPopup[data-modal-wizard="true"] {
  max-width: 1024px;
}

#modalPopup #tc-confirm-overlay {
  width: 80%;
  max-width: 1024px;
  top: 49px;
  z-index: 2000;
  position: fixed;
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
}

#tc-confirm-overlay p {
  margin-left: 5%;
  margin-top: 150px;
  margin-bottom: 50px;
  margin-right: 5%;
  font-size: 1.6em;
  line-height: 1.8em;
  text-align: center;
  color: #FFFFFF;
}
#tc-confirm-overlay .tc-actions {
  margin-left:  5%;
  margin-right: 5%;
  text-align: center;
}
#tc-confirm-overlay .tc-dont-show-again {
  margin-left:  5%;
  margin-right: 5%;
  margin-top: 20px;
  text-align: center;
}
#tc-confirm-overlay .tc-dont-show-again > label {
  color: #ffffff;
  font-size: 1.2em;
  margin-top: 20px;
}

#tc-confirm-overlay .tc-dont-show-again > input {
  margin-left: 5px;
  margin-top: -2px;
}

#modal-body .tc-alert
 {
  margin-left:  5px;
  margin-right: 5px;
}

#modal-body form#EditObjectForm {
  padding-bottom: 20px;
}

#modal-body .tc-wizard-section-title {
  border-bottom: 1px solid #9ee0ff;
  margin-bottom: 5px;
  padding-left: 5px;
}

div#tc-pool-type-readonly {
font-size: 1.2em;
padding-left: 5px;
}

div#tc-activity-list {
  padding-left: 5px;
}

/* PRINT ROSTER
----------------*/
#tc-roster-details {
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  padding: 5px;
  padding-bottom: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

#tc-roster-total-enrolled {
  font-style: italic;
  padding-bottom: 10px;
  padding-top: 10px;
}

/* NOTIFICATIONS ADMIN
-----------------------*/

#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-visible-col,
#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-enabled-col
 {
  width: 15%;
}

#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-description-col
 {
  width: 50%;
}

#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-description-col > span
 {
  padding-left: 5px;
}

#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-object-col
 {
  width: 20%;
}

#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-enabled-col > .tc-toggle-control,
#tc-notification-trigger-matrix .tc-trigger-matrix-list .tc-visible-col > .tc-toggle-control {
  margin-top: -5px;
  text-align: left;
}

#tc-notification-trigger-matrix .has-switch {
  z-index: 0
}

#tc-notification-trigger-matrix li > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tc-notification-trigger-matrix .tc-checkbox-textlabel {
  left: 5px;
  top: 5px;
}

.tc-tr-bckgrnd {
    background-color: #E6E6E6;
}

div.bootbox h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

div#tc_resendList {
  padding-top: 10px;
}

div#tc_resendList > div {
  padding-top: 2px;
  padding-bottom: 2px;
}

span.tc-italic-fade {
  color: #666666;
  font-style: italic;
}

div.tc-textarea-summyHeader > i.TCInvalid {
  position: relative;
  top: 4px;
}


.esdNoWidth{
	width:80px;
}

.esdWidth1Percent{
	width:1%
}
.esdWidth5Percent{
	width:5%
}
.esdWidth10Percent{
	width:10%
}
.esdWidth15Percent{
	width:15%
}
.esdWidth20Percent{
	width:20%
}
.esdWidth25Percent{
	width:25%
}
.esdWidth30Percent{
	width:30%
}
.esdWidth35Percent{
	width:35%
}
.esdWidth40Percent{
	width:40%
}
.esdWidth50Percent{
	width:50%
}
.esdWidth60Percent{
	width:60%
}
.esdWidth70Percent{
	width:70%
}
.esdWidth80Percent{
	width:80%
}
.esdTCProgressBarOuter{
	.TCProgressBarOuter {
  border: 1px solid;
  height: 1.5em;
  padding: 2px;
  text-align: center;
  width: 150px;
}
}

.esdCustomTCFormButtons {
	 border-bottom: 0;
  border-top: 0;
  margin: 0;
  margin: none;
  padding: none;
  text-align: right;
  height: 30px;
  background-color: #616161;
  padding: 14px 15px 15px;
  /*border-radius: 6px 6px 0px 0px;*/
  margin-bottom: 0px;
  /*border: #DADADA 1px solid;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;*/
}

.esdCustomTCFormButtons .tc-field-help i:hover,
.esdCustomTCFormButtons span.tc-formfield-append i:hover  {
  color: #eeeeee;
}

#tc-login-form>.control-group.TCLoginBtn>.esdCustomTCFormButtons {
  text-align: left;
}

#tc-login-form>.control-group.TCLoginBtn>.esdCustomTCFormButtons button {
  margin-bottom: 10px;
}

#tc-footer-navex{
	position:fixed;
	left:0;
	bottom:0;
	height:52px;
	width:100%;
	box-sizing:border-box;
	padding:2px;
	background:#333;
	color:#707070;
	border-top:1px solid #eee;
	text-align:center;
	font-size: 10px;
}

#tc-footer-navex-logo{
	margin:0 40px;

}

.tc-footer-navex-container{
	margin-top:2px;
}

.footer-container__text{
	text-align:left;
	display:inline-block;
	color: #f57e20;
	text-decoration:none;
	margin:0 40px 0 0;
}

.footer-container__trust{
  display:inline;
}

.footer-container__trust img{
  margin: 0 0 24px 0;
}

.footer-container__img{
		padding-bottom: 20px;
}


.footer-container__copyright{
	margin-top: 5px;
	text-align:left;
	color: #616161;
}

/** custom login **/
#tc-footer-navex-logo {
  display: inline-block;
  
}	

@media (max-width: 480px) {
  #tc-footer-navex-logo {
    display: none;
  }	
}
/** **/

#tc-welcomemessage-modal {
    margin-left:-40%;
    width: 80%;
}

#tc-welcomemessage-modal .modal-body,
#tc-welcomemessage-modal .carousel-inner,
#tc-welcomemessage-modal .carousel .item {
    min-height: 500px;
}

#esdPasswordResetDiv {
	   font-size: 20px;
	   line-height: 60px;
	}

	#esdNavMenu {
    background-color: #EC7632;
    height: 40px;
    margin-left: 0;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-top: 0 !important;
    position: relative;
    width: 45px;
    margin-right: 5px;
	}
	
	.esdPasswordResetMenu {
    position: relative;
    padding-left: 1.25em;
    background: url(newui-images/main_menu_off.png) no-repeat;
}

#esdNavShortCutPassword {
     background: #6D6B6C;
	    color: #FFFFFF;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    padding-left: 15px;
	    padding-right: 15px;
}
