.app {
	height: 100%;
}

.map-container{
	min-height: 500px;
}

.route-container{
	width: 330px;
	position: absolute;
	top: 10px;
	left:10px;
	z-index: 2;
	background-color: #fff;
	padding: 0 5px;
	height: 31%;
}
.plan-container{
	
}
.routes-list-item i{
	color: #000;
    font-size: 18px;
}

.routes-list-item > a,.routes-list-item > div{
	float:left;
}

body{
	height: 100%;
}

.overlay-menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100px;
	background-color: #fff;
	z-index: 2;

}


.color-selector-container {
	border: 1px solid #999;
	margin:2px;
	float: left;
	padding: 2px;
}
.color-selector {
	width: 20px;
	height: 20px;
	display: block;
	margin: 2px;
}
.color-selector-new {
	/*display: block;*/
	/*margin: 2px;*/
}
.color-selector.black{
	background-color: #000;
}

.color-list-container {
	width:210px;
	height: 50px;
}

.color-list-wrapper{
	float:left;
	padding:2px;
	margin: 2px;
	border: 1px solid #999;
}
.color-list-item{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin: 2px;
	cursor: pointer;
}

.black{
	background-color: #000;
}
.blue{
	background-color: blue;
}
.lightseagreen{
	background-color: lightseagreen;
}
.green{
	background-color: green;
}
.olivedrab{
	background-color: olivedrab;
}
.orange{
	background-color: orange;
}
.orangered{
	background-color: orangered;
}
.purple{
	background-color: purple;
}
.red{
	background-color: red;
}
.saddlebrown{
	background-color: saddlebrown;
}

.navy{
	background-color: navy;
}

.deeppink{
	background-color: deeppink;
}

.gold{
	background-color: gold;
}

.gray{
	background-color: gray;
}

.darkslategray{
	background-color: darkslategray;
}

.limegreen{
	background-color: limegreen;
}

.indianred{
	background-color: indianred;
}

.darkred{
	background-color: darkred;
}

.black:hover{
	background-color: #000;
}
.blue:hover{
	background-color: blue;
}
.lightseagreen:hover{
	background-color: lightseagreen;
}
.green:hover{
	background-color: green;
}
.olivedrab:hover{
	background-color: olivedrab;
}
.orange:hover{
	background-color: orange;
}
.orangered:hover{
	background-color: orangered;
}
.purple:hover{
	background-color: purple;
}
.red:hover{
	background-color: red;
}
.saddlebrown:hover{
	background-color: saddlebrown;
}

.navy:hover{
	background-color: navy;
}

.deeppink:hover{
	background-color: deeppink;
}

.gold:hover{
	background-color: gold;
}

.gray:hover{
	background-color: gray;
}

.darkslategray:hover{
	background-color: darkslategray;
}

.limegreen:hover{
	background-color: limegreen;
}

.indianred:hover{
	background-color: indianred;
}

.darkred:hover{
	background-color: darkred;
}



/*Planning CSS */

.filter-button{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 70px;
	right:10px;
	z-index: 2;
	background-color: #fff;
}

.filter-container{
	width: 400px;
	height: 100px;
	background-color: #fff;
	padding: 15px;
}

body {
  font-family: Helvetica, sans-serif;
}

.status {
  line-height: 52px;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.react-autosuggest__input:focus {
  outline: none;
}

.react-autosuggest__container--open .react-autosuggest__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container {
  display: block;
  position: absolute;
  top: 38px;
  width: 280px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  max-height: 600px;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
    max-height: 600px;
      overflow: auto;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--focused {
  background-color: #ddd;
}

.route-plan-container{
	width: 330px;
	height: 23%;
	position: absolute;
	top: 65px;
	left:10px;
	z-index: 2;
	background-color: #fff;
}

.route-plan-container-two{
	width: 330px;
	height: 64%;
	position: absolute;
	top: 35%;
	left:10px;
	z-index: 2;
	background-color: #fff;
}

.route-plan-container-log{
	width: 330px;
	height: 66%;
	position: absolute;
	top: 33%;
	left:10px;
	z-index: 2;
	background-color: #fff;
}

.route-list{
	width: 330px;
	height: 80%;
	top: 20%;
	z-index: 2;
	background-color: #fff;
	padding-left: 10px;
	margin-right: 5px;
	position: absolute;
	overflow-y:scroll; 

}

.route-list-lg{
	width: 330px;
	height: 67%;
	top: 33%;
	z-index: 2;
	background-color: #fff;
	padding-left: 10px;
	margin-right: 5px;
	position: absolute;
	overflow-y:scroll; 

}
.route-list-label{
	width: 320px;
	height: 67%;
	z-index: 2;
	background-color: #fff;
	padding: 0px;
	margin-right: 0px;
}

.route-plan-header > span {
	font-size: 1.5em;
}

.route-plan-header > i {
	float:right;
	/*margin: 10px 5px;*/
}

.route-plan-header{
	background-color: #f4f4f4;
	height: 30px;
}
.filter-plan-container{
	width: 80px;
	height: 37px;
	position: absolute;
	top: 70px;
	right: 23px;
	z-index: 2;
	background-color: #fff;
	color: #1c6712;
}

.filter-plan-container_log{
	width: 80px;
	height: 37px;
	position: absolute;
	top: 10px;
	right: 23px;
	z-index: 2;
	background-color: #fff;
	color: #1c6712;
}


.submit-button {
	margin-right: 5px;
	margin-bottom: 5px;
}

/*.toggleOpen {
	margin: 0px 0px 0px -330px;
	transition: 0.3s;
}*/

.toggleOpen_log {
	margin: 0px 0px 0px -330px;
	transition: 0.3s;
}

.toggleClose_log {
	margin: 0px 0px 0px 0px;
	transition: 0.3s;
}

/*.card {
	padding-left: 0px;
	background-color: #e87e04;
	color: white;
	margin-bottom: 5px;
}*/

#list-btm {
	height: 100%;
	color: black;
	background-color: #f4f4f4;
	margin-left: 10px;
	padding-right: 5px;
	font-size: 14px;
}


#result-left {
	padding-left: 10px;
	margin-bottom: 10px;
}

.route-list-container {
	padding: 0px;
	margin-bottom: 5px;
	color: black;
	overflow-y:scroll; 
	height: 80%;
}

.route-list-logistics {
	padding-left: 0px;
	color: black;
	margin-bottom: 5px;
	width: 330px;
	top: 60px;
	overflow-y:scroll; 
	position: absolute;
	height: 67%;
	z-index: 3;
}

.btn-circle {
	width: 20px;
	height: 20px;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    line-height: .7;
    border-radius: 15px;
    margin-right: 3px;
    margin-top: 5px;
}

.filter-result {
	color: black;
	margin-bottom: 5px;
	color: black;
	overflow-y:scroll; 
	height: 492px;
	padding-right: : 0px;
}

.filter-result-log {
	color: black;
	margin-bottom: 5px;
	color: black;
	overflow-y:scroll; 
	height: 492px;
	padding-left: 0px;
}

.overlay {
    position: 'fixed';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:'rgba(255, 255, 255, 0.75)';
}

.content : {
    position: 'absolute';
    top: '40px';
    left: '40px';
    right: '40px';
    bottom: '40px';
    border: '1px solid #ccc';
    background: '#fff';
    overflow: 'auto';
    outline: 'none';
    padding: '20px';
}

.modal-container {
  position: relative;
}

.modal-container .modal, .modal-container .modal-backdrop {
  position: absolute;
}

.modal-header{
	color: #1c6712 ;
}

.route_plan
{
	padding-left: 10px;
	margin-bottom: 10px;
}

.NotSelectedRoute
{
	vertical-align: middle;
	padding-left: 10px;
	height: 40px;
	font-size: 14px;
	margin: 5px 0px;
}

.SelectedRoute
{
	vertical-align: middle;
	padding-left: 10px;
	height: 40px;
	background-color: #d8eed5;
	font-size: 14px;
	margin: 5px 0px;
}

.billingColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #8e44ad;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.serviceColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #35aa47;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.paymentColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #26c281;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.entomColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffb848;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.othersColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #555555;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.deliverColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #e87e04;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.pickupColor {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #22313f;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.call {
	color: white;
}

#collapse-height {
	height: 100%;
	color: black;
}

/*HOVER*/

.billingColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #8e44ad;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.serviceColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #35aa47;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.paymentColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #26c281;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.entomColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffb848;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.othersColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #555555;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.deliverColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #e87e04;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.pickupColor:hover {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #22313f;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

/*active*/

.billingColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #8e44ad;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.serviceColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #35aa47;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.paymentColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #26c281;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.entomColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffb848;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}
.othersColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #555555;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.deliverColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #e87e04;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.pickupColor:active {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #22313f;
	color: white;
	margin-bottom: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.collapse-list {
	padding-left: 15px;
}

.collapse-status {
	padding-left: 0px;
}

.collapse-btm {
	color: black;
	margin-bottom: 5px;
}

.clear_padding {
	padding-top: 0px ; 
	padding-bottom: 0px ; 
	margin-bottom: 0px;
}

.schedule {
	height: 400px;
	overflow-y:scroll; 
}

.schedule-logistics {
	height: 400px;
	overflow-y:scroll; 
}

.technicians_css {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #35aa47;
	color: white;
	margin-bottom: 5px;
}

.technicians_css_disabled {
	padding-left: 0px;
	padding-right: 0px;
	background-color: red;
	color: white;
	margin-bottom: 5px;
}

.zIndex_sorting{
	z-index: 3;
	display: flex;
}

.padding-zero{
	padding: 0px;
}

.left-alignment{
	text-align: right;
}

#direction-container{
	height: 700px;
	overflow-y: scroll;
}

.show-directions{
	text-align: center;
	font-size: 14px;
}

.icon-padding{
	padding-top: 8px;
}

.selected-css{
	background-color: #b4bac4;
}

.btn-circle-log {
	width: 20px;
	height: 20px;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    line-height: .7;
    border-radius: 15px;
    margin-right: 5px;
}
.padding-side-zero {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
}

.padding-side-zero-history {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
}

.heading-tracker {
	font-size: 20px;
	font-style: bold;
	padding-top: 0px;
}

.toggle-css {
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0 10px;
	color: #1c6712 ;
}

.routepanel-container-header {
	position: absolute;
	left: 79.5%;
	height: 3%;
	top: 10px;
	right: 10px;
	z-index: 2;
	background-color: #fff;
	width: 20%;
}

.routepanel-container {
	position: absolute;
	left: 350px;
	top: 10px;
	z-index: 2;
	background-color: #f4f4f4;
	width: 300px;
}

.nearbypanel-container-close{
	position: absolute;
	left: 350px;
	top: 42px;
	z-index: 2;
	background-color: #f4f4f4;
	width: 300px;
}

.nearbypanel-container-open{
	position: absolute;
	left: 350px;
	top: 290px;
	z-index: 2;
	background-color: #f4f4f4;
	width: 300px;
}

.target-scroll {
	overflow-y: scroll;
	height: 250px;
	z-index: 3;
	background-color: white;
}

.target-header {
    font-size: 16px;
}

.target-collapse {
	padding-top: 0px;
	padding-right: 5px;
}

textarea {
	width: 100%;
	height: 100px;
	max-height: 100px;
	max-width: 100%;
	overflow-y: scroll;
}

.pencil-padding{
	padding-left: 5px;
}

.info-button{
	margin-right: 10px;
	margin-top: 10px;
}

.search-container{
	width: 182px;
	height: 50px;
	position: absolute;
	top: 1%;
	left: 380px;
	z-index: 2;
}

.search-container-two{
	width: 400px;
	height: 50px;
	position: absolute;
	top: 1%;
	left: 580px;
	z-index: 2;
}

.search-container-three{
	width: 5%;
	height: 50px;
	position: absolute;
	top: 1%;
	left: 650px;
	z-index: 2;
}

.history-sched-container{
	width: 350px;
	height: 90%;
	position: absolute;
	top: 10px;
	left:10px;
	z-index: 2;
	background-color: #f4f4f4;
}

.history-sched-label{
	font-size: 20px;
	font-weight: bold;
}

.history-sched-list{
	width: 100%;
	height: 87%;
	z-index: 2;
	background-color: #fff;
	padding: 0 10px;
	top: 20%;
	margin-right: 0px;
	position: absolute;
	overflow-y:scroll; 
}

.btn-circle-history {
	width: 30px;
	height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    border-radius: 15px;
    margin-right: 5px;
}

.border{
	border: 1px solid black;
	background-color: yellow;
}

.add-note{
	color: green;
}

.remove-note{
	color: red;
}

.notes-scroll{
	overflow-y:scroll; 
	height: 100px;
}

.plan-label{
	padding-left: 10px;
	padding-top: 5px;
	color:	green;
	font-size: 16px;
	font-weight: bold;
}

.new-group-label{
	margin-top: 5px;
	color:	green;
	font-size: 18px;
	padding-top: 2px;
	padding-left: 9px;
	vertical-align: middle;
}

.route_id{
	padding-top: 5px;
}

.info_button{
	top: 0px;
}

.show-directions-btn{
	background-color: #1c6712 ;
	color: white;
}

.show-directions-btn:active{
	background-color: #1c6712 ;
	color: white;
}

.show-directions-btn:hover{
	background-color: #207d14;
	color: white;
}

.show-directions-btn:active:hover{
	background-color: #207d14;
	color: white;
}

.card-block{
	padding: 0px;
	background-color: #f4f4f4;
	color: black;
	margin-left: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index: 3;
}

.client-name-height{
	height: 40px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.color-green{
	color: #1c6712;
}

.status-style{
	background-color: white;
	text-align: center;
	font-size: 14px;
}

.view-btn{
	background-color: #1c6712 ;
	color: white;
}

.view-btn:hover{
	background-color: #207d14;
	color: white;
}

.view-btn:active {
	background-color: #1c6712;
	color: white;
}

.size-angle{
	font-size: 20px;
}

.search-textfield-css{
	background-color: #f1f1f1;
}

.height-status-type{
	height: 30px;
	margin-bottom: 5px;
}

.margin-submit{
	margin-right: 5px;
}

.margin-clear{
	margin-left: 5px;
}

.margin-btn-5{
	margin-bottom: 5px;
}

.maring-zero{
	margin:	0px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
    background-color: #1c6712;
}

.history-datepicker{

}

.find-btn{
	padding-right: 5px;
}

.route-size{
	height: 100%;
}

#datecontainer{
    background-color: #1c6712;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #1c6712;
    border-color: #1c6712;
}

.textfield-flat{
	border: 1px solid #fff; 
}

.zero-top{
	padding-top: 0px;
}

.padding-left-type{
	padding-left: 5px;
}

.align-center{
	text-align: center;
}

.align-left{
	text-align: left;
}

.align-right{
	text-align: right;
}

.search-btn-css{
	text-align: center;
	padding: 10px;
	font-size: 12px;
	cursor: pointer;
}

.search-btn-css:hover{
	text-align: center;
	padding: 10px;
	font-size: 12px;
	cursor: pointer;
}

.search-btn-css-log{
	text-align: center;
	padding: 10px;
	font-size: 12px;
	cursor: pointer;
}

.search-btn-css-log:hover{
	text-align: center;
	padding: 10px;
	font-size: 12px;
	cursor: pointer;
}

.cursor{
	cursor: pointer;
}

.height-tracker{
	height: 30px;
}

.margin-btn{
	margin-bottom: 10px;
}

.margin-left-zero{
	margin-left: 0px;
}

.padding-left-0{
	padding-left: 0px;
}

.padding-left-5{
	padding-left: 5px;
}

.padding-left-10{
	padding-left: 10px;
}

.padding-left-15{
	padding-left: 15px;
}

.zero-padding{
	padding: 0px;
}

.tracker-search-size{
	padding-top: 15px;
}

.tracker-select-size{
	height: 50px;
	width: 250px;
	margin-left: 20px;
}

.location-select-size{
	height: 34px;
	width: 566px;
	margin-left: 15px;
}

.tracker-search-btn-size{
	height: 50px;
    width: 80px;
}

.date-search-label{
	padding-top: 15px;
    padding-left: 15px;
}

.date-search-size{
	height: 50px;
	width: 173px;
}


.label-left{
	text-align: left;
}

.log-modal-body{
	height: 690px;
}

.history-modal-body{
	height: 590px;
}

.padding-top-none{
	padding-top: 0px;
}

.padding-btm-5{
	padding-bottom: 5px;
}

.log-route-selected{
    font-size: 12px;
}

.ptop-5{
	padding-top: 5px;
}

.show-filters-css{
	width: 90px;
}

.col-filters-css{
	margin-left: 5px;
}

.history-header{
    padding-top: 5px;
    font-size: 20px;1
}

.history-grp-label{
    font-size: 14px;
    padding-left: 10px;
    padding-top: 5px;
}

.history-grp-btn{
    width: 93%;
    margin-left: 10px;
    height: 36px;
    background-color: #f4f4f4;
}

.logistics-grp-btn{
    width: 80%;
    margin-left: 10px;
    height: 36px;
    background-color: #f4f4f4;
}

.history-bg-group{
    background-color: #fff;
    top: 9px;
    padding-bottom: 400px;
}

.logistics-bg-group{
    background-color: #fff;
    top: 9px;
}

.dispatchNotesModal{
	height: 500px;
}

.dispNotes{
	width: 250px;
}

.m-l20{
	margin-left: 20px;
}

.new-route-modal-body{
	height: 115px;
}

.spacing{
	padding-top: 5px;
	padding-bottom: 5px;
}

.newroute_input-size{
	width: 425px;
}

.ml-0{
	margin-left: 0px;
}

.ml-5{
	margin-left: 5px;
}

.ml-10{
	margin-left: 10px;
}

.ml-15{
	margin-left: 15px;
}

.mr-0{
	margin-right: 0px;
}

.mr-5{
	margin-right: 5px;
}

.mr-10{
	margin-right: 10px;
}

.mr-15{
	margin-right: 15px;
}

.mb-0{
	margin-bottom: 0px;
}

.mb-5{
	margin-bottom: 5px;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-15{
	margin-bottom: 15px;
}

.pl-0{
	padding-left: 0px;
}

.pl-5{
	padding-left: 5px;
}

.pl-10{
	padding-left: 10px;
}

.pl-15{
	padding-left: 15px;
}

.pt-0{
	padding-top: 0px;
}

.pt-5{
	padding-top: 5px;
}

.pt-10{
	padding-top: 10px;
}

.pt-15{
	padding-top: 15px;
}

.pr-0{
	padding-right: 0px;
}

.pr-5{
	padding-right: 5px;
}

.pr-10{
	padding-right: 10px;
}

.pr-15{
	padding-right: 15px;
}

.pb-0{
	padding-bottom: 0px;
}

.pb-5{
	padding-bottom: 5px;
}

.pb-10{
	padding-bottom: 10px;
}

.pb-15{
	padding-bottom: 15px;
}
.small-modal{
	height: 100px;
}

.spacing-10{
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-left-0{
	padding-left: 0px;
}

.search-header{
    margin-bottom: 5px;
    padding-bottom: 35px;
    padding-top: 5px;
}

.mt-0{
	margin-top: 0px;
}

.mt-3{
	margin-top: 3px;
}

.mt-5{
	margin-top: 5px;
}

.mt-10{
	margin-top: 10px;
}

.mt-15{
	margin-top: 15px;
}

.v-align-middle{
	vertical-align: middle;
}

.open-sans{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
}

.editnotes{
	width: 237px;
}