html{
    text-size-adjust: auto !important;
}

.navBox {	
	background: rgb(49, 130, 105);
}

.form-control {
    font-size:0.9rem;
}

a.edit {
    background: url(../../images/icon_edit.gif) 2px 2px no-repeat;
    padding-left: 14px;
    color:#1010D0;
    text-decoration: underline;
}   

.pace .pace-progress {
    top: 90px;
    height: 3px;
    background: rgb(49, 130, 105);
}

.sidebar {
    padding-top: 90px;
    background: rgb(49, 130, 105);
    background-image: "assets/img/logo/CCEI_logo-1.png";
}

.headerLogoSize {
   height: 88px; 
}

.watermarkDiv {
    position:absolute; 
    left:calc(50% - 200px);
    top:80%;opacity:0.7;
    z-index:-1;
}


.watermarkDiv_LR {
    position:absolute; 
    left:calc(95% - 350px);
    top:80%;
    opacity:0.75;
    z-index:-1;
}

.header.navbar-default {
    height: 90px;
}

.header .navbar-nav>li>a {
    padding: 30px;
}
.header .navbar-brand {
    padding: 0px 20px;
}
.fa-exclamation-triangle {
    color: black;
}

.panel.panel-inverse>.panel-heading {
    background: rgb(26, 37, 65);
}

.panel .panel-heading .panel-title{
    line-height:24px;
    font-size:18px;
    font-weight:bold;
}
.content {
    padding: 60px 30px;
    font-size:16px; 
}

.stats-icon {
    position: absolute;
    left:5px;
    top:15px;
}

.widget-stats {
    background-color:rgb(26, 37, 65);
}

.stats-info {
    padding-left:70px;
}

.sidebar .nav>li.active>a {
    background: rgb(31, 82, 69);
}

.sidebar .nav>li.active>a i {
    color: rgb(203, 228, 223);
}

.sidebar .sidebar-minify-btn {
    background: rgb(31, 82, 69);
}

.table {
    color: rgb(31, 82, 69);
}

.strong {
    font-weight:bold;
}

body {
    background: none;
    background-color: rgb(203, 228, 223);
    color: rgb(31, 82, 69);
}

.table-header {
    background-color:rgb(26, 37, 65);
    color:white;
}

.error {
    height:100%;
    width:100%;
    color:red;
    display: block;
    margin:2px 2px 24px 2px;
}
.error-code {
    width:100%;
    display: block;
}
.alternate-row {
    width:11px;
    height:11px;
    border:1px solid #dddddd;
    background-color:rgb(203, 228, 223);
}

.even {
    background-color:rgb(215, 209, 183, .5);
}
.odd {
    background-color:rgb(255, 255, 255);
}

.width160 {
    width:130px;
}

.bigWidth500 {
    width:490px;
}

legend {
    font-size:18px; 
    font-weight:bold;
}


input[type=radio] {
    height:1.0em;
    display:inline-block;
    width:30px;
}

.ui-widget-content {
    color: rgb(31, 82, 69);
}


.footer {
    margin:0 0px 0 0px;
    border:0px 0px 0px 0px;
    color: rgb(31, 82, 69);
}

.btn-primary {    
    font-size: 13px!important;
    text-transform: uppercase!important;
    white-space:nowrap;
    color: #fff;
    background: #318269;
    border-color: #318269;
    padding: 2px 16px;
    margin: 4px 2px 4px 2px;
    border-radius: 44px;
}

.btn-primary-thin {     
    font-size: 13px!important; 
    text-transform: uppercase!important; 
    white-space:nowrap;
    color: #fff;
    background: #318269;
    border-color: #318269;
    padding: 2px 16px;
    margin: 4px 2px 4px 2px;
    border-radius: 44px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: rgb(31, 82, 69);
background-color: rgb(203, 228, 223);
border-color: #318269; /*set the color you want here*/
}

.btn-secondary {    
    font-size: 13px!important;
    text-transform: uppercase!important;
    white-space:nowrap;
    color: #000000;
    background-color: #C0C0C0;
    border-color: #A0A0A0;
    padding: 2px 16px;
    margin: 4px 2px 4px 2px;
    border-radius: 44px;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
    color: #000000;
    background-color: #F0F0F0;
    border-color: #404040; /*set the color you want here*/
}

.avoidwrap { 
    display:inline-block; 
    margin:3px 3px 3px 3px;
}
.widget-list .widget-list-item .widget-list-title {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}

.reqd {
    color: #318269;
    font-weight: bold;
}

/* I have two classes "lil-text" and "big-text" for when I want different elements
** to show or be hidden when the screen is wider than 768 pixels.  "lil-text" items 
** are only shown in narrow mode and "big-text" items are only shown in wide mode */

.lil-text {
    display:none;
}
.big-text {
    display: inline-block;
    border:none;
}


.min-max {
    width:50%;
}

.linkMed {
        font-size:16px;
        font-weight:bold;
}

.btn-xxl,
.btn-group-xxl > .btn {
  padding: 10px 16px;
  height:50px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.reportBlock { 
    display:inline-block; 
    background-color: #C0C0C0;
    padding:0px 8px 0px 4px;
    margin:3px 3px 3px 3px;
}

.reportBlockName {
    display:inline-block; 
    font-weight:bold;
    margin:3px 1px 0px 3px;
}
.reportBlockData {
    display:inline-block; 
    margin:0px 3px 3px 1px;
}

.boundBlockHeader {
    font-weight:bold; 
    padding:6px 7px 6px 7px; 
    display:inline-block;
}

.boundBlock {
    font-weight:bold; 
    padding:3px 7px 3px 7px; 
    display:inline-block;
}

.boundBlockCourseID {
    font-weight:bold;
    width:150px; 
    padding:3px 7px 3px 7px; 
    display:inline-block;
}

.boundBlock2 {
    font-weight:bold; 
    margin:0px 10px 0px 10px; 
    display:inline-block;
}

.stack-text {
    display: none;
}

.adminMenuBlock {
    display: inline-block;
    width: 320px;
    vertical-align: top;
    margin: 8px 10px 8px 10px;
}


/* Apply these to a data field in a table that has a stackable class and the column 
** is not normally left aligned.  This will cause it to switch the alignment to left
** when viewed in narrow, stackable mode */
.centerIfFullSize {
    text-align:center;
}
.rightIfFullSize {
    text-align:right;
}
.leftIfFullSize {
    text-align:left;
}
/*
****************************************************************
******************  OE New Styles  ********************
****************************************************************
*/

.oeNew{
    margin: 0px;
    width: 100%;
}

.txtAlign-center{
    text-align: center !important;
}

.txtAlign-left{
    text-align: left !important;
}

.display-inline{
    display: inline-block !important;
}

.pt-5-pct{
    padding-top:5% !important;
}

.pl-5-pct{
    padding-left:5% !important;
}

.p-30-px{
    padding:30px!important;
}

.pt-2-pct{
    padding-top:2% !important;
}

.orderReviewBackground{
    background-color:#E8E8DB;
    font-weight: bold;
}


.acknowledgementBox{
    border: solid !important;
    border-width: thin !important;
    background-color:#E8E8DB;
}



/*
****************************************************************
******************  Text Alignment Styles  ********************
****************************************************************
*/

.alignCenter{
    text-align: center;
}

.alignRight{
    text-align: right;
}

/*
****************************************************************
******************  Border Styles  ********************
****************************************************************
*/

.border{
    border:solid;
    border-width: thin;
}

/*
****************************************************************
******************  Display Styles  ********************
****************************************************************
*/

.displayBlock{
	display: block !important;
}

/*
****************************************************************
****************** OE New  Display Styles  ********************
****************************************************************
*/

.oeNew-Header{
    padding: 0 !important;
}





@media screen and (max-width:870px) {
            
    .bigWidth500 {
        width:50%;
        /* comment */
    }
}

@media screen and (max-width:768px) {
    .content { padding: 2px 2px 30px 2px; }
    .dropdown { display:none;}

    
    .headerLogoSize {
        height: 88px; 
    }
    
.watermarkDiv {
    display:none;
}

    .header.navbar-default {
        height: 50px;
    }
    .sidebar {
        padding-top:0px;
    }
    .page-header-fixed {
        padding-top:50px;
    }

    .page-footer-fixed{
        padding-bottom:50px;
    }

    
    .boundBlockCourseID {
        width:145px; 
    }

    .table td, .table th {
        padding: 3px 3px 3px 3px;
    }

    .fa-user {
        font-size: 1.2rem;
    }

    .table-max-width {
        max-width: 360px;
    }

    .navbar-brand {
        padding:0px 0px 0px 20px; 
        margin-right:4px
    }

    .pace .pace-progress {
        top: 50px;
        height: 3px;
        background: rgb(49, 130, 105);
    }

    .btn-primary {
        width:96%;
    }

    .btn-secondary {
        width:96%;
    }

        
    .adminMenuBlock {
        margin: 4px 4px 4px 4px;
    }
            

    /* I have two classes "lil-text" and "big-text" for when I want different elements
    ** to show or be hidden when the screen is wider than 768 pixels.  "lil-text" items 
    ** are only shown in narrow mode and "big-text" items are only shown in wide mode */
    .lil-text {
        display: inline-block;
        border:none;
    }
    .big-text {
        display: none;
    }


    /* Sometimes we have no choice but to shrink the text when an unbroken email address for
    ** example can overrun the phone width.  In those rare instances, use the CF LEN function 
    ** to decide which of these relative font reduction classes to apply.  */
    .shrink90 {
        font-size:0.90em;
    }
    
    .shrink80 {
        font-size:0.80em;
    }

    .shrink70 {
        font-size:0.70em;
    }
    
    .shrink60 {
        font-size:0.60em;
    }


    /* Apply these to a data field in a table that has a stackable class and the column 
    ** is not normally left aligned.  This will cause it to switch the alignment to left
    ** when viewed in narrow, stackable mode */
    .centerIfFullSize {
        text-align:left;
    }
    .rightIfFullSize {
        text-align:left;
    }
    .leftIfFullSize {
        text-align:left;
    }


    
}




@media only screen and (max-width: 967px), (min-device-width: 968px) and (max-device-width: 1024px){
    /* Force table to not be like tables anymore */
     .stackable-table table, .stackable-table thead, .stackable-table tbody, .stackable-table th, .stackable-table td, .stackable-table tr {
         display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
     .stackable-table thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
    .stackable-table tr {
        margin: 0 0 1rem 0;
    }
    .stackable-table td {
         /* Behave  like a "row" */
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         width: 100% !important;
    }
    .stackable-table td:before {
         /* Top/left values mimic padding */
         top: 0;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         white-space: nowrap;
    }    
 

    .min-max {
        width:98%;
        margin-left:3px;
    }



    #activity-lib-tbl td:nth-of-type(1):before { content: "Activity Name:"; font-weight:bold; }
    #activity-lib-tbl td:nth-of-type(2):before { content: "Age Group:"; font-weight:bold; }
    #activity-lib-tbl td:nth-of-type(3):before { content: "Content Area:"; font-weight:bold; }
    #activity-lib-tbl td:nth-of-type(4):before { content: "Develop. Area:"; font-weight:bold; }
    #activity-lib-tbl td:nth-of-type(5):before { content: "View Activity:"; font-weight:bold; }

    #grading-history-tbl td:nth-of-type(1):before { content: "Date:"; font-weight:bold; }
    #grading-history-tbl td:nth-of-type(2):before { content: "Course Status:"; font-weight:bold; }
    #grading-history-tbl td:nth-of-type(3):before { content: "Graded By:"; font-weight:bold; }

    #ec-caseload-sch-tbl td:nth-of-type(1):before { content: "Name:"; font-weight:bold; }
    #ec-caseload-sch-tbl td:nth-of-type(2):before { content: "Email:"; font-weight:bold; }
    #ec-caseload-sch-tbl td:nth-of-type(3):before { content: "Phone:"; font-weight:bold; }
    #ec-caseload-sch-tbl td:nth-of-type(4):before { content: "Program:"; font-weight:bold; }
    #ec-caseload-sch-tbl td:nth-of-type(5):before { content: "Funding:"; font-weight:bold; }
    #ec-caseload-sch-tbl td:nth-of-type(6):before { content: "Last Course Date:"; font-weight:bold; }

    #multi-student-assign-tbl td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #multi-student-assign-tbl td:nth-of-type(2):before { content: "Student:"; font-weight:bold; }
    #multi-student-assign-tbl td:nth-of-type(3):before { content: "Email:"; font-weight:bold; }
    #multi-student-assign-tbl td:nth-of-type(4):before { content: ""; font-weight:bold; }

    #sub-mgr-tbl td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sub-mgr-tbl td:nth-of-type(2):before { content: "Student:"; font-weight:bold; }
    #sub-mgr-tbl td:nth-of-type(3):before { content: "Sub. Start:"; font-weight:bold; }
    #sub-mgr-tbl td:nth-of-type(4):before { content: "Sub. End:"; font-weight:bold; }
    #sub-mgr-tbl td:nth-of-type(5):before { content: "View Profile:"; font-weight:bold; }

    #deg-mgr-tbl td:nth-of-type(1):before { content: "Date:"; font-weight:bold; }
    #deg-mgr-tbl td:nth-of-type(2):before { content: "User Exam ID:"; font-weight:bold; }
    #deg-mgr-tbl td:nth-of-type(3):before { content: "No.:"; font-weight:bold; }
    #deg-mgr-tbl td:nth-of-type(4):before { content: "Question:"; font-weight:bold; }
    #deg-mgr-tbl td:nth-of-type(5):before { content: "Correct Answer"; font-weight:bold; }
    #deg-mgr-tbl td:nth-of-type(6):before { content: "User Answer:"; font-weight:bold; }

    #student-prog-rpt-tbl td:nth-of-type(1):before { content: "Course ID:"; font-weight:bold; }
    #student-prog-rpt-tbl td:nth-of-type(2):before { content: "Course Name:"; font-weight:bold; }
    #student-prog-rpt-tbl td:nth-of-type(3):before { content: "Hour Value:"; font-weight:bold; }
    #student-prog-rpt-tbl td:nth-of-type(4):before { content: "Sign Up Date:"; font-weight:bold; }
    #student-prog-rpt-tbl td:nth-of-type(5):before { content: "Incorrect Answers:"; font-weight:bold; }
    #student-prog-rpt-tbl td:nth-of-type(6):before { content: "% Complete:"; font-weight:bold; }

    #webcast-attend-tbl1 td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px;}
    #webcast-attend-tbl1 td:nth-of-type(2):before { content: "Webcast ID:"; font-weight:bold; }
    #webcast-attend-tbl1 td:nth-of-type(3):before { content: "Title:"; font-weight:bold; }
    #webcast-attend-tbl1 td:nth-of-type(4):before { content: "Desc.:"; font-weight:bold; }
    #webcast-attend-tbl1 td:nth-of-type(5):before { content: "Date/Time:"; font-weight:bold; }
    #webcast-attend-tbl1 td:nth-of-type(6):before { content: "Course Equiv:"; font-weight:bold; }
  
    #webcast-attend-tbl2 td:nth-of-type(1):before { content: "Attended:"; font-weight:bold; }
    #webcast-attend-tbl2 td:nth-of-type(2):before { content: "First Name:"; font-weight:bold; }
    #webcast-attend-tbl2 td:nth-of-type(3):before { content: "Last Name:"; font-weight:bold; }
    #webcast-attend-tbl2 td:nth-of-type(4):before { content: "Email:"; font-weight:bold; }

    #display-catalog-tbl  td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px;}
    #display-catalog-tbl  td:nth-of-type(2):before { content: "Course ID:"; font-weight:bold; }
    #display-catalog-tbl  td:nth-of-type(3):before { content: "Course Name:"; font-weight:bold; }
    #display-catalog-tbl  td:nth-of-type(4):before { content: "Level:"; font-weight:bold; }
    #display-catalog-tbl  td:nth-of-type(5):before { content: "Hours:"; font-weight:bold; }

    #display-catalog-tbl2  td:nth-of-type(1):before { content: "Course ID:"; font-weight:bold; }
    #display-catalog-tbl2  td:nth-of-type(2):before { content: "Course Name:"; font-weight:bold; }
    #display-catalog-tbl2  td:nth-of-type(3):before { content: "Level:"; font-weight:bold; }
    #display-catalog-tbl2  td:nth-of-type(4):before { content: "Hours:"; font-weight:bold; }

    #school-progress-rpt-tbl td:nth-of-type(1):before { content: "Student:"; font-weight:bold; }
    #school-progress-rpt-tbl td:nth-of-type(2):before { content: "Assigned Hours:"; font-weight:bold; }
    #school-progress-rpt-tbl td:nth-of-type(3):before { content: "Courses Completed:"; font-weight:bold; }
    #school-progress-rpt-tbl td:nth-of-type(4):before { content: "Hours Completed:"; font-weight:bold; }
    #school-progress-rpt-tbl td:nth-of-type(5):before { content: "Last Login:"; font-weight:bold; }

    #student-prog-course-tbl td:nth-of-type(1):before { content: "Course ID:"; font-weight:bold; }
    #student-prog-course-tbl td:nth-of-type(2):before { content: "Course Name:"; font-weight:bold; }
    #student-prog-course-tbl td:nth-of-type(3):before { content: "Hour Value:"; font-weight:bold; }
    #student-prog-course-tbl td:nth-of-type(4):before { content: "Completed:"; font-weight:bold; }
    #student-prog-course-tbl td:nth-of-type(5):before { content: "Certificate:"; font-weight:bold; }
    #student-prog-course-tbl td:nth-of-type(6):before { content: "Incorrect Exam Answers:"; font-weight:bold; }


    #ctr-mgr-tbl td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px;}
    #ctr-mgr-tbl td:nth-of-type(2):before { content: "UID:"; font-weight:bold;}
    #ctr-mgr-tbl td:nth-of-type(3):before { content: "Name - Email:"; font-weight:bold;}
    #ctr-mgr-tbl td:nth-of-type(4):before { content: "Email Valid:"; font-weight:bold;}
    #ctr-mgr-tbl td:nth-of-type(5):before { content: "Username:"; font-weight:bold;}
    #ctr-mgr-tbl td:nth-of-type(6):before { content: "Password:"; font-weight:bold;}

    #example td:nth-of-type(1):before { content: "Name"; font-weight:bold; }
    #example td:nth-of-type(2):before { content: "Position"; font-weight:bold; }
    #example td:nth-of-type(3):before { content: "Office"; font-weight:bold; }
    #example td:nth-of-type(4):before { content: "Age"; font-weight:bold; }
    #example td:nth-of-type(5):before { content: "Start Date"; font-weight:bold; }

    #user-degrees-table td:nth-of-type(1):before { content: "Course of Study"; font-weight:bold;}
    #user-degrees-table td:nth-of-type(2):before { content: "% Complete"; font-weight:bold;}
    #user-degrees-table td:nth-of-type(3):before { content: "Clock Hours"; font-weight:bold;}
    #user-degrees-table td:nth-of-type(4):before { content: "CEU Value"; font-weight:bold;}
    #user-degrees-table td:nth-of-type(5):before { content: "Enrollment Date"; font-weight:bold;}
    #user-degrees-table td:nth-of-type(6):before { content: "Deadline Date"; font-weight:bold;}

    #user-prof-dev-plans td:nth-of-type(1):before { content: "Plan Title"; font-weight:bold;}
    #user-prof-dev-plans td:nth-of-type(2):before { content: "Start Date"; font-weight:bold;}
    #user-prof-dev-plans td:nth-of-type(3):before { content: "End Date"; font-weight:bold;}
    #user-prof-dev-plans td:nth-of-type(4):before { content: ""; font-weight:bold;}
    #user-prof-dev-plans td:nth-of-type(5):before { content: ""; font-weight:bold;}
    #user-prof-dev-plans td:nth-of-type(6):before { content: ""; font-weight:bold;}

    .tbl-pdp-courses td:nth-of-type(1):before { content: "Course ID"; font-weight:bold;}
    .tbl-pdp-courses td:nth-of-type(2):before { content: "Course Title"; font-weight:bold;}
    .tbl-pdp-courses td:nth-of-type(3):before { content: "Course Trainer"; font-weight:bold;}
    .tbl-pdp-courses td:nth-of-type(4):before { content: "Course Level"; font-weight:bold;}
    .tbl-pdp-courses td:nth-of-type(5):before { content: "Hours"; font-weight:bold;}
    .tbl-pdp-courses td:nth-of-type(6):before { content: "CKA";  font-weight:bold;}

    .tbl-pdp-view-courses td:nth-of-type(1):before { content: "Course ID"; font-weight:bold;}
    .tbl-pdp-view-courses td:nth-of-type(2):before { content: "Course Title"; font-weight:bold;}
    .tbl-pdp-view-courses td:nth-of-type(3):before { content: "Course Level"; font-weight:bold;}
    .tbl-pdp-view-courses td:nth-of-type(4):before { content: "Course Hours"; font-weight:bold;}
    .tbl-pdp-view-courses td:nth-of-type(5):before { content: "Core Knowledge Area"; font-weight:bold;}


/*  SEARCH TABLES ******************************************************************************* */
/*  Course */
    #sch-table-course td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-course td:nth-of-type(2):before { content: "Course Name"; font-weight:bold; }
    #sch-table-course td:nth-of-type(3):before { content: "Course Type"; font-weight:bold; }
    #sch-table-course td:nth-of-type(4):before { content: "Enabled"; font-weight:bold; }
    #sch-table-course td:nth-of-type(5):before { content: "Max Slides"; font-weight:bold; }
    #sch-table-course td:nth-of-type(6):before { content: "Language"; font-weight:bold; }



    
    #sch-table-doc td:nth-of-type(1):before { content: ""; font-weight:bold; }
    #sch-table-doc td:nth-of-type(2):before { content: ""; font-weight:bold; }
    #sch-table-doc td:nth-of-type(3):before { content: "Fame ID:"; font-weight:bold; }
    #sch-table-doc td:nth-of-type(4):before { content: "Student Name:"; font-weight:bold; }
    #sch-table-doc td:nth-of-type(5):before { content: "Doc Type:"; font-weight:bold; }
    #sch-table-doc td:nth-of-type(6):before { content: "Uploaded:"; font-weight:bold; }
    #sch-table-doc td:nth-of-type(7):before { content: "Status:"; font-weight:bold; }
    #sch-table-doc td:nth-of-type(8):before { content: "Approver:"; font-weight:bold; }

/*    courseCategory            */
    #sch-table-courseCategory td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-courseCategory td:nth-of-type(2):before { content: "ID"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(3):before { content: "Eng. Name"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(4):before { content: "Span. Name"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(5):before { content: "Order"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(6):before { content: "Corp. ID"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(7):before { content: "Type"; font-weight:bold; }
    #sch-table-courseCategory td:nth-of-type(8):before { content: "Min. Security"; font-weight:bold; }

/*    doc  ???????? */

/*  corp        */
    #sch-table-corp td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-corp td:nth-of-type(2):before { content: "Name"; font-weight:bold; }
    #sch-table-corp td:nth-of-type(3):before { content: "City"; font-weight:bold; }
    #sch-table-corp td:nth-of-type(4):before { content: "MSA Count"; font-weight:bold; }

/*  mfo         */
    #sch-table-mfo td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-mfo td:nth-of-type(2):before { content: "MSA"; font-weight:bold; }
    #sch-table-mfo td:nth-of-type(3):before { content: "City"; font-weight:bold; }
    #sch-table-mfo td:nth-of-type(4):before { content: "Corp."; font-weight:bold; }
    #sch-table-mfo td:nth-of-type(5):before { content: "Schools"; font-weight:bold; }

/*  ctr     */
    #sch-table-ctr td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-ctr td:nth-of-type(2):before { content: "Name"; font-weight:bold; }
    #sch-table-ctr td:nth-of-type(3):before { content: "Address"; font-weight:bold; }
    #sch-table-ctr td:nth-of-type(4):before { content: "City"; font-weight:bold; }
    #sch-table-ctr td:nth-of-type(5):before { content: "State"; font-weight:bold; }
    #sch-table-ctr td:nth-of-type(6):before { content: "MSA"; font-weight:bold; }
    #sch-table-ctr td:nth-of-type(7):before { content: "Corp."; font-weight:bold; }

/*  admin               */
    #sch-table-admin td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-admin td:nth-of-type(2):before { content: "User ID"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(3):before { content: "State"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(4):before { content: "First Name"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(5):before { content: "Last Name"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(6):before { content: "Email"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(7):before { content: "Center"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(8):before { content: "MSA"; font-weight:bold; }
    #sch-table-admin td:nth-of-type(9):before { content: "Corp."; font-weight:bold; }
    #sch-table-admin td:nth-of-type(10):before { content: "Admin Type"; font-weight:bold; }

/*    user          */
    #sch-table-user td:nth-of-type(1):before { content: ""; width:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; }
    #sch-table-user td:nth-of-type(2):before { content: "User ID"; font-weight:bold; }
    #sch-table-user td:nth-of-type(3):before { content: "State"; font-weight:bold; }
    #sch-table-user td:nth-of-type(4):before { content: "First Name"; font-weight:bold; }
    #sch-table-user td:nth-of-type(5):before { content: "Last Name"; font-weight:bold; }
    #sch-table-user td:nth-of-type(6):before { content: "Email"; font-weight:bold; }
    #sch-table-user td:nth-of-type(7):before { content: "Center"; font-weight:bold; }
    #sch-table-user td:nth-of-type(8):before { content: "MSA"; font-weight:bold; }
    #sch-table-user td:nth-of-type(9):before { content: "Corp."; font-weight:bold; }
    #sch-table-user td:nth-of-type(10):before { content: "Admin Type"; font-weight:bold; }

    #assign-ec-tbl td:nth-of-type(1):before { content: "Student:"; font-weight:bold; }
    #assign-ec-tbl td:nth-of-type(2):before { content: "Center:"; font-weight:bold; }
    #assign-ec-tbl td:nth-of-type(3):before { content: "Corp.:"; font-weight:bold; }
    #assign-ec-tbl td:nth-of-type(4):before { content: "Select EC:"; font-weight:bold; }
    #assign-ec-tbl td:nth-of-type(5):before { content: "State:"; font-weight:bold; }
    #assign-ec-tbl td:nth-of-type(6):before { content: "Course:"; font-weight:bold; }

/* OE New Certificate Course of Study Program*/

    #certCourseStudyProgram td:nth-of-type(1):before { content: "PROGRAM:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(2):before { content: "Product Code:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(3):before { content: "Course Hours:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(4):before { content: "Tuition Cost:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(5):before { content: "App Fee:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(6):before { content: "Total Program Cost:"; font-weight:bold; }
    #certCourseStudyProgram td:nth-of-type(7):before { content: "Approx. Book Cost *:"; font-weight:bold; }

/* OE New Cart*/
    #oeNewCart td:nth-of-type(2):before { content: "PRODUCT"; font-weight:bold; }
    #oeNewCart td:nth-of-type(3):before { content: "QUANTITY"; font-weight:bold; }
    #oeNewCart td:nth-of-type(4):before { content: "COST"; font-weight:bold; }
    #oeNewCart td:nth-of-type(5):before { content: ""; font-weight:bold; }

/* OE New Center Check*/

    #userCenterTable td:nth-of-type(1):before { content: "Select:"; font-weight:bold; }
    #userCenterTable td:nth-of-type(2):before { content: "School Name:"; font-weight:bold; }
    #userCenterTable td:nth-of-type(3):before { content: "City:"; font-weight:bold; }
    #userCenterTable td:nth-of-type(4):before { content: "State:"; font-weight:bold; }

/* OE New Order - Center*/

#oeNewCenterTable td:nth-of-type(1):before { content: "Center Subscriptions:"; font-weight:bold; }
#oeNewCenterTable td:nth-of-type(2):before { content: "Product Code:"; font-weight:bold; }
#oeNewCenterTable td:nth-of-type(3):before { content: "Price:"; font-weight:bold; }
#oeNewCenterTable td:nth-of-type(4):before { content: ""; font-weight:bold; }

/* OE New Order - Block*/

#oeNewBlockTable td:nth-of-type(1):before { content: "Center Subscriptions:"; font-weight:bold; }
#oeNewBlockTable td:nth-of-type(2):before { content: "Product Code:"; font-weight:bold; }
#oeNewBlockTable td:nth-of-type(3):before { content: "Price:"; font-weight:bold; }
#oeNewBlockTable td:nth-of-type(4):before { content: ""; font-weight:bold; }

/* OE New Order - Individual*/

#oeNewIndTable td:nth-of-type(1):before { content: "Center Subscriptions:"; font-weight:bold; }
#oeNewIndTable td:nth-of-type(2):before { content: "Product Code:"; font-weight:bold; }
#oeNewIndTable td:nth-of-type(3):before { content: "Price:"; font-weight:bold; }
#oeNewIndTable td:nth-of-type(4):before { content: ""; font-weight:bold; }

    /* Force table to not be like tables anymore */
     .stackable-table table, .stackable-table thead, .stackable-table tbody, .stackable-table th, .stackable-table td, .stackable-table tr {
         display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
     .stackable-table thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
    .stackable-table tr {
        margin: 0 0 1rem 0;
    }
    .stackable-table td {
         /* Behave  like a "row" */
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         width: 100% !important;
    }
    .stackable-table td:before {
         /* Top/left values mimic padding */
         top: 0;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         white-space: nowrap;
    }

    
    .stack-text {
        display: inline-block;
    }
    
}