@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext';


.pagetitle h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:3.0em;
    line-height:1.0em;
    font-weight:700;
    text-transform:uppercase;
    margin-top: 0;
    padding-top:0;

}

.pagetitle h3 small {
    font-size:0.35em;
}


h2 {font-size: 18px;}


#sidebar-wrapper{
    font-size: 12px;
    color:#ffffff;
    background-color:#003366;
}

.sidebar-nav {
  margin-top:30px;
}

.abs_text {display:none;margin-top:10px;font-size:0.9em;padding:20px;}


.programoverview {
  margin-top:10px;
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: 'Open Sans', sans-serif;
  font-size:0.9em;
  table-layout: fixed;
  }
.programoverview tr {
  border:0;
  padding:0;}
  
.programoverview tr th, .programoverview tr td {
  vertical-align:middle;
  text-align:center;
  padding:0;
  font-size:0.9em;
  }

.programoverview tr td:nth-child(1), .programoverview tr th:nth-child(1)  {
  width:100px;
  text-align:left;
  font-size:0.8em;
  vertical-align:middle;
}
.programoverview th {
  font-weight:400;
  background-color:#003366;
  color:#ffffff;
}
.programoverview td {
  padding:0;
  margin:0;
}
.programoverview tr, .programoverview td {height:100%; }

.programoverview td .actheight_1 {height:180px;}
.programoverview td .actheight_2 {height:90px;}
.programoverview td .actheight_3 {height:60px;}
.programoverview td .actheight_4 {height:45px;}

.programoverview td .sectpanel {
  width:100%;
  display: block;
  margin:0;
  padding:5px;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  border:1px solid #ffffff;  
  background-color:#eceff1; 
}

.programoverview td .sectpanel:hover {
/*  opacity: 0.6; filter: alpha(opacity=60);*/
  border:1px solid #ffffff;
  color:#fff;
  background-color:#000;
  cursor:pointer;
}


.modal-header, .modal-body, .modal-footer {padding:30px;}
.modal-header {background-color:#ededed;}
.sectioninfo {margin-top:10px;}

.modal-title {font-family: 'Open Sans', sans-serif;text-transform:uppercase;font-size:0.9em;}
.modal-title small {font-family: 'Open Sans', sans-serif;text-transform:none;font-size:0.8em;}
.abstract_data {display:block;margin-bottom:35px;}
.abstract_data p {margin:0;padding:0;font-family: 'Open Sans', sans-serif;}
.abstract_data .abs_infobefore {font-weight:bold;color:#555555;margin-bottom:15px;}
.abstract_data .abs_titl {font-weight:bold;}
.abstract_data .abs_titl a {font-weight:bold;}
.abstract_data .abs_auth {}
.abstract_data .abs_inst {font-family: 'Open Sans', sans-serif;font-weight:500;}
.abs_sched {font-family: 'Open Sans', sans-serif;}
.abs_sched_title {display:inline-block;width:100px;}
.abstract_data .abs_minut {font-family: 'Open Sans', sans-serif;}
.abstract_data .abs_content {font-size:0.9em;margin:10px 0 30px 0;}
.program_book h2 {margin:0;padding:0;font-size:1.2em;}
.program_book h3 {margin:0;padding:0;margin-bottom:12px;font-size:1.0em;}
.program_book p {margin-bottom:20px;padding:0;font-size:0.9em;}




.workshop {padding:30px 0; border-bottom:1px solid #ededed;}
.workshop h3 {margin-top:0;}
.workshop h3 small {font-size:0.90em;}



.roomselecting {color:#ffffff;}
.abs_text {background-color:#ededed;}


.modal-header {background-color:#ededed;}
.modal-header h4 {color:#3C84A6;font-size:1.23em;}
.abstract_data .abs_titl {color:#3C84A6;}
.abstract_data .abs_titl a {color:#3C84A6;}
.abs_sched_title {color:#3C84A6;}
.section-icon {color:#ababab;}
.section-icon:nth-of-type(2), .section-icon:nth-of-type(3) {margin-left:18px;}


.programoverview td .free {background-color:#7986cb;color:#ffffff;}
.programoverview td .therapist {background-color:#e8eaf6;color:#000000;}
.programoverview td .symposium {background-color:#c5cae9;color:#000000;}
.programoverview td .roundtable {background-color:#9fa8da;color:#ffffff;}
.programoverview td .debate {background-color:#e3f2fd;color:#000000;}
.programoverview td .problem {background-color:#8c9eff;color:#ffffff;}

.programoverview td .special {background-color:#cfd8dc;color:#000000;}
.programoverview td .course {background-color:#e3f2fd;color:#000000;}
.programoverview td .precourse {background-color:#e1f5fe;color:#000000;height:100px;}



.time-entry.free {background-color:#7986cb;color:#ffffff;border-color:#7986cb;}
.time-entry.therapist {background-color:#e8eaf6;color:#000000;border-color:#e8eaf6;}
.time-entry.symposium {background-color:#c5cae9;color:#000000;border-color:#c5cae9;}
.time-entry.roundtable {background-color:#9fa8da;color:#ffffff;border-color:#9fa8da;}
.time-entry.debate {background-color:#e3f2fd;color:#000000;border-color:#e3f2fd;}
.time-entry.problem {background-color:#8c9eff;color:#ffffff;border-color:#8c9eff;}

.time-entry.special {background-color:#cfd8dc;color:#000000;border-color:#cfd8dc;}
.time-entry.course {background-color:#e3f2fd;color:#000000;border-color:#e3f2fd;}
.time-entry.precourse {background-color:#e1f5fe;color:#000000;height:100px;border-color:#e1f5fe;}

.time-entry:hover  {border:1px solid #ffffff;
  color:#fff;
  background-color:#000;
  cursor:pointer;}



/* 
https://material.uplabs.com/tools/colors
http://www.awwwards.com/trendy-web-color-palettes-and-material-design-color-schemes-tools.html
 */


.pagetitle img {float:right;}


@media print {
    
    body .header {
      display:none;
    }
  
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }
    body.modal-open .modal .modal-header,
    body.modal-open .modal .modal-body {
        visibility: visible; /* make visible modal body and header */
    }
    
    body.modal-open .modal{
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        min-height:550px
    }
}

@media screen and (max-width: 767px) {
  .table-responsive {overflow-x:auto;}
  .programoverview {width:1000px;}

  #menu-toggle {z-index:1000;position:absolute;top:17px;left:20px;}
  
  #page-content-wrapper, #sidebar-wrapper {padding:10px 0;}
  .pagetitle {padding:10px;padding-left:50px;margin-bottom: 0;}
  
  .pagetitle h3 {
      font-size:1.0em;
  }
  
  .pagetitle h3 small {
      font-size:0.5em;
  }
  
  .pagetitle ul {
      font-size:0.75em;
      padding-left:20px;
  }

  .pagetitle img {
      padding-top:10px;
  }


  .form-group{width:47%;float:left;padding-right:10px;}

  #modal-sectionprogram .modal-body{
    height:400px;
    overflow:auto;
  }  
}