/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
}

.usr-group {
    margin: 0.5rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 0.25rem;
}

.usr-group.active {
    font-weight: 500;
    background: lightgray;
}

.acc-comment {
    margin-bottom: 1.5rem;
    font-size: 0.9em;
    position: relative;
}

.comment-header {
    font-weight: bold;
}

.del-acc-comment {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.cal-event {
	cursor: pointer;
}

#calendar_hover {
	border: 1px solid gray;
    position: absolute;
    width: 300px;
    top: 200px;
    left: 200px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    z-index: 999;
    font-size: 0.8em;
    display: none;
}

.bootstrap-autocomplete.dropdown-menu {
    cursor: pointer;
}

.edit-click {
	cursor: pointer;
}

.itm-row:hover {
	background: #f2ee93;
}

.marker-label-light {
    font-weight: bold;
    text-shadow: 
        2px 2px 2px white,
        2px -2px 2px white,
        -2px 2px 2px white,
        -2px -2px 2px white,
        2px 2px 2px white,
        2px -2px 2px white,
        -2px 2px 2px white,
        -2px -2px 2px white;
}

.loc-su, .loc-po {
	max-width: 100px;
    font-size: 1em;
    height: 23px;
    text-align: right;
}

.ts-number {
	text-align: right;
	padding-right: 16px !important;
}

.pac-container {
    background-color: #FFF;
    z-index: 9990;
    position: fixed;
    display: inline-block;
    float: left;
}

.list-group-item {
	padding: 0.3rem 1.25rem;
    padding-right: 0;
}

.list-group-item-header {
	padding-left: 0.25rem;
	padding-top: 1rem;
	font-weight: bold;
	cursor: pointer;
}

.list-sub.toggled .list-group-item-action {
	display: none;
}

.bootstrap-select {
	border: 1px solid #ced4da !important;
    height: 31px !important;
} 

.bootstrap-select button {
	padding-top: 2px !important;
}

.bootstrap-select .dropdown-menu {
    font-size: 0.85rem;
}

.navbar {
	position: sticky;
	top:0;
	z-index: 999;
}

.nav-link {
	padding: 0 5px;
	margin: 3px 0;
}

.ssn {
	position: absolute;
	top:0;
	color: transparent !important;
	background: transparent !important;
	font-family: 'Libre Barcode 39 Extended', cursive;
}

.ssn-mask {
	position: absolute;
	padding: 4px 8px;
	font-size: 0.875rem;
	color: #495057;
	width: 130px !important;
    max-width: 130px !important;
}

.ssn-container {
	display: inline-block;
    position: relative;
    width: 150px !important;
    max-width: 150px !important;
    height: 31px;
}

.act-icon {
	margin: 0 10px;
}

.mfg {
	justify-content: space-between;
	margin-top: 8px;
	margin-bottom: 8px;
}

.mfg label {
	margin-left: 15px;
}

.mfg:hover {
	background: #eeeeee !important;
}

.mfg label.lr {
	margin-left: 15px;
}

.mfg label.lr::before {
  content: "* ";
  color: red;
  margin-left: -15px;
  width: 15px;
  font-weight: bold;
}

.cb-yn {
	width: 25px !important;
	height: 25px !important;
}

.mfg .form-control-sm {
	width: 150px !important;
}

.navForm {
	min-width: 300px;
	padding: 10px;
}

.pwinput {
	max-width: 40%;
}

.phead {
	font-weight: bold;
}

.req-star {
	font-weight: bold;
	color: red;
}


.sticky-col {
	position: sticky;
	left: 0;
	background: #cfcfcf;
	white-space: nowrap;
}

.sticky-row {
	position: sticky;
	top:0;
}

.list-group-item.active {
	background: #DAE0E5 !important;
	color: #495057;
}

/** Sortable Plugin **/
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute !important;
  opacity: 0.5;
  z-index: 2000;
}

ul.sortable li {
  position: relative;
  padding: 5px;
}

ul.sortable li:before {
  position: absolute;
  /** Define arrowhead **/
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -13rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 13rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

#loader
{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	position: fixed;
	background-color: black;
	opacity: 0.5;
	display: none;
	z-index: 99999;
}

.va
{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px;
}

.error {
    position: relative;
    border: 1px solid maroon;
    color: #000;
    border-radius: 4px;
    padding: 5px;
    margin: 2px;
    background: url("../img/error.png") no-repeat pink 3px 14px;
}
.notice {
    position: relative;
    border: 1px solid #00a200;
    color: #000;
    border-radius: 4px;
    padding: 5px;
    margin: 2px;
    background: url("../img/info.png") no-repeat #acf2ac 3px 7px;
}
.success h1, .notice h1, .error h1 {
    border-bottom: 2px solid;
    font-weight: bold;
    text-align: left;
    font-size: 30px;
    padding-left: 20px;
}
div.error h1 {
    border-color: #ff0000;
}
div.notice h1 {
    border-color: #007700;
}

.close-link {
	position: absolute;
    top: 0px;
    right: 7px;
    color: #00000099;
    font-weight: bold;
    cursor: pointer;
}

.popup-item {
	padding-left: 25px;
}

#popup_container {
	position: absolute;
    width: 100%;
    z-index: 9990;
}

@media (max-width: 1400px) {
  .mfg label {
	max-width: calc(100vw - 200px);
  }
  .mfg span {
	max-width: calc(100vw - 200px);
  }
}

@media (min-width: 1600px) {
    .modal-xl {
        max-width: 1600px;
    }
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -13rem;
  }
}

@media print {
  #sidebar-wrapper {
    display: none;
  }
  .no-print {
  	display: none !important;
  }
}