@charset "utf-8";

/* Basic tags and classes */
@import url("basic.css");

/* Positioning */
@import url("position.css");


@import url("tabs_style.css");



.hcii2026Logo { outline:none; }



.clear { clear:both; }

a:hover { text-decoration: underline;  }
a:focus { color: #21293D; text-decoration:underline;}

div.webSiteArea { background-color:#fff; border:2px solid #fff; max-width:1200px; margin:0 auto;  }

span.pdfType { background-image:url(images/pdf_icon_small.png); padding:1px 24px 1px 1px; min-height:20px; background-position:right; background-repeat:no-repeat; border-radius:4px; }
a:focus span.pdfType, a:hover span.pdfType { box-shadow:0 0 5px #D85644; }


#cookie-law { 
    
    background:#BBBFC2; 
    margin:0px auto 0; 
    border-radius: 1px;
    line-height: 30px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}
 
#cookie-law div { 
    padding:10px; 
    font-size:0.9em; 
    font-weight:bold; 
    text-align:left; 
    color:#0c5b88; 
    margin:0;
}

a.close-cookie-banner {
    text-decoration: none; 
    color: #FFF;
}

span.close-cookie-banner {
    letter-spacing: 1.5px;
    font-weight: bold;
    background-color: #d6efff;
    font-size: 10pt;
    border: 1px solid #0c5b88; 
    padding: 0px 5px 0px 5px;  
    float: right;
}

/* HEADER */
div.headerArea1 { background-color:#e8e8e8; background-image:url(images/header_white_h_line.png); background-position:bottom; background-repeat:repeat-x; }
/*div.headerArea2 { background-image:url(images/header_background.png); background-position:bottom right; background-repeat:no-repeat; }*/
div.headerArea3 { background-image:url(images/header_white_v_line.png); background-repeat:repeat-y; background-position:17.8% 0; }
div.headerLogoArea { /*background-color:#D85644;*/ float:left; width:18%; padding: 0 0 0px; text-align: center; /* border-right:2px solid #fff;*/ }
a.hcii2026Logo { width:80%; margin:0 auto; text-align:center; text-decoration:none;  }
a.hcii2026Logo:hover  { text-shadow:0 0 10px rgba(255,255,255,0.5); }
a.hcii2026Logo:focus  { text-shadow:0 0 10px #900; text-decoration:underline; color:#fff; }
img.hcii2026Logo { width:70%; max-width:130px; }
div.headerTitleArea { float:right; width:81.9%; /*margin-left:-2px; border-left:2px solid #fff;*/ }
div.logoTitleArea { display: block; float: left; width: 100%; color: #245196;}
div.headerTitle {  padding: 0px 10px 5px 2%; height: 20%; font-size: 22pt;  line-height: 130%;}

div.accessArea { text-align:right; padding:0 10px 0 0; color:#fff; max-width:70%; float:right; display:block; min-height: 10px; }
a.accessArea { color:#fff; font-size:0.8em;  text-decoration: none; display:inline-block;  }
a.accessArea:hover { text-decoration: underline;  }
a.accessArea:focus { text-shadow:0 0 5px #900; text-decoration:underline; color:#fff; }




/* BULLETS in general */
ul.bullets { padding:0 0 0 10px;  margin:0 0 0 5px; list-style:none; /*list-style:square; list-style-color: #49798e;*/   }
ul.bullets li:before { content: "■ "; color: #49798e; }
ul.bullets li:first-line { padding:10px; }
ul.bullets li { padding:3px 0; margin:0; }
ul.bullets a { color:#669cb8;  color:#49798e; }
ul.bullets a:hover { color:#669cb8; }




/* Body */
div.bodyArea { padding:20px 19px 20px 20px; }

/* MAIN Page */
div.bodyMainPage { float:left; width:64%;  }
div.mainTitle { /*font-size:1.1em;*/ }

/* SECONDARY Page */
div.bodySecondaryPage { float:left; width:35.9%; }

/* CONTENT etc */
span.contentTitles { background-color:#669cb8; color:#fff; padding:2px 10px; font-size:1.15em; }
/*p > strong { color:#49798e; }
li > strong { color:#49798e; }*/
div.boardMembersContainer p > strong { font-size:1.15em; }




/* THEMATIC AREAS */
div.thematicAreas { }
div.thematicAreas h4 {  margin:0; background-color:#49798e; color:#fff; padding:2px 10px; font-size:1.2em; }
ul.thematicAreas { margin:0; padding:10px 5px 10px 10px; list-style:none; }
li.thematicAreas {  margin:0; padding: 3px 0; }
li.thematicAreas a { color:#49798e; }
.thematicAreas span a, .thematicAreas a:nth-child(2), .thematicAreas a:nth-child(3) { color:#669cb8;  color:#164c68; text-decoration:none; }


/* Highlights */
div.highlightArea { margin:20px 0 20px 20px; }
div.highlightsTitle { background-color:#49798e; color:#fff; font-size:18pt; padding:5px; text-align:center; }
div.highlightsContent { border:solid #dbe4e8; border-width:0 4px 4px 4px; padding:5px 5px 10px 5px; }
ul.highlightsContent { padding:0;  margin:0 0 0 5px; list-style:none;  }
li.highlightsContent:before { content: "■ "; color: #49798e; }
li.highlightsContent { padding:3px 0; margin:0; }
a.highlightsContent { color:#669cb8;  }
img.highlightsContent { width:20px; border-radius:5px; }
a:focus img.highlightsContent, a:hover img.highlightsContent { box-shadow:0 0 5px #D85644; }
a.highlightsContent span.pdfType { padding:11px; }


/* Proceedings */
div.proceedingsArea { margin:20px 0 20px 20px; }
div.proceedingsTitle { background-color:#D85644; color:#fff; font-size:12pt; padding:5px; text-align:center; }
div.proceedingsContent { border:solid #dbe4e8; border-width:0 4px 4px 4px;  text-align:center; padding:5px 5px 10px 5px; }
ul.proceedingsContent { padding:0; margin:0; list-style:none; }
li.proceedingsContent { padding:3px 0; }
a.proceedingsContent {  color:#669cb8; }
img.proceedingsContent { width:90%; max-width:190px; }
a:focus img.proceedingsContent, a:hover img.proceedingsContent { box-shadow:0 0 5px #D85644; }


/* Mobile Applications */
div.mobileAppsArea { margin:40px 0 20px 20px; text-align:center; } 
a.mobileAppsArea { padding:0; margin:10px 0; display:block; }
img.mobileAppsArea { width:200px; border-radius:15px; }
a:focus img.mobileAppsArea, a:hover img.mobileAppsArea { box-shadow:0 0 5px #D85644; }


/* BOARD MEMBERS */
div.boardMembersArea {  background-color: #fff; margin-top:5px; }
div.boardMembersHeader {  background-color:#49798e; color:#fff; text-align: center; padding:5px; font-size:20pt; }
div.boardMembersContainer {  border:solid #dbe4e8; text-align:center; border-width:0 4px 4px 4px; padding:10px; }
div.boardMemberPhoto { }
span.boardMemberPhoto { width:150px; height:150px !important; overflow:hidden; border-radius:83px; display:inline-block; border:8px #669cb8 solid;  }
img.boardMemberPhoto { min-width:150px; min-height:155px; margin-top:-5px;  }

ul.boardMembers { margin:0; padding:0; list-style:none; }
ul.boardMembers li { margin:0; padding:0; }
ul.boardMembers li span { display:block; width:auto; font-size:0.8em; margin-bottom:0.25em; color:#444; }

ul.topics { margin:0; padding:0 5px 0 30px; list-style:square; }
ul.topics li { margin:0; padding:5px; }
ul.topics li ul { margin:0; padding:0 0 0.3em 1.5em; list-style:disc; }
ul.topics li ul li { margin:0; padding: 3px; }
ul.topics li ul li ul { margin:0; padding:0 0 0.3em 1.5em; list-style:circle; }
ul.topics li ul li ul li { margin:0; padding:0; }


/*ul.topics li span { display:block; width:auto; font-size:0.8em; margin-bottom:0.25em; color:#444; } */



/* TABLES */
table.content  { border:1px solid #669cb8; width:100%; margin: auto; border-collapse:collapse;	}
table.content th  { font-weight: bold; padding: 4px 2px 4px 2px; background-color: #F7F7F8; border:1px solid #a8cddd;   }
table.content td  { padding: 4px 2px; background-color:#F7F7F8; border:1px solid #a8cddd;  }
table.tutorials { background-color: #FBFDFF; background-color: #FFF; margin: 5px auto 10px; /*border:2px solid #3080FF; border-radius: 12px 12px 8px 8px; */ }

tr.hdr1 th { color: #1060FF; text-align:center; padding:6px 2px 4px 4px; font-size:1.05em; 	}
tr.hdr2  { background-color: #EDF5F9; text-align:center; 	}
tr.tr1  { background-color: #E6E8E8; background-color: #F7F7F8;	 }
tr.tr2  { background-color: #F7F7F8; background-color: #EFEFEF; }
tr.hdr2 td  { padding: 5px; }
tr.tr1 td  { padding: 5px; }
tr.tr2 td  { padding: 5px; }
table ,th,td  { border:0px solid black; }

table.content a { color:#D85644; }
table.content tbody tr th { background-color:#669cb8; color:#fff; }
table.content tbody:first-child tr th { background-color:#49798e; color:#fff; }
table.content tr th:only-child { background-color:#49798e; color:#fff; }
table.content tr th:only-child a { color:#fff; font-weight:bold; }
table.content { border-color:#a8cddd; }




/* FOOTER */
div.footerArea { background-color:#d6efff; padding:5px 20px; }
div.footerSocial { float:left; width:34%; text-align:left; color:#fff; font-size:1.3em; }
a.footerSocial { color:#fff;  text-decoration:none; }
a.footerSocial:hover, a.footerSocial:focus { text-decoration:underline; }
span.footerSocial { display:inline-block; }
img.footerSocial { width:30px; border-radius:15px; }
a:focus img.footerSocial, a:hover img.footerSocial { box-shadow:0 0 5px #900; }

div.footerPrivacy { float:left; width:20%; text-align:center; padding-top:6px; }
a.footerPrivacy { color:#fff; text-decoration:underline; font-size:0.875em; }
a.footerPrivacy:focus, a.footerPrivacy:hover {  text-shadow:0 1px 2px #900; }

div.footerRevision { float:right; width:45%; text-align:right; font-size:0.875em;  color:#fff;  padding-top:8px; }
a.footerRevision { color:#fff;  }
a.footerRevision:hover, a.footerSocial:focus { text-shadow:0 1px 2px #900; }






/* Media Queries */
@media (min-width: 20px) {
	html, body { min-width:319px; }
	div.headerArea2 { background-position:100% bottom;  transition:background 0.5s; }
}

@media (max-width: 850px) {
	div.headerArea2 { background-position:100% bottom;  transition:background 0.5s;}
	div.headerTitleArea { float: left; width: auto; max-width:65%; }
	div.headerTitle { padding-left: 15px; font-size: 18pt;}
	div.headerLogoArea { width: 150px; }
	div.headerArea3 { background-position:148px 0; }
	div.bodyArea { padding: 20px 2% 20px 20px; }
	div.highlightArea, div.proceedingsArea {  margin: 20px 0 20px 5%; }
	div.bodyArea { padding: 20px 2% 20px 2%; }
    img.hcii2026Logo { width:80%; max-width:90px; }
}

@media (max-width: 640px) {
	div.webSiteArea { border:0; }
	div.headerArea2 { background-position:100% bottom;  transition:background 0.5s;}
	div.headerArea3 { background-image:none; }
	div.headerTitleArea { max-width:62%; border-left:0;}
    div.headerTitle {font-size: 15pt;}
	div.headerLogoArea {  width: 120px; }
	div.bodyArea { padding: 15px 10px 20px 10px; }
	h2 { font-size:12pt; }
	h2 span { font-size:24pt; }
	div.bodyMainPage { width: 100%; }
	div.bodySecondaryPage { width:100%; }
	div.highlightArea, div.proceedingsArea {  margin: 20px 0 20px 0; }
	div.footerArea { padding:15px 10px; font-size:0.875em; }
	table { font-family:Helvetica, sans-serif; font-size:0.9em; letter-spacing:normal; }

	#hidden_menu { display:block;  }
	#menu { display: none }
	#hidden_menu:target #menu { display:block;  }
	#menu:target { display:block;  }
    
    img.hcii2026Logo { width:80%; max-width:90px; }

}

@media (max-width: 330px) {
	html, body { font-size:0.9em; font-family:Helvetica, sans-serif;  }
	div.headerArea2 { background-size:0; transition:background 0.5s; }
	div.headerLogoArea { float: left; /*padding:1.25em 0 10px 0;*/ text-align: center; width: 100px; padding-top:10px; }
	h1 { font-size:10pt; }
	h1 span { font-size:7pt; }
	h2 { font-size:10pt; }
	h2 span { font-size:18pt; }
	h3 { background-size:4px; padding-bottom:10px; }
    div.headerTitle { max-width:52%; border-left:0; font-size: 12pt;}
    img.hcii2026Logo { width:80%; max-width:90px; }
}


span.small_right {
    font-size: 75%;
    float: right;
    text-align: right;
    padding-right: 15px;
}

span.small_left {
    font-size: 75%;
    float: left;
    text-align: left;
    padding-left: 15px;
}

/* END */

img.linked {
	border: none;
}



img.order {
	border: none;
	vertical-align: top;
}


div.order {
	float: left;
	min-height: 1em;
}


div.form_row {
	clear: both;
}

div.form_labels {
	display: table-column;
	float: left;
	width: 25%;
	text-align: right;
	padding: 0.5em 0em 0.5em 0em;
	font-size: 95%;
}

div.form_labels_noPadding {
	padding: 0em 0em 0.7em 0em;
}

div.form_fields {
	display: table-column;
	padding: 0.5em 0em 0.5em 0.4em;
	width: 70%;
	float: left;
	font-size: 90%;
}
div.form_fields_noPadding {
	padding: 0em 0em 0em 0.4em;
}
div.form_fields_extraPadding { 
	padding: 0.6em 0em 0.5em 0.4em;
}

div.form_fields_checkBoxPadding { 
	padding: 0.2em 0em 0.5em 0.4em;
}

div.error_message {
	font-weight: bold;
	font-size: 100%;
	color: #C63425;
}

div.error_message_login {
	border: 2px solid #FF7700; 
	padding: 0.4em; 
	background-color: #FEF7B2; 
	font-size: 110%;
}

legend.legend_fonts {
	padding-bottom: .0em;
	color: #49798e;
}

div.columns_50 {
	width: 50%;
	float: left;
}

div.columns_20 {
	width: 20%;
	float: left;
}

div.columns_10 {
	width: 10%;
	float: left;
}

div.view_labels {
	display: table-column;
	float: left;
	width: 15%;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
}

div.view_fields {
	display: table-column;
	float: left;
	width: 80%;
	font-size: 89%;
	text-align: left;
	border-bottom: 1px solid #EBE4D9;
	margin-left: 0.5em;
}

div.menu_col {
	display: table-column;
	width: 20%;
	float: left;
	font-size: 90%;
	background-color : #DABDA2;
	border: 1px solid #840008;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.menu_title {
	font-size: 80%;
	color: white;	
	text-align: right;
	margin-right: 20px;
}


span.star {
	color: rgb(250,0,50);
	padding-top: 10px;
}

div.uinfo {
	width: 135px;
	text-align: right;
	color: #F7E393;
	padding-left: 20px;
	margin-right: 23px;
	font-size: 80%;
}

div.uinfo a {
	font-size: 80%;
}

.frmbutton {
    letter-spacing:1.2px;
    background-color: #cccccc;
    color: #5c6873;
    font-size: 10pt;
    font-weight: bold;
    border:1px solid #5c6873;
    padding: 0px 5px 0px 5px;

}

div.lists_left {
	display: table-column;
	width: 40%;
	float: left;
	}
	
div.lists_middle {
	display: table-column;
	width: 20%;
	float: left;
	text-align: center;
	}
	
div.lists_right {
	display: table-column;
	width: 40%;
	float: right;
	}

table.regsum {
	width:100%; 
	text-align:left;
	font-style:normal; 
	font-size: 0.9em; 
	border: 1px solid #D7DBDC;
	border-collapse: collapse;
}

table.regsum th  {
	border: 1px solid #D7DBDC;
     padding: 0.5em 0.3em;
}

table.regsum td  {
	border: 1px solid #D7DBDC;
     padding: 0.5em 0.3em;
}

ul.error_list {
	list-style-type: decimal;
  font-family : Arial, Helvetica, sans-serif; 
  font-size : .9em;
	margin-top: 0em;
	padding-top: 0em;
}



a.clr2:link {
	text-decoration: none;
	color: white;
}

a.clr2:visited {
	text-decoration: none;
	color: white;
}

a.clr2:hover {
	text-decoration: none;
	background: transparent;
	color: rgb(118,0,3);
}

a.clr2:active {
	text-decoration: none;
}


a.order:link {
	text-decoration: none;
	color: white;
}

a.order:visited {
	text-decoration: none;
	color: white;
}

a.order:hover {
	text-decoration: none;
	background: white;
	color: rgb(118,0,3);
}

a.order:active {
	text-decoration: none;
}

tr.hdr2

{

	background-color: #F7F7F8;

}

tr.tr1

{

	background-color: #E6E8E8;	

}

tr.tr2

{

	background-color: #F7F7F8;

}

tr.hdr2 td {
    padding: 5px;
}

tr.tr1 td {    
    padding: 5px;
}

tr.tr2 td {
    padding: 5px;
}


.hidden { display: none;  }
.FloatLeft { float:left;  }
.FloatRight { float:right; }

div.listh {
    float: left;
    padding-top: 5px;
    padding-left: 5px;
}

div.clr {
    float: left;
    padding-top: 7px;
    padding-left: 15px;
}

.spacer 
{	clear: both;    }

.userLogin {
    margin: 0em;
    padding-top: 0.5em;
    font-size: .9em;
}

div.userLogin a.logout:link, a.logout:active, a.logout:visited, a.logout:hover {
	text-decoration: underline; font-size: .8em; display: inline;
}

.tr-div{clear:left; width: 100%;}
.td-completed{display:block; background: url(images/background_progress_bar.png) top left repeat-x; float:left; width:16%; margin-right:0px; text-align:justify}

.td-active{display:block; background:
url(./images/background_progress_bar.png) top left repeat-x; float:left; min-width:16%; margin-right:0px; text-align:justify}

.td-selected{display:block; background: url(images/background_progress_bar.png) top left repeat-x; float:left; min-width:16%; margin-right:0px; text-align:justify}

.td-inactive{display:block; background: url(images/background_progress_bar.png) top left repeat-x; float:left; width:16%; margin-right:0px; text-align:justify}

.td-last{display:block; float:left; width:4%; margin-right:0px; text-align:justify}


/*STYLES FOR FORM CONTAINERS*/

.formContHeader { background-color: #EEF6FD; color: #0c5b88; padding: 2px 5px 2px 5px; border: 1px solid #D85644;}
.formCont { border: 1px solid #D85644; }
 fieldset {border: 1px solid #D7DBDC; padding:8px 8px 8px 8px; border-top: 0;}


/*END OF STYLES FOR FORM CONTAINERS*/

.c-font-green {
    color: #8bfcc9 !important;
}

.c-btn-darkBlue {
 
  }
  
.btn-primary {
  border-width: 1px;
  color: #ffffff;
  background: #0B6051;
  border-color: #0B6051; 
}
.btn-primary:focus,
.btn-primary:hover {
    color: #ffffff;
    background: #5EA498;
    border-color: #5EA498;
 }
 
.c-layout-header.c-layout-header-6 {
    background: #FFF !important;
    
}

.c-theme-nav li.c-active {
    color: #D70000 !important;
}

.c-theme-nav li.c-active > a:not(.btn) {
    color: #D70000 !important;
}

.c-theme-nav li:hover > a:not(.btn) {
      color: #D70000 !important;
  }
  
  .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
    background: #ffffff;
    color: #071d3a !important;

}

 .c-theme-ul > li:hover > a:not(.btn) {
    color: #ffffff !important;
}

.c-theme-nav li:hover > a.white-submenu-link {
    
    background-color: #ffffff !important;
    
    
}



.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > a {
    font-weight: bold;
    color: #ffffff;
}



.c-layout-breadcrumbs-1 .c-page-title h3 {
    color: #ffffff;
}




.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {
    background: #0B6051;
    
}



.c-content-tab-4.c-opt-5>.nav>li.active>a, .c-content-tab-4.c-opt-5>.nav>li:active>a {
    color: #fff;
    background-color: #0B6051;
}

.c-content-tab-4.c-opt-5>.nav>li:nth-child(even).active>a, .c-content-tab-4.c-opt-5>.nav>li:nth-child(even):active>a {
    color: #fff;
    background-color: #0B6051;
}

.c-content-tab-4>.nav>li>a {
    font-weight: 600;
    padding: 10px 15px;
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.btmodal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.btclose {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.btclose:hover,
.btclose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.c-bg-emphasis-1 {
  background: #DEE9F7 !important;
}
.c-bg-emphasis-2 {
    background: #EFF4FB !important;
}

@media print {
  header {
    visibility: hidden;
	display: none;
  }
  
  footer {
    visibility: hidden;
	display: none;
  }
  
  .gprint {
	visibility: hidden;
	display: none;  
  }
  

  
  .noprint {
        visibility: hidden;
	display: none;  
  }
  
  .c-content-box.c-size-sm {
    padding: 10px 0;
}

    .c-layout-header-fixed.c-layout-header-6-topbar .c-layout-page {
        margin-top: 0px;
    }
  #section-to-print {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  @media (min-width: 992px) {
    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu>.nav.navbar-nav>li:first-child>.c-link {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
        padding: 25px 5px 22px 5px;
        min-height: 67px;
    }
}
}

input::-webkit-input-placeholder { color: #000 !important; }
input:-ms-input-placeholder { color: #000 !important; }
input::-ms-input-placeholder { color: #000 !important; }
input::placeholder { color: #000 !important; }