#content a {
    color:#0D6CAC;
}


div#mainNexusContent {
   padding: 0;
   margin: 20px;
}

span.mainTopicTitle {
   color:#aaaaaa;
}

.list-related {
   font-weight:bold;
}

.list-nexus {display: none;}

.nexus-image, .resource-image {
   float:left;
   margin-top: 10px;
   margin-right: 10px;
}

.nexus-title {font-size: 1.2em; padding:5px;}

.resource-cont {border-bottom: 1px solid #e0e0e0; margin-bottom: 9px;}
.resource-title {font-size: 1.2em; padding:2px 0px; }
.resource-title a {color:#0D6CAC;}
.resource-block {margin-left: 120px;}
.resource-type {text-transform: uppercase; color: #777; font-style: normal;}


.list-related-resources-by-topic .resource-cont:after {display: block; clear: both; content:''; padding-bottom: 10px;}

.nexus-description {
   padding: 20px;
   background-color: #e5e5e5;
   margin:5px;
}

div.paragraphTitle {
   font-size: 1.2em;
   font-weight:600;
   /* border-bottom: 1px solid grey; */
   margin-top:30px;
   margin-bottom:10px;
}

div.paragraphTitle .fa {
  font-size: 1.2em;
  position: relative; 
  top: 1px;
  color: #666;
}

div.nexus-item {
   background-color: #F5F7FA;
   padding: 5px;
   margin: 5px;    
}

div.list-related-resources-by-nexus {
   display: none;
}

.nexus-relation-topic, .nexus-relation-related {
   margin-left: 10px; 
   margin-right: 10px; 
}

.nexus-relation-topic span, .nexus-relation-related span {
   font-weight: bold;
}


.expandable, .compressible {
   margin-right:8px;
   cursor: pointer;
}


div.resource-list-keywords, div.resource-list-nexus {
   margin: 0;
   line-height: 190%;
   font-size:0.9em;
}
.frame-list-nexus {
   border-radius: 5px;
   padding: 5px;
}
.frame-list-nexus legend {
   font-weight: bold;
   padding-left: 5px;
   padding-right: 5px;
}
span.resource-item-keyword, span.resource-item-nexus {
   padding: 1px 6px 1px 6px;
   margin: 3px;
   border-radius: 5px;
}
span.resource-item-keyword {
   background-color: #E7E2AF;
}
span.resource-item-nexus {
   background-color: #c9e2e2;
}



input, select, .dyna_form_data_type_rte table {
   border-radius: 3px !important;
   padding: 5px !important;
   font-size: 1.1em !important;
}
option {
   font-size: 1.1em !important;
}

select#id_links {
   width: 100% !important;
}

div.list-type {
   font-size: 0.9em !important;
   position: relative;
   /*float: right;*/
   color: black;
   font-style: italic;
}

.read-more-list {
   float: right;
   font-size: 1.0em !important;
   margin: 2px;
}

#portfolio .container-fluid, #portfolio .col-sm-3 {
   border:5px solid #FFFFFF !important;
}


form#topic-edit-page div#sdg-main-title {
   color: #FFFFFF !important;
   font-size: 1.3em !important;
   margin:10px;
   padding:8px 20px;
   width: 90%;
   background-color: #7a7a7a;   
}
form#topic-edit-page input#title-field {
   color: #878787 !important;
   border: 1px solid #878787 !important;
   padding: 6px !important;
   border-radius: 3px !important;
   width: 90%;
}
form#topic-edit-page div#sdg-list-field {
   margin-left:10px !important;
}
form#topic-edit-page div#sdg-list-field span {
   font-size: 1.1em !important;
   color: #878787 !important;
   margin-left:10px !important;
}
form#topic-edit-page div#sdg-list-field span.selected {
   font-weight: bold !important;
   color: #4CAF50 !important;
}

form#topic-edit-page .act-button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    background-color: white;
    color: black;
    border: 2px solid #4CAF50; /* Green */    
    border-radius: 2px !important;
    padding: 2px 20px 2px 20px !important;
    width:150px;
}
form#topic-edit-page .act-button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}
form#topic-edit-page .act-button-saving {
    background-color: red;
    color: white;
    border: 2px solid red; /* Green */    
    border-radius: 2px !important;
    padding: 2px 20px 2px 20px !important;
    width:150px;
}


.topic-detail-sdg-list ul {
   font-size: 0.9em;
   line-height: 18px;
   margin-top:5px;
}

#c555394 .mainTitle a:hover {text-decoration: none;}