@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
	font-family: 'Roboto', sans-serif, arial, helvetica;
	font-size: 16px;
	color: #37474f;
}

.version-alerter,
#session {
	display: none;
}

.toolbar {
	background-color: #fff;
}

.toolbar button {
	background-color: #fff;
	border-bottom-color: #fff;
}

.toolbar button.inactive {
	color: #c0c0c0;
}

.toolbar button.active {
	color: #37474f;
}

.toolbar button.active:hover {
	background-color: rgba(0,0,0,.1);
	border-bottom-color: rgba(0,0,0,.1);
}

#header {
	border-bottom: 1px solid #ccd5db;
}
#footer {
	border-top: 1px solid #ccd5db;
}

.modal-header {
	padding: 15px;
	border-bottom: none;
}
.modal-title {
	text-transform: uppercase;
	font-weight: 500;
}
.modal-content {
	border-radius: 0;
}
.modal-body legend {
	background-color: transparent;
    border: none;
    border-left: none;
    font-weight: 500;
}

#slidebar {
	background-color: #353535;
}

#slidebar i {
	border-bottom-color: #353535;
}

#slidebar a {
	color: white;
}

#modal-editor .file-path {
	border-color: #353535;
}

#modal-editor .modal-footer {
	background-color: #353535;
	color: white;
}


#slidebar i:hover {
	background-color: #2e2e2e;
	border-bottom-color: #efa72e;
}

#history .dropdown-menu {
	background-color: #fffff3;
	border-left-color: #fffff3;
}

.dropdown-menu {
	background-color: #fff;
	border: 1px solid #e4eaec;
	border-radius: 3px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li {
	padding: 0 5px;
	margin: 2px 0;
}
.dropdown-menu li a {
	border-radius: 3px;
	padding: 3px 10px;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 10px;
	font-weight: 400;
	line-height: 1.57142857;
	color: #526069;
}

.dropdown-menu li a,
.dropdown-menu .active a {
    padding: 3px 10px;
}
.dropdown-menu li a:hover, .dropdown-menu .active a:hover
.dropdown-menu li a:hover, .dropdown-menu .active a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #526069;
	text-decoration: none;
	background-color: #f3f7f9;
	padding: 3px 10px;
}
.dropdown-menu .active a:hover {
	background-color: #f3f7f9;
}

#history button {
	background-color: #f6f8f7;
	color: #526069;
	border-right: 1px solid #ccd5db;
	border-bottom: 1px solid #ccd5db;
}

#history ul li:hover {
	background-color: #fafaec;
}

#breadcrumb {
	background-color: #f6f8f7;
}

#modal-editor .file-path {
	background-color: #fffff3;
}

#files .ui-selecting,
#files .ui-selected {
	background-color: #feffe4;
}

#files .ui-selecting:first-child,
#files .ui-selected:first-child {
	border-top-color: #feffe4;
}

#files td.icon .fa-folder, #files td.icon .fa-level-up {
	color: #eea147;
}

#files td.icon i {
	color: #5590bc;
}

#modal-transfers .icon i {
	color: #5590bc;
}


.toolbar .logo {
	display: none;
}

.no-slidebar #header .logo {
	display: none;
	margin-top: 21px;
}

@media (max-width: 1000px) {
	.toolbar .logo {
		display: none !important;
	}
}

#modal-editor .modal-footer .logo {
	display: none !important;
}

@media (max-width: 1000px) {
	#modal-editor .modal-footer .logo {
		display: none !important;;
	}
}

.label-warning {
	background-color: #fff;
	color: #526069;
}

.btn-primary {
	background-color: #337ab7;
	color: white;
}