/*
*** TEMPLATE - please apply your custom values ***
Colour palette: [project name] [main colour]
Details: Accented Analogic from ColourSchemeDesigner
http://colorschemedesigner.com/[custom URL]
*/

/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=c3x0I42300kn2vBdkLQiHChsztNuhm+ */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

/*Main Primary color*/
.color-primary-0 { color: #3573A2 }
.color-primary-1 { color: #81B0D4 }
.color-primary-2 { color: #548DB9 }
.color-primary-3 { color: #196199 }
.color-primary-4 { color: #0E4976 }

/*Main Secondary color (1)*/
.color-secondary-1-0 { color: #4943B0 }
.color-secondary-1-1 { color: #918CDA }
.color-secondary-1-2 { color: #6761C3 }
.color-secondary-1-3 { color: #2E27A5 }
.color-secondary-1-4 { color: #1E1880 }

/*Main Secondary color (2)*/
.color-secondary-2-0 { color: #32B170 }
.color-secondary-2-1 { color: #80DBAD }
.color-secondary-2-2 { color: #52C48A }
.color-secondary-2-3 { color: #12A75B }
.color-secondary-2-4 { color: #078143 }

/*Main Complement color*/
.color-complement-0 { color: #FCAE47 }
.color-complement-1 { color: #FFD295 }
.color-complement-2 { color: #FFBF6A }
.color-complement-3 { color: #ED931A }
.color-complement-4 { color: #B76D0A }

.janna-colour { background-color: rgba(141, 193, 232, 0.24); }
/*#8dc1e8 <- wrong alpha*/
/*#e2eff9*/

/* As RGBa codes */

/*.rgba-primary-0 { color: rgba( 53,115,162,1) }	*//* Main Primary color */
/*.rgba-primary-1 { color: rgba(129,176,212,1) }*/
/*.rgba-primary-2 { color: rgba( 84,141,185,1) }*/
/*.rgba-primary-3 { color: rgba( 25, 97,153,1) }*/
/*.rgba-primary-4 { color: rgba( 14, 73,118,1) }*/

/*.rgba-secondary-1-0 { color: rgba( 73, 67,176,1) }	*//* Main Secondary color (1) */
/*.rgba-secondary-1-1 { color: rgba(145,140,218,1) }*/
/*.rgba-secondary-1-2 { color: rgba(103, 97,195,1) }*/
/*.rgba-secondary-1-3 { color: rgba( 46, 39,165,1) }*/
/*.rgba-secondary-1-4 { color: rgba( 30, 24,128,1) }*/

/*.rgba-secondary-2-0 { color: rgba( 50,177,112,1) }	*//* Main Secondary color (2) */
/*.rgba-secondary-2-1 { color: rgba(128,219,173,1) }*/
/*.rgba-secondary-2-2 { color: rgba( 82,196,138,1) }*/
/*.rgba-secondary-2-3 { color: rgba( 18,167, 91,1) }*/
/*.rgba-secondary-2-4 { color: rgba(  7,129, 67,1) }*/

/*.rgba-complement-0 { color: rgba(252,174, 71,1) }	*//* Main Complement color */
/*.rgba-complement-1 { color: rgba(255,210,149,1) }*/
/*.rgba-complement-2 { color: rgba(255,191,106,1) }*/
/*.rgba-complement-3 { color: rgba(237,147, 26,1) }*/
/*.rgba-complement-4 { color: rgba(183,109, 10,1) }*/



/* Color
===================================================*/
/* These style rules will over-ride the core EBI styles and apply
your custom colour palette in a consistent manner */
/* Links */
a:link,
a:visited { border-bottom-color: #3573A2; }
a:hover,
a:focus,
a:active {
    color: #3573A2;
    border-bottom: 1px solid #3573A2;
}
a.special:hover,
a.special:focus,
a.special:active {
    color:#3573A2;
    border-bottom: 3px double #3573A2;
}
a:link { color: #6761C3; }
a:hover,
a:focus,
a:active { color: #52C48A; }
a.special { background-color: #078143; }
/* Headings */
h1, h2, h3, h4, h5, h6 { color: #222222; }
h1 { color: #3573A2; }
h2,h3,h4,h5,h6 { color: #B76D0A; }
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
    border-bottom-color: #3573A2;
}
/* Table heading cells */
th { background-color: #3573A2; }
/* Form submission button */
input.submit {
    /* colours */
    color: #fff;
    text-shadow: #548DB9 1px 1px;
    border-top: 1px solid #0E4976;
    border-left: 1px solid #0E4976;
    border-right: 1px solid #548DB9;
    border-bottom: 1px solid #548DB9;
    cursor:pointer;
}

/* Define the basic colour your local masthead */
div#local-masthead {
    background-image:-webkit-linear-gradient(left, #064f82, #3572a2);
    background-image: -moz-linear-gradient(left, #064f82, #3572a2);
    background-image: -ms-linear-gradient(left, #064f82, #3572a2);
    background-image: -o-linear-gradient(left, #064f82, #3572a2);
    background-image: linear-gradient(left,#064f82,#3572a2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#064f82', EndColorStr='#3572a2'); /* IE6/7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#064f82', EndColorStr='#3572a2')"; /* IE8*/
}


/* Colour the faux-underline for local menu items */
div#local-masthead ul li a:hover,
div#local-masthead ul li a:focus,
div#local-masthead ul li a:active {
    border-bottom: 3px solid #3573A2;
}

form input.submit {
    display: inline;
    background: #0E4976;
}

form input.submit:hover,
form input.submit:focus,
form input.submit:active { background: #81B0D4; }

p.no-underline,
a.no-underline {
    border-bottom-style: none;
}

img.no-underline {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.wrapNoBorder {
    word-wrap: break-word;
    text-align: justify;
}

.wrapForBorder{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: justify;
}

.boxed-section {
    text-align: center;
    background-color: #cbd9e6;
    /*background-color: rgba(203,217,230,0.8);*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.small-boxed-section {
    padding:5px;
    border: 1px solid #81B0D4;
    margin-right: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-collapse: separate;
}

.boxed-error-msg {
    border-color: darkred;
    margin: 15px;
    width: 80%;
}


.boxedTable {
    border-spacing: 10px;
    border-collapse: separate;
    border: none;
}

.emblRedBold {
    font-size: 10pt;
    font-weight: bold;
    color: #e33e3e;
    font-style: normal
}

input.reset {
    background: darkred !important;
}

input.reset:hover {
    background: black !important;
}

table {
    /*border-collapse: collapse;*/
    /*width: 0%;*/
    background-color: initial;
    margin: 9px;
    border: 0;
}

th, td {
    /*padding: 8px 5px 5px 5px;*/
    padding: 4px;
    border: 0;
    /*border-collapse: collapse;*/
    vertical-align: inherit;
    font-size: inherit;
}

th {
    color: #ffffff;
    font-weight: normal;
}

 div.searchCategory {
     vertical-align:middle;
     padding:3px;
     margin-left: 7px;
 }


.firstPageInactive ,
.previousPageInactive ,
.nextPageInactive ,
.lastPageInactive {
    display: none;
}

.firstPageActive {
    background-image: url("//www.ebi.ac.uk/web_guidelines/images/icons/EBI-Functional/Functional%20icons/firstPAGE.png");
    background-size: 13px 16px;
    padding-left:7px;
    padding-right:7px;
    background-repeat: no-repeat;
}
.previousPageActive {
    background-image: url("//www.ebi.ac.uk/web_guidelines/images/icons/EBI-Functional/Functional%20icons/previousPAGE.png");
    background-size: 13px 16px;
    padding-left:7px;
    padding-right:7px;
    background-repeat: no-repeat;
}
.nextPageActive {
    background-image: url("//www.ebi.ac.uk/web_guidelines/images/icons/EBI-Functional/Functional%20icons/nextPAGE.png");
    background-size: 13px 16px;
    padding-left:7px;
    padding-right:7px;
    background-repeat: no-repeat;
}
.lastPageActive {
    background-image: url("//www.ebi.ac.uk/web_guidelines/images/icons/EBI-Functional/Functional%20icons/lastPAGE.png");
    background-size: 13px 16px;
    padding-left:7px;
    padding-right:7px;
    background-repeat: no-repeat;
}


.bigImg {
    display:none;
    border:1px solid black;
    position:absolute;
    z-index: 10;
}

/* Ontology TreeView classes */
font.ok {
    font-size: 10pt;
    color: #777777;
    font-style: normal;
    font-weight: inherit;
}

font.checked {
    font-size: 10pt;
    color: #003063;
    font-style: normal;
    font-weight: inherit;
}
table.treeViewInnerTable {
    margin: 0;
    padding: 0;
    width: initial;
}

/****************************/
/****** Periodic Tables *****/


.whitebg{
    background-color: #ffffff;
}

#nav {
    border-bottom: 1px solid #bfbfbf;
}

#nav .active{
    background-color: #c0c0c0;
}

#nav .tab {
    text-align: center;
}

table.periodicTableElements {
    font-size: 10pt;
    width: 99%;
}

th.period{
    background-color: silver;
    text-align: center;
    vertical-align: middle;
}

td.periodicTableBlocks {
    font-size: 12pt;
    vertical-align: top;
}

td.periodicGreen {
    background-color: #CCFFCC;
    border: 3px solid #ffffff;
}

td.periodicBlue {
    background-color: #99CCFF;
    border: 3px solid #ffffff;
}

td.periodicOrange {
    background-color: #FFCC99;
    border: 3px solid #ffffff;
}

td.periodicPurple {
    background-color: #CCCCFF;
    border: 3px solid #ffffff;
}

ul {
    list-style-type:initial;
}
/****************************/
/***** Documentations *******/

div.tocContent {
    width:290px;
    float:right;
    background-color: rgba(203,217,230,0.5);
    margin-right: 10px;
    right:0px;
}

div.tocContentLong {
    width:290px;
    float:right;
    background-color: rgba(203,217,230,0.5);
}

div.tocHeader {
    border-bottom: 1px solid #808080;
    padding: 5px;
    background-color: #3572a2;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 10pt;
}


div.tocItemLevel1 {
    padding-left:4px;
    padding-bottom:3px;
    padding-right:3px;
    padding-top:3px;
    text-align:left;
}
div.tocItemLevel2 {
    padding-left:10px;
    padding-bottom:3px;
    padding-right:3px;
    padding-top:3px;
    text-align:left;
}
div.tocItemLevel3 {
    padding-left:16px;
    padding-bottom:3px;
    padding-right:3px;
    padding-top:3px;
    text-align:left;
}

div.anim{
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 4px;
    right: 40px;
    cursor: pointer;
    display: none;
    z-index: 100;

}

table.tables {
    background-color: rgba(203,217,230,0.5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

/********************  ontology dwr quick menu  ************************/
.dwrMenu {
    width: 300px;
    border: solid 1px #81B0D4;
    display: none;
    position: absolute;
    background: white;
    z-index: 100;
    margin-top: 25px;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius:  0px 0px 10px 10px;
    -webkit-border-radius:  0px 0px 10px 10px;
}

.dwrMenu ul, .dwrMenu li {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}

.dwrMenu li {
    border-top: solid 1px #81B0D4;
}

.dwrMenu li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    padding: 10px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.dwrMenu li a small {
    display: block;
    text-decoration: none;
    color: #999999;
    font-weight: normal;
}

.dwrMenu li a:hover {
    background: #81B0D4;
}

.dwrMenu ul {
    padding: 6px;
}

/********************  ketcher  ************************/

#Editor , #ketcherFrame {
    width: 635px;
    height: 515px;
    border-style: none;
    box-shadow: 2px 2px 8px #444;
}

/************************ citations  *****************************/

.citAbstract {
    margin: 1ex 1.5em;
    padding: 1ex 1em;
    border: 1px solid #eee;
}

.pubauthors, .pubtitle, .pubjournal, .pubvolume, .citAbstract {
    font-size: 11pt;
}

.pubauthors {
    color:#5E5E5E;
    font-family: serif;
}

.pubtitle {
    font-family: sans;
}

.pubjournal {
    font-style: italic;
}

.pubvolume {
    font-weight: bold;
}

.pubjournal, .pubvolume {
    color:#1F1F1F;
    font-family: serif;
}

/********************  **************  ************************/


table.chebiTableContent {
    padding:0;
    /*width:100%;*/
    border-spacing: 2px;
    border-collapse: separate;
}

td.chebiDataHeader {
    background-color: #e2eff9;
    /*background-color: rgba(141, 193, 232, 0.24);*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*font-weight:normal;*/
    /*font-size: 100%;*/
}

td.chebiDataContent{
    border-bottom: 1px solid #EEEEEE;
}

td.chebiDataSubHeader {
    background-color: black;
    color: red;
}
.gap {
    height: 5px;
    padding: 0;
}

img.helpinfo {
    width: 16px;
    height: 16px;
    opacity: 0.2;
}

img.helpinfo:hover {
    opacity: 0.8;
}

/********************  **************  ************************/


.entry-title {
    margin: 9px;
    /*padding: 5px 0px 0px 5px;*/
    /*background: #81B0D4;*/
    /*color: #0E4976;*/
    /*border: 1px solid #196199;*/
    /*border-radius: 3px;*/
}

.tabStyle{
    border:1px solid #999999;
    background-color:#e2eff9;
    /*background-color: rgba(141, 193, 232, 0.24);*/
    min-width:120px;
    text-align: center;
    font-size:13px;
    cursor:pointer;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}
.tabStyleView{
    border:1px solid #999999;
    border-bottom:0px;
    background-color:white;
    font-weight: bold;
}
.tabStyleBlank {
    border:0px;
    border-bottom:1px solid #999999;
    width:1px;
}

.hrLine {
    border-bottom: 1px solid #d9dadc;
    overflow: hidden;
    padding-bottom: 15px;
}

/* Work around ebi-fluid css overwriting styles */
* {
    font-weight: inherit;
}

.referenceList{
    max-width: 800px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#pathwayContainer{
    margin-left: 3%;
    border: 1px solid #999999;
    border-radius: 5px;
}


.disabledTab {
    background-color: #f2f2f2;
    color: #949494;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: default;
}