body { 
  background:#f4f4f4;
  color: #333; 
 /* font-family: 'Lato', sans-serif;*/
  font-size: 13px;
  line-height: 1.6;
  
}

.linksadc-text:hover {box-shadow: -2px 1px 9px #b2b2b2;}
.linksadc-text > .lead > a:hover {text-decoration:none;}
thead {font-size: inherit !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:#BED9BA;}

a { color: #0D5894;} 
.overflow-hidden {
  overflow: hidden;
}
.lrndetail-img {
  background-image:url('../upload/images/e-learning/Sri_Lanka77_063.jpg'); 
  height: 300px;
  margin-bottom: 25px;
  width: 100%;
  background-position: center center;
  border-radius: 5px;
}

.lrn-text {
  height:210px;}
@media (max-width:640px){
.lrn-text{height:auto;}
}

.border-learning {
  height:480px;
}

.lrn-title {
  height:100px;
}

.thumbnail {
  background-color: #fff;
  border-radius: 5px;
  border:none;
}

.container-list-lrn {
  margin-left:-55px;
}

.list-group-item {
  background-color: #f4f4f4;
}

.funny-boxes p a {
  color: #6f7a8c;
}


.csc-textpic-image.csc-textpic-last img {
  margin-right: 10px;
}

@media (min-width: 1200px) {
.container {width:1107px;}
}
.container{background:#fff; }
/*Headings*/
h1, h2, h3, h4, h5, h6 {
  color: #585f69;    
  margin-top: 5px;
  text-shadow: none; 
  font-weight: normal; 
} 

.elearning-list {
  list-style-type: none;
}

.header-title {
  font-size: 2em;
  font-weight: normal;
  line-height: 36px;
  margin-bottom: -12px;
  margin-top: 12px;
}

.csc-linkToTop > a {
  color: #bed9ba;
  text-shadow: 0 0 1px;
}

h1 {font-size: 25px;line-height: 30px; color:#82b587}
h2 {font-size: 22px;line-height: 30px;}h3 {font-size: 17px; line-height: 27px;}h4 {line-height: 17px;}h5 {line-height: 15px;}h6 {line-height: 13px;}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {margin-right: 5px;}
.nospace{padding:0}.normal.minus > a {color: #666666 !important;}
.topBar{height:25px;}
.banner { margin-left: 30px;}
.navbar-brand{height:auto; padding:0px;margin-left:-30px;}
.navbar {background:#f4f4f4; min-height:20px;border-radius:0; text-transform:uppercase; margin-bottom:0;}
.navbar-nav > li{
  margin-right:0px;
  -o-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -khtml-transition: background 0.5s linear;
  -webkit-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
.navbar-header{width:100%}
.navbar-nav > li:hover{background:#f4f4f4; border-radius:4;}
.navbar-nav > li > a{color: #666;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;} 
.active {
  background: none repeat scroll 0 0 #f4f4f4;
  border-radius: 4px;
}
.caret{color:#666;  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  display: inline-block;
  height: 7px;
  margin-left: 4px;
  vertical-align: middle;
  width: 0;}
.navbar-toggle .icon-bar{background:#666;}.navbar-toggle{background:#fff;border:1px solid #ccc}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #717984;  color: #FFFFFF;
}
.dropdown-menu > li > a{text-transform:none;}
.collapse.navbar-collapse.navbar-ex1-collapse{padding-left:0px; padding-right:0px;}
.nav.navbar-nav{width:100%;margin:7.5px -0.5px 0;}
.nav.navbar-nav {
  background: none repeat scroll 0 0 #bed9ba;
  border-radius: 6px 6px 0px 0px;
  padding: 7px 0;
  background: rgb(190,217,186); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlZDliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzkxYzk5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWQ5YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(190,217,186,1) 0%, rgba(145,201,145,1) 97%, rgba(190,217,186,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(190,217,186,1)), color-stop(97%,rgba(145,201,145,1)), color-stop(100%,rgba(190,217,186,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(190,217,186,1) 0%,rgba(145,201,145,1) 97%,rgba(190,217,186,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(190,217,186,1) 0%,rgba(145,201,145,1) 97%,rgba(190,217,186,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(190,217,186,1) 0%,rgba(145,201,145,1) 97%,rgba(190,217,186,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(190,217,186,1) 0%,rgba(145,201,145,1) 97%,rgba(190,217,186,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed9ba', endColorstr='#bed9ba',GradientType=0 ); /* IE6-8 */
}
/*Sidebar Menu
------------------------------------*/
.sidebar-nav-v1 li {padding: 0; list-style-type:none}
.sidebar-nav-v1 li a {display: block;padding: 8px 30px 8px 10px;}
.sidebar-nav-v1 li a:hover {text-decoration: none;color: #fff; background:#6F7A8C;}
.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover { background: #BED9BA;} 
.sidebar-nav-v1 > li.active > a {color: #fff;}

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
  padding: 0;
  list-style: none;
}

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
  background: #fff;
}

.sidebar-nav-v1 li ul a {
  color: #585f69;
  font-size: 12px;
  border-top: solid 1px #ddd;
  padding: 6px 30px 6px 17px; 
}

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {color: #72c02c;}
/*Sidebar Badges*/
.list-group-item li > .badge { float: right;}
.sidebar-nav-v1 span.badge {
  margin-top: 8px;
  margin-right: 10px;
}
.sidebar-nav-v1 .list-toggle > span.badge {margin-right: 25px;}
.sidebar-nav-v1 ul li span.badge {
  margin-top: 8px;
  font-size: 11px;
  padding: 3px 5px; 
  margin-right: 10px;
}

.list-group-item.list-toggle.active a { /*color: #FFFFFF;*/}
.fa.fa-chevron-down.pull-right.downMenu{margin-right:-22px;margin-top:4px;}
/*Footer*/
footer {
    background: none repeat scroll 0 0 #f4f4f4;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px;
}
.footer p.utilities{text-align:center; font-size:13px;}
.footer p.utilities span{padding:0px 10px;}
.footer.margin-top-0 { margin-top: 0;}
.footer p {color: #dadada;  font-size: 14px;} 
.footer a:hover {
  color: #585E69;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.footer h2, 
.footer h3,
.footer h4 {
  color: #e4e4e4;
  background: none;
  text-shadow: none;
}


/*Funny Boxes
------------------------------------*/
.funny-boxes {
  overflow: hidden;
  margin-bottom: 25px;
  background: #f7f7f7;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.funny-boxes h2 a {color: #555;}
.funny-boxes p a {
  color: #6f7a8c;
}
.funny-boxes .funny-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px;
}

.funny-boxes .funny-boxes-img img {
  display: block;
  margin: 5px 10px 10px 0;
}

.funny-boxes h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
}
.funny-boxes ul.funny-boxes-rating li {display: inline;}
.funny-boxes ul.funny-boxes-rating li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 16px;
}
.funny-boxes ul.funny-boxes-rating li i:hover {color: #f8be2c;}
/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {color: #fff !important;}
/*Grey Funny Box*/
.funny-boxes-grey { background: #95a5a6;}
/*Turquoise Funny Box*/
.funny-boxes-purple {
  background: #1abc9c;
}

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-purple {
  border-radius: 7px;
  margin-top: 40px;
}

.funny-boxes-top-purple:hover {
  box-shadow: 0 1px 3px 0 #CCCCCC;
}

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
  border-top: solid 2px #f1c40f;
}

.funny-boxes-top-yellow:hover {
  border-top-color: #f39c12;
}

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
  border-left: solid 2px #e67e22;
}

.funny-boxes-left-orange:hover {
  border-left-color: #d35400;
}

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
  border-left: solid 2px #72c02c;
}

.funny-boxes-left-green:hover {
  border-left-color: #5fb611;
}

/*Green Right Bordered Funny Box**/
.funny-boxes-right-u {
  border-right: solid 2px #72c02c;
}

.funny-boxes-right-u:hover {
  border-right-color: #5fb611;
}

.csc-textpic.csc-textpic-intext-left.csc-textpic-equalheight {
  padding: 5px;
}

.nav.navbar-nav {
  padding-left: 5px;
}

/*Block Headline*/
.headline {
  background: none repeat scroll 0 0 #bed9ba;
  padding: 5px;
}
.headline h2 {font-size: 19px;}
.headline h2, 
.headline h3, 
.headline h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block; 
}
.breadcrumb a{color:#666; }
.breadcrumb{border-radius:0px;margin-top:2px;background:none;margin-bottom:0px;}

/*TYPO3 elements*/
.csc-menu.csc-menu-3 {
  background: none repeat scroll 0 0 #F8F8F8;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  line-height: 1.3;
  margin: 0 auto;
  padding: 9px 0;
}
.csc-section {
  display: inline;
  margin-left: 0;
  padding: 10px;
}
.csc-textpic-image.csc-textpic-last img{margin-right:1%;}
.csc-menu.csc-menu-3 > ul{padding-left:0;}
figcaption.csc-textpic-caption{font-size:0.8em;}
/*CUSTOM ICONS TYPO3 - FONTAWESOME*/
.fa.fa-pdf:before{content:"\f1c1"; font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-docx:before,.fa.fa-doc:before {content:"\f1c2";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-xls:before, .fa.fa-xlsx:before, .fa.fa-csv:before{content:"\f1c3";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-ppt:before, .fa.fa-pptx:before{content:"\f1c4";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-jpg:before, .fa.fa-png:before, .fa.fa-gif:before, .fa.fa-bmp:before{content:"\f1c5";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-zip:before, .fa.fa-rar:before{content:"\f1c6";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-mp3:before,.fa.fa-wav:before{content:"\f1c7";font-family:"FontAwesome"; padding-right:5px;}
.fa.fa-mpg:before,.fa.fa-avi:before{content:"\f1c8";font-family:"FontAwesome"; padding-right:5px;}
 

/*END TYPO3*/

#portfolio {width:563px !important; margin-top:11px !important;}
#portfolio > li { list-style-type: none;}
/*Search Bar*/
#searchBar {margin-top: -39px;margin-right:-10px;}
#searchBar .btn-u.btn-u-blue{border-radius:0px 5px 5px 0;}
.btn-u.btn-u-blue {background: none repeat scroll 0 0 #3498db;}
/*Search Box*/
.search {
  color: #666;
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  padding: 11px 0 12px;
  display: inline-block;
  margin-top:-22px;
  margin-right:-22px;
  
}



.search-open {
  right: 0; 
  top: 38px; 
  display: none;
  padding: 14px; 
  position: absolute;
  background: #fcfcfc; 
  border-top: solid 2px #eee;
  box-shadow: 0 1px 3px #ddd; 
}





@media (max-width: 767px) {
.search {
  color: #999;
  width: 35px;
  height: 34px;
  line-height: 12px;
  text-align: left;
  text-align: center;
  margin: 5px 10px 0;
  background: #eee;
  border-bottom: none;
}

.search:hover {
  background: #5fb611;
  color: #fff !important;
}

.search-open {
  top: 5px;
  padding: 0;
  left: 48px;
  border-top: none;
  box-shadow: none;
  background: none; 
  margin-right: 10px;
}
}

.fa-icons li:hover {
  color: #72C02C;
}
.fa-icons li:hover i {
  background: none repeat scroll 0 0 #72C02C;
}
.bs-glyphicons li:hover {
  color: #72C02C;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #72C02C;
  border-color: #72C02C;
}
.pagination li a:hover {
  background: none repeat scroll 0 0 #5FB611;
  border-color: #5FB611;
}
.pager li > a:hover, .pager li > a:focus {
  background: none repeat scroll 0 0 #5FB611;
  border-color: #5FB611;
}
.panel-green {border-color: #BED9BA;}
.panel-body {background: none repeat scroll 0 0 white;}
.panel-green > .panel-heading {background: none repeat scroll 0 0 #7CC242;color: #fff;}
.chosen-container-multi .chosen-choices li.search-choice{padding:6px 20px 6px 5px !important;}
.panel-heading.titleMenu{   background: none repeat scroll 0 0 #ccc;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #fff;
  margin: 2px 0;
  padding: 5px 10px;
  text-transform: uppercase;}

.panel-default > .panel-heading {
  background-color: #BED9BA}
.panel-title > a {color: #0D5894;}
.btn-u { background: none repeat scroll 0 0 #7CC242;}
.btn {
  box-shadow: none;
  /*background:#BED9BA;*/
}
.btn-u {
  background: none repeat scroll 0 0 #72c02c;
  border: 0 none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 6px 13px;
  position: relative;
  text-decoration: none !important;
}
.btn-u:hover {
  background: none repeat scroll 0 0 #5fb611;
  color: #fff;
  text-decoration: none;
  transition: all 0.4s ease-in-out 0s;
}
.btn-u-small {
  padding: 3px 12px;
}
.btn-u-lg {
  font-size: 18px;
  padding: 10px 25px;
}
a.btn-u {
  padding: 4px 13px;
  vertical-align: middle;
}
.btn-u > a {
  color: #fff;
}
a.btn-u-small {
  padding: 2px 12px;
}
a.btn-u-lg {
  font-size: 18px;
  padding: 6px 25px;
}
.email.glyphicon.glyphicon-envelope{font-size:15px;}
.btn-u-default { background: none repeat scroll 0 0 #95a5a6 !important;}
@-moz-document url-prefix("") {
  .footer-subsribe .btn-u {
    padding-bottom: 5px;
}
}
@media (max-width: 768px) {
@-moz-document url-prefix("") {
  .btn-u {
    padding-bottom: 5px;
}
}
}

.table.table-striped th {background: none repeat scroll 0 0 #BED9BA !important;}
@media (min-width:320px) and (max-width:460px){
.header-title {
    font-size: 12pt;
    line-height: 1em;
    margin-top:1px;
   
}
}
@media only screen and (max-width: 800px) {
.nav.navbar-nav{background:none;}
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
  display: block;
}
.nav-tabs > li {
float:none;
}

/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#no-more-tables tr { border: 1px solid #ccc; }

#no-more-tables td {
  /* Behave like a "row" */
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%;
  white-space: normal;
  text-align:left;
}

#no-more-tables td:before {
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
  text-align:left;
  font-weight: bold;
}


#no-more-tables td:before { content: attr(data-title); }
}

.list-unstyled > li {   border-bottom: 1px solid #ccc;padding: 6px 30px 6px 17px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:none !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{
  background:none;
  font-family:'Glyphicons Halflings'; content:"\e088";font-size:13px; font-weight:normal !important;
}


.pagination li a:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color:#BED9BA;
  border:1px solid #BED9BA;
}

.event-list { list-style: none; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; }
.event-list > li { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px rgb(51, 51, 51); box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7); padding: 0px; margin: 0px 0px 20px; }
.event-list > li > time { display: inline-block; width: 100%; color: rgb(255, 255, 255);
  background-color: rgb(197, 44, 102); padding: 5px; text-align: center; text-transform: uppercase; }
.event-list > li:nth-child(even) > time { background-color: rgb(165, 82, 167); }
.event-list > li > time > span { display: none; }
.event-list > li > time > .day { display: block; font-size: 56pt; font-weight: 100; line-height: 1; }
.event-list > li time > .month { display: block; font-size: 24pt; font-weight: 900; line-height: 1; }
.event-list > li > img { width: 100%; } .event-list > li > .info { padding-top: 5px; text-align: center; }
.event-list > li > .info > .title { font-size: 19px; font-weight: 700; margin: 0px; }
.event-list > li > .info > .desc { font-size: 13pt; font-weight: 300; margin: 0px; }
.event-list > li > .info > ul, .event-list > li > .social > ul { display: table; list-style: none; margin: 10px 0px 0px; padding: 0px; width: 100%; text-align: center; }
.event-list > li > .social > ul { margin: 0px; }
.event-list > li > .info > ul > li, .event-list > li > .social > ul > li {
  display: table-cell; cursor: pointer; color: rgb(30, 30, 30); font-size: 11pt; font-weight: 300; padding: 3px 0px; }
.event-list > li > .info > ul > li > a { display: block; width: 100%; color: rgb(30, 30, 30); text-decoration: none; }
.event-list > li > .social > ul > li { padding: 0px; }
.event-list > li > .social > ul > li > a { padding: 3px 0px; }
.event-list > li > .info > ul > li:hover, .event-list > li > .social > ul > li:hover { color: rgb(30, 30, 30); background-color: rgb(200, 200, 200); }
.facebook a, .twitter a, .google-plus a { display: block; width: 100%; color: rgb(75, 110, 168) !important; }
.twitter a { color: rgb(79, 213, 248) !important; }
.google-plus a { color: rgb(221, 75, 57) !important; }
.facebook:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(75, 110, 168) !important; }
.twitter:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(79, 213, 248) !important; }
.google-plus:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(221, 75, 57) !important; }

@media (min-width: 768px) {
.event-list > li { position: relative; display: block; width: 100%; height: 120px; padding: 0px; }
.event-list > li > time, .event-list > li > img { display: inline-block; }
.event-list > li > time, .event-list > li > img { width: 120px; float: left; }
.event-list > li > .info { background-color: rgb(245, 245, 245); overflow: hidden; }
.event-list > li > time, .event-list > li > img { width: 120px; height: 120px; padding: 0px; margin: 0px; }
.event-list > li > .info { position: relative; height: 120px; text-align: left; padding-right: 40px; }
.event-list > li > .info > .title, .event-list > li > .info > .desc { padding: 0px 10px; margin-right:25px;}
.event-list > li > .info > ul { position: absolute; left: 0px; bottom: 0px; } .event-list > li >
.social { position: absolute; top: 0px; right: 0px; display: block; width: 40px; }
.event-list > li > .social > ul { border-left: 1px solid rgb(230, 230, 230); }
.event-list > li > .social > ul > li { display: block; padding: 0px; }
.event-list > li > .social > ul > li > a { display: block; width: 40px; padding: 10px 0px 9px; }
}
.event-list { list-style: none; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; }
.event-list > li { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 0px rgb(51, 51, 51); box-shadow: 0px 0px 0px rgba(51, 51, 51, 0.7); padding: 0px; margin: 0px 0px 20px; }
.event-list > li > time { display: inline-block; width: 100%; color: rgb(255, 255, 255);
  background-color: #BED9BA; padding: 5px; text-align: center; text-transform: uppercase;}
.event-list > li:nth-child(even) > time { background-color: #95CB94; }
.event-list > li > time > span { display: none; }
.event-list > li > time > .day { display: block; font-size: 26pt; font-weight: 100; line-height: 1; margin-top: 5px;}
.event-list > li time > .month { display: block; font-size: 18pt; font-weight: 900; line-height: 1; }
.event-list > li time > .year { display: block; font-size: 18pt; font-weight: 900; line-height: 1; }
.event-list > li > img { width: 100%; } .event-list > li > .info { padding-top: 5px; text-align: center; }
.event-list > li > .info > .title { font-size: 15pt; font-weight: 700; margin: 0px; line-height: 1.3;}
.event-list > li > .info > .desc { font-size: 10pt; font-weight: 300; margin: 0px; line-height: 18px;}
.event-list > li > .info > ul, .event-list > li > .social > ul { display: table; list-style: none; margin: 10px 0px 0px; padding: 0px; width: 100%; text-align: center; }
.event-list > li > .social > ul { margin: 0px; }
.event-list > li > .info > ul > li, .event-list > li > .social > ul > li {
  display: table-cell; cursor: pointer; color: rgb(30, 30, 30); font-size: 10pt; font-weight: 300; padding: 1px 0px; }
.event-list > li > .info > ul > li > a { display: block; width: 100%; color: rgb(30, 30, 30); text-decoration: none; }
.event-list > li > .social > ul > li { padding: 0px; }
.event-list > li > .social > ul > li > a { padding: 3px 0px; }
.event-list > li > .info > ul > li:hover, .event-list > li > .social > ul > li:hover { color: rgb(30, 30, 30); background-color: rgb(200, 200, 200); }
.facebook a, .twitter a, .google-plus a { display: block; width: 100%; color: rgb(75, 110, 168) !important; }
.twitter a { color: rgb(79, 213, 248) !important; }
.google-plus a { color: rgb(221, 75, 57) !important; }
.facebook:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(75, 110, 168) !important; }
.twitter:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(79, 213, 248) !important; }
.google-plus:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(221, 75, 57) !important; }

@media (min-width: 768px) {
.event-list > li { position: relative; display: block; width: 100%; height: 100px; padding: 0px; }
.event-list > li > time, .event-list > li > img { display: inline-block; }
.event-list > li > time, .event-list > li > img { width: 120px; float: left; }
.event-list > li > .info { background-color: rgb(245, 245, 245); overflow: hidden; }
.event-list > li > time, .event-list > li > img { width: 100px; height: 100px; padding: 0px; margin: 0px; }
.event-list > li > .info { position: relative; height: 100px; text-align: left; padding-right: 25px;}
.event-list > li > .info > .title, .event-list > li > .info > .desc { padding: 0px 10px; }
.event-list > li > .info > ul { position: absolute; left: 0px; bottom: 0px; } 
.event-list > li > .social { position: absolute; top: 0px; right: 0px; display: block; width: 30px; }
.event-list > li > .social > ul { border-left: 1px solid rgb(230, 230, 230); }
.event-list > li > .social > ul > li { display: block; padding: 0px; }
.event-list > li > .social > ul > li > a { display: block; width: 30px; padding: 3px 0px 9px; }
}
.margin-bottom-20{margin-bottom:20px;}
.news-pg {margin-bottom: 10px;}
.border-learning:hover {
  box-shadow: 0 0 8px #ddd;
  transition: box-shadow 0.2s ease-in-out 0s;}
.col-md-4.sidebar{margin-top:-21px;}
.panel.panel-default.pull-left.col-md-4 .panel-body {
  background: none repeat scroll 0 0 #f4f4f4;
}
.moduleback{
  color: #3c7ead;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  padding: 7px 0 0;
  text-transform: uppercase;
  
}
.panel.panel-default.pull-left.col-md-4 {margin-right: 15px;padding: 0;margin-top:0;}

.news.margin-bottom-40 > ul {
  border-top: 2px solid #93CA92;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0px;
}

.news.margin-bottom-40 > ul {
list-style: none outside none;}

dt {
    color: #93ca92;
}

.news.margin-bottom-40 li {
    margin-top: 10px;
  padding-bottom:3px
}

.carousel-caption {
  width:100%;
  margin:0 auto;
  margin-top: 200px;
  text-align:left;
  left: 0%;
  margin-bottom:-28px;
  width:100%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  padding: 0 10px;
}

.carousel-caption h3 {
    color: white;
    font-size: 16px;
    font-weight: 200;
    line-height:15px;
}

.carousel-caption > p {
    font-weight: 200;
    line-height:15px;
    font-size: 12px;
}


.carousel.slide {
  margin-bottom: 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  font-size: 45px;
  height: 30px;
  margin-left: -15px;
  margin-top: -34px;
  width: 30px;
}
/*elearning*/
a.thumbnail {
  border: medium none;
  margin-bottom: 15px;
  padding: 0;
}
.thumbnail-style {
  margin-bottom: 20px;
  padding: 7px;
}
.thumbnail-style:hover {
  box-shadow: 0 0 8px #ddd;
  transition: box-shadow 0.2s ease-in-out 0s;
}
.thumbnail h3, .thumbnail-style h3 {
  margin: 6px 0 8px;
}
.thumbnail h3 a, .thumbnail-style h3 a {
  color: #585f69;
  font-size: 20px;
}
.thumbnail h3 a:hover, .thumbnail-style h3 a:hover {
  color: #72c02c;
  text-decoration: none;
}
.thumbnail-style .thumbnail-img {
  margin-bottom: 11px;
  position: relative;
}
.thumbnail-style a.btn-more {
  background: none repeat scroll 0 0 #93ca92;
  bottom: 10px;
  color: #fff;
  border:1px solid #fff;
  border-radius:2px;
  display: inline-block;
  padding: 3px 6px;
  position: absolute;
  right: -10px;
  -webkit-transition: right 2s; /* For Safari 3.1 to 6.0 */
  transition: right 1s;
  
}
.thumbnail-style a.btn-more:hover {
  box-shadow: 0px 1px 2px #666;
  text-decoration: none;
}
.thumbnail-style:hover a.btn-more {right: 10px;}
.thumbnail-kenburn img {
  left: 10px;
  margin-left: -10px;
  position: relative;
  transition: all 0.8s ease-in-out 0s;
}
.thumbnail-kenburn:hover img { transform: scale(1.2) rotate(2deg);}
.lrn-text > p {font-size: 12px;}
.news-related-news-date {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #666;
    display: block;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 1px 3px;
}

.box-workpackages {
background-color:#C1E0BA;
padding:10px;
height:250px;}


.box-partners {
background-color:#F4F4F4;
padding:10px;
height:280px;}

.box-partners .row .col-md-4 >img {
  margin-bottom: 20px;
    max-width: 100%;
}

.home-title {
line-height:1.5;}
.box-linksadc{margin-top:43px;}
.box-linksadc  img {
  width:100%;
}

.box-linksadc {
  background-color:#F4F4F4;}

.linksadc-text {
  padding:5px;
   color:#33882E;}

.linksadc-text >h1{
   color:#33882E;
font-size:24px;}

.pull-right > img {
    height: 35px;
    margin-top: 15px;
}

.event-list {
  border-top: 2px solid #93CA92;
  border-bottom: none !important; 
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 0px;
  padding-bottom: 1px;
}

.event-list > li {
    margin-left: 0 !important;
}

.imgCaller{
  cursor:pointer;
  opacity: 0.67;
}

.imgCaller:hover{
  opacity: 1;
}

.jcarousel{
  margin-bottom:8px;
}
.filelist{border:1px solid #ccc}
.filelist li{padding:5px; list-style-type:none;}
.filelist .li-odd{background:#f4f4f4;}
.size{font-size:11px; color:#666; padding-left:10px;}

.carousel-inner > .item {
    -webkit-transition: 2.5s ease-in-out left !important;
    -moz-transition: 2.5s ease-in-out left !important;
    -o-transition: 2.5s ease-in-out left !important;
    transition: 2.5s ease-in-out left !important;
}
.social.pull-right {
    margin-right: -12px;
}
.social.pull-right > a {
    background: none repeat scroll 0 0 #f4f4f4;
    border-radius: 3px;
    margin: 1px;
    padding: 5px 9px;
}

#search {
    float: right;
    margin-bottom: -20px;
    margin-top: -3em;
    padding: 0;
    position: relative;
}

#search .btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
}

.result-list-item.result-list-item-type-page a {
    color: #666666;
    font-size: 17px;
}

.result-list-item.result-list-item-type-news a {
        color: #666666;
    font-size: 17px;
}

.result-list-item.result-list-item-type-news {
    border-bottom: 1px dashed #999;
}

.hit {
    color: #82b587 !important;
    text-decoration: underline;
}

.cb-su .normal.minus > a {
    padding-left: 30px;
}
.cb-su #current > span {
    border-top: 1px solid #ddd;
    color: #585f69;
    display: block;
    font-weight: 600;
    padding: 5px 0 5px 30px;
}

@media (max-width:1024px){
#search {
    float: right;
    margin-bottom: -15px;
    margin-top: 5px;
    padding: 0;
    position: relative;
}

}


.item-legend{width:15px; height: 15px;display: inline-block;}
/*CALLOUT*/
.callout {
  border-left: 5px solid #eee;
  font-size: 1em;
  margin: 0;
  min-height: 60px;
  padding: 5px 30px 5px 25px;
  position: relative;
  text-align: left;
}
.callout h4 {
  margin-top: 0;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code, .callout .highlight {
  background-color: transparent;
}
.callout-info {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  margin: 0 15px;
}
.callout-info::after {
  /*
  border-color: rgba(235, 235, 235, 0) rgba(235, 235, 235, 0) #f4f4f4;
  border-image: none;
  border-style: solid;
  border-width: 11px;
  */
  bottom: 100%;
  content: " ";
  height: 0;
  margin-left: -6px;
  pointer-events: none;
  position: absolute;
  right: 72px;
  width: 0;
}
.callout-info h4 {
  color: #36c6e3;
}
.callout-info a {
  color: #4dcde6;
  font-weight: bold;
}
.callout-info a:hover {
  color: #36c6e3;
}
.callout-warning {
  background-color: #f6bb42;
  border-color: #f6bb42;
}

.callout-warning h4 {
  color: #f4a911;
}
.callout-warning a {
  color: #f5b22a;
  font-weight: bold;
}
.callout-warning a:hover {
  color: #f4a911;
}
.callout-danger {
  background-color: #f9cfc8;
  border-color: #e9573f;
}

.callout-danger h4 {
  color: #dc3519;
}
.callout-danger a {
  color: #e64328;
  font-weight: bold;
}
.callout-danger a:hover {
  color: #dc3519;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}