@charset "utf-8";

/* core */
html, body{
	height: 100%;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
}
html, body{
	background-color:#fdfdfd;
	font-family: 'Baloo Bhaina 2', arial !important;
}
body{
	display: flex;
	flex-direction: column;
}
header{
	position: sticky;
	top: 0;
	z-index: 1030;
}
main{
	flex: 1;
	display: flex;
}
h1{
	font-size: 2rem;
}
h2{
	font-size: 1.5rem;
}
h3{
	font-size: 1.2rem;
}
h4{
	font-size: 1rem;
}
h5{
	font-size: 0.8rem;
}
/* classes */
.brand-container{
	background-color:#111;
	border-right: 1px solid #020202;
}
.brand{
	display: block;
    font-size: 1.2rem;
	width: 100%;
}
.sidebar{
	flex: 0 0 auto;
	font-size: 1.2rem;
	overflow-y: auto;
}
.sidebar a{
	color:#2470dc;
}
.content{
	flex:1;
	overflow-y: auto;
}
.bg-header{
	background-color:#212121;
}
.bg-sidebar{
	background-color:#eee;
	border-right: 1px solid #ccc;
}
.alert, button, .btn, .modal-content, .form-control{
    border-radius: 0;
}
.copyright{
	background-color:#FF4242;
	color:#fff;
	font-size:12px;
	padding: 5px 10px 5px 10px;
	margin:0px 15px 5px 15px;
}
.toolsListBtn:hover, .toolsListBtn:active, .toolsListBtn:focus{
	text-decoration: none;
}
.toolsListBtn{
	font-size: 1.2rem !important;
}
.task-item {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px 14px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-item:hover {
  border-color: #ccc;
}
.current-task {
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
}
.current-task:hover {
  border-color: #ccc;
}
.current-task .task-title, .message-title {
  font-weight: bold;
}
.current-task p {
  margin-bottom: 0;
}
.options{
	float:right;
	font-size: 1.3rem;
}
#sortable .handle {
	cursor: move;
}
#sortable .ui-sortable-placeholder {
	background: #f8f8f8;
	border: 2px dashed #e0e0e0;
	visibility: visible !important;
	height: 200px;
	margin-bottom: 15px;
}
.btn-light{
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
}
.section-container{
	background: #f8f9fa;
	border: 1px solid #e0e0e0;
}
.btn-light:hover, .btn-light:active, .btn-light:focus{
	background: #e8e8e8;
	border: 1px solid #d0d0d0;
}
select.form-control,
select.form-control option {
    font-family: 'Baloo Bhaina 2', arial !important;
}
.img-brand {
    height: 1em;        /* matches font-size */
    vertical-align: middle;
	border-radius: 15%;
}
body.cover-page{
	background-image:url(../images/business-background-gray.png);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.copyright{
	background-color:#FF4242;
	color:#fff;
	font-size:12px;
	padding: 5px 10px 5px 10px;
	margin:0px 15px 5px 15px;
}
/* testing */

/* Mobile first */
.sidebar {
  font-size: 1.5rem;
}

/* Medium and up */
@media (min-width: 768px) {
  .sidebar {
    font-size: 1.2rem;
  }
  .brand {
	font-size: 1.4rem;
  }
}

/* Large and up */
@media (min-width: 992px) {
  .sidebar {
    font-size: 1.2rem;
  }
  .brand {
	font-size: 1.4rem;
  }
}