/* These are standard HTML elements for links */
a:link
{
	color: rgb(51, 51, 51);
}
a:active
{
	color: rgb(255, 0, 0);
}
a:visited
{
	color: rgb(102, 102, 102);
}

a{
	color: #0041A3;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color:#0041A3;
}



/* This is the standard HTML body element */
body{
	background: #ffffff;
	margin: 0; 
	margin-bottom: 11px;
	padding: 0; 
	font-family: Calibri,Arial,Helvetica;
	font-size:.92em;
	color: #666666;
}

/* This is currently not is use, but is available for jQuery menus */
.tmenu{
	font-size:1.1em;
	color: #ffffff;
}
/* This is the global table tag */
table
{
	vertical-align: top;
}
/* This is the jQuery striping row color for even rows */
.even {
	background-color: #d0d0d0;
}
/* This is the jQuery striping row color for odd rows */
.odd {
	background-color: #f0f0f0;
}
/* This is the jQuery row color for a search selected row */
.highlight {
	background-color: #3D3D3D;
	color: #ffffff;
	font-weight: bold;
}
/* This is the jQuery head equivilant row */
.header {
	background:#0041A3;
	color: #ffffff; 
	background-image: url(/ihtml/application/student/SORT/header-bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery head row when sorting ascending */
.headerSortUp {
	background-image: url(/ihtml/application/student/SORT/header-asc.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery head row when sorting decending */
.headerSortDown {
	background-image: url(/ihtml/application/student/SORT/header-desc.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery row definition before custom striping is applied */
pre {
	font-size:1em;
	width: 100%;
}
/* This is the jQuery head cell before custom striping is applied */
th {
	text-align: left;
	padding: 5px;
	background-color: #ffffff;
	/******************************/
	/******************************/
	/*                            */
	/* set display: none; for v10 */
	/*                            */
	/******************************/
	/******************************/
	display: none;
}

th.report {
	/* added for v10 to preserve v9 display attributes of dynamic reports */
	display: table-cell;

}

tbody.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
	font-size:.9em; 
}

thead.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
}

tfoot.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
}


/* These are standard HTML elements text headers */
h1
{
	color: rgb(0, 0, 0);
	font-size:1.5em; 
}
h2
{

}
h3
{

}
h4
{

}
h5
{

}
h6
{

}

/* This is the default table cell reference before any other styling is applied */
td           
{ 
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Left;
}
/* This is the reference for a cell that contains an icon like launch course, delete, etc. before any other styling is applied */
td.button { 
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Center;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	white-space:nowrap;
	/******************************/
	/******************************/
	/*                            */
	/* set display: none; for v10 */
	/*                            */
	/******************************/
	/******************************/
	display: none;
}
/* This is the reference for a cell that contains text that needs to be justified when displayed with buttons on the home and history pages */
td.text { 
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Left;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	/******************************/
	/******************************/
	/*                            */
	/* set display: none; for v10 */
	/*                            */
	/******************************/
	/******************************/
	display: none;
}
/* This is the reference for a cell that contains test item text */
td.testitem { 
	font-size:1.25rem; 
	color: #000000; 
	vertical-align: top;
	text-align: center;
border: 1px solid #0046AA; 
padding: 5px 5px; 
border-radius: 25px;
box-shadow:         inset 0 0 10px #000000;
}

b.score_test_results {
 z-index: 10;
 position: absolute;
 top: 10;
 left: 10;
}

.kmxhtml_test_item_html {
padding: 5px 5px 5px 5px; 
display:table;
float: left;
}
.kmxhtml_test_item_container {
padding: 5px 5px 5px 5px; 
display:table;
float: left;
}
.kmxhtml_test_item_html video {
}

/* This is the reference for the test countdown timer */
.countdowndiv {
position:fixed; 
font-size: 20px; 
font-weight:bold;
background-color: #ffffff;
visibility:visible;
z-index: 100; 
RIGHT: 20px; 
TOP: 1px;
border-style: solid;
border-width: 2px;
} 

.countdowndiv input {
	font-size: 20px;
	font-weight:bold;
	border: 0;
}

/* These are the styles for drag & drop test items */

#outer-dropzone {
  height: 600px;
  touch-action: none;
}
.outer-dropzone {
  background-color: #ccc;
  width: 100%;
  border-radius: 4px;
  margin: 10px auto 30px;
  padding: 10px;
}
.outer-dropzone td {
  vertical-align : middle;
}
.dropzone {
  height: 80px;
  width: 440px;
  float: left;
  background-color: #ccc;
  border: dashed 4px;
  border-radius: 4px;
  margin: 10px auto 10px;
  padding: 10px;
  transition: background-color 0.3s;
}

.dropzone  input {
 display:none;
}
.drop-active {
  border-color: #aaa;
}

.drop-target {
  background-color: #29e;
  border-color: #fff;
  border-style: solid;
}

.select-target {
  background-color: #87CEFA;
  border-color: #fff;
  border-style: solid;
}

.drag-drop {
  display: inline-block;
  width: 400px;
  height: 70px;
  padding: .2em 0.2em;
  color: #fff;
  background-color: #29e;
  border: solid 2px #fff;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: background-color 0.3s;
}

.drag-drop.can-drop {
  color: #000;
  background-color: #4e4;
}

/* This is a deprecated reference for alterate row text cells before jQuery striping  */
td.altc1          
{ 
	background:#cccccc url('images/bg.png');
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Left;
}
/* This is a deprecated reference for alterate row icon cells before jQuery striping  */
td.altc2          
{ 
	background:#cccccc url('images/bg.png');
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
}
/* This is the header row of a table, should be the same as .header above to maintain consistency between jQuery and non-jQuery pages  */
td.head { 
background:#0041A3;
font-size:1em;
font-weight: bold;
color: #ffffff; 
vertical-align: top;
text-align: Left;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
} 
.head a:link
{
	color: #ffffff;
}
.head a:active
{
	color: #ffffff;
}
.head a:visited
{
	color: #ffffff;
}

.head a{
	color: #ffffff;
	text-decoration: none;
}
.head a:hover{
	text-decoration:underline;
	color: #ffffff;
}

/* This is the centered header row of a calendar, should be the same as .header above to maintain consistency between jQuery and non-jQuery pages  */
td.head1 { 
background:#0041A3;
font-size:1em; 
font-weight: bold;
color: #ffffff; 
vertical-align: top;
text-align: center;
/* 	border-left: 1px solid #bbbbbb;
/* 	border-right: 1px solid #bbbbbb;
/* 	border-top: 1px solid #bbbbbb;
/* 	border-bottom: 1px solid #000000; */
} 

/* This was used for the non-hover button colors on the information include page and also used to depict an available certification on the tpc profile  */
td.norm { 
background-color: #ffffff;
font-size:.92em;
border-style: solid; 
border-width: 1;
border-color: #ffffff;
vertical-align: middle;
text-align: left;
}
/* This is used for the hover-over button colors on the information include page and also used to depict an unavailable certification on the tpc profile  */
td.norm1 { 
background-color: #ffffff;
font-size:.92em; 
border-style: solid; 
border-width: 1;
border-color: #ffffff;
vertical-align: middle;
text-align: left;
} 
/* This is the new style for the non-hover button colors on the default information include page (update interface.x files as required) */
td.norm2 { 
background-color: #ffffff;
font-size:.92em; 
border-style: solid; 
border-width: 1;
border-color: #ffffff;
vertical-align: middle;
text-align: left;
}

/* control link appearance inside of non-hover buttons on the default information include page */
td.norm2 a{
	color: rgb(51, 51, 51);
	text-decoration: none;
}
td.norm2 a:visited{
	color: rgb(51, 51, 51);
	text-decoration: none;
}
td.norm2 a:hover{
	text-decoration:underline;
	color: rgb(51, 51, 51);
}
td.norm2 a:link
{
	color: rgb(51, 51, 51);
}


/* This is the new style for the hover-over button colors on the default information include page (update interface.x files as required) */
td.norm3 { 
background-color: #ffffff;
font-size:.92em; 
border-style: solid; 
border-width: 1;
border-color: #ffffff;
vertical-align: middle;
text-align: left;
} 

/* control link appearance inside of hover-over buttons on the default information include page */
td.norm3 a{
	color: rgb(51, 51, 51);
	text-decoration: none;
}
td.norm3 a:visited{
	color: rgb(51, 51, 51);
	text-decoration: none;
}
td.norm3 a:hover{
	text-decoration:underline;
	color: rgb(51, 51, 51);
}
td.norm3 a:link
{
	color: rgb(51, 51, 51);
}


/* for use by catalog, labor category profile and other pages displayed in the main frame of the student interface */ 
td.mainframe  
{ 
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Left;
}



/* This is for text links on the course player navigation bar  */
.cbar      {  font-size:.92em; 
              font-weight: bold; 
	      text-decoration:none;
	      text-align: Left;
           }
/* This is used for the user name on the default and interface.x information includes  */
.cbar2      { font-size:.92em; 
              font-weight: bold; 
              color: #000000; 
	      text-decoration:none;
           }

td.testitemq { 
	font-size:1.25rem; 
	color: #000000; 
	vertical-align: top;
	text-align: Left;
}
td.testitemq.whowants { 
	color: #ffffff; 
}
.testitemc { 
    visibility: hidden;
}


/*  test navigation bar for prev next navigation to test items */

table.cbtdisplaycontent #control{
position:absolute;
visibility:visible;
z-index: 2000;
RIGHT:7%;
top: 4%;
}

table[data-kmx-test_items_not_table_view] {
	border-spacing: 0px 5px;
}

table[data-kmx-test_items_table_view] {
	border-spacing: 5px 5px;
	font-size: 1.25rem;
}

table[data-kmx-test_items_table_view] tr:nth-of-type(2) td {
	text-align:center;
}

table[data-kmx-test_page_header] tr:nth-of-type(1) td {
	font-size: 1.25rem;
}

table[data-kmx-test_page_header] tr:nth-of-type(2) td > #submitnonav {
	font-size: 1.25rem;
}

#submitnonav {font-size: 1.25rem;}


/*  *************************
some color blind users have reported trouble with shading 
to see the selected test item.  The following block adds a character to the left
of the selected item

for a convenient reference of possible characters to use as indicators
https://www.w3schools.com/cssref/css_entities.asp

.testitemc { 
    min-width: 40px;
}

.testitemc input[type=radio] {
	display:none;
}

.testitemc input[type=radio]:checked + span::after {
	content: '\25CF';
	font-size: 2.4em;
	font-weight:bold;
	text-align: center;
        color: #aa005f;
	vertical-align:top;
}
************************************* */

/************************************/
/************************************/
/************************************/
/* new entries for v10 css          */
/* student main and student history */
/************************************/
/************************************/
/************************************/

.student_enrollment_page_title {
	font-weight: bold;
	display: inline;

}

.student_enrollment_page_show_all {
	display:none;
}

/* ******************************************************************************
***  to display a link to show all history on student history ******************
***  when organization settings restrict it to a finite time period ************

.student_enrollment_page_show_all {
	display:inline;
	margin-left:3px;
	font-size: 14px;
}


.student_enrollment_page_show_all a {
	text-decoration: underline;
}

******************************************************************************* */

.student_enrollment_search_box {
	display:inline;

}



.student_enrollment_search_box img {
	display:none;
}

td.student_enrollment_container {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
 
    /* display: inline-block for v10, display: none for v9 or earlier */
    display: inline-block;
    /* display: none; */
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    width: 98%;
    vertical-align: top;

}

.student_enrollment_info {
	/* this div is the primary container for all information displayed on student main and student history in v10 */
	/* adjust min-width value to meet minimum resize for list of tabs to be displayed                             */
	position: relative;
	display: inline-block;
	width: 99%;
	min-width: 550px;
	vertical-align: top;
	height: 50px;
}

/* subordinate to .student_enrollment_info the following classes consititute the primary child elements: */
/*      .course_image                                                                                    */
/*      .course_title                                                                                    */
/*      .student_enrollment_icons                                                                        */
/*      .student_enrollment_property_tabs                                                                */

.course_image {
	/* set dislay: none; to hide course_image icon */
        /* may also need to adjust height and width after setting dimensions of img tag */
	position: absolute;
	display: block;
	width: auto;
	min-width: 60px;
	max-width: 7%;
	top: 0px;
	left: 0px;    	
	}

.course_image img{
	width:50px;
	height: auto;
	max-height: 50px;
}

.course_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	text-overflow: ellipsis;
	width: 50%;
  	white-space: nowrap;
  	overflow: hidden;
	display: block;
	vertical-align: top;
	position: absolute;
	left: 60px;
	top: 0px;
	}

.course_title a {
	/* intended for use when self reported enrollment titles are set as links to updated the self reported information */
	text-decoration: underline;
}


.student_enrollment_icons {
        /* parent element for icon bar */
	display: flex;
	width: auto;
    	vertical-align: top;
	min-width: 384px;
	max-width: 50%;
	position: absolute;
	top: 25px;
	left: 60px;	
	}

.student_enrollment_icons div img{
	padding-right: 10px;
}

.student_enrollment_rating {
	display: inline-block;
	order: 22;

}

.student_enrollment_rating a {
	text-decoration: none;
}

.student_enrollment_rating img {
	border: 0;

}

.student_enrollment_social {
	display: inline-block;
	order: 21;
}

.student_enrollment_social a {
	text-decoration: none;
}

.student_enrollment_social img {
	border: 0;
	height: 24px;
	width: 24px;	
}

.student_enrollment_launch {
	display: inline-block;
	order: 3;
}

.student_enrollment_launch a {
	text-decoration: none;
}

.student_enrollment_launch img {
	border: 0;
	height: 24px;
}

.student_enrollment_courseinfo {
	display: inline-block;
	order: 2;
}

.student_enrollment_courseinfo a{
	text-decoration: none;
}

.student_enrollment_courseinfo img {
	border: 0;
	height: 24px;
}

.student_enrollment_printcert {
	display: inline-block;
	order: 1;
}

.student_enrollment_printcert a {
	text-decoration:none;
}

.student_enrollment_printcert img {
	border: 0;
	height: 24px;
}

.student_enrollment_download {
	display: inline-block;
	order: 4;
}

.student_enrollment_download a {
	text-decoration:none;
}

.student_enrollment_download img {
	border: 0;
	height: 24px;
}

.student_enrollment_delete {
	display: inline-block;
	order: 5;
}

.student_enrollment_delete a {
	text-decoration:none;
}

.student_enrollment_delete img {
	border: 0;
	height: 24px;
}

.student_enrollment_activity_calendar {
	display: inline-block;
	order: 6;
}

.student_enrollment_activity_calendar a {
	text-decoration:none;
}

.student_enrollment_activity_calendar img {
	border: 0;
	height: 24px;
}

.student_enrollment_sup_approv_pending {
	/*display: inline-block;
	order: 7;*/
	display:none;
}

.student_enrollment_sup_approv_pending a {
	text-decoration:none;
}

.student_enrollment_sup_approv_pending img {
	border: 0;
	height: 24px;
}

.student_enrollment_course_assignment {
	display: inline-block;
	order: 5;
}

.student_enrollment_course_assignment a {
	text-decoration:none;
}

.student_enrollment_course_assignment img {
	border: 0;
	height: 24px;
}

 .student_enrollment_property_tabs {
    /* parent element for information tabs on student_history and student_main */
    position: relative;
    vertical-align: text-top;
    float: right;
    width: auto;
    top: 5px;
    display: flex;
    }

    /* to hide a particular tab, add display:none; to that class definition */
    
    .student_enrollment_results_tab {
	float: left;
	order: 1;
    }

    .student_enrollment_results_tab div.student_enrollment_property_tab_content {
        /*over rides the default content properites for this tab only. Could be repeated for any tab */
	font-size:.92em;
    }

   .student_enrollment_results_tab div.student_enrollment_property_tab_content span.student_enrollment_results {
	padding-left: 0.5em;
	padding-right: 0.5em;
   }

   .student_enrollment_results_tab div.student_enrollment_property_tab_content span.student_enrollment_dates {
	padding-left: 0.5em;
	padding-right: 0.5em;
   }

   .student_enrollment_results_tab div.student_enrollment_property_tab_content span.student_enrollment_grade {
	padding-left: 0.5em;
	padding-right: 0.5em;
   }


    .student_enrollment_due_date_tab {
	float: left;
	order: 2;
    }

    .student_enrollment_course_duration_tab {
	float: left;
	order: 3;
    }

    .student_enrollment_course_ceu_tab {
	float: left;
	order: 4;
    }

    .student_enrollment_course_category {
	float: left;
	order: 5;
    }

    .student_enrollment_course_format {
	float: left;
	order: 6;
    }


    .student_enrollment_course_certifications_tab {
	float: left;
	order: 7;
    }

    ul.student_enrollment_course_certifications {
		white-space:nowrap;
   		overflow-x: hidden;
   		overflow-y: scroll;
		height: 19px;
		display: inline;
    }

    ul.student_enrollment_course_certifications li {
		display: inline;
		width: 100%;
    }


    .student_enrollment_property_tab_label {
    /* default appearance of tab labels */
      background: #E4E4E4;
      padding: 5px;
      border: 1px solid #ccc;
      margin-left: -1px;
      position: relative;
      left: 1px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;

    }

    .student_enrollment_property_tab_label:hover {
	 cursor:pointer;
	 text-decoration:underline;
    }

    .student_enrollment_property_tab_radio {
	display: none;
    }

    .student_enrollment_property_tab_content {
      /* default appearance of tab content */
      position: absolute;
      top: 17px;
      left: 1px;
      background: #ffffff;
      right: 0;
      bottom: 0;
      padding-top: 6px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top: 0px;
      height: 20px;
      overflow: hidden;
      text-align: center;
      margin-top: 1px;
      margin-left: -1px;
      margin-right: -1px;
      font-weight: bold;
      width: auto;
      font-size:1.2em;    

    }

    .student_enrollment_property_tab_content_emphasis {
      position: absolute;
      top: 17px;
      left: 1px;
      background: #ffffff;
      right: 0;
      bottom: 0;
      padding-top: 6px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top: 0px;
      height: 20px;
      overflow: hidden;
      text-align: center;
      margin-top: 1px;
      margin-left: -1px;
      margin-right: -1px;
      font-weight: bold;
      color: #FF0000;
      width: auto;
      font-size:1.2em;
      

    }
    .student_enrollment_property_tab_content > * {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);

      -webkit-transition: all 0.8s ease;
      -moz-transition:    all 0.8s ease;
      -ms-transition:     all 0.8s ease;
      -o-transition:      all 0.8s ease;
    }

    .student_enrollment_property_tab_content_emphasis > * {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);

      -webkit-transition: all 0.8s ease;
      -moz-transition:    all 0.8s ease;
      -ms-transition:     all 0.8s ease;
      -o-transition:      all 0.8s ease;
    }



    .student_enrollment_property_tab_radio:checked ~ label {
      background-color: #444445;
      color: #ffffff;
      /*z-index: 2;*/
    }
    .student_enrollment_property_tab_radio:checked ~ label ~ .student_enrollment_property_tab_content {
      z-index: 1;
    }
    .student_enrollment_property_tab_radio:checked ~ label ~ .student_enrollment_property_tab_content > * {
      opacity: 1;

      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }

    .student_enrollment_property_tab_radio:checked ~ label ~ .student_enrollment_property_tab_content_emphasis {
      z-index: 1;
    }
    .student_enrollment_property_tab_radio:checked ~ label ~ .student_enrollment_property_tab_content_emphasis > * {
      opacity: 1;

      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }



/* ######### CSS for top level tabs ######### */
 
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
 
.tabsmenuclass li{
float: left;
}
 
.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #E8E8E8;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}
 
.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black;
color: white;
}
 
/* ######### CSS for sub menu container below ######### */
 
.tabsmenucontentclass{
clear: left;
background: #E8E8E8;
width: 100%;
min-height: 24px;
padding: 5px;
border: 1px solid silver;
}
 
.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}
 
.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

div.searchinput {
	position: absolute;
	right: 10px;
	top: 32px;
}
div.searchinput_mobile {

}
input.searchbutton {
	position: relative;
	top: -5px;
	cursor: hand;

}

.dynamictext {
	position: absolute;
	top: 35px;
	left: 600px;
	font-weight: bold;
	font-size:1.3em;
}


/* #################### course list (search, catalog, tpc, certification, etc) ############ */

.noresult {
	position: relative;
	display: inline-block;
	width: 99%;
	min-width: 550px;
	vertical-align: top;
	height: auto;
	min-height: 5px;
	font-size:1.2em;	
}

.list_course_close_action_pane {
	position: absolute;
	top: 5px;
	right: 7px;
}

.list_course_close_action_pane a {
	color: white;
	font-size:2em;
	text-decoration: none;

}

.list_course_close_action_pane a:before {
	content: "×";

}

.list_course_action_pane {
	display: none;
	z-index: 9999;
	padding: 35px;
	position: fixed;
	top: 26px;
	left: 200px;
	height: 500px;
	width: 600px;
	opacity: 0.9;
	background-color: grey;
	border-radius: .75em;
}

.list_course_action_pane iframe {
	width: 100%;
	height: 100%;
	border: 0px;
	background-color: white;
	opacity: 1.0;
	border-radius: .75em;
}


.returnbutton {
	position: relative;
	display: inline;
	float: left;
	z-index:99;
}

.returnbutton img {
	height: 16px;
	margin-top: 5px;
	padding-left: 1px;
	padding-right: 5px;
}

/*pagination controls*/

.pagecontrols {
	margin-left: 10px;
	margin-top: 10px;
	display:block;
	width:99%;
	text-align:center;
}

.pagecontrols select {
	line-height: 1.6em;
	font-size: 1.6em;
	margin-left: 10px;
	margin-right: 10px;
}

.nextpage {
	cursor:pointer;
	background-color: #d0d0d0;
	border:0;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight:bold;
	min-width:2.0em;
}
.nextpageNotActive {
	cursor:auto;
	background-color: #f0f0f0;
	border:0;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight:bold;
	min-width:2.0em;
}
.previouspage {
	cursor:pointer;
	background-color: #d0d0d0;
	border:0;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight:bold;
	min-width:2.0em;
}
.previouspageNotActive {
	cursor:auto;
	background-color: #f0f0f0;
	border:0;
	line-height: 1.4em;
	font-size: 1.4em;
	font-weight:bold;
	min-width:2.0em;
}

/*end pagination controls*/

.list_course_mask {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0.5;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
}

.list_course_header {
	display: block;
	width: 100%;
	height: 26px;
	
}



.list_course_catalog_title {
	display: block;
	font-size:1em;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	postion: relative;
	float: right;
}

.list_search_title {
	display: block;
	font-size:1em;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	postion: relative;
	float: right;
}

.list_mode_search {
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 5px;
	font-size:1em;
}

.list_course_catalog_description {
	/* display: block;
	font-size:1.5em;
	position: absolute;
	float: right;
	right: 0px;
	top: 50px; */
	display:none;
	

}

.list_course_filter_box_catalog {
	display: none;

}


.list_course_info {
	/* this div is the primary container for all information displayed on the course list in v10 		      */
	/* adjust min-width value to meet minimum resize for list of tabs to be displayed                             */
	position: relative;
	display: inline-block;
	width: 99%;
	min-width: 550px;
	vertical-align: top;
	height: auto;
	min-height: 5px;
}

.list_course_static_info {
	position: relative;
	width: 100%;
	min-height: 55px;
	display: inline-block;
}





.list_course_image {
	/* set dislay: none; to hide course_image icon */
        /* may also need to adjust height and width after setting dimensions of img tag */
	position: absolute;
	display: block;
	width: auto;
	min-width: 60px;
	max-width: 7%;
	top: 0px;
	left: 0px; 
}
.list_course_image img{
	width:50px;
	height: auto;
	max-height: 50px;	
}


.list_course_title {
	font-size:1.3em;
	text-overflow: ellipsis;
	max-width: 55vw;
  	white-space: nowrap;
  	overflow: hidden;
	display: block;
	vertical-align: top;
	position: absolute;
	left: 60px;
	top: 0px;
}


.list_course_icons {

        /* parent element for icon - action bar */
	display: flex;
	width: auto;
    	vertical-align: top;
	min-width: 384px;
	max-width: 50%;
	position: absolute;
	top: 25px;
	left: 60px;
}

.list_course_icons div{
	padding-right: 5px;
}

.list_course_rating {
	display: inline-block;
	order: 1;
}

.list_course_calendar {
	display: inline-block;
	order: 2
}

.list_course_calendar img {
	height: 24px;
}

.list_course_assignment {
	display: inline-block;
	order: 3;
}

.list_course_assignment img {
	height: 24px;
}

.list_course_seemoreseeless {
	display: inline-block;
	order: 3;
	min-width: 74px;
}


.selectcourse {
	/**  included with icon bar as an actionable control **/
	display: inline-block;
	order: 4;
	height: 24px;
}

.selectcourse a {
	font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #444445;
    	letter-spacing: 1px;
   	border: 1px solid #444445;
	border-radius: .25em;
	line-height: 2;
	padding: 5px 5px;

}

.selectcourse a:hover {
	color: #444445;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.selectcoursedisabled {
	/**  included with icon bar as alternate display when select course function is disabled **/
	display: inline-block;
	order: 4;
	height: 24px;
	white-space:nowrap;
}

.selectcoursedisabled a {
	font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
	background-color: grey;
    	letter-spacing: 1px;
   	border: 1px solid grey;
	border-radius: .25em;
	line-height: 2;
	padding: 5px 5px;
}

.list_course_title_page {
	display: none;
}


.list_course_property_tabs {
    /* parent element for information tabs on course_list */
    position: relative;
    vertical-align: text-top;
    float: right;
    width: auto;
    top: 5px;
    display: flex;
    }

    /* to hide a particular tab, add display:none; to that class definition */
    

    .list_course_due_date_tab {
	float: left;
	order: 1;
    }

    .list_course_course_duration_tab {
	float: left;
	order: 2;
    }

    .list_course_course_ceu_tab {
	float: left;
	order: 3;
    }

    .list_course_course_category {
	float: left;
	order: 5;
    }

    .list_course_course_format {
	float: left;
	order: 6;
    }

    .list_course_unit_price {
	float: left;
	order: 7;
    }






    .list_course_property_tab_label {
    /* default appearance of tab labels */
      background: #E4E4E4;
      padding: 5px;
      border: 1px solid #ccc;
      margin-left: -1px;
      position: relative;
      left: 1px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;

    }

    .list_course_property_tab_label:hover {
	 cursor:pointer;
	 text-decoration:underline;
    }

    .list_course_property_tab_radio {
	display: none;
    }

    .list_course_property_tab_content {
      /* default appearance of tab content */
      position: absolute;
      top: 17px;
      left: 1px;
      background: #ffffff;
      right: 0;
      bottom: 0;
      padding-top: 6px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top: 0px;
      height: 20px;
      overflow: hidden;
      text-align: center;
      margin-top: 1px;
      margin-left: -1px;
      margin-right: -1px;
      font-weight: bold;
      width: auto;
      font-size:1.2em;    

    }

    .list_course_property_tab_content_emphasis {
      position: absolute;
      top: 17px;
      left: 1px;
      background: #ffffff;
      right: 0;
      bottom: 0;
      padding-top: 6px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top: 0px;
      height: 20px;
      overflow: hidden;
      text-align: center;
      margin-top: 1px;
      margin-left: -1px;
      margin-right: -1px;
      font-weight: bold;
      color: #FF0000;
      width: auto;
      font-size:1.2em;
      

    }
    .list_course_property_tab_content > * {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);

      -webkit-transition: all 0.8s ease;
      -moz-transition:    all 0.8s ease;
      -ms-transition:     all 0.8s ease;
      -o-transition:      all 0.8s ease;
    }

    .list_course_property_tab_content_emphasis > * {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);

      -webkit-transition: all 0.8s ease;
      -moz-transition:    all 0.8s ease;
      -ms-transition:     all 0.8s ease;
      -o-transition:      all 0.8s ease;
    }



    .list_course_property_tab_radio:checked ~ label {
      background-color: #444445;
      color: #ffffff;
      z-index: 1;
    }
    .list_course_property_tab_radio:checked ~ label ~ .list_course_property_tab_content {
      z-index: 2;
    }
    .list_course_property_tab_radio:checked ~ label ~ .list_course_property_tab_content > * {
      opacity: 1;

      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }

    .list_course_property_tab_radio:checked ~ label ~ .list_course_property_tab_content_emphasis {
      z-index: 1;
    }
    .list_course_property_tab_radio:checked ~ label ~ .list_course_property_tab_content_emphasis > * {
      opacity: 1;

      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }











.list_course_seemoreseeless label.read-more-trigger {
	/* controls position and appearance of read more control. Default is to the right of list_course_icons */
  cursor: pointer;
  padding: 5px 5px;
  font-size:1em;
  color: #FFFFFF;
  line-height: 2;
  text-decoration: none;
  background-color: #444445;
  border-radius: .25em;
  border: 1px solid #444445;
  
}


.list_course_seemoreseeless label.read-more-trigger:hover {
	color: #444445;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}



.read-more-state {
  display: none;
}


.less {display: none;}

.more {display: inline;}


.read-more-state ~ .list_course_info .list_course_icons .read-more-trigger .more {
  display: inline;
}

.read-more-state:checked ~ .list_course_info .list_course_icons .read-more-trigger .less {
  display: inline; 
}

.read-more-state:checked ~ .list_course_info .list_course_icons .read-more-trigger .more {
  display: none;
}

.read-more-state:checked ~ .list_course_info .list_course_description {
  	white-space: normal;
 	overflow: initial;

}

.read-more-state:checked ~ .list_course_info .courseobjective {
	display: inline-block;
}

.read-more-state:checked ~ .list_course_info .list_course_prerequisites {
	display: inline-block;
}

.read-more-state:checked ~ .list_course_info .list_course_upcomingclasses {
	display: inline-block;
}

.read-more-state:checked ~ .list_course_info .list_course_enrollments {
	display: inline-block;
}

.read-more-state:checked ~ .list_course_info .list_course_assignments {
	display: inline-block;
}



.read-more-state:checked ~ .list_course_info {
	/* display: table; */
}



.list_course_dynamic_info {
	position: relative;
	width: 100%;
	height: auto;
	display:block;
}


.list_course_description {
	font-size:1.2em;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
	display: block;
	vertical-align: top;
	position: relative
	margin-top: 10px;
	min-height: 16px;
	max-width: 90vw;
}

.courseobjective {
	display: none;
	width: 95%;
	vertical-align: top;
	position: relative;
	
}

.courseobjective p {
    font-size:1.3em;
    text-transform: Capitalize;

}

.objectivelist li {
    /* style for objectives li here */
    font-size:1.2em;

}

.list_course_prerequisites {
	display: none;
	width: 95%;
	vertical-align: top;
	position: relative;	
}

.list_course_prerequisites p {
    font-size:1.3em;
    text-transform: Capitalize;

}

.prereqlist li {
    /* style for objectives li here */
    font-size:1.2em;

}

.list_course_upcomingclasses {
	display: none;
	width: 95%;
	vertical-align: top;
	position: relative;
}

.list_course_upcomingclasses p {
    font-size:1.3em;
    text-transform: Capitalize;

}

.upcomingclasslist li {
    /* style for objectives li here */
    font-size:1.2em;

}

.list_course_enrollments {
	display: none;
	width: 95%;
	vertical-align: top;
	position: relative;	
}

.list_course_enrollments p {
    font-size:1.3em;
    text-transform: Capitalize;

}

.enrollmentlist li {
    /* style for objectives li here */
    font-size:1.2em;

}

.list_course_assignments {
	display: none;
	width: 95%;
	vertical-align: top;
	position: relative;	
}

.list_course_assignments p {
    font-size:1.3em;
    text-transform: Capitalize;

}

.assignments li {
    /* style for objectives li here */
    font-size:1.2em;

}


@media screen and (max-width: 1020px) {
/* controls the resize behavior on smaller screens */


.student_enrollment_info {
	height: 105px;
	}

.course_title {
	width: 85%;
	}

.student_enrollment_property_tabs {
    position: absolute;
    vertical-align: text-top;
    width: auto;
    top: 30px;
    left: 60px;
    display: flex;
    float: none;
    }

.student_enrollment_icons {
        /* parent element for icon bar */
	top: 80px;
	}

.list_course_dynamic_info {
	display:none;
	}

.list_course_seemoreseeless {
	display:none;
	}

.list_course_static_info {
	height: 105px;
	}

.list_course_icons {
	top: 80px;
	}

.list_course_property_tabs {
    position: absolute;
    vertical-align: text-top;
    width: auto;
    top: 30px;
    left: 60px;
    display: flex;
    float: none;
    }

.list_course_title {
	width: 85%;
	max-width: 85%;
	}

}


/************************************/
/**  Catalog Tree *******************/
/************************************/

.list_course_catalog_no_tree {
	z-index: 89;
	position: relative;
	width: auto;
	display: block;
	font-size:1em;
	line-height: 1.2;
	padding: 4px 0 0 0;
}

.list_course_catalog_no_tree input{
	margin-left: 5px;

}

span.no_tree_label_root:before {
  position: relative;
  display: inline-block;
  content: url(/iHTML/application/process/v10/blue/catalogicon.png);
  cursor: pointer;
  }

span.no_tree_label_root:hover ~ span.treeopenhoveralert {
	display:inline;
}

span.treeopenhoveralert {
	display: none;
	padding-left: 15px;
	color: red;
}


.list_course_catalog_tree {
	z-index: 89;
	position: relative;
	margin-top: 0px;
	width: 45%;
	display: none;
}




.tree {  
	background: #ffffff;	
	opacity: 0.9;
	border-radius: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}

ul.tree_first_gen {
	list-style-type: none;
}

ul.tree_child_gens {
	list-style-type: square;
}

.tree_label_root {
  position: relative;
  display: inline-block;
  
  }
label.tree_label_root { cursor: pointer;}

label.tree_label_root a { 
	/* edit top level links here for expanding tree */
	font-size:1em;
 }

label.tree_label_root:hover { color: #666; }
/* ————————————————————–
  Tree expanded icon
*/
label.tree_label_root:before {
  content: url(/iHTML/application/process/v10/blue/catalogicon.png);
  }





.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }
.tree input ~ ul { display: none; }
.tree input:checked ~ ul { display: block; }
/* ————————————————————–
  Tree rows
*/
.tree li {
  line-height: 1.2;
  position: relative;
  padding: 4px 0 0 0;
  }
.tree ul li { padding: 4px 0 0 0; }
.tree > li:last-child { padding-bottom: 4px; }
/* ————————————————————–
  Tree labels
*/
.tree_label_no_click{
}

.tree_label_no_click a{
	/* edit lower level links here */
	font-size:.92em;
}

.tree_label {
  position: relative;
  display: inline-block;
  
  }
label.tree_label { cursor: pointer;}

label.tree_label a { 
	/* edit top level links here for expanding tree */
	font-size:1em;
 }

label.tree_label:hover { color: #666; }
/* ————————————————————–
  Tree expanded icon
*/
label.tree_label:before {
  background: #0041A3;
  color: #fff;
  position: relative;

  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  content: '+';
  text-align: center;
  
  }





:checked ~ label.tree_label:before { content: '-'; }


/* ————————————————————–
  Tree branches
*/
.tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  content: "";

  }
.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  content: '';

  }


label.tree_label:after { 
 
}
:checked ~ label.tree_label:after {

  bottom: 0;
  top: 0.5em;
  height: auto;
  }
.tree li:last-child:before {
  height: 1em;
  bottom: auto;
  }
.tree > li:last-child:before { display: none; }
.tree_custom {
  display: block;
  background: #eee;
  padding: 0;

}



/***************************/
/*   Control Panel Classes */
/***************************/

.resize-drag {
  background-color: #29e;
  color: white;
  font-size: 20px;
  font-family: sans-serif;
  border-radius: 10px;
  padding: 5px;
  margin: 10px 10px;
  touch-action: none;
  border-style: solid;
  border-width: 5px;
  /* This makes things *much* easier */
  box-sizing: border-box;
}

.resize-container {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: gray;
}

.control_container{display:block;width:100%;height:1500px}
.savelayoutspan {position: absolute;top: 0;right: 0;z-index:1000}
.orgchart {height:700px;width:90%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:block}
.chartgraph {height:600px;width:700px;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.map {min-height:200px;height:auto;width:45%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.dynreport1 {min-height:200px;height:auto;width:45%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.dynreport2 {min-height:200px;height:auto;width:90%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.dynreport3 {min-height:200px;height:auto;width:30%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.swelcom {height:200px;width:45%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.instagram {height:500px; width:30%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:block}
.facebook {height:400px; width:30%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.rssfeed {height:400px; width:30%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.tweet {min-height:400px; width:30%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.miccal {height:200px; width:260px;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:auto;display:table}
.memimg {height:200px; width:170px;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;border-style:solid;border-width: 5px;overflow:auto;display:table;text-align:center;}
.certtable {min-height:200px;height:auto;width:45%;float:left;box-sizing:border-box;border-radius:10px;padding:5px;margin:10px 10px;touch-action:none;border-style:solid;border-width: 5px;overflow:hidden;display:table}
.showinfo {border:0px; display: none; background-color: #ffffff; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px}
.calshowinfo {border:0px; display: none; background-color: #ffffff; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px}
.dragimg {height:24px;float:right;}
.swelcom video {float: left;border-radius: 10px;padding: 10px;}
.mempict {height:180px;border-radius:30px;cursor:pointer;}



/**************************************/
/* root catalog blocks on course list */
/**************************************/

.catalog_block_container {
	width:99%;
	margin:auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:35px;
	display:block;
	height:auto;
	text-align:center;}

.catalog_block_container p {
	height:50px;
}

.catalog_block_catalog {
	height:230px;
	width:22%;
	float:left;
	border: 1px none lightgrey;
	border-radius:8px;
	padding:12px;
	display:block;
	background-color:lightgrey;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	min-width: 220px;
}

.catalog_icon {
	position: relative;
	display: block;
	width: auto;
	min-width: 60px;
	max-width: 7%;
	top: 5px;
	left: 0px; 
}



.catalog_icon img{
	width:200px;
	height: auto;
	max-height: 200px;
	border-radius:2px;
}

.catalog_title {
	padding-top:0px;
	padding-left:1px;
	font-size:1.1em;
	text-overflow: ellipsis;
	max-width: 25vw;
  	white-space: nowrap;
  	overflow: hidden;
	position: relative;
	top: 10px;
	left: 0px;
	display: block;
	text-align:left;
}

.catalog_description {
	display:none;
}

.catalog_spacer {
	display: block;
	width: 99%;
	height: 30px;
	clear: both;
}

.student_main_display_headers {
	display:none;
}

/**************************************/
/* HTML Editor Content */
/**************************************/

#kmxhtml 
{
  min-width: 95%;
  min-height: 100%;
  padding: .1rem;
  border: none; 
  margin: 0rem auto; 
  font-size:1em;
}

#kmxhtml thead {
}

#kmxhtml th {
display: block;
}


#kmxhtml p {
clear: both;
padding: .3rem; 
margin: .3rem; 
}

#kmxhtml blockquote {
}

#kmxhtml h1 {
  font-size:2em;
  padding: .3rem; 
  margin: .3rem; 
}

#kmxhtml h2 {
  font-size:1.8em;
  padding: .3rem; 
  margin: .3rem; 
}

#kmxhtml h3 {
  font-size:1.5em;
  padding: .3rem; 
  margin: .3rem; 
}

#kmxhtml h4 {
  font-size:1.2em;
  padding: .3rem; 
  margin: .3rem; 
}


#kmxhtml ul {
}

#kmxhtml li {
}

#kmxhtml table { 
}

#kmxhtml td {
}

/**************************************/
/* Course & Course Navigation Bar */
/**************************************/

#navbardiv {
opacity: 0.4;
filter:alpha(opacity=40);
width:100%;
display:block;
position:absolute;
bottom:0px;
z-index:999;
}

.cbtdisplaycontent {
border-style: solid; 
border-width: 0; 
padding-left: 8px; 
padding-right: 2px; 
padding-top: 8px; 
padding-bottom: 1px
}


#catalog_has_children_course_list_no_result {display:none;} 

/* #catalog_course_list_no_result {display:none;}  --- catalog with no children
/* #catalog_has_children_course_list_no_result {display:none;} --- catalog with children
/* #search_course_list_no_result {display:none;} -- for search
/* #certification_course_list_no_result {display:none;} --- for certification


/**************************************/
/* announcements widget for home page */
/**************************************/

.announcement {
	margin-top:5px;
	margin-left:5px;
	max-width:99%;
}

.announcement_title{
	font-size:1.1em;
	font-weight:bold;
}

.announcement_title a {
	text-decoration:underline;
	font-weight:bold;
}
.announcement_body {
	margin-top:3px;
	font-size:1.0em;
}

body.announcementpagebody {
	height: auto;
	max-width: 99%;
}



/*******************************************/
/* micro enrollment calendar for home page */
/*******************************************/


.caleventtable {
	padding: 0px 0px 0px 0px; 
	display:table;
}
.calshowinfo {
	padding: 5px 5px 5px 5px; 
	position: relative;
	float: right;
}
.caldispaycal {
	padding: 5px 5px 5px 5px; 
	position: relative;
	float: left;
}

.caleventtrue {
	height: 30px;
	width: 30px;
	vertical-align: bottom;
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Right;
	background-image: url(/ihtml/application/student/js/caleventtrue.jpg);
	cursor:pointer; 
	cursor:hand;
}
.caleventfalse {
	height: 30px;
	width: 30px;
	vertical-align: bottom;
	font-size:.92em; 
	color: #000000; 
	vertical-align: top;
	text-align: Right;
	background-image: url(/ihtml/application/student/js/caleventfalse.jpg);
	cursor:pointer; 
	cursor:hand;
}

.caleventtablehead {
	background:#0041A3;
	color: #ffffff; 
	border-left: 0px solid #bbbbbb;
	border-right: 0px solid #bbbbbb;
	border-top: 0px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 0px;
	padding-top: 1px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
	text-align: Center;
}
.caleventtablehead a{
	color: #ffffff;
	text-decoration: none;
}



/****************************************************/
/*             v12 course player                    */
/****************************************************/

/***** v12 course navbar ***************************/

div.navigation_container_v12 {
	width: 100%;
	background-color: #53575A;;
	height: 57px;
	display:flex;
	flex-direction: row-reverse;

}

div.course_lesson_count_v12 {
    position:absolute;
    left:0px;
    height: 40%;
    color: #53575A;
    background-color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 10px;
    width:60px;
}

div.exit_hidden {
	display:none;
}

div.exit_course_v12 {
	//float:right;
	height: 40%;
	color: #53575A;
	background-color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	text-align:center;
	border-radius: 5px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	order: 5;
	margin-right: 10px;
	width:100px;
	position: absolute;
	right: 0px;
}

div.exit_course_v12 p {
	display:inline;
}

div.exit_course_v12 a{
	color: #53575A;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 1.0em;
}

div.exit_course_v12 a span {
	font-size: 0.9em;
	display: inline-block;
	margin-right: 5px;
	font-weight:bold;
}

div.nav_stop_v12 {
float:left;
display:none;
}



div.previous_sco {
	float:right;
	height: 100%;
	color: white;
	background-color: lightgray;
	display:none;
}

div.previous_sco_text {
	float:right;
	height: 40%;
	color: #53575A;
	background-color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	text-align:center;
	border-radius: 5px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	order: 2;
    left: 100px;
    position: absolute;
    width: 100px;
}

div.previous_sco_text p {
	display:inline;
}

div.previous_sco_text a {
	color: #53575A;
	text-decoration:none;
	text-transform:uppercase;
}

div.next_sco {
	float:left;
	height: 100%;
	color: white;
	background-color: lightgray;
	display: none;
}

div.next_sco_text {
	float:right;
	height: 40%;
	color: #53575A;
	background-color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	text-align:center;
	border-radius: 5px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 10px;
	order: 1;
    left: 235px;
    position: absolute;
    width: 100px;
}

div.next_sco_text p {
	display:inline;
}

div.next_sco_text a {
	color: #53575A;
	text-decoration:none;
	text-transform:uppercase;
}

div.nav_complete_text {
	/* float:right; */
	height: 40%;
	color: #53575A;
	background-color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	text-align:center;
	border-radius: 5px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 10px;
	order: 1;
	/* width:100px; */
	position: absolute;
	right: 140;
}

div.nav_complete_text p {
	display:inline;
}

div.nav_complete_text a{
	color: #53575A;
	text-decoration:none;
	text-transform:uppercase;
}


@media only screen and (max-width: 500px) { 
  #exit_course_v12 { 
    display: none; 
  } 
  #next_sco_text {
    display: none; 
  } 
  #previous_sco_text {
    display: none; 
  } 
}


/******************* cbt  v12 ********************************/

div.closebox {
     /* default state for close control painted while outline is open.  normally this is display:none */

    display: none;
}

div.closeboxvisible {
    /* appearance of close control painted while outline is open, use display:none to hide it completely at all times */
    left: max(31%, 520px);
    top: 10px;
    color: white;
    background-color: rgba(83,87,90,0.95);
    position: absolute;
    cursor: pointer;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0.75px;
    display:none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   div.closebox {

    left: 31%;
    top: 10px;
    color: white;
    background-color:  rgba(83,87,90,0.95);
    position: absolute;
    cursor: pointer;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0.75px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1670px)  {
   div.closebox {

    left: 525px;
    top: 10px;
    color: white;
    background-color: rgba(83,87,90,0.95);
    position: absolute;
    cursor: pointer;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0.75px;
}
}

div.course_header_v12 {
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 57px;
  border: 0px solid yellow;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.course_outline_v12 {
  z-index: 2;
  position: absolute;
  /* top: 5%; */
  top: 57px;
  left: -100%;
  width: 30%; 
  min-width: 500px;
  /* height: 95%; */
  height: calc(100% - 57px);
  border: 0px solid green;
  background-color: white;
  display: none;
}

div.course_outline_v12 div.exit_course_v12 {
	display:none;
}

div.content_display {
  z-index: 0;
  position: absolute;
  /* top: 5%; */
  top: 57px;
  left: 0px;
  width: 100%;
  /* height: 90%; */
  height:calc( 100% - 114px );
  border: 0px solid black;
}
div.course_nav_v12 {
  z-index: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  /* height: 5%; */
  height: 57px;
  border:0;
}



div.course_outline_shell_v12 {
  z-index: 1;
  position: absolute;
  /* top: 5%; */
  top: 57px;
  left: 0;
  width: 100%; 
  /* height: 90%; */
  height: calc( 100% - 114px );
  border: 0px solid orange;
  background-color: rgba(83,87,90,0.75);
  /* opacity: 0.5; */
  display: none;
}

div.course_player_hide_v12 {
  z-index: 2;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%; 
  height: 100%;
  border: 0px solid orange;
  background-color: gray;
  opacity: 0.5;
  display: none;
}

div.course_player_hide_v12a {
  /* z-index: 2;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%; 
  height: 100%;
  border: 0px solid orange;
  background-image: url(/ihtml/application/student/interface.humana2020/humanaicons/AnimatedConfeti.gif); 
  background-repeat: no-repeat; 
  background-size: cover;
  opacity: 0.5; */
  display: none;
}
div.enrollment_status_change_v12 {
  z-index: 3;
  position: absolute;
  top: 25%;
  left: 40%;
  width: 40%; 
  height: 60%;
  max-height: 525px;
  /* border: 1px solid green; */
  background-color: lightgray;
  display: none;
  border-radius:5px;
}

div.enrollment_status_change_v12 iframe{
  border-radius:5px;
}

div.course_title_v12 {
    float: left;
    /* color: #4A7729; */
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 10px;
}
div.menu_control_v12 {
	float: left;
	/* background: rgba(235,235,235, 0.9); */
	padding:4px;

}

div.menu_control_v12 img {
	height:49px;
}



/*********************************  Student Course Outline v12 ********************************/


div.member_name_v12 {
display: none;
}
div.course_main_outline_container_v12 {
  z-index: 2;
  position: absolute;
  /* top: 5%; */
  top: 55px;
  height: 88%;
  width:100%;
  border: 0px solid lightgreen;
  background-color: white;

}
#course_main_outline_container_v12 {
  display: block;
}

div.outline_row_v12 {
  clear: both;
  display: block;
  width: 90%;
  margin-left: 2.0em;
  min-height: 2.0em;
  line-height: 2.0em;
  font-size: 1.3em;
}
div.outline_row_selected_v12 {
  clear: both;
  display: block;
  width: 90%;
  background-color:#EBEBEB;
  margin-left: 2.0em;
  min-height: 1.6em;
  line-height: 2.0em;
  font-size: 1.3em;
}
div.content_titlev12 {
    float:left;
    margin-left:1.5em;
    white-space: break-spaces;
    max-width: 62%;
    line-height: 1.5em;
}

div.content_titlev12header {
    float:left;
    margin-left:1.5em;
    white-space: break-spaces;
    max-width: 85%;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 1.2em;
}

div.content_titlev12 a{
	color: #000000;
	text-decoration:none;
	font-weight: 600;
}

div.lesson_status_v12 {
	float: right;
    margin-right: 100px;
}
div.lesson_status_v12header {
	float: right;
    	margin-right: 70px;
    font-weight: bold;
    font-size: 1.2em;
}

div.lesson_score_text_v12 {
   clear:both;
   float:left;
   margin-left:4.0em;
   line-height: 1.2em;
   font-size:.8em;
}
div.lesson_score_v12 {
   float:left;
   line-height: 1.2em;
   font-size:.8em;
   margin-bottom: 1em;
}
div.exam_weight_text_v12 {
   float:left;
   margin-left:4.0em;
   line-height: 1.2em;
   font-size:.8em;
}
div.exam_weight_v12 {
   float:left;
   margin-left:7px;
   line-height: 1.2em;
   font-size:.8em;
}
div.exam_weight_v12::after {
   content: '%';
}
div.exam_weight_v12:empty::after {
   display: none;
}
div.part_title_v12 {
    color: rgb(83,87,90); 
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: .2em;
}
div.section_title_v12 {
    color: rgb(83,87,90);
    font-size: 1.05em;
    font-weight: bold;
    margin-left: 0.5em;
    line-height: 1.2em;
    margin-bottom: .2em;
}
div.topic_title_v12 {
    color: rgb(83,87,90);
    font-size: 1.0em;
    font-weight: bold;
    margin-left: 1.0em;
    line-height: 1.2em;
    margin-bottom: .2em;
}

div.course_results_container_v12 {
    display:flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    background-color: #D7D7D7;
    /* color: #4A7729; */
    padding-bottom: 3px;
    /* height: auto; */
    height: 25px;
    font-size: 1.2em;
}

div.course_results_container_v12 div {
  clear: both;
  float:left;
  background-color: #D7D7D7;
  /* color: #4A7729; */
  font-weight:bold;
}

div.course_score_weight_container_v12 {
    display:flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    background-color: #D7D7D7;
    /* color: #4A7729; */
    padding-bottom: 3px;
    /* height: auto; */
    height: 25px;
    font-size: 1.2em;
}

div.total_score_text_v12 {
  clear: both;
  float:left;
  background-color: #D7D7D7;
  /* color: #4A7729; */
  font-weight:bold;
}
div.total_score_v12 {
  float:left;
  background-color: #D7D7D7;
  /* color: #4A7729; */
  font-weight:bold;
}
div.total_weight_text_v12 {
  display:none;
}
div.total_weight_v12 {
  display: none;
}
div.pass_score_text_v12 {
  display: block !important;
  font-weight: bold;
  margin-left: 10px;
}
div.pass_score_v12 {
  display: block !important;
  font-weight: bold;
}

div.course_download_container_v12 {
  z-index: 2;
  position: absolute;
  top: 55px;
  height: 88%;
  width:100%;
  border: 0px solid lightgray;
  background-color: white;
}
#course_download_container_v12 {
  display: none;
}

div.course_download_header_1_v12 {
clear: both;
float: left;
display:none;
}
div.course_download_header_2_v12 {
float: left;
display:none;
}
div.course_download_header_3_v12 {
float: left;
display:none;
}
div.course_download_header_4_v12 {
float: left;
display:none;
}
div.course_download_entry_title_v12 {
clear: both;
float:left;
    color: #000000;
    margin-left: 2.0em;
    margin-top: 15px;
    font-size: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    cursor:pointer;
}
div.course_download_entry_icon_v12 {
float:left;
display:none;
}
div.course_download_entry_link_v12 {
float:right;
    margin-right: 100px;
    margin-top: 15px;
    height: 1.5em;
    line-height: 1.5em;
}
div.course_download_entry_size_v12 {
float:left;
display:none;
}
div.course_overview_container_v12 {
  z-index: 2;
  position: absolute;
  top: 55px;
  height: 88%;
  width:100%;
  border: 0px solid lightorange;
  background-color: white;
  display: none;
}
#course_overview_container_v12 {
  display: none;
}

div.course_description_v12 {
	color: #000000;
	font-size: 1.2em;
	margin: 10px;
	margin-left:15px;
}
div.outline_into_v12 {
	color: #666666;
	font-weight:bold;
	/* font-size: 2.0em; */
	margin: 10px;
	margin-left:15px;
}

div.course_progress_v12 {
	background-color:#D7D7D7;
	/* color:#4A7729; */
	font-weight:bold;
	text-align:center;
	padding-top: 3px;
	font-size: 1.2em;
	height: 25px;
}

div.course_review_v12 {
	background-color:#D7D7D7;
	/* color:#4A7729; */
	font-weight:bold;
	text-align:center;
	padding-top: 3px;
	font-size: 1.2em;
	height: 25px;
}

div.tab_container_v12 {
  clear: both;
  display: table;
  width: 100%;
  background-color: rgb(83,87,90);
  height: 1.4em;
  font-size: 1.3em;
}
div.tab_inactive_v12 {
float:left;
background-color:#EBEBEB;
color: #000000;
width: 33%;
text-align:center;
}

div.tab_inactive_v12 a{
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}

div.tab_active_v12 {
float:left;
/* background-color: #007481; */
background-color: rgb(83,87,90);
color: #FFFFFF;
width: 34%;
text-align:center;
}

div.tab_active_v12 a{
	color: #FFFFFF;
	text-decoration:none;
}
div.sco_status_incomplete_v12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 1.0em;
  line-height: 1.0em;
  /* content: url('images/incomplete.png'); */
}

div.sco_status_incomplete_v12 img {
   max-height: 1.2em;
}
div.sco_status_completed_v12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 1.0em;
  line-height: 1.0em;
  /* content: url('images/completed.png'); */
}

div.sco_status_completed_v12 img {
	max-height:1.2em;
}
div.sco_status_failed_v12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 1.0em;
  line-height: 1.0em;
  /* content: url('images/failed.png'); */
}

div.sco_status_failed_v12 img{
	max-height: 1.2em;
}

div.sco_status_passed_v12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 1.0em;
  line-height: 1.0em;
  /* content: url('images/passed.png'); */
}

div.sco_status_passed_v12 img{
  max-height: 1.2em;
}

div.sco_status_notattempted_v12 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 1.0em;
  line-height: 1.0em;
  /* content: url('images/notattempted.png'); */
}

div.sco_status_notattempted_v12 img{
  max-height: 1.2em;
}


/********* Display Activity For Access to KMx Live and Other Activities v12+ ****************************************/


table.display_activity_outer_table {
	width: 600px;	
	border-spacing: 5px;
	margin: 50px;

}

table.display_activity_outer_table table {
	height:99%;
	width:99%;
	border-spacing: 5px;
	border-style: solid; border-width: 3px; padding-left: 8px; padding-right: 2px; padding-top: 8px; padding-bottom: 1px;
	border-color: #444444;
	border-radius: 5px;
}

table.display_activity_outer_table table td.activity_title {
	height:10%;
	text-align:left;
	vertical-align:top;
}

table.display_activity_outer_table table td.activity_title span {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.7em;
    margin-block-end: 0.7em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    vertical-align: top;
}

table.display_activity_outer_table table hr {
	border: 4px solid #919195;
}

table.display_activity_outer_table table table {
	border:0;
}

table.display_activity_outer_table table table a {
	text-decoration: underline;
}

input.display_activity[type="button"],
input.display_activity[type="submit"] {
    -webkit-appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    border-radius: 4px;
    font-size:12px; 
}

#close_display_activity {
	margin-left:55px;
	font-size: 12pt;

}

/****New Dynamic Report Entries 10/06/22***/
.dr_title {
font-weight:bold;
}

.dr_filter {
font-size: 12px;
}
.dr_search_icon {
content: url('/ihtml/application/images/dynamic_report_search.jpg');
height:17px;
}

.dr_td {
   border: none;
}

.dr_return {
height:15px;
}
.dr_excel {
height:15px;
}
.dr_print {
height:15px;
}

.styling-cutom-striping {
//font-size:30px;
}

.rc_green:after {
//content: "_green_";
content: url('/ihtml/application/images/green_dot.png');
height:20px;
}

.rc_orange:after {
//content: "_orange_";
content: url('/ihtml/application/images/orange_dot.png');
}

.rc_red:after {
//content: "_red_";
content: url('/ihtml/application/images/red_dot.png');
}

.rc_blue:after {
//content: "_blue_";
content: url('/ihtml/application/images/blue_dot.png');
}

/* uncomment this to expose the "no enrollments" message on student_main.ihtml for a member with no active enrollments */
/* td.nothingtoseehere {
	display: initial;
} */