@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body, html {
  font-family: 'Montserrat', sans-serif;
}
h1.course-title, h1.page-title {
  font-family: 'Montserrat', sans-serif;
}
h1.page-title {
  font-size: 2em!important;
}
/**Change color to the module header**/
/*change color to all headers (not possible changing hedaer bcg color for each one)*/
.item-group-condensed .ig-header {
  background-color: transparent;
  border-top: none;
  border-right:none;
}

/*makes the icon of published elements in Modules blue instead of green*/
.ig-published:not(.student-view) .ig-type-icon {
  color: #100976;
}


/* Horizontal Tabs colors*/
.ui-tabs .ui-tabs-nav li {
	background-color: #172741; color: #ffffff;
}
.ui-tabs .ui-tabs-nav li a {
	color: #ffffff; 
}


/*Notice box - left or right (valid for all pages)*/
.notice-box-left {
  float:left;
}
.notice-box-right {
  float: right;
}
.clear-notice-wrap {
  clear:both;
}
/*********************MODULES*******************/
/*Module 
Welcome*/
#context_module_26 {
  background-color: #172741!important;
}

/**Change the dragging dots for the headr into an icon **/

#context_module_26 .ig-header.header .icon-mini-arrow-down::before, 
#context_module_26 .ig-header.header .icon-mini-arrow-right::before
 {
  content:'';
  background-image: url('/courses/8/files/472/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}

/**Change color to the lateral thin bar of module list **/
#context_modules #context_module_content_26 .ig-list .icon-mini-arrow-down::before {
	background-color: #172741!important;
}

/*Module 1*/
#context_module_5, #context_module_27 {
  background-color: #1D7DB5!important;
}
/**Change the dragging dots for the headr into an icon **/

#context_module_27 .ig-header.header .icon-mini-arrow-down::before,
#context_module_27 .ig-header.header .icon-mini-arrow-right::before {
  content:'';
  background-image: url('/courses/8/files/473/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}
/**Change color to the lateral thin bar of module list **/
#context_modules #context_module_content_27 .ig-list .ig-row.ig-published::before {
	background-color: #1D7DB5!important;
}

/*Module 2*/
#context_module_28 {
  background-color: #1FA5D5!important;
}
/**Change the dragging dots for the headr into an icon **/

#context_module_28 .ig-header.header  .icon-mini-arrow-down::before,
#context_module_28 .ig-header.header  .icon-mini-arrow-right::before{
  content:'';
  background-image: url('/courses/8/files/474/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}
/**Change color to the lateral thin bar of module list **/
#context_modules #context_module_content_28 .ig-list .ig-row.ig-published::before {
	background-color: #1FA5D5!important;
}

/*Module 3*/
#context_module_29 {
  background-color: #1EB281!important;
}
/**Change the dragging dots for the headr into an icon **/

#context_module_29 .ig-header.header  .icon-mini-arrow-down::before,
#context_module_29 .ig-header.header .icon-mini-arrow-right::before {
  content:'';
  background-image: url('/courses/8/files/475/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}
#context_modules #context_module_content_29 .ig-list .ig-row.ig-published::before {
	background-color: #1EB281!important;
}

/*Module 4*/
#context_module_30 {
  background-color: #E17826!important;
}
/**Change the dragging dots for the headr into an icon **/

#context_module_30 .ig-header.header  .icon-mini-arrow-down::before,
#context_module_30 .ig-header.header  .icon-mini-arrow-right::before {
  content:'';
  background-image: url('/courses/8/files/476/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}
#context_modules #context_module_content_30 .ig-list .ig-row.ig-published::before {
	background-color: #E17826!important;
}


/*Module 5*/
#context_module_33 {
  background-color: #C96359!important;
}
/**Change the dragging dots for the headr into an icon **/

#context_module_33 .ig-header.header  .icon-mini-arrow-down::before,
#context_module_33 .ig-header.header  .icon-mini-arrow-right::before {
  content:'';
  background-image: url('/courses/8/files/477/preview');
  background-size: 54px 54px;
  display: inline-block;
  height:54px;
  width: 54px;
}
#context_modules #context_module_content_33 .ig-list .ig-row.ig-published::before {
	background-color: #C96359!important;
}

/*All title of themodules in white color*/
#context_module_26 .name, #context_module_27 .name, #context_module_28 .name,
#context_module_29 .name, #context_module_30 .name, #context_module_33 .name {
  color:#FFFFFF;
}
#context_module_26 .icon-drag-handle, #context_module_27 .icon-drag-handle, #context_module_28 .icon-drag-handle,
#context_module_29 .icon-drag-handle,#context_module_30 .icon-drag-handle, #context_module_33 .icon-drag-handle {
  color: #FFFFFF;
}
#context_module_26 .icon-mini-arrow-down, #context_module_27 .icon-mini-arrow-down, #context_module_28 .icon-mini-arrow-down,
#context_module_29 .icon-mini-arrow-down, #context_module_30 .icon-mini-arrow-down, #context_module_33 .icon-mini-arrow-down{
  color: #FFFFFF;
}
/*****************PAGE HEADERS AND ELEMENTS**************/

/* Module 1*/


.module1-heading {
  background-color: #1D7DB5; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: xx-large;
  border-radius: 5px; 
  width: max-content;
}
.module1-subheading {
  background-color: #1D7DB5; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
  width: max-content;
}
span.module1-span {
  background-color: #1D7DB5; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
}

.module1-hr {
  background-color: #1D7DB5;
  border: 2px solid #125c87;
  height: 10px; width: 80%; margin: auto;
  border-radius:4px;
  margin-top:20px;
}
.module1-notice-container {
  background-color: #1D7DB5; 
  width: 400px; 
  height: 450px; 
  margin-right: 50px; 
  border: 1px solid #E8E8E0;
}
.module1-notice-container h3 {
  color: #ffffff;
  background-color: #125c87; 
  text-align: center; 
  padding: 5px; 
  margin-top: 0px;
}

.module1-notice-container .notice-inner-content {
  height: 350px; 
  overflow-x: hidden; 
  overflow-y: auto; 
  padding: 6px 15px; 
  text-align: left;
}

/*Vertical tabs (accordion)*/

summary.module1 {
  background-color: #1D7DB5;
  color: rgb(255, 255, 255);
  padding: 10px;
  width: max-content;
  border-radius: 3px;
  margin-bottom: 10px;
}

/*Module 2*/

.module2-heading {
  background-color: #1FA5D5; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: xx-large;
  border-radius: 5px; 
  width: max-content;
}
.module2-subheading {
  background-color: #1FA5D5; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
  width: max-content;
}
span.module2-span {
  background-color: #1FA5D5; 
  padding: 5px;
  color: #ffffff; 
  border-radius: 5px; 
  float:none!important;
  margin-left:0px!important;
}

.module2-hr {
  background-color: #1FA5D5;
  border: 2px solid #1a6885;
  height: 10px; width: 80%; margin: auto;
  border-radius:4px;
}

.module2-notice-container {
  background-color: #1FA5D5; 
  width: 400px; 
  height: 450px; 
  margin-right: 50px; 
  border: 1px solid #E8E8E0;
}
.module2-notice-container h3 {
  color: #ffffff;
  background-color: #1a6885; 
  text-align: center; 
  padding: 5px; 
  margin-top: 0px;
}

.module2-notice-container .notice-inner-content {
  height: 350px; 
  overflow-x: hidden; 
  overflow-y: auto; 
  padding: 6px 15px; 
  text-align: left;
}
/*Vertical tabs (accordion)*/

summary.module2 {
  background-color: #1FA5D5;
  color: rgb(255, 255, 255);
  padding: 10px;
  width: max-content;
  border-radius: 3px;
  margin-bottom: 10px;
}

/*Module3*/
.module3-heading {
  background-color: #1EB281; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: xx-large;
  border-radius: 5px; 
  width: max-content;
}
.module3-subheading {
  background-color: #1EB281; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
  width: max-content;
}
span.module3-span {
  background-color: #1EB281; 
  padding: 5px;
  color: #ffffff; 
  border-radius: 5px; 
  float:none!important;
  margin-left:0px!important;
}

.module3-hr {
  background-color: #1EB281;
  border: 2px solid #0e6447;
  height: 10px; width: 80%; margin: auto;
  border-radius:4px;
}

.module3-notice-container {
  background-color: #1EB281; 
  width: 400px; 
  height: 450px; 
  margin-right: 50px; 
  border: 1px solid #E8E8E0;
}
.module3-notice-container h3 {
  color: #ffffff;
  background-color: #0e6447; 
  text-align: center; 
  padding: 5px; 
  margin-top: 0px;
}

.module3-notice-container .notice-inner-content {
  height: 350px; 
  overflow-x: hidden; 
  overflow-y: auto; 
  padding: 6px 15px; 
  text-align: left;
}
/*Vertical tabs (accordion)*/

summary.module3 {
  background-color: #1EB281;
  color: rgb(255, 255, 255);
  padding: 10px;
  width: max-content;
  border-radius: 3px;
  margin-bottom: 10px;
}
/*Module 4*/


.module4-heading {
  background-color: #E17826; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: xx-large;
  border-radius: 5px; 
  width: max-content;
}
.module4-subheading {
  background-color: #E17826; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
  width: max-content;
}
span.module4-span {
  background-color: #E17826; 
  padding: 5px;
  color: #ffffff; 
  border-radius: 5px; 
  float:none!important;
  margin-left:0px!important;
}

.module4-hr {
  background-color: #E17826;
  border: 2px solid #9b4605;
  height: 10px; width: 80%; margin: auto;
  border-radius:4px;
}

.module4-notice-container {
  background-color: #E17826; 
  width: 400px; 
  height: 450px; 
  margin-right: 50px; 
  border: 1px solid #E8E8E0;
}
.module4-notice-container h3 {
  color: #ffffff;
  background-color: #9b4605; 
  text-align: center; 
  padding: 5px; 
  margin-top: 0px;
}

.module4-notice-container .notice-inner-content {
  height: 350px; 
  overflow-x: hidden; 
  overflow-y: auto; 
  padding: 6px 15px; 
  text-align: left;
}
/*Vertical tabs (accordion)*/

summary.module4 {
  background-color: #E17826;
  color: rgb(255, 255, 255);
  padding: 10px;
  width: max-content;
  border-radius: 3px;
  margin-bottom: 10px;
}

/*Module 5*/

.module5-heading {
  background-color: #C96359; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: xx-large;
  border-radius: 5px; 
  width: max-content;
}
.module5-subheading {
  background-color: #C96359; 
  padding: 10px;
  text-align: left; 
  color: #ffffff; 
  font-size: large;
  border-radius: 5px; 
  width: max-content;
}
span.module5-span {
  background-color: #C96359; 
  padding: 5px;
  color: #ffffff; 
  border-radius: 5px; 
  float:none!important;
  margin-left:0px!important;
}

.module5-hr {
  background-color: #C96359;
  border: 2px solid #c5291a;
  height: 10px; width: 80%; margin: auto;
  border-radius:4px;
}
.module5-notice-container {
  background-color: #C96359; 
  width: 400px; 
  height: 450px; 
  margin-right: 50px; 
  border: 1px solid #E8E8E0;
}
.module5-notice-container h3 {
  color: #ffffff;
  background-color: #c5291a; 
  text-align: center; 
  padding: 5px; 
  margin-top: 0px;
}

.module5-notice-container .notice-inner-content {
  height: 350px; 
  overflow-x: hidden; 
  overflow-y: auto; 
  padding: 6px 15px; 
  text-align: left;
}
/*Vertical tabs (accordion)*/

summary.module5 {
  background-color: #C96359;
  color: rgb(255, 255, 255);
  padding: 10px;
  width: max-content;
  border-radius: 3px;
  margin-bottom: 10px;
}