html, body {
    height: 100%;
    font-family: 'Verlag Book';
}

@font-face {
	font-family: 'Verlag Book';
	font-style: normal;
	font-weight: normal;
	src: local('Verlag Book'), url('../font/Verlag-Book.woff') format('woff');
}

.gephebase-no-margin {
	margin: 0;
}

* {
	outline: none !important;
}
#all_message_gephebase, .alert-messages {
	width: 60%; 
	margin:auto; 
	z-index: 3000000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top:20px;
}

.alert-messages .alert {
	padding: 5px;
	margin-bottom: 5px;
}

.alert-form-errors {width: 60%; margin: auto;}
.alert-form-errors li {list-style-type: disc}

#taxon_message_A, #taxon_message_B, #uniprot_message, #other_reference_message, #go_message, .gephe-error-message {
	font-weight: bold;
	text-align: center;
}


li {
    list-style-type: none;
}

#all_message_gephebase .alert, #taxon_message_A .alert, #taxon_message_B .alert, #uniprot_message .alert, #other_reference_message .alert, #go_message .alert, .gephe-error-message .alert{
	padding: 5px;
}

th, td {
	padding: 7px;
	text-align: center;
}

select {
	cursor: pointer;
}

table {
	width: 100%;
}

.gephebase-float-right {
	float: right !important;
	margin-top:0.3%;
	margin-right: 1%;
}

.float-left {
	float:left;
}

.gephebase-overflow {
	overflow: auto;
}

.gephebase-cursor-wait,.gephebase-cursor-wait input, .gephebase-cursor-wait button {
	cursor: wait !important;
}

.gephebase-btn, .gephebase-btn:focus {
	background-color: #35404f;
	border-radius: 5px;
	border:0px;
	color: white;
	font-weight:bold;
}

.gephebase-local-btn, .gephebase-local-btn:focus {
	background-color: #F36C2C;
	border-radius: 5px;
	border:0px;
	color: white;
	font-weight:bold;
}

.gephebase-local-btn:hover, .gephebase-local-btn:active {
	background-color: #f7d7c8;
	color: #F36C2C;
}

.gephebase-btn:hover, .gephebase-btn:active {
	background-color: #e45f56;
}

input[type="checkbox"] {
	cursor:pointer;
}

#main-wrappper {
    height:100%; 
    margin:0 auto;
    min-height:100%;
    padding-bottom:-30px;
}

#page-content {
    background-color: #4AAAA5;
    min-height: 100%;
    padding-bottom: 15%;
}

.footer {
    background-color: #35404F;
    height: 68px;
}

.fill {
    min-height: 100%;
    height: 100%;
}

.text-center {
	text-align: center;
	margin-top: 2%;
}

.text-right {
	text-align: right;
	margin-right: 2%;
	padding-right: 2%;
}

/** FONT FAMILY **/

.gephebase-inner-title {
	font-family: 'DejaVu Sans';
	font-size: 20px;
}

.gephebase-outer-title {
	font-family: 'DejaVu Sans';
	font-size: 30px;
}

.gephebase-footer-font-family {
	font-family: 'DejaVu Sans';
	font-size: 15px;
	font-weight: bold;
}
.gephebase-extlinks-title {
	font-size: 1.5em;
	color: #f26a22;
	margin-left: 15px;
}

.gephebase-line {
	border-top: 1px solid #dddddd;
	margin: 3px 15px 55px;
}

.gephebase-error-color {
	color: #d92313;
}

#imported_databases_errors {
	border: 1px solid #d92313;
}

/** Typeahead **/

.tt-menu {
	max-height: 250px;
	overflow-y: auto;
}

.twitter-typeahead {
	width : 100%;
}
.gephebase-container-advanced-term .twitter-typeahead {
	width: 100%;
}

.gephebase-header-scroll .typeahead,#gephebase-header-scroll .tt-query,.gephebase-header-scroll .tt-hint {
	width: 250px;
	height: 40px;
}
.gephebase-header-scroll .tt-menu {
	max-width: 250px;
}
.gephebase-header-scroll .typeahead {
	margin:1% 4% 4% 1%;
}

#mobile-header .gephebase-header-curator {
	background-color: rgb(53, 64, 79);
}

/** HEADER **/

/*
@media (max-width: 768px) {
	#header {
		 height: 40px;	
	}
	#gephebase-header-title {
 		font-size: 8px;
		line-height:13px;
	}
	#gephebase-header-search {
		font-size: 10px;
	}
	#gephebase-header-menu .glyphicon, #gephebase-header-scroll .glyphicon {
		font-size: 0.6em;
		margin-top: 1%;
	}
	.gephebase-header-icon {
		margin-top:3.5%;
		width: 100%;
	}
	.btn-sm {
		padding: 5px 5px;
	}
}

@media (min-width: 500px) {
	#header {
		 height: 66px;	
	}
	#gephebase-header-title {
 		font-size: 12px;
		line-height:20px;
	}
	#gephebase-header-search {
		font-size: 12px;
	}
	#gephebase-header-menu .glyphicon, #gephebase-header-scroll .glyphicon {
		font-size: 1.2em;
		margin-top: 1%;
	}
	.gephebase-header-icon {
		margin-top:3.5%;
		width: 100%;
	}
	.btn-sm {
		padding: 5px 5px;
	}
}

@media (min-width: 768px) {
	#header {
		 height: 90px;	
	}
	#gephebase-header-title {
 		font-size: 16px;
		line-height:45px;
	}
	#gephebase-header-search {
		font-size: 20px;
	}
	#gephebase-header-menu .glyphicon, #gephebase-header-scroll .glyphicon {
		font-size: 1.5em;
		margin-top: 1.5%;
	}
	.gephebase-header-icon {
		margin-top:5.5%;
		width: 100%;
	}
}

@media (min-width: 992px) {
	#header {
		 height: 120px;	
	}
	#gephebase-header-title {
 		font-size: 20px;
 		line-height: 60px;
	}
	#gephebase-header-search {
		font-size: 25px;
	}
	#gephebase-header-menu .glyphicon, #gephebase-header-scroll .glyphicon {
		font-size: 2.8em;
		margin-top: 1.5%;
	}
	.gephebase-header-icon {
		margin-top:5.5%;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	#header {
		 height: 150px;	
	}
	#gephebase-header-title {
 		font-size: 24px;
 		line-height: 75px;
	}
	#gephebase-header-search {
		font-size: 30px;
	}
	#gephebase-header-menu .glyphicon, #gephebase-header-scroll .glyphicon {
		font-size: 2.8em;
		margin-top: 3%;
		float: left;
	}

	.gephebase-header-icon {
		margin-top:5.5%;
		width: 100%;
	}
}
*/
.li-gephebase-header-curator-last form {
	display: inline-block;
}

.gephebase-csv {
	margin-top: 3px;
	margin-right: 5px;
}

.gephebase-header-curator {
	border-bottom: 10px solid rgb(122, 204, 200) !important;
}

.gephebase-header-curator a {
	color: black;
	font-weight:bold !important;
}


#header {
	 padding: 0px;
}

.gephebase-header-a-first {
	margin-left:5%;
}

.gephebase-header-scroll a {
	padding: 3px 5px !important;
}

.gephebase-header-a-other {
	margin-left: 3%;
}

.gephebase-header-icon span {
	width: 100%;
	text-align: center;
}



#sub-header {
	background-color: rgb(207, 209, 211);
}
#sub-header a {
	color: black;
	font-weight:bold;
}

.fixed-header-scroll {
	position: fixed;
	top: 0px;
	width: 1170px;
	z-index: 1500;
	margin-left: calc((100% - 1170px) / 2);
	background-color: rgb(207, 209, 211);
	padding: 0px;
}



.gephebase-li-xs-1 {
	width: calc(1170px / 9);
}

.gephebase-li-xs-3 {
	width: calc((1170px / 9) * 3);
}

.fixed-header-scroll a {
	color: black;
	font-weight:bold;
}
.fixed-header-scroll .gephebase-btn a {
	color: white;
}
.fixed-header-scroll .gephebase-btn a:hover, .fixed-header-scroll .gephebase-btn a:focus, .fixed-header-scroll .gephebase-btn a:active {
	color: black;
}


#gephebase-header-image-container {
	 background: url('../\images/\logo.jpg') no-repeat center center; 
  	 background-size: cover; 
	 width: 21%;
	 height: 100%;
	 float: left;	
	 -webkit-background-size: cover;
}

#gephebase-header-title-container {
	 width:79%;
	 height: 100%;
	 float: right;	
}

#gephebase-header-title {
	height: 30%;
	width: 100%;
 	background-color: #7accc8;
 	font-weight: bold;
 	text-align: center;
}
h1 {
	font-size: 24px !important;
}

h2 {
	font-size: 18px !important;
}

#gephebase-header-subtitle {
	width: 100%;	
	color: #f26522;
	text-align: center;
	background-color: transparent;
}

#gephebase-header-menu {
	height: 50%;
	width: 100%;	
	background-color: #7accc8;
}

.gephebase-header-menu-button {
	width: 8%;
	height: 100%;
	float: left;
	background-color: white;
}
#gephebase-header-menu-home, #gephebase-header-menu-login, #gephebase-header-menu-preview, #gephebase-header-menu-search-logo, #gephebase-header-menu-search-advanced, #gephebase-header-menu-parameters{
	margin-left: 3%;
}

.gephebase-header-menu-search {
	height: 100%;
	float: left;
}

.gephebase-btn-home {
	color: rgb(255, 255, 255);
	background-color: rgb(120, 120, 120);
	border-color: rgb(120, 120, 120);
	width: 100%;
}

.gephebase-btn-home:hover, .gephebase-btn-home:focus {
	background-color: rgb(80, 80, 80) !important;
	border-color: rgb(80, 80, 80) !important;
}

.gephebase-btn-home:active {
	background-color: rgb(50, 50, 50) !important;
	border-color: rgb(50, 50, 50) !important;
}

#gephebase-header-search {
	width: 90%;
	height: 70%;
	margin-left: 2.5%;
	margin-top: 4.5%;	
	text-align: center;
}

/** FOOTER **/

.footer-two-line {
	text-align: center;
	color: white;
	line-height: 25px;
	padding-top: 10px;
}

.footer-one-line {
	text-align: center;
	color: white;
	line-height: 68px;
}

.footer-one-line a {
	color: white;
}

.footer .col-sm-2, .footer .col-sm-5 {
	padding: 0px;
}


/** HOMEPAGE **/
.inner-box {
    margin: 10px 20px 20px 20px;
    padding: 20px;
    background-color: #CFD1D3;
}
.inner-box h3 {
    text-align: center;
    text-transform: uppercase;
    color: #233D3E;
    font-weight: bold;
    font-size: 10px;
}

.inner-box-title {
	font-size: 16px;
	color: #F26522;
	font-weight: bold;
	margin: 20px 20px 0 20px;
}

#gephebase-navigator-container {
	text-align: center;
	font-size: 16px;
}

.gephebase-navigator {
	color: black;
	margin-left: 2%;
	text-decoration: underline;
}

.gephebase-col-xs-12 {
	padding-right: 10%;
	padding-left: 10%;
}

/** CURATOR LOGIN **/

#gephebase-login {
	margin:auto;
	text-align:center;
	float:none;
}

.error {
	background-color: black;
	color: red;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 7%;
}

/** SUMMARY PAGE **/

@media (max-width: 500px) {
	.gephebase-table-summary-container {
		height: 200px;
	}
}

@media (min-width: 500px) {
	.gephebase-table-summary-container {
		height: 250;
	}
}

@media (min-width: 768px) {
	.gephebase-table-summary-container {
		height: 384px;
	}
}

@media (min-width: 992px) {
	.gephebase-table-summary-container {
		height: 496px;
	}
}

@media (min-width: 1200px) {
	.gephebase-table-summary-container {
		height: 600px;
	}
}

.count-search-entries {
	font-weight: bold;
}

#main-reference {
	width: 30%;
}

.nav-tabs {
	border-bottom: 0px;
}

.nav-tabs li a {
	margin-right: 0px;
	border: 0px;
}

.gephebase-table-summary-container {
	overflow: auto;
	display:block;

}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25b2\25bc";
    cursor: pointer;
}

.col-checkbox {
	width: 60px;
}

.gephebase-table-summary-container {
	overflow: auto;
	min-width: 1200px;
}

/*#summary-table th, #summary-table td {
	overflow:hidden;
	min-width: 100%;
	height: 100px;
}

#summary-table th {
	font-size: 13px;
}

#summary-table thead, #summary-table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#summary-table tbody tr {
	height: 100px;
	overflow: hidden;
}*/

.gephebase-tab.active{
	background-color: rgb(230,230,230) !important;
	font-weight:bold;
	color:black;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.gephebase-tab.active a {
	border-top-right-radius: 15px !important;
	border-top-left-radius: 15px !important;
	color:black;
	background-color: rgb(230,230,230) !important;
}

.gephebase-tab {
	background-color: #a9a9a9;
	font-weight:bold;
	color:white;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.gephebase-tab a:hover, .gephebase-tab a:focus {
	background-color: rgb(190,190,190) !important;
}

.gephebase-tab a {
	border-top-right-radius: 15px !important;
	border-top-left-radius: 15px !important;
	color: white;
}

.table-th-summary {
	background-color: rgb(230,230,230) !important;
}

.table-th-summary a {
	color: black !important;
	text-decoration: none;
}

#tabs tr.odd {
	background-color: rgb(169,169,169);
}

#tabs tr.even {
	background-color: rgb(190,190,190);
}


#gephebase-summary-subtitle,
.inner-box .gephebase-summary-subtitle {
	color: #f26522;
	width: 100%;
	font-size: 22px;
	height: 50px;
	text-align: center;
	float :left;
}
#gephebase-summary-export-csv {
	width: 100%;
	height: 30px;
	text-align : center;
	margin-top: 5%;
}

#gephebase-summary-comments {
	width: 100%;
	font-size: 16px;
	text-align: justify;
}

#gephebase-summary-title-offset {
	width: 100%;
	text-align: center;
	font-size: 24px;
	height: 50px;
	font-weight: bold;
	color: #f26522;
}

#tab-summary {
	cursor: pointer;
}

#tab-others {
	cursor: pointer;
}

#tab-curator {
	cursor: pointer;
}

/** Logs **/

#gephebase-logs-dates {
	width: 50%;
	margin: auto;
	margin-top: 2%;
	text-align: center;
}

/** Preview **/

.gephebase-table-preview {
	width: 100%;
}

.gephebase-table-preview th {
	background-color: rgb(169, 169, 169);
	width: 30%;
	padding-left: 3%;
	text-align: left;
}

.gephebase-table-preview td {
	background-color: rgb(190, 190, 190);
}

.gephebase-table-subtitle {
	margin:0px auto;
    width:85% !important;
    background-color:white;
    float:right;
    position: relative;
    z-index: 10;
    font-weight:normal;
    border-left:0px;
}

.gephebase-table-subtitle:after {
	background-color: grey;
    content: '';
    display: block;
    position: absolute;
    left: 15%;
    z-index: -1;
}

.gephebase-hide {
	display:none !important;
}

/** Advanced Search **/

.gephebase-advanced-label {
	font-size: 22px;
}

.gephebase-advanced-label-term {
	font-size: 22px;
}

.gephebase-advanced-select {
	font-size: 18px;
	width: 100%;
	height: 40px;
	padding: 8px 12px;
	line-height: 30px;
	border-radius: 8px 0px 0px 8px;
}

.gephebase-select-condition {
	height: 40px;
	font-size: 16px;
	border-radius: 8px 0px 0px 8px;
	border: 1px solid rgb(204, 204, 204);
	padding: 8px 12px;
}

.gephebase-select-condition:focus {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
	border-color: rgb(102, 175, 233);
}

.gephebase-container-button-advanced {
	text-align: center;
	width: 100%;
	float:left;
}

.gephebase-container-advanced-term .typeahead {
	margin-top: 0;
	width: 100%;
	height: 40px;
	font-size: 18px;
}




.gephebase-advanced-button {
	margin-top: 2%;
}

.gephebase-container-advanced-label-criteria {
	width: 350px;
	text-align:center;
}

.gephebase-container-advanced-condition {
	width: 18%;
	float: left;
	margin-top: 2%;
}

.gephebase-container-advanced-criteria {
	margin-left: 2%;
}


.gephebase-container-advanced-delete {
	float: left;
	width: 1%;
	margin-top: 2%;
}
.gephebase-container-advanced-delete button {
	width: 35px;
	height: 35px;
	font-size: 18px;
	margin-left: -70%;
}

/** ENTRY PAGE **/

#entry_phenotypeTrait_category .checkbox,
#entry_molecularType .radio,
#entry_snp .radio,
#entry_aberrationType .radio,
#curator_roleUser .radio,
.form-group .radio,
.gephe-choice-list .checkbox,
.gephe-choice-list .radio {
	display: inline-block;
	margin: 12px;
}

.modal-content .gephe-choice-list .checkbox,
.modal-content .gephe-choice-list .radio {
	margin: 1px;
}
#entry_phenotypeTrait_category,
#entry_ancestralState,
#entry_taxonomicStatus,
#entry_experimentalEvidence,
#entry_molecularType, 
#entry_snp, 
#entry_aberrationType,
#entry_aberrationSize,
#curator_roleUser,
#entry_presumptiveNull,
.gephe-choice-list {
	border: 2px solid white;
}

.gephebase-container-entry .radio label,
.gephebase-container-entry .checkbox label {
	font-size: 13px;
}

.btn-message-alert {
	max-width: 100%; 
	text-align: center;
	font-weight: 700;
}

.alert-padding-sur {
	padding: 10px;
	margin-left: -12%;
}

.help-block {
	color: red !important;
}

#importRisOther, .import-ris-attachment {
	display: inline;
}

/** MODALS **/

#validatorModal, #uniprotModal, #genbankModal, #traitModal {
	margin-top: 5%;
	z-index: 10000;
}

#validatorModal .modal-dialog, #uniprotModal .modal-dialog, #genbankModal .modal-dialog, #traitModal .modal-dialog {
	width: 100%;
}

.gephe-modal {
	margin-top: 5%;
	z-index: 10000;
}
.gephe-modal .modal-dialog {
	width: 100%;
}
.gephe-modal button {
	padding: 10px 20px;
}

.modal-wide .modal-dialog {
	width: 90%;
}

.modal-gephe {
	margin-top: 100px;
}

#validatorModal button, #uniprotModal button, #genbankModal button, #traitModal button {
	padding: 10px 20px;
}

.valid-btn-filter button{
	padding: 5px 30px !important;
}

#geneGephebaseSeeAll_phenotypeTrait_category .checkbox label,
#geneGephebaseSeeAll_phenotypeTrait_category .checkbox,
#traitModal .checkbox label,
#traitModal .checkbox {
	float: left;
	padding-top: 0px;
}
#geneGephebaseModal .table  thead  tr  th,
#traitModal .table  thead  tr  th {
	vertical-align: middle;
}
#geneGephebaseSeeAll_phenotypeTrait_category .gephebase-entry-label {
	font-size: 13px;
}


.valid-btn-filter span {
	font-size: 18px;
}

/** USER **/

.password-square {
	border: 1px solid black;
    width: 30%;
    display: inline-block;
    height: 20px;
    margin-top: 7px;
    background-color: white;
}

.bg-green {
	background-color: rgb(50, 255, 90);
}

.bg-yellow {
	background-color: rgb(255, 255, 30);
}

.bg-red {
	background-color: rgb(255, 0, 30);
}

.bg-blue {
	background-color: rgb(0, 100, 150);
}

.bg-orange {
	background-color: rgb(255, 100, 0);
}

.criteria-row {margin-bottom: 10px;}

table.entry-list thead {
	background-color: rgb(53, 64, 79);
	color: #fff;
}

.suggest-row {
	margin-bottom:30px;
}

#suggest-articles-modal .modal-body {
	font-size: 16px;
}

#suggest-articles-modal .content-intro {
	margin-bottom: 30px;
}

#suggest-articles-modal .alert {
	padding: 5px;
	margin-bottom: 0;
	text-align: center;
	font-weight: bold
}

.no-pmid {
	color: red;
}

#reject-modal .gephebase-entry-label {
	text-align:right;
}

.show-all-others-references-container {
	float:right;
	margin-right: 20px;
}


.show-more-trigger {color: #2dce48; font-weight:bold ;}
.show-more-trigger:hover, .show-more-trigger:focus {text-decoration: underline; cursor: pointer;}

span[data-balloon] {
	cursor: help;
}

.btn-pdf-export { float:right; }