/* WONCA 2017 - main CSS */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');


body {
	font-size: 14px;
    line-height: 1.52857;
    color: #555555;
}

.btn { font-size: 14px; }

a { color: #E83395; text-decoration: underline; }

h4 { margin: 20px 0px 10px; }
h5 { font-size: 20px; margin: 15px 0px; }
h6 { font-size: 16px; }

.carousel-indicators { right: 15px; background-color: #4a90cc; }

.wonca-gallery { padding: 10px 0px; width: 100%; float: left; }
.wonca-gallery h4 { margin-top: 0px; }
.wonca-gallery .image {
    float: left;
    max-height: 300px;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.wonca-gallery .image_description {
    background: rgba(232, 51, 149, 0.75); 
}

.img-right { float: right; margin: 0px 0px 15px 15px; }

.banner-title .container { padding: 0px; }
/* .banner-title .container .row { margin: 0px; } */

.news article { font-size: 16px; position: relative; margin-bottom: 10px; }
.news article * { font-family: "Roboto Condensed",sans-serif; }
.news article span { margin-left: 100px; display: block; position: relative; }
.news article span.news-date { position: absolute; left: 0px; top: 0px; margin-left: 0px; }


.content-index-boxes .index-box { text-decoration: none; }
.content-index-boxes .index-box h3 { margin: 0px; padding: 15px; color: #ffffff; transition: 0.5s; }
.content-index-boxes .index-box img { width: 100%;
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	filter: gray; /* IE6+ */ 
    transition: 0.5s;
}
.content-index-boxes .index-box:hover img { 
	filter: grayscale(0%); /* Current draft standard */
	-webkit-filter: grayscale(0%); /* New WebKit */
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%);
	filter: none; /* IE6+ */
}
.content-index-boxes .index-box:hover h3 { padding-left: 30px; position: relative; background-color: inherit; }

.itemsgrid > [class*="col-"] a.btn-pink { height: auto; }
.btn-pink { background-color: #E83395; color: #ffffff; text-align: left; text-decoration: none; width: 100%; padding: 10px 15px; }
.btn-pink:hover, .btn-pink:focus, .btn-pink:active { background-color: #4A90CC; color: #ffffff; } 
.itemsgrid > [class*="col-"] a.btn-blue { height: auto; }
.btn-blue { background-color: #123c74; color: #ffffff; text-align: left; text-decoration: none; width: 100%; padding: 10px 15px; }
.btn-blue:hover, .btn-pink:focus, .btn-pink:active { background-color: #ed734c; color: #ffffff; } 

.t-all { transition: all 0.5s ease 0s; }


.people-list .par_img { float: right; padding: 0px 0px 20px 10px; }
.people-list .par_img img { height: 100px; }
.people-list h3 { color: #EC734B; margin-top: 0px; font-size: 16px; }
.people-list a  { color: #EC734B; }

.vi-table tr td { padding: 0px 10px 2px 0px; color: #9e1660; }
.vi-table tr td:first-child { font-weight: bold; }

.boxed-visitors-information h4 { margin-top: 0px; }



.table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 4px 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dededf;
  }
  
  .table > thead > tr:first-child > th,
  .table > tbody > tr:first-child > th,
  .table > tfoot > tr:first-child > th,
  .table > thead > tr:first-child > td,
  .table > tbody > tr:first-child > td,
  .table > tfoot > tr:first-child > td {
    border-top: none;
  }

  .table-hover > tbody > tr:hover > td,
  .table-hover > tbody > tr:hover > th {
    background-color: #ededed;
  }

  .th { padding: 10px 10px; margin: 20px 0px 0px; border-top: 5px solid #003cbc; background-color: #FFFFFF; color: #003cbc; }
  table * { }
  
  table tbody { background-color: #ededed; }

table.table-program p { margin: 0px; }
table.table-program thead { border-bottom: 5px solid #003cbc; }
table.table-program tbody td, table.table-program thead th { width: 16,66%; }
table.table-program tbody td { padding: 10px; }
table.table-program tbody td, table.table-program thead th { border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; vertical-align: middle; }
table.table-program tbody td:last-child, table.table-program thead th:last-child { border-right: 0px solid #FFFFFF; }
table.table-program thead th { background-color: #171faa; color: #FFFFFF; padding: 10px; }

table.table-program a strong { color: #003cbc; }
table.table-program strong { font-weight: bold; font-size: 14px; }

table.table-program .program-group { text-align: left; font-weight: bold; background-color: #F5E2AB; color: #e83395; font-size: 14px;  }

.dl-program dd { margin-bottom: 10px; }



table.table-hotels p { margin: 0px; }
table.table-hotels thead { border-bottom: 5px solid #e83395; }
table.table-hotels tbody td, table.table-hotels thead th { width: 20%; }
table.table-hotels tbody td { font-size: 11px; padding: 7px 10px; }
table.table-hotels tbody td, table.table-hotels thead th { border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; vertical-align: middle; }
table.table-hotels tbody td:last-child, table.table-hotels thead th:last-child {  }
table.table-hotels thead th { background-color: #c12d94; color: #FFFFFF; padding: 10px; }

table.table-hotels a strong { color: #e83395; }
table.table-hotels strong { font-weight: bold; font-size: 14px; }

table.table-hotels tbody tr.hl td { background-color: #F9C25D; }


.dl-hotels dd {
    margin-bottom: 10px;
}

img.hotel-image {
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px;
    max-width: 100%;
}

.panel-default > .panel-heading {
    background-color: transparent;
}

.panel-title > a {
    color: #E83395;
    padding-left: 0px;
}

.panel-title > a:before {
  font-family: 'FontAwesome';
  content: "\f105";
  display: inline-block;
  margin: 0px 15px 0px 0px;
  font-size: 2rem;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

.panel-title > a[aria-expanded="true"]:before {
    margin: 0px 10px 0px 5px;
  
  	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel .itemsgrid-wrapper { margin-top: 0px !important; }
/*
.panel .itemsgrid-wrapper .itemsgrid { margin-top: 30px; }
.panel .itemsgrid-wrapper .itemsgrid > * { margin-top: -30px; }
*/

.toolkit { margin-top: 20px; }
.toolkit .item { padding: 10px; background-color: #FFFFFF; transition: background-color 1.0s ease; }
.toolkit .item:hover { background-color: #fab2d9; }
.toolkit .par_img { text-align: center; }
.toolkit .par_img img { display: inline-block; width: 60px; }
.toolkit h4 { font-size: 16px; color: #40648C; text-align: center; line-height: 20px; }
.toolkit h4 span { font-size: 16px; color: #2382c0; font-family: 'Exo 2', sans-serif; }


.side-form { background-color: #FFFFFF padding: 20px; }
.side-form form { float: none; margin: 0px; background-color: #E0E0E0; padding: 20px; margin-top: 20px; }
.side-form form .formfieldWrapper { overflow: hidden; }
.side-form form .formfieldWrapper button { background-color: #123c74; color: #FFFFFF; }
.side-form form .formfieldWrapper button:hover,
.side-form form .formfieldWrapper button:focus { background-color: #e83395; color: #FFFFFF; }



/* menu ----------------------------------------------------------------------- */

.orion-menu {

  	/*
  	background: transparent none repeat scroll 0 0;
    background-image: url('/uuid/Image/data/1448526964541');
    background-size: 100% 100%;
    */

    background: #113c74; /* Old browsers */
    background: -moz-linear-gradient(left,  #113c74 0%, #e30a7f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #113c74 0%,#e30a7f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #113c74 0%,#e30a7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113c74', endColorstr='#e30a7f',GradientType=1 ); /* IE6-9 */

  
    float: left;
    font-family: "Roboto Condensed",sans-serif;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0px 20px;
    position: relative;
    width: 100%;
}

.orion-menu .indicator2 { display: none; }

.orion-menu li {
    display: inline;
    float: left;
    font-size: 13px;
    line-height: 43px;
    margin: 0;
    padding: 0;
    position: relative;
}

.orion-menu li a {
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    transition: color 0.3s linear 0s, background 0.3s linear 0s;
    white-space: nowrap;
}
.orion-menu a {
    font-size: 18px;
    text-shadow: 0px 2px 3px rgba(80, 80, 80, 1);
}

.orion-menu > li > a {
    text-transform: none;
}

.orion-menu > li::after { content: "|"; padding: 0px; color: #FFFFFF; }
.orion-menu > li:last-child { float: right; }
.orion-menu > li:last-child:after { content : ""; }
.orion-menu > li:nth-last-child(2):after { content : ""; }


.orion-menu .indicator2 {
    font-family: FontAwesome;
    font-size: 11px;
    line-height: 18px;
    padding-left: 5px;
}

.orion-menu ul {
    left: 0;
    top: auto;
}

.orion-menu ul li a {
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    float: left;
    padding: 0 10px;
    width: 100%;
    color: #194077;
    text-shadow: none;
}

.orion-menu ul, .orion-menu ul li ul {
    background: #f0f0f0 none repeat scroll 0 0;
    display: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    min-width: 100%;
    z-index: 999;
}

.orion-menu ul li:hover a, .orion-menu ul li:focus a, .orion-menu ul li:active a { background-color: #e0e0e0; color: #ec734b; }

.green li.active > a, .green ul li:hover > a, .green li.social a .tooltip {
    background: transparent;
    text-decoration: none;
}


.orion-menu li.menuFG1 > a { color: #ffdaee; }
.orion-menu li.menuFG2 > a { color: #cfe4ff; }
.orion-menu li.menuFG3 > a { color: #fdfed5; }
.orion-menu li.menuFG4 > a { color: #d8fffc; }


@media (max-width: 1199px) {

  .orion-menu {
      background-color: #f0f0f0;
      background-image: none;
      padding: 0px;
  }
  
  .orion-menu:before {
      content: ' ';
      display: block;
      height: 7px;
      background-image: url('../../../../uuid/Image/data/1448526964541');
      background-size: 100% 100%; 
  }
  
  .orion-menu li { transition: background-color 0.3s linear 0s, background 0.3s linear 0s; width: 100%; }
  .orion-menu li a { color: #e83395; text-shadow: none; }
  
  .orion-menu li:hover { background-color: #e0e0e0; }
  .orion-menu li:hover a { color: #555555 !important; }
  
  
  .orion-menu li.menuFG1 > a { color: #b23c7b; }
  .orion-menu li.menuFG2 > a { color: #3a6ead; }
  .orion-menu li.menuFG3 > a { color: #9ea020; }
  .orion-menu li.menuFG4 > a { color: #36968e; }
  
  .orion-menu li.submenu ul { background-color: #d0d0d0; }
  .orion-menu li.submenu ul li:hover { background-color: #c0c0c0; }
  
  .orion-menu > li::after { content: none; }
  
  .orion-menu > li.showhide {
      background: #e6e6e6 none repeat scroll 0 0;
      color: #dedede;
      height: 50px;
      line-height: 50px;
  }
  
  .orion-menu > li.showhide span.title {
      color: #194077;
      float: left;
      margin: 0px;
      padding: 0px 10px;
      font-family: "Roboto Condensed", sans-serif;
  }
  
  .orion-menu > li.showhide .icon em {
      background: #e83395 none repeat scroll 0 0;
  }
  
}

.h5-call-for_abstract h5 { color: #be1c8b; }
                      h6 { color: #7a247d; }

.h5-registration h5 { color: #4b2e77; }
                      h6 { color: #7a247d; }

.h5-related-events h5 { color: #be1c8b; }
                   sup, sub { color: #be1c8b; }


.news-documents .filelink { margin-top: 1px; padding: 15px; background-color: #DD3372; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.news-documents .filelink:hover { background-color: #194077; }
.news-documents .filelink * { color: #FFFFFF; }