.word-break {
  -ms-word-break:   break-all;
 
  word-break:       break-word;
  word-break:        break-all;
  word-wrap:        break-word;
 display: inline-block;
  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
}
 
.modal{text-align:left;}
.modal-footer{border:none;text-align:center;margin:0;padding: 0 20px 20px 0px;}
.modal-body > span , .modal-body label{width:100%}
.modal-body > span{color:#666666}
.margbottom_span{margin:0 0 20px 0}
.btn-primary{background-color:#0095d4}
.btn-default{border:1px solid #0095d4;color:#0095d4}
.modal-body textarea{color:#0095d4}
.modal-body input, .modal-body textarea {width:100%}
.modal-header .close {margin-top: 3px;
/*background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -85px -170px;*/
background: url("../images/close_icon.png") no-repeat !important;
height: 18px;
width: 18px;
line-height:18px;
font-size: 25px;
border: none;}
.close, .close:hover, .close:focus{opacity:10;}

.bs-example {
    margin: 20px;
}
.showmore {
    visibility: hidden !important;
}
    .loader {
        border: 8px solid #f3f3f3;
        border-radius: 50%;
        border-top: 8px solid #3498db;
        width: 20px;
        height: 20px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        /*opacity: 0.5;
        background: black;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;*/
    }
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    #hidebackbtn {
        display: none !important;
    }

    #datasettitle {
        float: left !important;
        text-transform: uppercase !important;
        color: #1c84ba !important;
        font-size: 24px !important;
        font-family: GothamNarrow-Medium !important;
    }

    .backbtn {
        display: inline !important;
        font-family: GothamNarrow-Medium !important;
        font-size: 14px !important;
        color: #404040 !important;
        cursor: pointer !important;
        border-bottom: 1px !important;
        border-bottom-style: solid !important;
        border-bottom-color: dimgrey !important;
        float: right !important;
        padding-top: 16px !important;
        white-space: nowrap !important;
    }

    .publication_title {
        font-size: 20px !important;
    }

    .publication_author_type {
        font-size: 13px !important;
        font-family: gotham-extra-narrow-medium !important;
    }

    .author_label {
        font-size: 12px !important;
    }

    .date_label {
        font-size: 12px !important;
    }

    #downloadoptionheader {
        font-family: GothamNarrow-Medium !important;
        font-size: 14px !important;
        padding-top: 15px !important;
        left: 15px !important;
        white-space: nowrap !important;
    }

    #downloadformats {
        left: 0px !important;
    }

    .resizecls {
        width: 10% !important;
    }

    .resizeclsform {
        float: right !important;
        right: 80px !important;
    }

    body {
        margin: 0;
        font-family: 'Lato', sans-serif;
        -webkit-font-smoothing:antialiased;
    }

    .overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0, 0.9);
        overflow-y: hidden;
        transition: 0.5s;
    }

    .overlay-content {
        position: relative;
        top: 17%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .overlay a:hover, .overlay a:focus {
        color: #f1f1f1;
    }

    .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }
    /*.closebtn {
    padding-top:50px !important;
}*/
    .sidenav {
        height: 100%;
        width: 0;
        position: absolute;
        z-index: 1;
        /*top: 0;
    left: 0;*/
        background: #E5E5E5;
        overflow-x: hidden;
        transition: 0.5s;
        /*padding-top: 60px;*/
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .container_results .refine {
        padding: 0px 0 0 0 !important;
    }

    @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
 
}
.modal-content iframe {
    margin: 0 auto;
    display: block;
}

.container_results {
    padding-left: 1px !important;
}

.tagValues {
    display: inline-block;
}



.downloadformatmobile {
    margin-left: 4px;
    cursor: default;
}
.downloadformat {
     margin-left: 4px;
}
.subjectvalues {
    display:inline-block;
}
.countryval {
    display:inline-block;
}
.langVal {
     display:inline-block;
     cursor: pointer;
}

#citationurl {
    font-family:gotham-extra-narrow-medium;
    font-size:13px;
    font-weight:bold;
    color:#5FAFEE;
}
.opendata {
    background-color: #008CBA; /* Green */
    border: none;
    color: white;
    padding: 3px;
    text-align: left;
    text-transform: uppercase;
    width: 160px;
    height: 30px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.share {
    background-color: #008CBA; /* Green */
    border: none;
    color: white;
    padding: 3px;
    text-align: start;
    text-transform: uppercase;
    width: 163px;
    height: 25px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

/*.button1 {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }*/

.break {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.morectnt span {
    display: none;
}

.box {
  
    width: 165px;
    height: 77px;
}


    .box p {
        color: #333;
        padding: 0px;
    }

.right_column {
    background: none;
}

.hr1 {
    display: block;
    margin-top: 8.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: 0px;
    border-style: inset;
    border-width: 1px;
}

.button {
    background-color: #005b7a; /* blue */
    border: 1px;
    color: white;
    width: 74px;
    height: 22px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    display: inline-block;
    font-size: 12px;
    border-radius: 40px;
}

/*#btn_CSV {
    margin-left: 44px !important;
}*/

/*#btn_zip {
    width: 8% !important;
}*/


.hr2 {
    display: block;
    margin-top: 30.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: 0px;
    border-style: inset;
    border-width: 1px;
}

.hr3 {
    display: block;
    margin-top: 32.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: 0px;
    border-style: inset;
    border-width: 1px;
    width: 60em;
}

#txtalignleft {
    visibility: visible;
}

#citationurl {
    text-decoration: underline !important;
}

#permalink {
    text-decoration: underline !important;
}

#shorturl {
    text-decoration: underline !important;
}

#countrycode li:last-child:after {
    content: "";
    white-space: pre;
}

#countrycode li:after {
    content: ", ";
    white-space: pre;
}

#languages li + li:before {
    content: ", ";
    white-space: pre;
}

#Tagsname li:last-child:after {
    content: "";
    white-space: pre;
}

#Tagsname li:after {
    content: " ";
    white-space: pre;
}

#subjectname li + li:before {
    content: ", ";
    white-space: pre;
}

.headerBar clearfix {
    visibility: hidden;
}

.modalforembed {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 250; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    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 */
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.model-header {
    font-size: 23px;
}

.modal-body {
    padding: 2px 16px;
}

.sizes li .sizePreview.default {
    height: 1.55em;
    margin-left: 2.5em;
    width: 2em;
    cursor: pointer;
}

.sizes li .sizePreview.small {
    height: 2.55em;
    margin-left: 1.5em;
    width: 3em;
    cursor: pointer;
}

.sizes li .sizePreview.medium {
    height: 3.8em;
    margin-left: 0.6em;
    width: 4.5em;
    cursor: pointer;
}

.sizes li .sizePreview.large {
    height: 5.1em;
    width: 6em;
    margin-left: 10px;
    cursor: pointer;
}

.sizes li .sizePreview {
    background-color: #f7f7f7;
    border: 1px solid #777;
}

.left {
    float: left;
    padding: 1em;
    width: 20em;
}

.sizePreview.default.selected {
    background-color: #b3b3ca;
}

.sizePreview.medium.selected {
    background-color: #b3b3ca;
}

.sizePreview.small.selected {
    background-color: #b3b3ca;
}

.sizePreview.large.selected {
    background-color: #b3b3ca;
}

.datapreview {
    border: 1px solid #7b7373;
    width: 640px;
    height: 110px;
    background-color: #f9f9f9;
    margin-left: 40px;
}

.datapreviewforRelated {
    border: 1px solid #7b7373;
    width: 640px;
    height: auto;
    background-color: #f9f9f9;
    margin-left: 40px;
    padding-bottom: 10px;
}

.datapreviewforRelated2 {
    border: 1px solid #7b7373;
    width: 640px;
    height: auto;
    background-color: #f9f9f9;
    margin-left: 40px;
    padding-bottom: 10px;
}

.datapreviewforpublication {
    border: 1px solid #7b7373;
    width: 640px;
    height: auto;
    background-color: #f9f9f9;
    margin-left: 40px;
    padding-bottom: 10px;
}

@media only screen and (min-width : 1224px) {
    #datasetheader {
        bottom: 2px!important;
    }
     .align {
         padding-left: 0px;
         padding-right: 0px;
    }
    }

    /* Large screens ----------- */
    @media only screen 
    and (min-width : 1824px) {
   #datasetheader {
        bottom: 2px!important;
    }
    .align {
         padding-left: 0px;
         padding-right: 0px;
    }
    }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*#datasettype{
        width:30% !important;
    }*/
    #leftsidebar {
        top:0px !important
    }
    #resultsdiv {
        right:15px !important;
    }
     /*#idImage {
        margin-left: 70px !important;
    }*/
    #datasetdata{
        width:0px !important;
         right:13px !important;
        float:left !important;
    }
     #datasetdate{
        width:25% !important;
    }
    .navbar-header {
        display: none !important;
    }
      #myModalforgraph .modal-content {
        height: 400px !important;
        width: 650px !important;
    }

    #myModalforgraph .modal-header {
        width: 650px !important;
    }

    #myModalforgraph .modal-body {
        width: 650px !important;
    }
     #modalgraph {
        width:100% !important;
        height: 313px !important;
    }
    /*#externalsrc {
       display: none !important;
    }*/
    

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* STYLES GO HERE */
    #leftsidebar {
        top:0px !important
    }
    /*#idImage {
        margin-left: 70px !important;
    }*/
      #resultsdiv {
        right:15px !important;
    }
    #imageload {
        padding-left:0px !important;
    }
      
    #myModalforinsert {
        top:140px !important;
    }
        #myModalforinsert .modal-content {
            width:560px !important;
        }
        #myModalforinsert .modal-header {
            width:559px !important;
        }
    #modalgraph {
        width:100% !important;
        height: 313px !important;
    }
    .hr3 {
        display: block;
        margin-top: 34.8em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: 0px;
        border-style: inset;
        border-width: 1px;
        width: 72em;
    }
    #datasetheader{
       right: 23px !important;
       bottom: 21px !important;
    }
    #datasetsearch{
        right: 42px !important;
        bottom: 10px !important;
    }
   
   
    #myModalforgraph .modal-content {
        height: 400px !important;
        width: 650px !important;
    }

    #myModalforgraph .modal-header {
        width: 650px !important;
    }

    #myModalforgraph .modal-body {
        width: 650px !important;
    }

    #loadgraph {
        width: 600px !important;
        height: 300px !important;
    }

    #myModalfortable .modal-content {
        height: 400px !important;
        width: 650px !important;
    }

    #myModalfortable .modal-header {
        width: 650px !important;
    }

    #myModalfortable .modal-body {
        width: 650px !important;
    }

    #loadtable {
        width: 600px !important;
        height: 300px !important;
    }
    .seemore {
        width:10% !important;
    } 
}
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{
    #leftsidebar {
        top:0px !important
    }
      #idImage{
        width:13px !important;
        height:13px !important;
     }
  .imagediv {
        left: 50px !important;
    }
      .opentxt {
    font-size: 11px !important;
    font-family: gotham-extra-narrow-medium !important;
    font-weight: bold !important;
   padding-left: 7% !important;
    }
    .comment {
    text-overflow: ellipsis;width: 275px;white-space: nowrap;overflow: hidden;
}
    .showmore {
    visibility: visible !important;
}
      #resultsdiv {
        right:15px !important;
    }
 #hidebackbtn {
            display:none !important;
        }
 #relatedsec {
          right: 20px !important;
    }
  #relatedatasec {
        padding-top:5px !important;
          right: 20px !important;
    }
  #relatedpub {
        font-size: 12px !important;
    }
  #relatedPubTitle {
         font-size: 12px !important;
    }
  #briefdescription {
        font-size: 12px !important;
    }
   #publicationurl {
          font-size: 12px !important;
    }
    #relateddata {
        font-size: 12px !important;
    }
     #relatedDataTitle1 {
        font-size: 12px !important;
    }
    #relatedDataDesc1 {
         font-size: 12px !important;
    }
     #relatedDataTitle2 {
        font-size: 12px !important;
    }
    #relatedDataDesc2 {
        font-size: 12px !important;
    }
      #datasettitle {
        right:10px !important;
        font-size:12px !important;
    }
    #leftsidefulldiv {
        right:20px !important;
    }
    #side_bar {
        left:0px !important;
    }
    #txtleftdiv {
        background: rgb(241, 245, 248) !important;
    }
    #showbackbtn {
        padding-top:13px !important;
         font-size: 12px !important;
    }
    /*#backbtnsec {
        right:75px !important;
    }*/
    #databrowsersec {
        padding-top:0px !important;
        right: 5px !important;
    }
    #tableprev {
      font-size: 12px !important;
      
      left: 0px !important;
    }
    #tablecnt {
          padding-top:0px !important;
          right: 14px !important;
    }
     #databrowser {
        right:10px !important;
    }
    #tabletitle{
        font-size: 12px !important;
    }
    #subjectsdiv {
    padding-top: 5px !important;
    right: 10px !important;
    }
    #tagsdiv {
         padding-top: 0px !important;
    }
    #tagsval {
        right: 20px !important;
        font-size: 12px !important;
    }
    #Tagsname {
        font-size: 12px !important;
    }
     span {
        padding-right:0px !important;
    }
    #aboutdesc {
        right:20px !important;
    }
    #aboutsec {
         right: 20px !important;
          font-size: 12px !important;
    }
    #datasetdesc {
        right: 10px !important;
        font-size: 12px !important;
        padding-top: 5px !important;
    }
    #landside {
        font-size: 12px !important;
          padding-top: 5px !important;
    }
     #subjectname {
         padding-left: 0px !important;
        font-size: 10px !important;
    }
     #subjectval {
        right: 10px !important;
        font-size: 12px !important;
    }
    #opendtaname {
          padding-top: 10px !important;
           font-size: 12px !important;
           right: 20px !important;
    }
     #opendesc {
         padding-top: 5px !important;
          right: 20px !important;
    }
    #opendesctxt {
         font-size: 12px !important;
    }
    #viewopenbtn {
         right: 20px !important;
    }
    #opendta {
         font-size: 12px !important;
        width: 24%!important;
    }
    #downloadsec {
          right: 5px !important;
    }
    
    #downloadoptionheader {
        font-size: 12px !important;
        padding-top: 5px !important;
        left: 0px !important;
         right: 5px !important;
    }
    #downloadformats {
          left: 0px !important;
         right: 5px !important;
          bottom: 0px !important;
    }
    #graphicsec {
      padding-top: 5px !important;
       right: 20px !important;
    }
    #graphicheader {
        font-size: 12px !important;
    }
    #graphicviewload {
          padding-top: 0px !important;
    }
     #graphmodal {
        font-size: 12px !important;
    }
    #embedbtn {
        font-size: 12px !important;
    }
    
    .publication_title {
        font-size:12px !important;
    }
     .publication_author_type {
         font-size:8px !important;
    }
      /*.right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }*/
       .right_column .publication .description {
        font-size:11px !important;
    }
    .right_column .publication .description {
        font-size:11px !important;
    }
    .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
    .right_column .publication .show_more {
             font-size:10px !important;
    }
    #btn_CSV {
        margin-left: 24px !important;
    }
     #externalsrc {
        display: none !important;
    }
    /*#idImage{
        width:50% !important;
        min-height:25px !important;
        margin-left:50px !important;
    }*/
    #datasetSearch{
       left:40px !important;
       top:15px !important;
        padding-left:0px!important;
    }
    #datasetheader{
        right:22px !important;
        bottom:10px !important;
    }
    /*#datasetdiv{
        float:left !important;
        right:15px !important;
    }
    #datasettype{
        float:left !important;
        right:10px !important;
        width:30% !important;
    }
    #datasetdate{
        width:32% !important;
    }*/
    /*#btn_XML {
        margin-left: 24px !important;
        margin-top: 3px !important;
    }*/

    #citationurl {
        word-wrap: break-word !important;
    }

    #dtadownload {
        margin-left: 437px !important;
    }

    #tableview {
        height: 300px !important;
        overflow-x: auto !important;
        overflow-y: auto !important ;
        -webkit-overflow-scrolling:touch !important;
    }

    /*#dataview {
        height: 310px !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }*/

    #embdbtn {
        margin-left: 444px !important;
    }

    /*#modalview {
        width: 400px !important;
        height: 275px !important;
    }*/

    /*#graphiframe {
        width: 500px !important;
        height: 250px !important;
    }*/

    .hr3 {
        width: 52em !important;
    }

    .datapreviewforRelated {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforRelated2 {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforpublication {
        width: auto !important;
        height: auto !important;
    }

    #myModalforgraph .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalforgraph .modal-header {
        width: 500px !important;
    }

    #myModalforgraph .modal-body {
        width: 500px !important;
    }

    #loadgraph {
        width: 450px !important;
        height: 350px !important;
    }

    #myModalfortable .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalfortable .modal-header {
        width: 500px !important;
    }

    #myModalfortable .modal-body {
        width: 500px !important;
    }

    #loadtable {
        width: 500px !important;
        height: 350px !important;
    }

    /*#showbackbtn {
        display: none !important;
    }*/

    /*#datasettitle {
        width: 120% !important;
    }*/
    #spanid{       
        font-size:150% !important;
        font-weight:bold !important;
        color:#404040 !important;
    }
     .publication_author_type {
         font-size:8px !important;
    }
      .publication_title {
        font-size:12px !important;
    }
       /*.right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }*/
        .right_column .publication .description {
        font-size:11px !important;
    }
        .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
        .right_column .publication .show_more {
             font-size:10px !important;
    }
#datasetheader{
    bottom:25px !important;
    right:22px !important;
}
#datasetSearch{
    left:40px !important;
}

/*#idImage{
    width:40% !important;
    margin-left:55px !important;
}*/
#datasetdate{
    width:35% !important;
}
 #externalsrc {
        display: none !important;
    }
    /*#graphicviewload {
        width: 50% !important;
    }*/
    #enlargecollapse {
        padding-top : 5% !important;
    }
     /*#myModalforgraph .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalforgraph .modal-header {
        width: 500px !important;
    }

    #myModalforgraph .modal-body {
        width: 500px !important;
    }*/

    #modalgraph {
        width: 450px !important;
        height: 350px !important;
    }
        #myModalforinsert .modal-content {
       height: 300px !important;
       width: 330px !important;
    }
     #myModalforinsert .modal-header {
       width: 329px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px)  and (orientation: landscape) {
    #leftsidebar {
        top:0px !important
    }  
    .opentxt {
    font-size: 11px !important;
    font-family: gotham-extra-narrow-medium !important;
    font-weight: bold !important;
  padding-left: 7% !important;
    }
    .shareimg {
        display: none;
    }
    #socialicon {
        right: 18px !important;
    }
    #quickfactsec {
        padding-left: 12px !important;
        text-align : initial !important;
        font-size: 12px !important;
    }
    .quickimg {
        width: 15% !important;
    }
      #tablepreviewicon {
        display: block !important;
    }
    .imagediv {
        left: 50px !important;
    }
    .comment {
    text-overflow: ellipsis;width: 275px;white-space: nowrap;overflow: hidden;
}
      .showmore {
    visibility: visible !important;
}
    #resultsdiv {
        right:15px !important;
    }
    #hidebackbtn {
            display:none !important;
        }
      #datasettitle {
        right:10px !important;
        font-size:14px !important;
    }
    #relatedsec {
        right: 20px !important;
    }
       #relatedatasec {
        padding-top:5px !important;
         right: 20px !important;
    }
    #relatedpub {
        font-size: 12px !important;
    }
    #relatedPubTitle {
          font-size: 12px !important;
    }
    #briefdescription {
        font-size: 12px !important;
    }
     #publicationurl {
          font-size: 12px !important;
    }
     #relatedDataTitle2 {
        font-size: 12px !important;
    }
    #relatedDataDesc2 {
        font-size: 12px !important;
    }
    #relatedDataTitle1 {
        font-size: 12px !important;
    }
    #relatedDataDesc1 {
         font-size: 12px !important;
    }
        #relateddata {
        font-size: 12px !important;
    }
    #leftsidefulldiv {
        right:20px !important;
    }
    #side_bar {
        left:0px !important;
    }
    #txtleftdiv {
        background: rgb(241, 245, 248) !important;
    }
    #showbackbtn {
        padding-top:13px !important;
         font-size: 11px !important;
    }
    #backbtnsec {
        right:0px !important;
    }
    #databrowsersec {
        padding-top:0px !important;
        right: 5px !important;
    }
    #tableprev {
      font-size: 11px !important;
      
      left: 0px !important;
      padding-top: 7px !important;
    }
    #tablecnt {
          padding-top:0px !important;
          right: 14px !important;
          display: none;
    }
     #databrowser {
        right:10px !important;
        /*display:none;*/
        display: none;
    }
     #databrowserMobile {
        display:block !important;
    }
    #tabletitle{
        font-size: 12px !important;
    }
    #subjectsdiv {
    padding-top: 5px !important;
    right: 10px !important;
    }
    #tagsdiv {
         padding-top: 0px !important;
    }
    #tagsval {
        right: 20px !important;
        font-size: 11px !important;
    }
    #Tagsname {
        font-size: 12px !important;
    }
     span {
        padding-right:0px !important;
    }
    #aboutdesc {
        right:20px !important;
    }
    #aboutsec {
         right: 20px !important;
          font-size: 12px !important;
    }
    #datasetdesc {
        right: 10px !important;
        font-size: 12px !important;
        padding-top: 5px !important;
    }
    .showmoretxtpub {
         font-size: 10px !important;
    }
    #landside {
        font-size: 11px !important;
          padding-top: 5px !important;
    }
     #subjectname {
         padding-left: 0px !important;
        font-size: 11px !important;
    }
     #subjectval {
        right: 10px !important;
        font-size: 11px !important;
    }
    #opendtaname {
          padding-top: 10px !important;
           font-size: 11px !important;
         right: 20px !important;
    }
     #opendesc {
         padding-top: 5px !important;
          right: 20px !important;
    }
    #opendesctxt {
         font-size: 12px !important;
    }
    #viewopenbtn {
         right: 20px !important;
    }
    #opendta {
         font-size: 11px !important;
         width: 25% !important;
    }
    #downloadsec {
          right: 5px !important;
    }
    #downloadoptionheader {
        font-size: 11px !important;
        padding-top: 20px !important; /*aarti*/
        left: 0px !important;
         right: 5px !important;
    }

    /*For increase Download icons to a 15% of the width*/
      .downloadimg {
        width: 6% !important;   /*aarti*/
    }

    #downloadformats {
          left: 0px !important;
         right: 5px !important;
         bottom: 0px !important;
    }
    #graphicsec {
      padding-top: 5px !important;
       right: 20px !important;
    }
    #graphicheader {
        font-size: 12px !important;
    }
    #graphicviewload {
          padding-top: 0px !important;
    }
     #graphmodal {
        font-size: 12px !important;
    }
    #embedbtn {
        font-size: 12px !important;
    }
  
    .publication_title {
        font-size:12px !important;
    }
     .publication_author_type {
         font-size:8px !important;
    }
      /*.right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }*/
       .right_column .publication .description {
        font-size:11px !important;
    }
    .right_column .publication .description {
        font-size:11px !important;
    }
    .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
    .right_column .publication .show_more {
             font-size:10px !important;
    }
    #btn_CSV {
        margin-left: 24px !important;
    }
     #externalsrc {
        display: none !important;
    }
    #idImage{
        width:13px !important;
        height:13px !important;
     }
    #datasetSearch{
       left:40px !important;
        top:15px !important;
        padding-left:0%!important;
    }
    #datasetheader{
        right:22px !important;
        bottom:10px !important;
    }
    /*#datasetdiv{
        float:left !important;
        right:15px !important;
    }
    #datasettype{
        float:left !important;
        right:10px !important;
        width:30% !important;
    }
    #datasetdate{
        width:32% !important;
    }*/
    /*#btn_XML {
        margin-left: 24px !important;
        margin-top: 3px !important;
    }*/

    #citationurl {
        word-wrap: break-word !important;
    }

    #dtadownload {
        margin-left: 437px !important;
    }

    #tableview {
        height: 300px !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
    
    /*#dataview {
        height: 310px !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }*/

    #embdbtn {
        margin-left: 444px !important;
    }

    /*#modalview {
        width: 100% !important;
        height: 275px !important;
    }*/

    /*#graphiframe {
        width: 500px !important;
        height: 250px !important;
    }*/

    .hr3 {
        width: 52em !important;
    }

    .datapreviewforRelated {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforRelated2 {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforpublication {
        width: auto !important;
        height: auto !important;
    }

    #myModalforgraph .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalforgraph .modal-header {
        width: 500px !important;
    }

    #myModalforgraph .modal-body {
        width: 500px !important;
    }

    #loadgraph {
        width: 450px !important;
        height: 350px !important;
    }

    #myModalfortable .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalfortable .modal-header {
        width: 500px !important;
    }

    #myModalfortable .modal-body {
        width: 500px !important;
    }

    #loadtable {
        width: 500px !important;
        height: 350px !important;
    }

    /*#showbackbtn {
        display: none !important;
    }*/

    /*#datasettitle {
        width: 120% !important;
    }*/
    #spanid{       
        font-size:150% !important;
        font-weight:bold !important;
        color:#404040 !important;
    }
     .publication_author_type {
         font-size:8px !important;
    }
      .publication_title {
        font-size:12px !important;
    }
       /*.right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }*/
        .right_column .publication .description {
        font-size:11px !important;
    }
        .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
        .right_column .publication .show_more {
             font-size:10px !important;
    }
#datasetheader{
    bottom:25px !important;
    right:22px !important;
}
#datasetSearch{
    left:40px !important;
}

/*#idImage{
    width:40% !important;
    margin-left:55px !important;
}*/
#datasetdate{
    width:35% !important;
}
 #externalsrc {
        display: none !important;
    }
    /*#graphicviewload {
        width: 50% !important;
    }*/
    #enlargecollapse {
        padding-top : 5% !important;
    }
     #myModalforgraph .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalforgraph .modal-header {
        width: 500px !important;
    }

    #myModalforgraph .modal-body {
        width: 500px !important;
    }

    #modalgraph {
        width: 450px !important;
        height: 350px !important;
    }
        #myModalforinsert .modal-content {
       height: 300px !important;
       width: 330px !important;
    }
     #myModalforinsert .modal-header {
       width: 329px !important;
    }
}
/*@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
    and (-webkit-device-pixel-ratio : 3)
{ 
     #showbackbtn {
        padding-top:16px !important;
         font-size: 12px !important;
    }
}*/


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #leftsidebar {
        top:0px !important
    } 
      #idImage{
        width:13px !important;
        height:13px !important;
     }
      .showmoretxtpub {
        font-size: 9px !important;
    }
       .shareimg {
        display: none;
    }
        #socialicon {
        right: 19px;
    }
    #quickfactsec {
        text-align: initial !important;
         font-size: 13px !important;
         padding-left: 13px !important;
    }
    .quickimg {
        width: 19% !important;
    }
    .opentxt {
    font-size: 11px !important;
    font-family: gotham-extra-narrow-medium !important;
    font-weight: bold !important;
   padding-left: 7% !important;
    }
    .comment {
    text-overflow: ellipsis;width: 275px;white-space: nowrap;overflow: hidden;
}
      .showmore {
    visibility: visible !important;
}
     #resultsdiv {
        right:15px !important;
    }
     #hidebackbtn {
            display:none !important;
        }
      #datasettitle {
        right:10px !important;
        font-size:14px !important;
    }
       #relatedsec {
        right: 20px !important;
    }
       #relatedatasec {
        padding-top:5px !important;
        right: 20px !important;
    }
       #relatedpub {
        font-size: 12px !important;
    }
    #relatedPubTitle {
         font-size: 12px !important;
    }
    #briefdescription {
        font-size: 12px !important;
    }
    #publicationurl {
        font-size: 12px !important;
    }
        #relateddata {
        font-size: 12px !important;
    }
         #relatedDataTitle2 {
        font-size: 12px !important;
    }
    #relatedDataDesc2 {
        font-size: 12px !important;
    }
         #relatedDataTitle1 {
        font-size: 12px !important;
    }
    #relatedDataDesc1 {
         font-size: 12px !important;
    }
    #side_bar {
        left:0px !important;
    }
    #txtleftdiv {
        background: rgb(241, 245, 248) !important;
    }
    #leftsidefulldiv {
        right:20px !important;
    }
    #showbackbtn {
        padding-top:13px !important;
         font-size: 12px !important;
    }
    #backbtnsec {
        right:0px !important;
    }
    #databrowsersec {
        padding-top:0px !important;
        right: 5px !important;
    }
    #tableprev {
      font-size: 11px !important;
      
      left: 0px !important;
      padding-top: 10px !important;
    }
    #tablepreviewicon {
        display: block !important;
    }
    #tablecnt {
          padding-top:0px !important;
          right: 14px !important;
          display: none;
    }
      #databrowser {
        right:10px !important;
        /*display:none;*/
        display: none;
    }
     #databrowserMobile {
        display:block !important;
    }
    #tabletitle{
        font-size: 12px !important;
    }
    #subjectsdiv {
    padding-top: 5px !important;
    right: 10px !important;
    }
    #tagsdiv {
         padding-top: 0px !important;
    }
    #tagsval {
        right: 20px !important;
        font-size: 11px !important;
    }
    #Tagsname {
        font-size: 12px !important;
    }
     span {
        padding-right:0px !important;
    }
    #aboutdesc {
        right:20px !important;
    }
    #aboutsec {
         right: 20px !important;
          font-size: 12px !important;
    }
    #datasetdesc {
        right: 10px !important;
        font-size: 12px !important;
        padding-top: 5px !important;
    }
    #landside {
        font-size: 11px !important;
          padding-top: 5px !important;
    }
     #subjectname {
         padding-left: 0px !important;
        font-size: 11px !important;
    }
     #subjectval {
        right: 10px !important;
        font-size: 11px !important;
    }
    #opendtaname {
          padding-top: 10px !important;
           font-size: 11px !important;
           right: 20px !important;
    }
     #opendesc {
         padding-top: 5px !important;
          right: 20px !important;
    }
    #opendesctxt {
         font-size: 12px !important;
    }
    #viewopenbtn {
         right: 20px !important;
    }
    #opendta {
         font-size: 11px !important;
         width: 31%!important;
    }
    #downloadsec {
          right: 5px !important;
    }
    #downloadoptionheader {
        font-size: 11px !important;
        padding-top: 20px !important;  /*aarti*/
        left: 0px !important;
         right: 5px !important;
    }

    /*For increase Download icons to a 15% of the width*/
      .downloadimg {
        width: 6% !important;   /*aarti*/
    }

    #downloadformats {
          left: 0px !important;
         right: 5px !important;
           bottom: 17px!important;
    padding-left: 5%!important;
    }
    #graphicsec {
      padding-top: 5px !important;
       right: 20px !important;
    }
    #graphicheader {
        font-size: 12px !important;
    }
    #graphicviewload {
          padding-top: 0px !important;
    }
     #graphmodal {
        font-size: 12px !important;
    }
    #embedbtn {
        font-size: 12px !important;
    }
  
    .publication_title {
        font-size:12px !important;
    }
     .publication_author_type {
         font-size:8px !important;
    }
      .right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }
      
   .right_column .publication .description {
        font-size:9px !important;
    }
   
    .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
    .right_column .publication .show_more {
             font-size:10px !important;
    }
    #btn_CSV {
        margin-left: 24px !important;
    }
     #externalsrc {
        display: none !important;
    }
      #dataview {
        overflow-x: auto !important;
        overflow-y: auto !important;
    }
    /*#idImage{
        width:50% !important;
        min-height:25px !important;
        margin-left:50px !important;
    }*/
    #datasetSearch{
       left:40px !important;
        top:15px !important;
        padding-left: 0px!important;
    }
    #datasetheader{
        right:22px !important;
        bottom:10px !important;
    }
    /*#datasetdiv{
        float:left !important;
        right:15px !important;
    }
    #datasettype{
        float:left !important;
        right:10px !important;
        width:30% !important;
    }
    #datasetdate{
        width:32% !important;
    }*/
    /*#btn_XML {
        margin-left: 24px !important;
        margin-top: 3px !important;
    }*/

    #citationurl {
        word-wrap: break-word !important;
    }

    #dtadownload {
        margin-left: 437px !important;
    }

    #tableview {
        height: 300px !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling:touch !important;
    }

    #dataview {
        /*height: 310px !important;*/
        overflow-x: auto !important;
        overflow-y: auto !important;
          -webkit-overflow-scrolling:touch !important;
    }

    #embdbtn {
        margin-left: 444px !important;
    }

    /*#modalview {
        width: 400px !important;
        height: 275px !important;
    }

    #graphiframe {
        width: 500px !important;
        height: 250px !important;
    }*/

    .hr3 {
        width: 52em !important;
    }

    .datapreviewforRelated {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforRelated2 {
        width: auto !important;
        height: auto !important;
    }

    .datapreviewforpublication {
        width: auto !important;
        height: auto !important;
    }

    #myModalforgraph .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalforgraph .modal-header {
        width: 500px !important;
    }

    #myModalforgraph .modal-body {
        width: 500px !important;
    }

    #loadgraph {
        width: 450px !important;
        height: 350px !important;
    }

    #myModalfortable .modal-content {
        height: 400px !important;
        width: 500px !important;
    }

    #myModalfortable .modal-header {
        width: 500px !important;
    }

    #myModalfortable .modal-body {
        width: 500px !important;
    }

    #loadtable {
        width: 500px !important;
        height: 350px !important;
    }

    /*#showbackbtn {
        display: none !important;
    }*/

    /*#datasettitle {
        width: 120% !important;
    }*/
    #spanid{       
        font-size:150% !important;
        font-weight:bold !important;
        color:#404040 !important;
    }
}
@media (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 192dpi) and (max-device-width:640px) {
    .dataset-autocomplete {
        min-width: 302px!important;
    }
    
}
@media (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 192dpi){
  .dataset-autocomplete {
  
    min-width:91%!important;
}
  
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
   #leftsidebar {
        top:0px !important
    }
    .showmoretxtpub {
        font-size: 9px !important;
    }
    .shareimg {
        display: none;
    }
    #socialicon {
        right: 19px;
    }
     #quickfactsec {
        text-align: initial !important;
        font-size: 12px !important;
        padding-left: 11px !important;
    }
    .quickimg {
        width: 34% !important;
    }
    /*#dataview {*/
        /*height: 310px !important;*/
        /*overflow: scroll !important;*/
        /*overflow-x: auto !important;
        overflow-y: auto !important;*/
          /*-webkit-overflow-scrolling:touch !important;*/

    /*}*/
   
   /*#dataview::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
#dataview::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: rgba(0,0,0,.5);
box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/
 

   .opentxt {
    font-size: 9px !important;
    font-family: gotham-extra-narrow-medium !important;
    font-weight: bold !important;
    /*padding-left: 3% !important;*/
    }

/*for Featured Visualization: Set up the modal view up to 80% of the page.*/

   #myModalforgraph .modal-content {
        height: 440px !important;     /* aarti (fv)*/
        width: 290px !important;
    }

    #myModalforgraph .modal-header {
        width: 290px !important;       /*aarti*/
    }

    #myModalforgraph .modal-body {
        width: 290px !important;      /*aarti*/
        height:440px !important;

    }
#myModalforgraph .modal-dialog {
    padding-right:26px!important;
}
    #modalgraph {
        width: 260px !important;     /* aarti*/
        height: 390px !important;
    }
    #loagraph {
        width: 310px !important;
        height: 300px !important;
    }
    #myModalforinsert .modal-content {
       height: 280px !important;
       width: 307px !important;
    }
     #myModalforinsert .modal-header {
       width: 306px !important;
    }
    #myModalfortable .modal-content {
        height: 400px !important;
        width: 265px !important;
    }
#myModalforinsert .modal-dialog {
    padding-right:20px!important;
}
    #myModalfortable .modal-header {
        width: 310px !important;
    }

    #myModalfortable .modal-body {
        width: 310px !important;
        padding: 2px 9px !important;
    }

    #loadtable {
        width: 339px !important;
        height: 350px !important;
    }

    .modalforembed .modal-content {
        width: 75% !important;
    }
    .dataset-autocomplete {
    min-width: 301px!important;
}
     #idImage{
        width:11px !important;
        height:11px !important;
     }
   .comment {
    text-overflow: ellipsis;width: 275px;white-space: nowrap;overflow: hidden;
}
     .showmore {
    visibility: visible !important;
}
     .backbtn {
            /*float: left !important;*/
            top: auto !important;
            left: auto !important;
        }
      #resultsdiv {
        right:15px !important;
    }
    #relatedsec {
          right: 20px !important;
    }
    #relatedatasec {
        padding-top:5px !important;
        right: 20px !important;
    }
    #relatedpub {
        font-size: 12px !important;
    }
    #relatedPubTitle {
         font-size: 12px !important;
    }
    #briefdescription {
        font-size: 12px !important;
    }
    #publicationurl {
          font-size: 12px !important;
    }
     #relatedDataTitle1 {
        font-size: 12px !important;
    }
    #relatedDataDesc1 {
         font-size: 12px !important;
    }
    #relatedDataTitle2 {
        font-size: 12px !important;
    }
    #relatedDataDesc2 {
        font-size: 12px !important;
    }
     #relateddata {
        font-size: 12px !important;
    }
     /*#backbtnsec {
        right:10px !important;
    }*/
     #showbackbtn {
        padding-top:12px !important;
        font-size: 11px !important;
    }
      #databrowsersec {
        padding-top:0px !important;
        right: 5px !important;
    }
    #tablepreviewicon {
        display: block !important;
       
    }
   #tableprev {
      font-size: 10px !important;
      
      left: 0px !important;
      padding-top: 10px !important;
    }
    #tablecnt {
          padding-top:0px !important;
           right: 14px !important;
           display: none;
    }
    #databrowser {
        right:10px !important;
        /*display:none;*/
        display: none;
    }
     #databrowserMobile {
        display:block !important;
    }
    #tabletitle{
        font-size: 12px !important;
    }
      #subjectsdiv {
    padding-top: 5px !important;
    right: 10px !important;
    }
    #tagsdiv {
         padding-top: 0px !important;
    }
    #tagsval {
        right: 20px !important;
          font-size: 11px !important;
    }
    #Tagsname {
        font-size: 12px !important;
    }
    span {
        padding-right:0px !important;
    }
       #aboutsec {
         right: 20px !important;
          font-size: 12px !important;
    }
        #aboutdesc {
        right:20px !important;
    }
         #datasetdesc {
        right: 10px !important;
        font-size: 12px !important;
        padding-top: 5px !important;
    }
    #landside {
        font-size: 11px !important;
          padding-top: 5px !important;
    }
    #subjectname {
         padding-left: 0px !important;
        font-size: 11px !important;
    }
    #subjectval {
        right: 10px !important;
        font-size: 11px !important;
    }
     #opendtaname {
          padding-top: 10px !important;
           font-size: 11px !important;
           right: 20px !important;
    }
    #opendesc {
         padding-top: 5px !important;
          right: 20px !important;
    }
     #opendesctxt {
         font-size: 12px !important;
    }
    #viewopenbtn {
         right: 20px !important;
    }
     #opendta {
         font-size: 11px !important;
          width:61%!important;
    }

     /* TO adjust margin of download data (set-up margin-bottom: 20px;).*/

    #downloadoptionheader {
        font-size: 11px !important;
        padding-top: 20px !important; /*aarti*/
        left: 0px !important;
         right: 5px !important;
    }
      #downloadsec {
          right: 5px !important;
    }
     #downloadformats {
          left: 0px !important;
         right: 5px !important;
         bottom: 19px!important;
    padding-left: 22%!important;
    }
/*For increase Download icons to a 15% of the width*/
      .downloadimg {
        width: 15% !important;   /*aarti*/
    }
    #graphicsec {
      padding-top: 5px !important;
       right: 20px !important;
    }
     #graphicheader {
        font-size: 12px !important;
    }
    #graphicviewload {
          padding-top: 0px !important;
    }
    #graphmodal {
        font-size: 12px !important;
    }
     #embedbtn {
        font-size: 12px !important;
    }
    
    #datasettitle {
        right:10px !important;
        font-size:14px !important;
    }
     #side_bar {
        left:0px !important;
    }
     #txtleftdiv {
        background: rgb(241, 245, 248) !important;
    }
     #leftsidefulldiv {
        right:20px !important;
    }
     /*.data-catalog .container_results {
        padding-right: 0px !important;
    }*/
    .publication_title {
        font-size:11px !important;
    }
    .publication_author_type {
         font-size:8px !important;
    }
   
    /*#socialicon {
        width: 70% !important;
    }*/
    #externalsrc {
        display: none !important;
    }
    #enlargecollapse {
        padding-top:5% !important;
    }
    .overlay .closebtn {
        top: 5px !important;
        right: 10px !important;
    }
    .overlay-content {
        left: 25px !important;
    }
      
     .right_column .publication .publication_author .author_label, .right_column .publication .publication_date .date_label {
         font-size:8px !important;
     }
      .right_column .publication .description {
        font-size:9px !important;
    }
      .date_label {
        font-size:9px !important;
    }
    .date {
        font-size:9px !important;
    }
    .author {
        font-size:9px !important;
    }
    .author_label {
        font-size:9px !important;
    }
      .right_column .publication .show_more {
             font-size:9px !important;
    }
     #landside{
         width:75% !important;
     }
     /*#idImage{
         width: 70% !important;
         min-height: 15px !important;
         margin-left:20px !important;
     }*/
    /*#datasetdiv{
        float:left !important;
        right:16px !important;
        width:100% !important;
        font-size:12px !important;
    }
     #datasettype{
        float:left !important;
        right:16px !important;
        width:100% !important;
    }
     #datasetdate{
         float:left !important;
         width:100% !important;
     }*/
    #datasetheader {
    white-space: nowrap !important;
    right:24px !important;
    bottom:15px !important;
   }
    #datasetsearch{
        right:0px !important;
        bottom:10px !important;
    }
    #datasetSearch {
        padding-left: 0px !important;      
    }
    /*#showbackbtn {
        display: none !important;
    }*/
    #hidebackbtn {
            display:none !important;
        }
    /*/*#datasettitle {
        width: 120% !important;
        /*font-size:18px !important;*/
    }/*/
   
    /*#relatedDataTitle1 {
            padding-left: 17px !important;
        }*/
    .datacatalogtype {
        width: 100% !important;
        padding-top: 10px !important;
    }

    .datacatalogvariable {
        width: 100% !important;
        padding-top: 10px !important;
    }

    #downloadformats {
        /*width: auto !important;*/
        float:right!important;
    }

    #btn_CSV {
        margin-left: 0px !important;
    }

    /*#btn_RSS {
        margin-left: 0px !important;
        margin-top: 2px !important;
    }*/

    #hideshowcitation {
        width: 100% !important;
    }

    #citationurl {
        width: 100% !important;
        word-wrap: break-word !important;
    }

    #mobileview {
        padding-left: 2px !important;
    }

    /*#dataview {
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow:scroll !important;
        -webkit-overflow-scrolling:touch !important;
    }*/

    /*#modalview {
        width: 140% !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }*/

    #dtadownload {
        margin-left: 185px !important;
        margin-top: 30px !important;
    }

    #embdbtn {
        margin-left: 185px !important;
        margin-top: 30px !important;
    }

    .hr3 {
        display: block;
        margin-top: 34.8em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: 0px;
        border-style: inset;
        border-width: 1px;
        width: auto !important;
    }

    .datapreviewforRelated {
        border: 1px solid #7b7373;
        width: auto !important;
        height: auto !important;
        background-color: #f9f9f9;
        margin-left: 40px;
    }

    .datapreviewforRelated2 {
        border: 1px solid #7b7373;
        width: auto !important;
        height: auto !important;
        background-color: #f9f9f9;
        margin-left: 40px;
    }

    .datapreviewforpublication {
        border: 1px solid #7b7373;
        width: 234px !important;
        height: auto !important;
        background-color: #f9f9f9;
        margin-left: 40px;
    }

    #publicationurl {
        word-wrap: break-word !important;
    }

    /*/*#slide-nav {
        width: 320px !important;
    }*/

    #dataheader {
        width: 292px !important;
    }

    #graphicheader {
        width: 292px !important;
    }

 

body {
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 17%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
/*#datasetSearch {
    z-index:0;
}
#topic {
      z-index:0 !important;
}
.container_selectscommon {
     z-index:0 !important;
}
.input-group {
    z-index:0 !important;
}*/
/*.closebtn {
    padding-top:50px !important;
}*/