/*
body, button {
	font-family: 'Roboto', sans-serif !important;
}
*/

body {
	color: #545454;
	font-family: 'Montserrat', sans-serif;
	min-height: 100vh;
}

.navbar-default {
	background:url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/light_noise_diagonal.png"),
	linear-gradient(180deg, rgba(0,0,0,0.75),rgba(0,0,0,0.6)),center no-repeat rgba(0,0,0,0.75) scroll;
	background:url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/light_noise_diagonal.png"),linear-gradient(180deg, rgba(0,0,0,0.75),rgba(0,0,0,0.6)),center no-repeat rgba(0,0,0,0.75) scroll;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2000000', endColorstr='#85000000',GradientType=0 );
	color:#eee;
	border-bottom: 2px solid #a80055;
}

.navbar-default .navbar-nav > .active > a {
	background-color: #971C54;
	color: white;
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:visited {
	background-color: #a80055;
	color: white;
}

.navbar-default .navbar-nav >li >a {
	color: white;
	/*margin-left: 10px;*/
}

.navbar-default .navbar-nav >li >a:hover, .navbar-default .navbar-nav >li >a:visited, .navbar-default .navbar-nav >li >a:focus {
	background-color: #a80055;
	color: white;
}

.navbar {
	margin-bottom: 40px;
}

.navbar-brand {
	padding: 12px 15px;
}

h3 {
	margin-top: 10px;
}

h4 {
	color: #a80055;
	font-weight: 500;
}



.control-label {
	margin-bottom: 10px;
}

.control-label h6 {
	margin-bottom: 0px;
}

.control-label, .control-label h6 {
	font-size: 16px;
	font-weight: 500;
}

.row {
	margin-left: 15px;
	margin-right: 15px;
}

.well {
	border: none;
	border-radius: 0px;
	box-shadow: none;
	background-color: #f7f7f7;
	margin-bottom: 2px;
}

/* Create a custom checkbox */


input[type='checkbox'] {
	width: 18px;
	height: 18px;
	margin: 2px;
	background-color: white !important;
}

.checkbox label span {
	margin-left: 10px;
}

.selectize-input {
	-webkit-border-radius: 0px;
	border-radius: 0px !important;
	border: 1px solid #d7d7d7;
	font-weight: 500;
	color: #545454 !important;
	padding: 6px 20px 6px 12px !important;
}

.nav-tabs {
	border-bottom: 1px solid #545454;
}

.nav-tabs > li > a {
	border-radius: 0px;
	color: #545454;
	font-weight: 500;
	background-color: #f7f7f7;
	border-bottom: 1px solid #545454;
}

.nav-tabs > li.active > a {
	background-color: #474747;
	color: white;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
	cursor: pointer;
	background-color: #a80055;
	color: white;
	border-bottom: 1px solid #545454;
}

.type-text text {
	font-weight: 500 !important;
}

.plot-gear-icon {
	margin-top: 10px;
}

.footer {
	position: relative;
	bottom: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background:url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/light_noise_diagonal.png"),
	linear-gradient(180deg, rgba(0,0,0,0.75),rgba(0,0,0,0.6)),center no-repeat rgba(0,0,0,0.75) scroll;
	background:url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/textures/light_noise_diagonal.png"),linear-gradient(180deg, rgba(0,0,0,0.75),rgba(0,0,0,0.6)),center no-repeat rgba(0,0,0,0.75) scroll;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2000000', endColorstr='#85000000',GradientType=0 );
	color:#eee;
	border-top: 1px solid #a80055;
	text-align: center;
	padding-top: 20px;
	margin-top: 30px;
}

.footer a {
	color: white;
}

.tab-pane >.row:nth-child(2n) {
	margin-left: -15px;
	margin-right: -15px;
}

.col-sm-4 {
	background-color: #f7f7f7;
}

.col-sm-4 > .well:nth-child(2n) {
	border-top: 1px solid white;
}

/*2 list napoveda*/

[data-value="Nápověda"] .footer {
	position: absolute;
	bottom: 0;
	left: 0;
}


@media (min-width: 768px) {
.col-sm-4 {height: 842px !important;}
}

@media all and (max-width: 1250px) {
	#my_plot-container {width: auto !important; height: auto !important;}
	.type-text text {font-size: 12px !important;}
	.col-sm-8 {padding-left: 5px !important; padding-right: 5px !important;}
}

.col-sm-8 {
	padding-left: 40px;
}