body, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto",sans-serif;
}
body .cake-debug-output:first-child,
body .cake-debug:first-child {
	margin-top: 68px;
	padding-top: 10px;
    color: #fff;
}
.datepicker table td, .datepicker table th, .datetimepicker table td, .datetimepicker table th {
    font-family: "Roboto",sans-serif !important;
}
.font-blue-icfo {
    color: #253c84!important;
}
.btn.blue-icfo:not(.btn-outline) {
    color: #FFF;
    background-color: #253c84;
    border-color: #1f326b
}

.btn.blue-icfo:not(.btn-outline).focus,.btn.blue-icfo:not(.btn-outline):focus {
    color: #FFF;
    background-color: #1f326b;
    border-color: #18666d
}

.btn.blue-icfo:not(.btn-outline).active,.btn.blue-icfo:not(.btn-outline):active,.btn.blue-icfo:not(.btn-outline):hover,.open>.btn.blue-icfo:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #1f326b;
    border-color: #253c84;
}

.btn.blue-icfo:not(.btn-outline).active.focus,.btn.blue-icfo:not(.btn-outline).active:focus,.btn.blue-icfo:not(.btn-outline).active:hover,.btn.blue-icfo:not(.btn-outline):active.focus,.btn.blue-icfo:not(.btn-outline):active:focus,.btn.blue-icfo:not(.btn-outline):active:hover,.open>.btn.blue-icfo:not(.btn-outline).dropdown-toggle.focus,.open>.btn.blue-icfo:not(.btn-outline).dropdown-toggle:focus,.open>.btn.blue-icfo:not(.btn-outline).dropdown-toggle:hover {
    color: #FFF;
    background-color: #1f326b;
    border-color: #253c84;
}

.btn.blue-icfo:not(.btn-outline).active,.btn.blue-icfo:not(.btn-outline):active,.open>.btn.blue-icfo:not(.btn-outline).dropdown-toggle {
    background-image: none
}

.btn.blue-icfo:not(.btn-outline).disabled.focus,.btn.blue-icfo:not(.btn-outline).disabled:focus,.btn.blue-icfo:not(.btn-outline).disabled:hover,.btn.blue-icfo:not(.btn-outline)[disabled].focus,.btn.blue-icfo:not(.btn-outline)[disabled]:focus,.btn.blue-icfo:not(.btn-outline)[disabled]:hover,fieldset[disabled] .btn.blue-icfo:not(.btn-outline).focus,fieldset[disabled] .btn.blue-icfo:not(.btn-outline):focus,fieldset[disabled] .btn.blue-icfo:not(.btn-outline):hover {
    background-color: #1f326b;
    border-color: #1f326b;
}

.btn.blue-icfo:not(.btn-outline) .badge {
    color: #1f326b;
    background-color: #FFF;
}

.btn.btn-outline.blue-icfo {
    border-color: #1f326b;
    color: #1f326b;
    background: 0 0;
}

.btn.btn-outline.blue-icfo.active,.btn.btn-outline.blue-icfo:active,.btn.btn-outline.blue-icfo:active:focus,.btn.btn-outline.blue-icfo:active:hover,.btn.btn-outline.blue-icfo:focus,.btn.btn-outline.blue-icfo:hover {
    border-color: #1f326b;
    color: #FFF;
    background-color: #1f326b;
}

.btn.blue-icfo-stripe {
    border-left: 4px solid #1f326b!important;
}

.btn.blue-icfo.btn-no-border:not(.active) {
    border-color: transparent
}
.btn.btn-clear {
    padding: 0;
    border: none;
    background: transparent;
    margin: 0;
}
.btn.date-set, .btn.date-reset {
	padding: 9px 12px;
}
.paging_bootstrap_extended,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info {
    display: inline-block;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
	vertical-align: middle;
	height: 30px;
	font-size: 14px;
}
.dataTables_wrapper .dataTables_length label {
	margin-bottom: 0px;
}
.seperator {
	padding: 0 5px;
	line-height: 30px;
}
.table-full tr#filterRow td input {
    width: 100%;
}
.profile input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.btn.loadImage {
	position: relative;
}
#profilePicture {
    display: none;
}
.profile .actualImage-wrap {
    position: relative;
	margin-bottom: 20px;
}
.profile .actualImage-wrap img {
	width: 100%;
}
.profile .buttonContainer {
    width: 100%;
    height: 100%;
    background: rgba(37, 60, 132, 0.6);;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    transition: opacity 0.5s ease;
}
.profile .buttonContainer:hover {
    opacity: 1;
}
.profile a.buttonContainer i {
    color: #fff;
    font-size: 20px;
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
}
.imagePreview img {
	width: 100%;
	border: 1px solid #eee;
	padding: 4px;
}

.page-header.navbar .page-logo .logo-default {
    margin: auto;
	max-width: 120px;
	max-height: 55px;
	display: inline-block;
	vertical-align: middle;
}
.page-header.navbar .page-logo>a {
    height: 100%;
	text-decoration: none;
}
.page-header.navbar .page-logo>a:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.login .logo img {
    max-width: 340px;
}
.mt-element-list .list-default.ext-1.mt-list-container {
    padding: 0;
}
.page-header.navbar .page-logo {
    background: #ffffff;
    box-shadow: 0 1px 6px 0px rgba(50,50,50,.2);
}
.login {
    background-color: #f7f7f7!important;
}
.login .content {
    box-shadow: 0 1px 6px 0px rgba(50,50,50,.2);
}
.nav-item [class^=icon-] {
	line-height: normal;
}
@media (min-width: 768px) {
	.modal-dialog {
		width: auto;
		margin: 0;
	}
}
.blockUI.blockOverlay {
	opacity: 1!important;
	background: rgba(255, 255, 255, 0.80);
}

@media (max-width: 767px) {
	.page-header.navbar {
		background: #253c84;
	}
}
.table-avatar {
	width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
span.table-username {
	display: inline-block;
    vertical-align: middle;
}
#oidForm {
	position: relative;
}
#oidForm .input-group.has-error .input-group-btn button {
	border: 1px solid #e73d4a;
}
#oidForm .help-block.help-block-error {
    color: #e73d4a;
    bottom: -24px;
    font-size: 12px;
}
.single-checkbox {
	padding-top: 7px;
}
.single-checkbox .mt-checkbox {
	margin-bottom: 0;
}
.select2 {
	width: 100%;
}
.level1 {
	padding-left: 1em;
}
.level2 {
	padding-left: 2em;
}
.nav-tabs h4 {
	display: inline-block;
}
.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #253c84;
}
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #869ad8;
}
#imagesContainer>.image-container:nth-child(odd) {
	background: #f5f5f5;
}
.image-container {
	padding: 10px 0;
}
.sponsor .image-container {
	padding: 0 0 10px 0;
}
.image-container img.loaded-image {
	width: 100%;
}
.image-container .actions {
	margin-top: 10px;
}
.image-container .actions .btn {
	width: 100%;
}
.control-label.text-left {
	text-align: left;
}
.with-actions .actions {
	float: right;
}
.with-actions .actions a.btn {
	padding: 3px 9px;
	font-size: 13px;
    line-height: 1.5;
	color: #666;
}
.with-actions .actions a.btn i {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}
.with-actions .actions a.btn span {
	display: inline-block;
    vertical-align: middle;
}
#socialContainer>.socialNetwork,
#linksContainer>.link {
	padding: 10px 0;
}
#sponsorsContainer>.sponsor, #documentsContainer>.document, #socialContainer>.socialNetwork, #linksContainer>.link, .image-container {
	border: 1px solid #f5f5f5;
}
#sponsorsContainer>.sponsor.deleted, #documentsContainer>.document.deleted, #socialContainer>.socialNetwork.deleted, #linksContainer>.link.deleted, .image-container.deleted {
	background: #ffe0e0!important;
}
#sponsorsContainer>.sponsor:nth-child(odd),
#documentsContainer>.document:nth-child(odd),
#socialContainer>.socialNetwork:nth-child(odd),
#linksContainer>.link:nth-child(odd) {
    background: #f5f5f5;
}
.mt-element-ribbon .ribbon.ribbon-vertical-right {
	width: auto;
	position: absolute;
	top: -5px;
	right: 0;
}
.mt-radio.has-error>span {
    background: rgba(231, 80, 90, 0.80);
}
strong.deleted {
	margin-bottom: 20px;
	display: block;
}
.color-label {
	width: 20px;
    height: 20px;
    border: 1px solid #333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
span.warning,
div.warning,
.form-group.warning {
	margin-bottom: 0;
	color: #ff9800;
}
input.warning, textarea.warning, .warning .select2-selection {
	border-color: #ff9800;
}
.restorable-images img {
	max-width: 100%;
}
.restorable-images .actions {
	margin-top: 10px;
}
.nav-item.start .badge-container {
	position: relative;
}
.nav-item.start .badge {
	position: absolute;
    top: -10px;
    right: -10px;
}

.key-topic-icon {
	width: 16px;
    height: 16px;
    background-size: contain;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.key-topic-icon.graphene {
	background-image: url(/img/graphene.svg);
}
.key-topic-icon.quantum {
	background-image: url(/img/quantum.svg);
}
.key-topic-icon.bionano {
	background-image: url(/img/bionano.svg);
}
.modal-image {
	max-width: 200px;
}
.table-image {
	max-width: 60px;
}
.event-extra-data {
	display: none;
}
.hideable {
	display: none;
}
.hideable.show {
	display: block;
}
.select-image-icon {
	width: 20px;
	height: 20px;
	background-size: contain !important;
	display: block;
}
.tabbable-line.with-title .title:after {
	content: '';
	display: block;
	clear: both;
}
.tabbable-line.with-title .title h4 {
	float: left;
}
.tabbable-line.with-title .title .nav-tabs {
	float: right;
	background: 0 0!important;
	border: 0;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	color: #737373;
}
.tabbable-line.with-title .nav-tabs>li {
	margin: 0;
	border-bottom: 4px solid transparent;
}
.tabbable-line.with-title .nav-tabs>li.active {
	border-bottom: 4px solid #253c84;
	background: 0 0;
	position: relative;
}
.tabbable-line.with-title .nav-tabs>li>a {
	background: 0 0!important;
	border: 0;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	color: #737373;
}

.no-show {
	display: none;
}

.dropdown-menu {
	z-index: 9996;
}
.form-image {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.portlet-title .caption h4 {
	margin: 0;
}
.no-padding {
	padding: 0!important;
}
.help-block-error {
	color: #e73d4a;
}
.cropAreaButton {
	display: none;
}
.cropAreaButton.show {
	display: block;
}
.modal.bs-modal-lg {
	width: 80%!important;
	margin-left: -40%!important;
	top: 50%!important;
	left: 50%!important;
}
.crop-image {
	width: 100%;
}
.list-group.selector {
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #ddd;
}
.list-group.selector .list-group-item {
	border-left: none;
	cursor: grab;
	padding: 5px 10px;
}
.list-group.selector .list-group-item.inactive {
	background-color: #eee;
	color: #999;
}
.list-group.selector .list-group-item:first-child {
	border-top: none;
}
.list-group.selector .list-group-item:last-child {
	border-bottom: none;
}
.lists-filter {
	margin: 10px 0;
}
.datepicker.dropdown-menu {
	z-index: 10001!important;
}
.d-flex {
	display: flex;
}
.justify-content-between {
	justify-content: space-between;
}
.align-items-center {
	align-items: center;
}