/*!
 * Start Bootstrap - 4 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 0px !important; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: #e1e1e1;
    color: #000;
}
.row, .container-fluid { padding:0; margin:0; }
.portfolio-item {
    margin-bottom: 25px;
}
.white { color:#fff; }
.black { color:#000; }
footer {
    margin: 50px 0;
}
.logo {
	padding-top:27px;
	color: #fff !important;
}
.navbar {
	background:#f36f0c;
}
.navbar-nav a { color:#fff !important; margin-top:12px; }
.error { color:#ff0000; font-size:11px; font-weight:normal; }
.dropdown-menu { background:#f1f1f1; }
.dropdown-menu li a { color:#000 !important; padding:5px; margin-top:0; }
.dashboard-box {
    margin-bottom: 24px;
    padding: 20px;
    box-sizing: border-box;
}
.dashbozrd-box-inner {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);
    border-radius: 4px;
    background: #fff;
}

.bottom-border, .bottom-border { border-bottom: 1px solid black; }
.legend {
    display: block;
    text-align: left;
    border-bottom: solid 1px #ddd;
    color: #444;
    font-weight: 400;
    line-height: 1.583em;
    padding-bottom: .75em;
    margin-bottom: 1.5em;
    font-size: 1.33em;
}

.checkbox-container {
  /*display: block;*/
  position: relative;
  padding-left: 18px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 0px;
  width: 0px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 6px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.results h1, h2, h3, h4, h5, .panel-chart p {
	color: #000;

}

.panel-success {
    border:2px solid #008a00;
}
.panel-success .panel-heading,.panel-success .panel-footer {
	background: #008a00;
	color: #fff;
	border-radius:0 !important;
	padding: 0px;
	font-weight: 700;
	font-style: italic;
}
.no-padding {
	padding:5px 0 !important;
}

.panel {
    margin-bottom: 20px;
    /*border-radius: 0px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/* panel info */
.panel-info {
    border:2px solid #2196F3;
}
.panel-heading { {
	/*border-radius:0 !important;*/
}
.panel-info .panel-heading {
	background: #2196F3;
	color: #fff;
}

/* panel danger */
.panel-danger {
    border:2px solid #FF0000;
}
.panel-danger .panel-heading {
	background: #FF0000;
}

.refresh-button {
	position: absolute;
    transition: opacity .6s ease-in-out;
    z-index: 999;
    right: 20px;
    bottom: 20px;
}

.like_unlike {
	cursor: pointer !important;
}
.bg-grey {
	background: #e1e1e1 !important;
}