body {
	padding-top: 5px;
	background-color:#303135;
	color:#d2d3db;
	height: 100%;
	overflow-y:scroll;
}
ul {
  list-style-type: none;
}
@media (max-width: 768px) {
  .left { width: 100%; }
  .right { width: 0%; }
}
@media (min-width: 768px) and (max-width: 1250px){
  .left { width: 30%; }
  .right { width: 70%; }
}
@media (min-width: 1251px) {
  .left { width: 25%; }
  .right { width: 75%; }
}

.left{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow-y: auto; 
	 height:100%;
	padding-top:60px;
}
.right{
	height: 100%;
	padding-top:50px;
	overflow-y: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}

.list-box{
	margin:15px;
	height:70%;
}
.note-body{
	background-color:unset;
	white-space:pre-wrap;
	border:unset;
	font-size:18px;
	color:unset;
	padding:25px;
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

	border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none;
}
.tagger{
	padding-right:10px;
	color:#697179;
}
.tagger:hover{
	color:#FFF;
}
.note-item:hover{
	cursor:pointer;
}
.todo-list-item{
	font-size:16px;
}
.clickable{
	cursor: pointer;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.todo-list-item.active{
	background-color:#647D64;
	border-color:#59698e;
	color:#ffffff;
}
.todo-list-item.active:hover{
	background-color:#647D64;
	border-color:#59698e;
}
.plus-pad{
	font-size:30px;
	padding-right:0px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
}
.side-head-pad{
	font-size:20px;
	padding:15px;
	margin-right:45px;
}
.navbar{
	min-height: 50px;
	border-color:#565960;
	background-color:#303135;
        color:#d2d3db;
}
.navbar input[type=text] {
	height:unset;
	border-radius: 15px;
    padding-left: 8px;
	padding-top:2px;
	padding-bottom:2px;
    margin-top: 2px;
    margin-right: 15px;
    font-size: 14px;
	border-color:#565960;
	background-color:#303135;
        color:#d2d3db;

}
form{
     display:inline;
     margin:0px;
     padding:0px;
}
.tag-bar{
	position:fixed;
	bottom:0;
	height: 24px;
	display:block;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background-color: #000000;
}
.note-tag-box{
	height:unset;
        border-radius: 15px;
    padding-left: 8px;
        padding-top:2px;
        padding-bottom:2px;
    margin-top: 2px;
    margin-left: 15px;
    margin-bottom: 5px;
    font-size: 10px;
        border-color:#565960;
        background-color:#303135;
        color:#d2d3db;

}
.select2-container--default .select2-results__option[aria-selected=true]{
        background-color:#252a30;
}
.select2-results{
        background-color:#303135;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
        background-color:#303135;
}
.select2-container--default .select2-selection--multiple {
        border-color:#565960;
        background-color:#303135;
        color:#d2d3db;

}

li {
	background: #fff;
	height: 40px;
	line-height: 40px;
	color: #666;
	padding: 0px 10px 0px 10px;
	overflow:hidden;
}
li:nth-child(2n){
	background: #f7f7f7;
}

li:hover{
	cursor: pointer;
	background-color: #97B1A3;
	color: #FFFFFF;
	border: 1px solid #163716;
}

li span {
	padding: 0px 10px 0px 5px;
}
li:hover span {
//	padding: 0px 10px 0px 20px;
	opacity: 1.0;
}
li.over {
  border: 1px dashed grey;
}


.completed{
	text-decoration: line-through;
	text-decoration-thickness: 2px;
	color: #c3baba;
}

#list-tasks{
    padding: 5px 15px 5px 15px;
}


h1{
	display: inline; 
	text-align:center;
}
input.hidden{
	display:none;
}
input[type=text]{
    font-size: 24px;
    background: #F5F5F5;
    color: #225F22;
    width: 80%;
    border: none;
    box-sizing: border-box;
    padding: 2px 5px 2px 10px;
    margin: 0px 5px 0px 15px;
}

input[type=text]:hover{
	cursor:text;
}
input[type=text]:focus{
    border: 2px solid #163716;
    background: white;
    outline: none;
}

.edit-pad{ color: #E4C00A; }
.edit-pad-sm{ color: #716B14; }

.row-height{
	height: 100vh;
}
.edit_list_title:hover{
	cursor:pointer;
}