footer{
    background-color: #0052a6;
    margin: 0;
    padding: 20px;
    font: 1em "Open Sans", sans-serif;
    text-align: center;
    color: #fff;
}
body{
    background-color: #AAAAAA; 
}
.center{
    margin: auto;
}
.intro .para1{
    font-size: 16px;
}
.intro .para2{
    font-size: 18px;
}

.navbar-default{
    background-color: #0052a6;
    color: #fff;
}

#sequence{
    overflow: auto;
}

.dyndom6d_notice{
	border-radius: 25px;
	border: 2px solid #6395eb;
	background-color: #dce6f7;
	margin: 15px;
	padding: 15px;
}

.modal{
    position:fixed;
    display:none;
    padding:150px;
    background-color:rgba(1,1,1,0.5);
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
    left:0;
    top:0;
}

.dcgModalImg{
    flex:1;
    overflow:auto; 
    background-color:white;
    margin: 15px;
}
.dcgModalContent{
    background-color:white;
    position:absolute;
    display:flex;
    flex-direction:column;
    top:150;
    bottom:150;
    left:150;
    right:150;
}


.text_left{
    text-align: left;
}

.dcg-container{
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
}

.dcg-flex{
    flex:1;
}

.dcgModalHeader{
    padding-left:10px;
}
.dcgModalTitle{
    margin: 25px;
}
.close{
    position: absolute;
    top: 15px;
    right: 35px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.dcg-image {
    transition: 0.3s;    
}
.dcg-image:hover{
    cursor:pointer;
    cursor:zoom-in;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pull-left{
    color: #fff;
    font-size: x-large;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin-top: 10px;
    padding-right: 25px;
    border-right: 1px solid #fff;
} 

.navbar-nav > li > a{
    background-color: #0052a6;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: large;
    padding-top: 20px;
    padding-bottom: 25px;

}

.dropdown-menu{
    background-color: #0052a6;
}
.dropdown-menu > li > a{
    background-color: #0052a6;
    color: #fff;
}
.dropdown-menu > li > a:hover{
    background-color: #669acc;
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #669acc;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    height: 500px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #669acc;
}


.container {
    background-color: #fff;
    position: relative;
    width: 70%;
    border:1px solid #0052a6;
    border-left-width : 1px;
    border-right-width:  1px;
    border-bottom-width: 0;
    border-top-width: 0;
    padding: 5%;
    font-size: large;
}
.container .dyndomRun{
    position: relative;
    width: 100%;
    background-color: #0052a6;
    font-size: 6px;
    padding: 2%;
}

.runDyndom{
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
}

.jumbotron p{
    margin-bottom: 10px;
    font-size: 15px;

}
.container .jumbotron , .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 5px;
    font-size: 5px;
}
#hrdif {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dashed #0052a6;
}
#hrdif2 {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 4px double #0052a6;
}
#hrdiff3 {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 4px solid #0052a6;
}
#exampleRundivs{
    font-size: large;
    padding: 5% 5%;
}
#exampleRundivs > img{
    margin-left: 17.5%;
    margin-right: 17.5%;
}
.carouselTable{
    position: relative;

}

.carouselPos{
    width: 49%;
    padding-left: 5%;
    display: inline-block;
}
.rasmolPos{
    width: 49%;
    padding-left: 2%;
    display: inline;
}
.tablePos{
    width: 45%;
    padding-left: 5%;
    display: inline-block;
}

.downloadlicense{
    padding-top: 5%;
}
#downloads{
    padding: 10%;
    text-align: center;
}
#downloadHeading{
    text-decoration: underline;
}
#downloadLicenseHeading{
    text-align: center;
}
#RefHeader{
    text-decoration: underline;
}
#linksH{
    text-align: center;
}
.container > .RefDiv{
    padding: 5%;
}
.container > .RefDiv > h2{
    text-align: center;
    padding-top: 5%;
}

hr {
    margin-top: 5%;
    margin-bottom: 5%;
    border: 0;
    border-top: 4px double #669acc;
}
#refHR {
    margin-top: 3%;
    margin-bottom: 3%;
    border: 0;
    opacity: 0.4;
    border-top: 1px solid #669acc;
}
#bookCover{
    margin: auto auto;
}

.dyndomLogo{
    display: block;
    margin-left: 40%;
    margin-right: 40%;
}
th{
    text-align: center;
}

text_left{
    text-align: left;
}

.morphProgress{
    padding: 5px;
}

table.ddtitle { background-color: #003399 }
tr.ddtitle { background-color: #FFFFFF }
td.ddtitle { background-color: #003399 }
table.ddmain { background-color: #003399 }
tr.ddmain { background-color: #FFFFFF }
td.ddmain { background-color: #003399 }
td.ddmenu { background-color: #6699CC }
td.ddpage { background-color: #FFFFFF }
td.ddpageback { background-color: #003399 }
th.ddpageheader { background-color: #6699CC; color: #FFFFFF }
td.ddpagecol1 { background-color: #FFFFFF; color: #000000}
td.ddpagecolumn { background-color: #FFF6EC; color: #000000; text-align: center}
td.ddpagesmallcol1 { font-family: "Courier", Courier; font-size: 9pt ;background-color: #FFFFFF; color: #000000 }
td.ddpagesmallcolumn { font-family: "Courier", Courier; font-size: 9pt ;background-color: #FFF6EC; color: #000000 }

p.red    { font-family: "Courier", Courier; font-size: 12pt ;color: #FF0000 }
p.green  { font-family: "Courier", Courier; font-size: 12pt ;color: #00FF00 }
p.blue   { font-family: "Courier", Courier; font-size: 12pt ;color: #0000FF }
p.yellow { font-family: "Courier", Courier; font-size: 12pt ;color: #FFFF00 }


tt.blacktext      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFF6EC ; color: #000000 }
tt.seqindex       { font-family: "Courier", Courier; font-size: 12pt ;background-color: #6699CC ; color: #FFFFFF }
tt.seqdomains     { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFF6EC ; color: #000000 }
tt.insertion      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFF6EC ; color: #BBBBBB }
tt.endpadding     { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFF6EC ; color: #000000 }
tt.none           { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFF6EC ; color: #000000 }

tt.black          { font-family: "Courier", Courier; font-size: 12pt ;background-color: #000000 ; color: #000000 }
tt.green          { font-family: "Courier", Courier; font-size: 12pt ;background-color: #00FF00 ; color: #000000 }
tt.blue           { font-family: "Courier", Courier; font-size: 12pt ;background-color: #0000FF ; color: #000000 }
tt.red            { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FF0000 ; color: #000000 }
tt.yellow         { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFFF00 ; color: #000000 }
tt.violet         { font-family: "Courier", Courier; font-size: 12pt ;background-color: #EE82EE ; color: #000000 }
tt.cyan           { font-family: "Courier", Courier; font-size: 12pt ;background-color: #00FFFF ; color: #000000 }
tt.magenta        { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FF00FF ; color: #000000 }
tt.purple         { font-family: "Courier", Courier; font-size: 12pt ;background-color: #A020F0 ; color: #000000 }
tt.steelblue      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #4F94CD ; color: #000000 }
tt.orangered      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FF4500 ; color: #000000 }
tt.orange         { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFA500 ; color: #000000 }
tt.limegreen      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #32CD32 ; color: #000000 }
tt.pink           { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFC0CB ; color: #000000 }
tt.coral          { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FF7F50 ; color: #000000 }
tt.darkgrey       { font-family: "Courier", Courier; font-size: 12pt ;background-color: #575757 ; color: #000000 }
tt.saddlebrown    { font-family: "Courier", Courier; font-size: 12pt ;background-color: #8B4513 ; color: #000000 }
tt.deeppink       { font-family: "Courier", Courier; font-size: 12pt ;background-color: #EE1289 ; color: #000000 }
tt.wheat          { font-family: "Courier", Courier; font-size: 12pt ;background-color: #EED8AE ; color: #000000 }
tt.bisque         { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFE4C4 ; color: #000000 }
tt.mintcream      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #F5FFFA ; color: #000000 }
tt.lavendar       { font-family: "Courier", Courier; font-size: 12pt ;background-color: #E6E6FA ; color: #000000 }
tt.darkolivegreen { font-family: "Courier", Courier; font-size: 12pt ;background-color: #556B2F ; color: #000000 }
tt.cornflowerblue { font-family: "Courier", Courier; font-size: 12pt ;background-color: #6495ED ; color: #000000 }
tt.paleturquoise  { font-family: "Courier", Courier; font-size: 12pt ;background-color: #BBFFFF ; color: #000000 }
tt.lightpink      { font-family: "Courier", Courier; font-size: 12pt ;background-color: #FFB6C1 ; color: #000000 }
tt.mediumturqoise { font-family: "Courier", Courier; font-size: 12pt ;background-color: #48D1CC ; color: #000000 }