@import 'https://cerrocoso.evaluationkit.com/canvas/css';

@charset "utf-8";
/* CSS Document */

/* 
Header and Footer information is in a Course Shell that governs 
the scripts that manage the header messages and the footer content.
Script Header - Footer settings *DO NOT DELETE
https://kccd.instructure.com/courses/19505
*/

/* Footer Styles */
footer.ic-app-footer {
	background-color:#3b3b3b;
	margin-left:0;
	margin-right:0;
	padding:12px 24px;
	margin:0;
	border-top:0px;
}
#de_footer{
	margin-top:10px;
	width:100%;
	color:#DCDCDC;
	background-color:#3b3b3b;
	float:left;
	clear:both;
}
#de_footer h4{
	font-weight:900;
	font-size: 0.875rem;
	margin:0;
	color:#DCDCDC;
}
#de_footer a{
	color:#DCDCDC;
}

#de_footer ul {
	margin-top:12px;
	list-style-type:none;
	width:18%;
	min-width:180px;
	float:left;
}

#de_CClogo img {
	height:135px;
	display:block;
	margin:0 auto;
}

/* Footer Logo Styles */
#de_logos > li > img {width:auto; margin:0 auto;  display: block;}
#de_logos > li{float:left; width:28%;}
#de_logos > li:nth-child(1){padding-left:15%;}
#de_logos > li:nth-child(4){clear:both; width:100%; margin-top:15px;}
#de_logos > li img{width:70%}
#de_logos > li:nth-child(4) img{width:100%;}

ul#de_logos{max-width:180px; margin-top:2.5%;}

/* Message Styles */

#de_message {
	margin:12px 0;
}

#de_message .ic-flash-success { 
	width:85%;
	max-width: 85%;
}

/* end of header and footer styles */

/*   Department Styles   */
/*   Not currently used. Applied to an idea that wasn't implimented. */
#cc_department p{
	font-size:.75rem;
	font-weight:500;
	margin:0;

	}
#cc_department {
	text-align:right;
	font-size:1.25rem;
	font-weight:900;
	font-style:italic;
	color:#CCC;
	position: absolute;

	}
/* end of department styles*/

/*   Loading Styles   */

#de_loading_overlay {
	width:100%;
	height:2000px;
	position: fixed;
	top:0px;
	left:0px;
	background-color:white;
	/*opacity: 0.5;*/
	z-index:99999;
	}
#de_loading{
	background-color:white;
	width:30%;
	position: fixed;
	z-index:1000000;
 	}
#de_loading p{
	margin:auto;
	padding:20px;
	width:80%;
}

/* end of loading styles*/

/*   Menu Styles   */
/*   Used by course menu and mainly by global nav menu callouts */
#section-tabs{
	background-color:white; /* this appears in courses and affects the course menu */
}

/* These affect the global navigation menu and the Services and Tutorials callouts */

.ic-app-header__menu-list-link .ic-icon-svg circle {
  fill: #fff;
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg circle {
  fill: #0096db;
}
/* blacks out main screen */
#de_overlay {
	width:100%;
	position: fixed;
	top:0px;
	background-color:black;
	opacity: 0.5; /* blacks out non-overlay, at 50% opacity */
	z-index:99999;
	}
/* side callout for menu items */
#de_menuItems > div{
	 outline: none !important;
	}
#de_menuItems {
	border:none;
	width:288px; /* hardcoded width */
	position: fixed;
	top:0px;
	z-index:100000;
	padding:0px 24px;
	background-color:white;
	overflow: scroll;
	}
#de_menuItems > div {
	/* padding-bottom:60px; */
	}
#de_menuItems li:empty {
	display:none;
	}
#de_menuItems ul {
	list-style-type:none;
	}
#de_menuItems li.de_settings_title {
	display:none;
	}
#de_menuItems h1 {
	float:left;
	}
#de_menuItems #de_close {
	float:right;
	}
#de_menuItems ul.ReactTray__link-list{
	clear:both;
	}
#de_menuItems li.category {
	text-decoration:underline;
	}
#de_menuItems li:not(.category) {
	margin-left:8px;
	}

/* end of menu styles */

/* Services and Tutorials callouts */
/* added for sidebar buttons in tray */
.button-sidebar-sub{
	text-align: left;
	margin: 5px auto;
	display: block;
	background-color: white;
	border: 1px solid #4a96c8;
	font-size: 14px;
}

.button-sidebar-header {
	text-align: left;
	margin: 5px auto;
	padding-right: 1.5em;
	display: block;
}

.arrow_holder {
	position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.x_holder {
	float: right;
}
.arrow_holder::after {
  content: "\2191";
}

.arrow_holder.arrow_up::after {
  content: "\2193";
}


/*   Course Info Page Styles   */
/*   Not in use at this time, as the course info page is not in use */
.de_loader {
	margin:auto;
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/*   Safari Styles   */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#de_courseName {
  display: block;
  width: inherit;
  float: left;
  }
#de_courseUnits {
	float:right;
	}

#de_courseTitle {
	clear: left;
  display: block;
 line-height: 1;
}

#de_courseDetails {
	list-style-type:none;
	margin-left:0;
}
#de_loadingINFO {
	width:36px;
	margin: 20px auto;
	display:block;
}
	
/* end of course info styles */

/*   Screen Reader Styles   */
.de_readerOnly
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/* remove de_items from content */
#preview_frame #de_message, #preview_frame #de_footer {
	display:none;
	}
/* Removal of canvas features */

a[href="http://facebook.com/instructure"], a[href="http://twitter.com/instructure"]{
	display:none;
	}
	
/* end screen reader styles */

/**************************pop up**********************/
.de_popMessage {
	border:1px solid black;
	margin-top:10px;
	}
.de_popMessage > div {
	border: 1px solid red;
	padding: 10px;
	margin: 10px auto;
	width: 90%;
	}
.de_popMessage > div h2 {
	color: red;
	font-size: 1.3em;
	}
.de_popMessage .student {
	border: 1px solid green;
	}
.de_popMessage .student h2 {color:green;}
.de_popMessage .teacher {
	border: 1px solid blue;
	}
.de_popMessage .teacher h2{color:blue}

div.ui-dialog-content > div.popContent {
	border: 1px solid red;
	padding: 10px;
	margin: 10px auto;
	width: 90%;
	}
div.ui-dialog-content > div.popContent h2{
	color:red;
	}
/******************* discussion treading *********************/
.replies {
 padding-left: 7px;
 border-left: solid #f2f2f2 16px;
}

.discussion-read-state-btn {
  top: 32px;
}

div.entry-content {
  padding-left:0px !important;
}





/* de_form Builder */

#de_form {width:45%; max-width:325px; min-width: 258px; padding:20px; margin:20px; border:1px solid black; border-radius:3px;}
#de_form input, #de_form textarea{width:90%; border-radius:3px;}
#de_form input[type="submit"]{
	width:72px;
	}
#de_form lable {font-weight:bold; width:90%;}
#de_form_thankyou {color:red; border:1px solid red; background:white; padding:5px; border-radius:3px; text-align:center; font-weight:bold;}

/*Page Template*/

#de_homepage_template img.template.header{width:100%;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}



#de_homepage_template ul.tabMenu {padding-top:5px; width:inherit;}
#de_homepage_template ul.tabMenu li {width:13%; margin:-2px 0px 0px .5%; background-color:#0e2b97; border:1px solid black; border-bottom:1px solid #0e2b97; padding-bottom: 0px; inline-block}
#de_homepage_template ul.tabMenu li.ui-state-active {background-color:#707070 !important;}
#de_homepage_template ul.tabMenu li a { padding:3px;  font-size:.63em; color:white; width:99%; display:block; text-align:center;}
@media screen and (min-width: 780px) {
    #de_homepage_template ul.tabMenu li a { font-size:.7em;}
}
@media screen and (min-width: 1460px) {
  #de_homepage_template ul.tabMenu li a { padding:3px; font-size:1em;  color:white; width:99%; display:block; text-align:center;}
}

#de_homepage_template iframe.template.no_scroll {

	}

#de_homepage_template p.fragment.foot {width:100%; height:15px; background-color:#0e2b97; padding-bottom: 3px; margin-top: 30px; line-height: 0px; clear:both;}

#de_homepage_template div[id^="fragment"] {border-color: #0e2b97; background-color: #f5f5f5;}

#de_photoRow {float:left; width:100%;text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;}
/*#de_photoRow div {display: block; width: 24%; overflow: hidden; float: left;}*/
#de_photoRow div {
width: 24%;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1}

  #de_photoRow div img{width:100%}

/* template tables*/
#de_homepage_template table {
	width:75%;
    border-collapse: collapse;
}

#de_homepage_template table, #de_homepage_template th, #de_homepage_template td {
    border: 1px solid #707070;
	padding:5px;
}
#de_homepage_template td {vertical-align:top}
#de_homepage_template thead, #de_homepage_template th {background-color:#9DC8DF; text-align:left;}
#de_homepage_template tr:nth-child(even) {background-color: #f2f2f2}
#de_homepage_template tr:nth-child(odd) {background-color: white}

#de_homepage_template .stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
}


#de_homepage_template iframe.de_templateFrame {width:100%; height:745px;}

/*   Print Styles   */

@media print{

	#de_message,#de_footer, #fixed_bottom, #guiStuff, .noPrint{ display:none;}
}