/* Non-essential 'container' styles: */
body {
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans',Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin:0;
    box-sizing:border-box;

}
a {
    color:#448;
    text-decoration:none;
}

.cifdic_header {
    box-sizing:border-box;
    position:relative;
    height:90px;
    background-color: #142033;
    text-align:right;
    padding:1em;
    color: #eaeef1;
    
}
.cifdic_header a, .cifdic_header a:visited {
    color:#eaeef1;
    /*font-weight:bold;*/
    margin-left: .5em;
    margin-right: .5em;
    text-decoration:none;
}
.cifdic_header_icon {
    box-sizing:border-box;
    position:absolute;
    top:45px;
    left:20px;
    width:90px;
    height:90px;
    border-radius: 90px;
    background-color: #ffffff;

    background-image: url('../../widgets/images/iucrlogo_grad1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:70px;
    z-index:1000;
    text-align:left;
}
.cifdic_header_iucr {
    box-sizing:border-box;
    position:absolute;
    top:35px;
    left:120px;
    width:100px;
    z-index:1000;
    font-weight:600;
    font-size:40px;
    color:#ffffff;
    text-align:left;
}
.cifdic_header_iucr a {
    color:#ffffff;
}
.cifdic_header_icon a, .cifdic_header_icon a:visited {
    color: #ffffff;
    font-weight:bold;
    text-decoration:none;
    width:100%;
    height:100%;
    display:block;
}
.cifdic_header_title {
    box-sizing:border-box;
    position:absolute;
    top:95px;
    left:120px;
    color: #63c4c9;
    font-weight:bold;
    font-size:1.5em;
    z-index:1000;
}
.cifdic_header_title a, .cifdic_header_title a:visited {
    color: #63c4c9;
    text-decoration:none;
}
.cifdic_footer {
    background-image: url("../../widgets/images/footer-logo-bg.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 70px;
    max-width: 100vw;
    overflow: hidden;
    height:90px;
    background-color:#142033;
    color:#ffffff;
    padding:10px;
    padding-right:70px;
    text-align:left;
}
#cifdic .button {
  display: inline-block;
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
  color: #666666;
}
#cifdic input, #cifdic textarea {
    border:1px solid #ccc;
    border-radius:3px;
    outline:0!important;
    outline-style:none!important;
    -moz-outline-style:none;
    width:90%;
    max-width:400px;
}

#cifdic div {
    box-sizing:border-box;
    position:relative;
}

#cifdic .page {
    max-width:1900px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    text-align: left;
    background-color:#ffffff;
    padding:2em;
    padding-top:5px;
   /* border:1px solid #efefef; */
    
}

@media only screen and (max-width: 700px) {
    #cifdic .page {
        padding:1em;
        padding-top:3em;
    }
}

#cifdic .noshadow {
    -moz-box-shadow: 3px 3px 10px #aaa; /*x-offset y-offset radius colour */
    -webkit-box-shadow: 3px 3px 10px #aaa;
    box-shadow: 3px 3px 10px #aaa;
}
#cifdic .rounded {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#cifdic b {
    color:#666666;
}
#cifdic h1 {
    font-size:1.5em;
    color:#666666;
}
#cifdic h2 {
    font-size:1.2em;
    color:#666666;
}
#cifdic .dictionary_info {
    background-color:#f5f5f5;
    border-radius:5px;
    border: 1px solid #e3e2e2;
    #background-image:url('https://www.iucr.org/__data/assets/image/0003/125499/CIF_v2.5.jpg');
    #background-repeat: no-repeat;
    #background-position: left top;
    #background-size:40px;
    padding:10px;
    #padding-left:50px;
    position: relative;
    #min-height:50px;
    font-size:.9em;
    margin-top:1em;
}
#cifdic .dictionary_meta {
    max-width:1000px;
}
#cifdic .dictionary_meta a, #cifdic .dictionary_meta a:visited {
    color:#990000;
    text-decoration:none;
}

#cifdic .view_div {
    padding:12px;
    padding-left:0px;
    border:0;
}

#cifdic pre {
    overflow:auto;
    font-size:12px;
    margin-top:1px;
    margin-bottom:1px;
}
#cifdic .pre_line {
    white-space:pre-line;
}

#cifdic .category {

    opacity:1;
    max-height:1000000px;
    overflow:hidden;
    padding-left:1em;
    transition:all .5s ease-in-out;

}
#cifdic .ddl2>.category {
    display:none;
}
#cifdic .subcategory, #cifdic .dataitem, #cifdic .dataitem_details, #cifdic .category>.dataitem, #cifdic .subcategory>.dataitem, #cifdic .subcategory>.subcategory, #cifdic .category>.subcategory, #cifdic .category_details, #cifdic .group_details, #cifdic #revision_list {

    opacity:0;
    max-height:0px;
    overflow:hidden;
    padding-left:1em;
    transition: all .5s ease-in-out;
}
#cifdic .expanded, #cifdic .expanded>.subcategory, #cifdic .expanded>.dataitem, #cifdic .expanded>.dataitem_details, #cifdic .expanded>.category_details, #cifdic .expanded>.group_details, #cifdic #revision_list.expanded {
    opacity:1;
    max-height:1000000px;
    overflow:hidden;
    transition: all .5s ease-in-out;
}

#cifdic .category_details, #cifdic .dataitem_details, #cifdic .group_details {
    text-align:right;
    border-left: 1px solid #ccc;
    margin-left: 20px;
    border-bottom-left-radius: 15px;
    -webkit-bottom-left-radius: 15px;
}
#cifdic .group_details {
    text-align:left;
}
#cifdic .category_details_short, #cifdic .category_details_long, #cifdic .dataitem_details_short, #cifdic .dataitem_details_long {
    text-align:left;
    padding-bottom:12px;
    padding-top:12px;
}

#cifdic .example {
    margin-top:12px;
}

#cifdic .bullet {
background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\00003cpath fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
background-repeat: no-repeat;
background-position: center;
transform: rotate(-90deg);
transition:all .5s;
width:1.5em;
height:1.5em;
display:inline-block;
vertical-align:bottom;
}
#cifdic .expanded>.bullet, #cifdic .expanded>.group_name>.bullet {
    transform: rotate(-180deg);
}
#cifdic .dic_revision {
    margin:1em;
    white-space:pre-line;
}
#cifdic .dic_revision_date {
    color:#666666;
    display:block;
}
#cifdic .switch {
    display:block;
    float:right;
    position:relative;
    z-index:10;
}
@media only screen and (max-width: 600px) { 
    #cifdic .switch {
        float:none;
    }
}

#cifdic .checkbox_switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  vertical-align: middle;
}

#cifdic .checkbox_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}


#cifdic .checkbox_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 24px;
}

#cifdic .checkbox_slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  text-align:center;
  border-radius: 50%;
  line-height:18px;
  font-size:10px;
  color:#ccc;
}


#cifdic input:checked + .checkbox_slider {
  background-color: #33a532;
}

#cifdic input:checked + .checkbox_slider:before {
  content: "";
}

#cifdic input:checked + .checkbox_slider:after {
  content: "";
}

#cifdic input:focus + .checkbox_slider {
  box-shadow: 0 0 1px #ccc;
}

#cifdic input:checked + .checkbox_slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

#cifdic .ddl2>.hideme, .hideme {
    display:none;
}
#cifdic .ddl2>.showme, .showme {
    display:block;
}

#cifdic .ddl_dataname, #cifdic .cif_dataname {
  color:#448;
  cursor:pointer;
}
#cifdic .ddl_datablock {
    font-weight:bold;
    color:#448;
}
#cifdic .ddl_delimiter {
    font-weight:bold;
    color:#990000;
}
#cifdic .ddl_keyword {
    font-weight:bold;
    color:#448;
}
#cifdic .ddl_value {

}

#cifdic .ddl_comment, #cifdic .ddl_comment span{
    color:#666666!important;
}

#cifdic #toptools {
    display:grid;
    justify-content:end;
    grid-template-columns: 290px 24px;
}

#cifdic #namesearch {
 width:290px;
 border:1px solid #ccc;
 display: grid; 
 grid-template-columns: 266px 24px;
 z-index:1001;
}
#cifdic #namesearchinput {
 width:250px;
 padding:5px;
 border:0;
 outline:0!important;
 outline-style:none!important;
 -moz-outline-style:none;

}
#cifdic #namesearchbutton {

background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg"  width="18" height="18" viewBox="0 0 18 18">\00003cpath fill="rgba(0,0,0,.54)" d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z">\00003c/path>\00003c/svg>');
background-repeat: no-repeat;
background-position: center;
cursor:pointer;
}

#cifdic #toolsbutton {
 background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1024 768%22%3E %3Cpath fill=%22rgba(0,0,0,.54)%22 d=%22M897 454.6V313.4L810.4 299c-6.4-23.3-16-45.7-27.3-65.8l50.5-71.4-99.4-100.2-71.4 50.5c-20.9-11.2-42.5-20.9-65.8-27.3L582.6-1H441.4L427 85.6c-23.3 6.4-45.7 16-65.8 27.3l-71.4-50.5-100.3 99.5 50.5 71.4c-11.2 20.9-20.9 42.5-27.3 66.6L127 313.4v141.2l85.8 14.4c6.4 23.3 16 45.7 27.3 66.6L189.6 607l99.5 99.5 71.4-50.5c20.9 11.2 42.5 20.9 66.6 27.3l14.4 85.8h141.2l14.4-86.6c23.3-6.4 45.7-16 65.8-27.3l71.4 50.5 99.5-99.5-50.5-71.4c11.2-20.9 20.9-42.5 27.3-66.6l86.4-13.6zm-385 77c-81.8 0-147.6-66.6-147.6-147.6 0-81.8 66.6-147.6 147.6-147.6S659.6 302.2 659.6 384 593.8 531.6 512 531.6z%22/%3E %3C/svg%3E");
 background-repeat: no-repeat;
 background-position: center;
 cursor:pointer;
 display:inline-block;
 width: 28px;
 height: 100%;

}
#cifdic #toolsoptions {
 z-index:99;
 border:1px solid #ccc;
 position:absolute;
 display:none;
 right:0px;
 width:200px;
 padding:12px;
 padding-top:6px;
 line-height:30px;
 background-color:#fff;
 box-shadow: 3px 3px 10px #aaa;
 border-radius: 5px;
}

#cifdic #scrollToTop {
    display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:1000;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#fff;
    background-image: url('data:image/svg+xml,\00003csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\00003cpath fill="rgba(0,0,0,.54)" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z">\00003c/path>\00003c/svg>');
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    border:1px solid #ccc;
}

#cifdic .closeparent {
    cursor:pointer;
    width:24px;
    height:24px;
    background-color:#fff;
    float:right;
    background-image: url('data:image/svg+xml,\00003csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" focusable="false">\00003cpath fill="rgba(0,0,0,.54)" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">\00003c/path>\00003c/svg>');
    background-repeat: no-repeat;
    background-position: center;
    display:inline-block;
}
#cifdic .highlight {
    -moz-box-shadow: 3px 3px 30px #0000FF; /*x-offset y-offset radius colour */
    -webkit-box-shadow: 3px 3px 30px #0000FF;
    box-shadow: 3px 3px 30px #0000FF;
    border-radius: 5px;
}