body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

::-webkit-scrollbar {
    width: 0;
}

.hidden{
  display:none;
}
/* Track */
/* ::-webkit-scrollbar-track {
  background: #f1f1f1;
  width: 5px;
  height: 5px;
} */

/* width */
/* ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
} */

/* Home minding request rows open the request in full (CSA-9051b). */
.clickable-row { cursor: pointer; }
.clickable-row:hover { background-color: #f5f9fc; }

.App {
  	text-align: center;
		font-family: Lato;
		height: 100vh;
}

.App-logo {
  	animation: App-logo-spin infinite 20s linear;
  	height: 40vmin;
}

.App-header {
	background-color: #282c34;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: calc(10px + 2vmin);
	color: white;
}

.App-link {
  	color: #61dafb;
}

@keyframes App-logo-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* Generic Styling */

.card {
	color: #fff;
	background: #FFF;
	min-height: 137px;
	margin: 0px;
	margin-left: 20px;
	border-radius: 2px;
	padding: 0 0 10px;
	box-shadow: 0 2px 4px rgba(#000, 0.2);
	cursor: pointer;
	transition: 0.3s ease;
}

.card-header {
	background-color: #20404B;
	height: 37px;
	text-align: left;
}

.card-header-icon {
	  float: left;
	  margin: 12px;
}

.card-header h5 {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 37px;
	height: 21px;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 17px;
	font-weight: 600;
	line-height: 21px;
}

.card-content {
	padding: 10px;
	color: #000;
}

.red-btn {
	color: white;
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #EA053A 0%, #D0021B 100%);

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.read-btn :hover {
  	background: linear-gradient(180deg, #EA053A 0%, #D0021B 100%);
}

.dark-blue-btn {
  color: white;
  height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #064D5E 0%, #18667a 100%);

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
/*
.light-blue-btn {
  color: white;
  height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #8fd7ea 0%, #5fb5cc 100%);

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
} */

.green-btn {
	color: white;
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #10CD99 0%, #079F5F 100%);

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
.orange-btn {
	color: white;
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #EC6445 0%, #EC6445 100%);
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
.orange-btn:hover {
  background-color: darkorange;
}

.resized-manual-btn {
  padding: 4px 8px !important;
  font-size: 0.90rem !important;
  min-width: 100px;
}


.incident-guest-btn {
	color: white !important;
	height: 40px;
	padding: 10px 20px !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #EC6445 0%, #EC6445 100%) !important;

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.blue-btn {
	color: white;
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #61BBD9 0%, #5093A7 100%);
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.red-btn {
	color: white;
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, #EA053A 0%, #D0021B 100%);
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.gray-btn {
	color: white;
    height: 40px;
    padding: 10px 30px;
    border-radius: 20px;
    background: linear-gradient(180deg, #B0B0B0 0%, #D2D2D2 100%);
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.read-btn :hover {
  	background: linear-gradient(180deg, #EA053A 0%, #D0021B 100%);
}

.comm-log-btn {
	margin-top: -8px;
    margin-bottom: -8px;
}

.orange-title {
	color: #EC6445;
	font-family: Lato;
	font-size: 27px;
	font-weight: 600;
	line-height: 33px;
	text-align: center;
}

.react-datepicker {
  font-size: 1em;
}
.react-datepicker__header {
  padding-top: 0.8em;
}
.react-datepicker__month {
  margin: 0.4em 1em;
}
.react-datepicker__day-name, .react-datepicker__day {
  width: 1.9em;
  line-height: 1.9em;
  margin: 0.166em;
}
.react-datepicker__current-month {
  font-size: 1em;
}
.react-datepicker__navigation {
  top: 1em;
  line-height: 1.7em;
  border: 0.45em solid transparent;
}
.react-datepicker__navigation--previous {
  border-right-color: #ccc;
  left: 1em;
}
.react-datepicker__navigation--next {
  border-left-color: #ccc;
  right: 1em;
}

.text-align-left { text-align: left }
.text-align-right { text-align: right }
.text-align-center { text-align: center }

/** Margin Classes **/
.mt-5 { margin-top: 10px }
.mt-10 { margin-top: 10px }
.mt-10 { margin-top: 10px }
.form-label {
  font-weight: normal !important;
  float: left;
}

.remove-visitor-notif .bootstrap-switch {margin-top: 0 !important;}
.sorSignatureCanvas {
	border: 1px solid #000;
	width: 100%;
	min-height: 500px;
}

.pacers-switch-wrapper .bootstrap-switch { margin-top: 0; }

.attachment-img-date {
	display: block;
	padding-top: 2px;
	margin-top: 0px;
	color: #656565;
	font-size: 12px;
	text-align: center;
	background-color: white;
}
body, html {
    background-image: url(/images/bg.png);
    background-position: center;
    background-size: cover;
}

.main_container {
    height: 100%;
    width: 100%;
    min-width: 1020px;
    min-height: 660px;
}

.login_row {
    border: black 1px solid;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    background: white;
    width: 75%;
    height: 75%;
    display: inline-block;
}

.csa_logo {
    width: 75%;
}

/* .login {
    padding: 60px 0;
} */

.login_form {
    margin: 0 auto;
    max-width: 320px;
}

.login_label {
    font-weight: normal !important;
    float: left;
}

.logo_div {
    background: linear-gradient(to bottom right, rgb(203,143,17), rgb(245, 94, 2));
    height: 100%;
    width: 50%;
    float: left;
}

.login_form_div {
    height: 100%;
    width: 50%;
    float: right;
}

.login_text {
    color: #EC6445;
    margin-bottom: 50px;
}

.csa_text {
    font-size: 80px;
    color: white;
    text-decoration: underline;
}

.csa_subtext {
    color: white;
    font-size: 13px;
    margin-top: 0;
}

.login_button {
    margin-top: 50px;
}

.footer {
    font-size: 10px;
    color: gray;
    line-height: 12px;
    margin-top: 100px;
}

.footer-fcs {
    font-size: 10px;
    color: gray;
    line-height: 18px;
    margin-top: 8px;
}

.login-icon {
    float: right;
    margin-right: -40px;
    margin-top: -50px;
}

@media all and (min-width: 480px) {
    .Login {
      padding: 60px 0;
      background-color: "red";
    }

    .Login form {
      margin: 0 auto;
      max-width: 320px;
    }
}

.loadingMessage {
  align-self: center;
  text-align: center;
  color: "#F45F21";
}

.loadingIndicator {
  margin: 0 auto;
}

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

.hide {
  display: none;
}

.show {
  display: inline;
}

.loading-content {
  float:left;
}

body, html {
    background-image: url(/images/bg.png);
    background-position: center;
    background-size: cover;
}

.main_container {
    height: 100%;
    width: 100%;
    min-width: 1020px;
    min-height: 660px;
}

.login_row {
    border: black 1px solid;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    background: white;
    width: 75%;
    height: 75%;
    display: inline-block;
}

.csa_logo {
    width: 75%;
}

/* .login {
    padding: 60px 0;
} */

.login_form {
    margin: 0 auto;
    max-width: 320px;
}

.login_label {
    font-weight: normal !important;
    float: left;
}

.logo_div {
    background: linear-gradient(to bottom right, rgb(203,143,17), rgb(245, 94, 2));
    height: 100%;
    width: 50%;
    float: left;
}

.login_form_div {
    height: 100%;
    width: 50%;
    float: right;
}

.login_text {
    color: #EC6445;
    margin-bottom: 50px;
}

.csa_text {
    font-size: 80px;
    color: white;
    text-decoration: underline;
}

.csa_subtext {
    color: white;
    font-size: 13px;
    margin-top: 0;
}

.login_button {
    margin-top: 50px;
}

.footer {
    font-size: 10px;
    color: gray;
    line-height: 12px;
    margin-top: 100px;
}

.footer-fcs {
    font-size: 10px;
    color: rgb(255, 255, 255);
    line-height: 18px;
    margin-top: 8px;
}

.login-icon {
    float: right;
    margin-right: -40px;
    margin-top: -50px;
}

@media all and (min-width: 480px) {
    .Login {
      padding: 60px 0;
      background-color: "red";
    }

    .Login form {
      margin: 0 auto;
      max-width: 320px;
    }
}

/** styles for autocomplete input **/
.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--focused {
  outline: none;
}

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

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

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

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

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}

.left-input-icon{
  top: 26px;
  left: -2px;
}

.input-icon {
  color:#4a4949;
}

.dropdown-input-icon {
  top: 27px !important;
  right: -2px;
}

.auto-suggest-right-icon-color {
  color: #1C7E94 !important;
  cursor: pointer;
}

.react-autosuggest__suggestions-list
{
  max-height: 300px;
  overflow-y: scroll;
}
/** end of styles for autocomplete input **/
.event-mode-container-sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0px  !important;;
  padding-top: 17px  !important;;
}

.event-mode-container-sidebar .event-mode-toggle-wrapper {
  /* display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1; */
  margin-left: 9px;
}

.event-mode-container-sidebar .event-mode-label {
  cursor: pointer;
  color: white;
  font-size: 14px;
}

.event-mode-container-sidebar .event-mode-dropdown-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 2;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.event-mode-container-sidebar .event-mode-dropdown-wrapper>div {
  width: 97%;
  padding-right: 5px;
  padding-left: 24px;
}

.event-mode-autosuggest-label-custom {
  color: white;
}

.event-mode-container-sidebar .left-input-icon {
  left: 20px !important;
  top: 6px !important;
}

.event-mode-container-sidebar .right-input-icon {
  top: 6px !important;
}

.event-mode-container-sidebar .react-autosuggest__suggestions-container--open {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.switch-event-mode-container {
  margin-left: -11px;
  margin-top: -3px;
}

.event-mode-container-sidebar .react-autosuggest__suggestion {
  height: 40px;
  font-size: 85%;
}
.sidebar .page-wrapper {
    background: #20404B;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.side-menu-header {
    text-align: center;
}

.side-menu-content {
    flex: 1;
    overflow-y: auto;
}

.side-menu-content::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.side-menu-footer {
    align-items: center;
}

.side-menu-footer .version-text-div{
    margin: 0;
}

.side-menu-footer .version-text-div .version-text {
    font-size: 12px;
    margin: -6px;
    padding: 0;
    color: #E74A26;
}

.side-menu-unread {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 30px;
    background-color: red;
    border-radius: 10px !important;
}

.menu-logo {
    width: 60%;
    height: auto;
    text-align: center;
}

.qr-code-logo {
  height: 40px;
  text-align: center;
}

.menu-title, .menu-title:hover {
    color: #E74A26;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-line {
    color: #E74A26;
    font-size: 30px;
    margin-top: -20px;
}

.menu-subtext {
    color: #E74A26;
    font-size: 20px;
    margin-top: 10x;
}


a.list-group-item {
    color: #fff;
}

.menu-item {
    text-align: left;
    background-color: #20404B;
    color: #fff;
    border-radius: 0px;
    border: none;
    padding-left: 20px;
}

.user-name {
    color: lightblue;
    margin-top: 20px;
    margin-bottom: 20px;
}

.icon {
    margin-right: 10px;
}

.icon-arrow {
    position: absolute;
    font-size: 40px;
    color: #E74A26;
    filter: drop-shadow(0 3px 1px black);
}

.icon-up-arrow {
    z-index: 10;
    transform: translateX(-10px);
}

.icon-down-arrow {
    transform: translate(-10px, -40px);
}

.menu-item.active {
    background-color: #fff;
    color: #20404B;
}

.menu-item:hover {
    background-color: #fff !important;
    color: #20404B !important;
}

.menu-item:hover .icon{
  fill: #20404B !important;
}

.menu-item:hover svg > g, .menu-item:hover svg > path {
  fill: #20404B !important;
}

.menu-item.active svg > g, .menu-item.active svg > path{
  fill: #20404B !important;
}


.menu-items {
    /* margin-left: -50px;
    margin-right: -50px; */
    background-color: #20404B;
    color: #fff;
}

.menu-items :first-child, .menu-items :last-child{
    border-radius: 0px;
}

.state-section {
    display: inline-flex;
    float: left;
}

.zip-input {
    margin-left: 20px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    /* color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; */
    background-color: #fff !important;
    color: #20404B !important;
}

.side-menu-split {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: -14px;
    margin-left: -37px;
}

.side-menu-split .split-screen {
    cursor: pointer;
    color: white;
    font-size: 14px;
}

.side-menu-split .split-screen-image-wrapper {
    width: 20px;
    cursor: pointer;
    margin-right: 5px;
}

.side-menu-split .split-screen-image {
    width: 100%;
}

/*!
 * https://github.com/YouCanBookMe/react-datetime
 */
 .control-label{
     text-align: left;
 }

 .map-pin-container {
   margin-top: -40px;
 }

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

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

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.floor-map-options {
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.floor-map-options .option {
  cursor: pointer;
  padding: 0 5px;
  background: #e7ecef;
  margin-right: 5px;
  border: 1px solid #aeaeae;
}

.floor-map-options .option.selected {
  background: #aeaeae;
  color: #fff;
}


.item-name-label-container {
  margin-top: 3%;
}

.item-name-label {
  margin-top: 3%;
  padding-left: 0px;
}

.item-name-label > div {
  text-align:left;
}

.item-name-input-container {
  margin-bottom: 10px;
}

.item-name-input {
  padding: 0px;
}

.item-name-input input {
  width: 100%;
  margin-top: 10px;
}

.formdata-maps-recenter-btn{
  margin-bottom: 3px;
  margin-right: 14px;
  font-size: 14px;
  cursor: pointer;
}

.formTitle {
    color: '#F45F21';
    font-size: 30;
    background-color: "red";
}

ul {
  list-style-type: none;
}

.map-pin-container {
   margin-top: -40px;
}

/* The data-type list on the left scrolls on its own so it stays in view; the
   table on the right is not scrollable and flows with the page as normal.
   The row is flex so the left pane can be height-bound against it, and the
   panels inside are floated Bootstrap 3 columns, hence the float reset. */
.formdata-row {
  display: flex;
  align-items: flex-start;
  /* min-height, not height: the row grows with a long table on the right. */
  min-height: calc(100vh - 260px);
}

.formdata-row:before,
.formdata-row:after {
  content: none;
}

.formdata-row > .formdata-dropdown-col,
.formdata-row > .col-md-8 {
  float: none;
}

/* Left pane: scrolls independently, pinned to the visible area so it stays
   put while the right side scrolls with the page.
   --formdata-pane-top is the sticky offset that clears the sticky tab bar, and
   the height subtracts that same value so the pane's bottom lands on the
   viewport edge instead of overshooting by the offset — getting these out of
   sync collapses the pane to a couple of visible panels.
   The scroll edge is pulled in tight against the cards — no right padding
   here — and the gap to the table is added back as a right margin, which sits
   outside the scroll box so the scrollbar stays beside the boxes. */
.formdata-row > .formdata-dropdown-col {
  --formdata-pane-top: 90px;
  position: sticky;
  top: var(--formdata-pane-top);
  height: calc(100vh - var(--formdata-pane-top) - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0;
  padding-bottom: 20px;
  margin-right: 25px;
}

/* Each panel's inner .row is 90% wide with a 5% left indent, set as an inline
   style in formdatadropdown/style.js — that dead space on the right is what
   pushed the scrollbar away from the cards. Fill the pane so the cards run up
   to the scrollbar. !important is required to beat the inline style; the 5%
   left indent stays (as padding-left on the inline style) so the cards keep
   their left offset, and sub-panels keep their marginLeft nesting indent.
   Two shapes exist: the named panels (client.js etc.) wrap their .row in a
   plain div, while the generic fallback (formdatadropdown/index.js) returns
   the .row directly — both are matched here. */
.formdata-row > .formdata-dropdown-col > div > .row,
.formdata-row > .formdata-dropdown-col > .row {
  width: 100% !important;
}

.site-tag-plus {
  background: #fff;
  
}
.edit-tag {
  user-select: none;
}
.tag-input {
  width: 150px;
  margin-right: 8px;
  vertical-align: top;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.verticalAlignRow td {
    vertical-align: middle !important;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.verticalAlignRow td {
    vertical-align: middle !important;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.padded-top {
    margin-top: 30px;
}
.int-input{
    width: 70px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.padded-top {
    margin-top: 30px;
}
.map-icon-black{
    color:#000000;
    margin-left: 15px;
     cursor: 'pointer'; 
}
.map-icon-pinged{
    color:#079f5f;
    margin-left: 15px;
    cursor: 'pointer'; 
}

.is-checkpoint{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 10px;
    gap: 10px;
}
.csa-switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 32px;
}

.csa-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.csa-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 6%;
  border: 1px solid #ccc;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  color: #000;
  overflow: hidden;
  display: flex;
}

.csa-switch .slider:before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
}

.csa-switch .slider:after {
  content: attr(data-off-text);
  display: block;
  width: 50%;
  height: 100%;
  background-color: var(--off-color);
  text-align: center;
}

.csa-switch input:checked+.slider {
  flex-direction: row-reverse;
  color: white;
}

.csa-switch input:checked+.slider:after {
  content: attr(data-on-text);
  background-color: var(--on-color);
}

/* Rounded sliders */
.csa-switch .slider.round {
  border-radius: 34px;
}

.csa-switch .slider.round:before {
  border-radius: 50%;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.hr-alert-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.save-pass-btn {
  margin-left: -38px;
}

.add-pass-form-label {
  margin-left: 9px;
}

.add-pass-form-icon {
  color: #299f5f;
}

.pass-table-input {
  width: 100%;
}

/* .active-filter {
  margin-bottom: 30px;
} */

.delete-pass-icon {
  cursor: pointer;
  margin-left: 37px;
  margin-top: 3px;
}

.active-icon-container span {
  float: left;
  margin-left: 5px;
}

.active-icon-container .checkbox {
  margin-top: 2px;
}
.form-data-passes-online {
  display: flex;
  /* margin-top: -5px; */
}
.form-data-passes-online input {
  /* height: 25px; */
  align-self: center;
}

.verticalAlignRow td {
  vertical-align: middle !important;
}

.formdata-pass-input-box {
  display: flex;
  align-items: center;
  max-width: 300px;
  /* background: #fff; */
  border: 1px solid #ccc;
  /* border-radius: 4px; */
  padding-left: 0.5rem;
  overflow: hidden;
  font-family: sans-serif;
  height: 26px;
}

.formdata-pass-input-box .prefix {
  font-weight: 300;
  font-size: 14px;
  color: #000;
}

.formdata-pass-input-box input {
  flex-grow: 1;
  font-size: 14px;
  /* background: #fff; */
  border: none;
  outline: none;
  padding: 2px;
  width: 40px;
}

.formdata-pass-input-box:focus-within {
  border-color: #ccc;
}

.div-modal-color-picker {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.detail-panel-modal {
  width: fit-content !important;
  height: fit-content !important;
}

.row-input-field {
  text-align: left;
  max-width: 100%;
}

.active-filter {
  float: left;
  width: 15%;
  text-align: left;
  min-width: 145px;
  margin: 10px 30px;
}

.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.save-pass-btn {
  margin-left: -38px;
}

.add-pass-form-label {
  margin-left: 9px;
}

.add-pass-form-icon {
  color: #299f5f;
}

.pass-table-input {
  width: 100%;
}

.active-filter {
  margin-bottom: 30px;
}

.delete-pass-icon {
  cursor: pointer;
  margin-left: 37px;
    margin-top: 3px;
}

.active-icon-container span {
  float:left;
  margin-left:5px;
}

.active-icon-container .checkbox{
  margin-top: 2px;
}
.form-data-passes-online{
  display: flex;
  /* margin-top: -5px; */
}
.form-data-passes-online input{
  /* height: 25px; */
  align-self: center;
 

}


.formdata-pass-input-box {
  display: flex;
  align-items: center;
  max-width: 300px;
  /* background: #fff; */
  border: 1px solid #ccc;
  /* border-radius: 4px; */
  padding-left: 0.5rem;
  overflow: hidden;
  font-family: sans-serif;
  height: 26px;
}

.formdata-pass-input-box .prefix {
  font-weight: 300;
  font-size: 14px;
  color: #000;
}

.formdata-pass-input-box input {
  flex-grow: 1;
  font-size: 14px;
  /* background: #fff; */
  border: none;
  outline: none;
  padding: 2px;
  width: 40px;
}

.formdata-pass-input-box:focus-within {
  border-color: #ccc;
}

.div-modal-color-picker {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.detail-panel-modal {
  width: fit-content !important;
  height: fit-content !important;
}
.marker {
  color: red;
  font-size: 30px;
}

.add-btn-container {
  margin-top: 30px;
}

.add-btn-column {
  text-align: center;
}

.map-table-icon {
  margin-left: 15px;
  cursor: pointer;
  color: black;
}

.map-column {
  flex-wrap: wrap;
}

.address-input {
  width: 90%;
  text-align: left;
  margin-bottom: 20px; 
  margin-right: 20px;
  margin-left: 20px;
  padding: 15px; 
}
.recurring-checkbox-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
}

.freq-num-checkbox-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
}

.freq-num-checkbox-wrapper>input {
  margin-top: 0px;
  margin-right: 10px;
  width: 75px;
}

.bootstrap-table-with-horizontal-scroll {
  width: 100%;
}

.bootstrap-table-with-horizontal-wrapper {
  overflow-x: scroll;
}

.custom-horizontal-table {
  overflow: auto;
  display: block;
  table-layout: auto;
}

.frequency-event-input {
  width: 50px;
}
.trash-icon {
  cursor: pointer;
  margin-top: 14px;
}
.trash-icon {
  cursor: pointer;
  margin-top: 14px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.contact-directory-modal .modal-dialog {
    width: 700px;
}

.contact-form-section {
    margin-bottom: 20px;
}

.contact-form-section h5 {
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.contact-field-warning {
    color: #ec6445;
    font-size: 12px;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}

.contact-directory-modal .modal-dialog {
    width: 700px;
}

.contact-form-section {
    margin-bottom: 20px;
}

.contact-form-section h5 {
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.contact-field-warning {
    color: #ec6445;
    font-size: 12px;
}

/* Override the global `input[type="date"]:before` placeholder rule, which
   reserves 0.5em of empty space even when no placeholder is set. */
.property-check-date:before {
    content: none !important;
    margin-right: 0 !important;
}


.row-input-field {
    text-align: left;
    max-width: 100%;
}

.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 30px;
}
.users-table-content {
    padding: 20px;
}

.users-controls {
    display: block;
    float: right;
    height: 50px;
    /* margin-bottom: 10px; */
    margin-top: 10px;
}

.users-table {
    clear: both;
    font-size: 12px;
    margin-top: 20px;
}

.users-table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.active-filter {
    float: left;
    width: 100%;
    text-align: left;
    /* margin-bottom: -30px; */
}

.upload-modal-body {
    text-align: center;
    margin: 20px;
}

.hr-divider {
    border-top: 2px solid lightgray;
}

.modal-title {
    color: #214B58;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    /* margin-top: 30px; */
    margin-bottom: 30px;
}

.droppable-area {
    border-style: dashed;
    display: block;
    min-height: 100px;
    color: gray;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.download-link {
    color: #10BC82;
    text-decoration: underline;
}

.usersRow {
    cursor: pointer;
}

.spaced-btn {
    margin-right: 25px;
}

.controls-usr {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.email-invite-modal {
    margin-top: 10%;
}

.users-column-toggle {
    padding: 0 15px;
}

.div-btn-usr {
    display: flex;
    flex-direction: row;
    align-items: flex-start !important;
    justify-content: space-between;
    margin-top: 5px;
}

.add-user-btn {
    color: #ffffff !important;
    text-align: center;
    position: relative;
    border-radius: 5px;
    background-color: #299f5f;
    border: 5px solid #7ec59f;
    width: fit-content;
    height: fit-content;
    font-size: small;
    margin-right: 1vw;
    margin-top: 0 !important;
}

.add-user-btn:hover {
    background-color: #40b976;
    background: #40b976;
    border-color: #7ec59f;
}

.add-user-btn:focus {
    box-shadow: none !important;
    outline: none !important;
    background-color: #40b976 !important;
    background: #40b976 !important;
    border-color: #a3c0b1 !important;
}

.drop-user-btn {
    color: #ffffff !important;
    text-align: center;
    border-radius: 2vw !important;
    background-color: #61BBD9;
    border: 5px solid #AADCED;
    width: fit-content;
    height: fit-content;
    font-size: small;
    align-self: center;
}

.drop-user-btn:hover {
    background-color: #7aceea;
    background: #7aceea;
    border-color: #AADCED;
}

.drop-user-btn:focus {
    box-shadow: none !important;
    outline: none !important;
    background-color: #7aceea;
    background: #7aceea;
    border-color: #b8cad1;
}

.no-focus:focus {
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-btn {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
    box-shadow: white !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto;
    /* margin-right: 1vw; */
    /* margin-left: 1vw; */
    border-radius: 3vw;
    align-items: center;
    justify-content: center;
    outline: 0 !important;
    box-shadow: none !important;
}

.dropdown-btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.dropdown-csv-item {
    text-decoration: none;
    text-align: left;
    border: none;
    background-color: transparent;
    color: #4c5558;
    padding-left: 10px;
    cursor: pointer;
    padding: 0.5vw 0 0.5vw 1vw
}

.dropdown-csv-item:hover {
    opacity: 0.5;
    background-color: transparent;
}

.dropdown-csv-item:focus {
    text-decoration: none !important;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.dropdown-csv-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dropdown-csv-div:focus {
    border: none;
    background-color: transparent;
    outline: none !important;
    box-shadow: none !important;
}

.csv-hidden {
    display: none;
}

.csv-hidden:focus {
    text-decoration: none !important;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.sync-bamboo-container {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

.bamboo-flex-column {
    display: flex;
    flex-direction: column;
}

.bamboo-align-center {
    display: flex;
    align-items: center;
}

.bamboo-align-left {
    align-items: flex-start;
    text-align: left;
}

.bamboo-align-end {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bamboo-full-width {
    width: 100%;
}

.bamboo-bold {
    font-weight: bold;
}

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

.loading-table {
    opacity: 0.3;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

.users-table {
    position: relative;
}
.warning-body {
    text-align: center;
}

.warning-header {
    color: #214B58;
    font-family: Lato;
    font-size: 31px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
}

.warning-message {
    color: #214B58;
    font-family: Lato;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.warning-action {
    color: #214B58;
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.modal-buttons {
    margin-bottom: 20px;
    margin-top: 40px;
}

.modal-buttons .red-btn {
    margin-right: 20px;
}
.form-content {
  padding-left: 30px;
  padding-right: 20px;
}

.employee-section .form-label {
  height:20px !important;
}

.add-link {
  line-height: 81px;
}

/* .skills-container .header, .trainings-container .header {
  font-size: 16px;
  color: #20404B !important;
  font-weight: bold;
  min-width: 120px;
  text-align: left;
}

.skills-container .section-content,  .trainings-container .section-content{
  margin-top: -17px;
  margin-bottom: -17px;
}

.skills-container, .trainings-container  {
  padding: 15px 15px 0px 15px;
} */


.skills-container {
  margin-bottom: 20px;
  padding-bottom: 25px;
}

.training-link-container {
  margin-top: 21px;
  text-align: left;
}

.skills-row {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  height: 50px !important;  
}

.skills-column, .training-column {
  height: 50px !important;
}

.skills-button-icon-container {
  padding-left: 12px;
}

.skills-column .header {
  color: #214B58;
  font-weight: bold;
  padding-top: 30px;
  padding-left: 0px;
}



.controls-div {
    padding: 20px;
    clear: both;
}

.back-link-btn {
    float: left;
}

.control-btn {
    float: right;
}

.sub-title {
	color: #214B58;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.sub-title-center {
	color: #214B58;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.line {
	box-sizing: border-box;
	height: 2px;
    border: 1px solid #E0E0E0;
    margin-top: 0px;
}

.add-user-content {
    padding: 20px;
}

.left-side-content {
    display: block;
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-right: 20px;
}

.right-side-content {
    display: block;
    width: 50%;
    float: right;
    padding-right: 30px;
    padding-left: 20px;
}

.user-section {
    margin-bottom: 30px;
    display: block;
}

.info-section {
    margin-bottom: 30px;
    display: block;
    clear: both;
    padding-top: 10px;
}


.lms-title {
    float: left;
}

.create-lms-div {
    margin-top: 10px;
    padding-top: 10px;
    width: 70%;
}

.react-date-picker__wrapper {
  border-style: none !important;
  border: 0 !important;
}

span.form-error{
    padding: 0 4px;
    color: #f33333;
    font-size: 12px;
}

.login_label {
  font-size: 14px !important;
}

.send-email-invite-checkbox .checkbox-container {
  padding-top: 32px !important;
  padding-left: 20px !important;
}

.send-email-invite-checkbox .round-checkbox-label {
  margin-left: 18px !important;
}

.password-checkbox .password-input{
  width: 80%;
  margin-left: 40px;
  margin-top: -14px !important;
}

.password-checkbox .label-for-check-box {
  margin-top: 32px !important;
}

.custom-form-control {
  width: 100%;
  display: block !important;
}

.remove-padding-left {
  padding-left: unset;
}

.remove-padding-right {
  padding-right: unset;
}

.user-read-only-form .password-checkbox .password-input {
  margin-top: 9px !important;
}

.lms-switch-container .bootstrap-switch {
  margin-top: 11px !important;
  margin-left: 8px !important;
}

.event-mode-container {
  margin-bottom: 0px !important; 
}

.event-mode-control {
  margin-top: 5px !important;
}

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #61bad9;
  border-color: #61bad9;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.round-checkbox-label {
  line-height: 30px;
  color: rgb(23, 84, 103);
}

.checkbox-container {
  margin: 0 auto;
}
.fitbit-btn{
  padding-top: 37px;
}

.content-header{
  font-size: 25;
  color: #F45F21;
  margin: 30px;
}

.panel-active{
  color:#ffffff !important;
  background: #f67e4d !important;
  padding:10px !important;
}

.panel-default{
  color:#000000;
  background: #ffffff;
  padding:10px;
}

.panel-label{
  font-size:20px;
}

.fitbit-table {
  padding: 20px;
}
.hr-setting-text {
  font-size: 14;
  color: #214b58;
  text-align: left;
}

.hr-setting .bootstrap-switch {
  margin-top: 0;
  margin-left: 0;
}

.training-pay-input {
  width: 80%;
  margin-left: 40px;
  margin-top: -14px !important;
}

.event-settings-control {
  font-size: 12px;
  margin-top: -7px;
}

.event-list-pull-label{
  margin-top:18px;
}

.pull-left-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.hour-colors-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  margin-top: 15px;
  max-width: 300px;
}

.vertical-align {
  display: flex;
  flex-direction: column;
}

.color-input-button {
  min-width: 30px;
  min-height: 30px;

  border-radius: 5px;
}

.detail-panel-modal-hr-comm {
  
}
.custom-btns {
  color: #ffffff !important;
  text-align: center;
  position: relative;
  border-radius: 5px;
}

.custom-btn-container {
  width: 100%;
  display: block;
}

.green {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
}

.green:hover {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  border-color: #adadad;
}

.grey {
  background-color: #9b9b9b;
  background: #9b9b9b;
  border: 5px solid #c3c3c3;
}

.orange {
  background-color: #ec6445;
  background: #ec6445;
  border: 5px solid #f3a28f;
}

.red {
  background-color: #f81833;
  background: #f81833;
  border: 5px solid #fa7484;
}

.blue {
  background-color: #307096;
  background: #307096;
  border: 5px solid #8db7c5;
}

.blue:hover {
  background-color: #307096;
  border: 5px solid #7ec59f;
  border-color: #adadad;
}

.sky-blue {
  background-color: #61bbd9;
  background: #61bbd9;
  border: 5px solid #aadced;
}

.sky-blue:hover {
  background-color: #aadced;
  border: 5px solid#AADCED;
  border-color: #adadad;
}

.navy-blue {
  background-color: #175468;
  background: #175468;
  border: 5px solid #5e7a83;
}

.navy-blue:hover {
  background-color: #5e7a83;
  border: 5px solid #5e7a83;
  border-color: #adadad;
}

.light-blue {
  background-color: #61bbd9;
  background: #61bbd9;
  border: 5px solid #aadced;
}

.white {
  background-color: white;
  color: black !important;
  border: 5px solid #a4a4a4;
}

.medium {
  width: 150px;
  height: 50px;
}

.small {
  width: 100px;
  height: 40px;
  font-size: 0.75em;
}

.fluid {
  width: 100%;
  height: 50px;
}

.fluid-small {
  width: 100%;
  height: 40px;
}

.medium span {
  font-size: 1em;
}

.custom-btn-icon {
  padding-right: 5px !important;
  margin-left: -20px !important;
  height: 20px !important;
  position: absolute;
}

.custom-height {
  height: 60px !important;
}

.orange-pass {
  background: #ec6445;
  border: 0;
  margin-top: 3px;
  padding: 9px;
}

.action-button-pass {
  background: #214b58;
  border: 0;
}

.download-btn-with-icon-pass {
  width: 120px;
}

.action-btn-container-pass {
  margin-top: 6px;
}

.green-pass {
  background-color: #299f5f;
}

.clear-pass {
  color: #61bbd9 !important;
  border: 0 !important;
  text-decoration: underline;
  background-color: transparent;
}


.kiosk-module-header{
  padding: 20px;
    
}
.kiosk-module-header > h3{
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.kiosk-setup-div{
  text-align: left;
  padding: 2px 0;
}
.kiosk-label{
  margin-top: 15px;
}

.kiosk-thermal-scanning{
  padding: 10px 0px;
}
.text-red{
  color:#ff0000
}
.hr-kiosk .bootstrap-switch{
  margin-top: 15px;
}
.settings-badge-printing-save{
  margin: 20px;
}

.kiosk-nda-section {
  padding: 20px;
  margin-top: 20px;
}

.kiosk-hr-line {
  border-top: 1px solid #ddd;
  clear: both;
}
.incident-email-settings-container {
  display: flex;
  flex-direction: column;
  width: 300px;
  margin-left: 100px;
}

.incident-email-options-container {
  display: flex;
  margin-bottom: 10px;
}

.incident-email-options-container-end {
  display: flex;
  margin-bottom: 30px;
}

.incident-email-option-span {
  width: 150px;
}

.incident-settings-title {
  font-size: 25px;
  color: #F45F21;
  margin: 30px;
}

.incident-settings-label {
  font-size: 20px;
}

.incident-settings-label-col {
  text-align: left;
}

.incident-permissions-settings-container {
  display: flex;
  flex-direction: column;
  
  margin-left: 100px;
  text-align: left;
}

.incident-permissions-header {
  color: #175468;
  font-size: 20px;
  margin-bottom: 20px;
}

.incident-permissions-user-types {
  margin-left: 100px;

}

.incident-permissions-action btn {
  text-align: center;
  margin: 0 auto;
}
.show-password {
  margin-left: 8px;
  font-size: 13px;
  cursor: pointer;
}

.credentials-container {
  margin-top: 2%;
}

.settings-badge-printing-container{
  padding:2em;
}
#settings-badge-printing{
  text-align: left;
}
#settings-badge-printing > tbody > tr > td.settings-badge-table-row-label{
  line-height: 3;
}

.settings-badge-site-logo-section{
	padding: 2em;
	text-align: left;
}
.settings-badge-upload-section{
	padding: 0.5em;
	margin: auto;
	text-align: left;
	background-color: #dcdcdc;
	position: relative;
	width: 20em;
	height: 20em;
}
.settings-badge-upload-logo, .settings-badge-uploaded-logo{
	width: 15em;
	height: 15em;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.settings-badge-upload-btn{
  margin-bottom: 20px;
}
.settings-badge-header-text{
  color:#20404B;
  font-size: 1.2em;
  font-weight: 600;
}
.settings-badge-actions{
  text-align: right;
}
.settings-badge-actions > span{
  margin-right: 3px;
  margin-left: 3px;
}
#settings-badge-site-logo{
  display: none;
}
.settings-badge-uploaded-logo{
  width:15em;
}
.settings-badge-uploaded-logo img{
  width:15em;
  height: 15em; 
}
.settings-badge-upload-footer{
  position: absolute;
  bottom:0;
}
.settings-badge-uploaded-btn{
  z-index: 1;
  margin-top: 50px;
}
.settings-badge-uploaded-logo img{
  z-index: 0;
}
.settings-badge-printing-save{
  margin: 20px;
}
.settings-badge-printing-preview{
	margin-top: 100px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	border: 1px #000 solid;
	padding: 30px;
}
.preview-visitor-photo{
	width: 100px;
	height: 100px;
	background-color: #dcdcdc;
  padding-top: 30px;
  border-radius: 5px;
}
.preview-header p{
  text-align: left;
  margin-bottom: 4px;
  padding-left:0
}
.preview-visitor-name{
  color: #20404B;
  font-size: 16px;
  font-weight: 600;

}
.preview-data{
  margin-top: 5px;
}
.preview-visitor-photo-col{
  padding-left:0
}
.preview-visitor-logo{
  width: 100px;
  height: 50px;
  background-color: #dcdcdc;
  padding-top: 15px;
  margin: 0 auto;
  border-radius: 5px;
}
.preview-access-status{
  margin: 10px 0;
    
}
.preview-visitor-default-light-text{
  color:rgb(155, 150, 150);
  font-size: 12px;
  font-weight: 600;
}
.preview-visitor-default-text{
  font-weight: 500;
}
.settings-badge-printing-preview div{
  padding-left: 0;
  padding-right: 0;
}
.kiosk-module-header{
  padding: 20px;
    
}
.kiosk-module-header > h3{
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.kiosk-setup-div{
  text-align: left;
  padding: 2px 0;
}
.kiosk-label{
  margin-top: 15px;
}
.kiosk-quest-label {
  width: 3%;
  margin-top: 30px;
}
.kiosk-quest-switch {
  width: 3%;
  margin-top: 25px;
}
.nda-container{
	margin: 10px 20px;
	border-bottom:  1px solid #ddd;
	padding-bottom: 20px;
}
.nda-drop{
  text-align: left;
  width: 50px;
}

.nda-file-list{
	text-align: left;
	margin-bottom: 20px;
}
.nda-file-list > h4{
  text-align: left;
}
.nda-icon{
  width: 76px;
  padding: 10px;
  order: 1px #dcdcdc solid;
}
.nda-icon > .glyphicon-cloud-upload {
  font-size: 40px;
  color:#dcdcdc;
}

.nda-file-list > .glyphicon {
  color:#ff0000;
}
.nda-remove-btn {
  margin-bottom: 20px;
  margin-left : 20px;
}
.nda-image-container{
  width: 400px;
  
}
.nda-image-container img{
  object-fit: cover;
  width: 300px;
  height: auto;
}
.nda-pdf{
  object-fit: cover;
  width: 300px;
  height: auto;
}
.nda-delete{
  text-align: right;
}
.kiosk-thermal-scanning{
  padding: 10px 0px;
}
.text-red{
  color:#ff0000
}
.kiosk-tabs {
  margin-top: 30px;
  margin-left: 15px;
}

.settings-container {
  padding: 0px ​15px 15px 15px;
}

.add-device-container {
  padding: 35px;
}

.active-checkbox {
  margin-top: 1px;
}

.delete-device-icon, .edit-device-icon{
  cursor: pointer;
  margin-top: 5px;
}

.devices-table-container{
  padding: 30px;
}

.delete-device-icon{
  margin-left: 7px;
}

.saving-row {
  opacity: 0.5;
}

#settings-kiosk-site-logo {
  display: none;
}

.settings-kiosk-upload-section {
  padding: 0.5em;
	margin: auto;
	text-align: left;
	background-color: #dcdcdc;
	position: relative;
	width: 20em;
	height: 18em;
}
.add-printer-container {
  padding: 35px;
}
.printers-table-container{
  padding: 30px;
}
.title-dispatch {
  font-size: 30px;
  padding-bottom: 40px;
  color: #214b58;
  font-weight: bold;
  text-align: right;
}

.two-header-div {
  display: inline-block;
  width: 100%;
}

.sub-title-left {
  float: left;
  text-align: left;
  width: 50%;
}

.container {
  margin-left: 50px;
}

.sub-title-right {
  float: right;
  text-align: left;
  width: 50%;
}

.required {
  color: #f33333;
  font-size: 14px;
  margin-left: 5px;
}

.email-input {
  width: 100%;
}

.dispatch-personnel-btn-wrapper {
  margin-bottom: 12px;
  display: flex;
  justify-content: flex-end;
}

.dispatch-personnel-btn-wrapper > * {
  margin: 0 12px;
}

.form-group > textarea {
  resize: vertical;
  min-height: 50px;
}

.dispatch-add-email {
  color: #079f5f;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.dispatch-add-email-plus {
  font-size: 20px;
  font-weight: 600;
}

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}

.btn-class {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.trash-icon {
  margin-left: 5px;
}

.txt-commander-settings {
  display: flex;
  height: 100%;
  width: 100%;
}

.tc-settings-nav {
  height: 100%;
  width: 300px;
  padding: 20px;
  padding-top: 40px;
}

.tc-settings-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border: solid 2px #ddd;
  border-radius: 5px;
}
.tc-settings-tab-active {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
  color: #fff;
  background-color: rgb(246, 126, 77);
  border: solid 2px #ddd;
  border-radius: 5px;
}
.tc-settings-tab:hover {
  background-color: rgb(255, 215, 199);
}

.tc-settings-away-container {
  display: flex;
  flex-direction: column;
  padding: 40px;
}

.tc-settings-away-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.tc-settings-away-title {
  text-align: left;
  font-size: 20px;
}

.tc-settings-save-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}

.tc-settings-away-textarea {
  height: 300px;
  width: 600px;
  padding: 10px;
  border-radius: 5px;
}
.search-input-icon {
  top: 8px !important;
  font-size: 15px !important;
}
.d-inline-block {
  display: inline-block;
}

.distance-label {
  margin-left: 9px;
  padding-top: 4px;
}

.btn-bulk-apply {
  color: #ffffff!important;
  text-align: center;
  position: relative;
  border-radius: 5px;
  background-color: #61BBD9;
  border: 5px solid #AADCED;
  width: fit-content;
  height: fit-content;
  font-size: small;
  margin-right: 1vw;
  margin-top: 0 !important;
}

.div-group-apply {
  float: left;
  width: 15%;
  text-align: left;
  min-width: 145px;
  margin: 0px 20px;
}
.full-screen-btn {
  font-size: 26px;
  margin-top: 5px;
}

.full-screen-button-wrapper {
  margin-left: auto;
}
.call-dispatch {
    margin-top: 20px;
}

.widget-top-container {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.settings-header {
    background-color: #20404B;
    height: 60px;
    color: white;
    text-align: left;
    padding: 10px 10px 10px 15px;
}

.settings-header h2 {
    margin: 0;
}

.tab-container {
    margin-top: 31px;
    /* padding: 0 0 0 20px; */
}

/* Keep the Settings tab bar visible while the tab body scrolls.
   .settings-body is the scroll container that .tab-container lives in, so the
   tabs stick to the top of that box. The top margin is moved
   to padding here: margins collapse outside the sticky box and would leave a
   transparent gap for content to show through. */
.main-settings-content .settings-body .tab-container .nav-tabs {
    position: sticky;
    top: 0;
    z-index: 20;
    margin-top: -31px;
    padding-top: 31px;
    background-color: white;
}

.nav>li:first-child {
    margin-left: 25px;
}

.nav-tabs>li>a {
    background: #214B58;
    margin-right: 15px;
    border: 1px solid #214B58;
}

.nav-tabs>li>a:hover {
    background: white;
    color: #555;
}

.nav>li {
    border-right-color: white;
}

.nav>li a {
    color: white;
}

.empty-widget {
    min-height: 75px;
}

.no-line, a.no-line :hover, a.no-line :focus {
    text-decoration: none;
}

.settings-header.split-screen-header {
    height: auto;
}

.settings-header.split-screen-header .left-header {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.settings-header.split-screen-header .header-controls {
    width: 100%;
    float: none;
}

.settings-body.split-screen-body .split-screen-btn {
    font-size: 12px;
    padding: 5px;
}
.content-section .content-container .main-content-container .main-settings-content {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #214B58;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 30%;
  position: relative;
}

.main-settings-content .settings-header {
  width: auto;
}

.main-settings-content .settings-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.main-settings-content .scrollable-parent {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

.main-settings-content  .scrollable-child {
  flex: 1;
  overflow: scroll;
}

@media (max-width: 1920px) {
  .content-section .content-container .main-content-container .main-settings-content {
    margin-left: 0px;
  }
}
.setting-form-data-auto-suggest-label {
  font-size: 14px;
  text-align: center !important;
}

.setting-form-data-checkbox {
  margin-bottom: 10px;
}
/**
 * CSS style for elearning
 */
.elearning-iframe {
  width: 100%;
  height: 800px; 
  border: none;
  margin: 0;
  padding: 0;
}
.form-builder-container{
  padding-top: 100px;
  background-color: rgb(249, 249, 249);
}
.paragraph-editor-wrapper{
  min-height: 100px;
}
.paragraph-editor{
  min-height: 100px;
}
.form-builder-side-menu{
  height: 80vh;
  overflow: scroll;
  background-color: '#fff';
}
.form-builder-menu{
  padding-bottom: 10px;
}
.element-settings-div{
  
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e0e0e0;
    
  
}
.remove-button-red-icon{
color:#d9534f;
} 

.change-log-column {
  background-color: #e3e3e3;
  padding: 20px 0px 0px 20px;
  border-radius: 0 15px 15px 0;
  flex: 1;
  flex-direction: column;
  margin-top: 120px;

}
.change-log-column-open {
  background-color: #e3e3e3;
  padding: 20px 0px 0px 20px;
  border-radius: 0 15px 0px 0;
  flex: 1;
  flex-direction: column;
  margin-top: 120px;
}
.change-log-header {
  font-size: 20px;
  font-weight: bold;
  color:#ec6445;
  border-radius: 25px;
  margin-bottom: 15px;
  cursor: pointer;
}

.change-log-body {
  background-color: #e3e3e3;
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
  overflow-y: scroll;
  direction: rtl;
}

/* .change-log-body::-webkit-scrollbar-corner {
  height: 0px;
} */

.change-log-item {
  background-color: #e3e3e3;
  border-style: solid none solid none;
  border-color: #61bbd9;
  min-height: 70px;
  padding: 30px 0px 30px 20px;
}

.change-log-item .active {
  background-color: #ec6445;
  color: white;
  border-style: solid none solid none;
  border-width: thin;
  border-color: #61bbd9;
}

.change-log-item-header {
  font-size: 16px;
  font-weight: bold;
  flex-direction: column;
  flex: 1;
  /* background-color: #e3e3e3; */
}

.change-log-item-content {
  font-size: 15px;
  /* padding-left: 20px; */
  /* background-color: #e3e3e3; */
}

.header-line-dar {
	box-sizing: border-box;
	height: 2px;
    border: 1px solid #E0E0E0;
    margin-top: 0px;
  margin-bottom: 30px;
}

.section-container-dar {
  padding-left: 50px;
  padding-right: 50px;
  padding-Bottom: 25px;
}

.section-header-dar {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  color: #214B58;
}

.form-container-dar {
  margin: 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.title-dar {
  font-size: 30px;
  padding-bottom: 50px;
  color: #214B58;
  font-weight: bold;
	text-align: center;
}

.input-label-dar {
  text-align: left !important;
}

.observation-delete-button {
  margin-left: 10px;
  cursor: pointer;
  margin-top: 5px;
}

.observation-title-dar {
  font-size: 18px;
  font-weight: bold;
}

.segment-control-tabs-dar {
	width: '100%';
	color: #EC6445;
	height: 40px;
	margin-top: 20px;
}

.delete-attachement-button-dar {
	 flex-direction: column;
	 flex: 0;
	 cursor: pointer;
	 margin-right: 5;
	 width: 5;
}

.attachment-preview-container-dar {
	flex-direction: column !important;
	flex: 0 !important;
	width: 115 !important;
}

.attachment-preview-dar {
	flex-direction: column;
	flex: 0;
	width: 100;
	margin-bottom: 4;
}

.attachment-image {
	cursor: pointer !important;
}
.dar-preview {
	width: 50%;
}

.section-title {
  font-family: "Lato";
  font-size: 18pt;
  color: #EC6445;
  margin-bottom: 10px;
  text-align: center;
}

.section-table-container {
  padding-bottom: 30px;
  text-align: left;
  margin: 20px;
  margin-top: 20px;
  padding-left: 30px;
}

.section-table-header {
  font-weight: bold;
}

.form-container {
  margin: 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.pass-validation {
  text-align: center;
  background-color: #00965E;
  color: white;
  padding: 5px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.fail-validation {
  text-align: center;
  background-color: #EF3340;
  color: white;
  padding: 5px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.form-container {
  margin: 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.title {
  font-size: 30px;
  padding-bottom: 50px;
  color: #214b58;
  font-weight: bold;
  text-align: center;
}
#housekeeping-tabs-section .nav-tabs  li a, .housekeeping-footer-buttons .change-view-btn{
  background-color: #67BBEE;
  color: #ffffff!important;
  height: 52px;
  width: 100px;
  padding: 4px;
  font-size: 14px;
  font-weight: bold!important;
  margin-right: 10px;
  border-color: #ccc;
  border-radius: 0;
}
#housekeeping-tabs-section  li{
  min-width: 120px!important;
}
#housekeeping-tabs-section  .nav-tabs>li.active>a, #housekeeping-tabs-section .nav-tabs>li.active>a:focus, #housekeeping-tabs-section .nav-tabs>li.active>a:hover{
  background-color: #EC6445!important;
  color: #ffffff!important;
  border:1px solid #ccc ;
}
.housekeeping-footer-buttons{
  margin-top: 30px;
}

.zero-margin-switch {
  margin: 0px !important;
  padding: 0px !important;
}

.housekeeping-footer-buttons .btn{

    height: 40px;
    width: 180px;
    padding:10px;
    font-size: 14px;
    margin-left:20px!important;
    margin-right:20px!important;


}

.section-container-dar {
  padding-left: 50px;
  padding-right: 50px;
  text-align: left;
}
.section-col-maintenance {
  border-bottom: 3px solid #e0e0e0;
  margin-top: 0px;
  margin-bottom: 30px;
}
.title {
  margin-top: 20px;
  padding-bottom: 0;
}
.form-container {
  margin-top: 20px;
}
.maintenance-form-item {
  margin: 10px 0;
}

.action-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
}
.submit-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  width: 100%;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}
.hr-grey-btn {
  background: #9b9b9b !important;
  border: 5px solid #c3c3c3;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}
.clear-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}
.form-maintenance-buttons {
  width: 90%;
  margin: 30px auto;
}
.email-client-label {
  line-height: 55px;
}

#maintenance-request-form .bootstrap-switch {
  margin-left: 0;
}
.form-maintenance-buttons {
  margin-top: 20px;
}
.addition-emails {
  border-top: solid #c3c3c3 2px;
  padding: 10px;
}
.delete-file-icon {
  flex-direction: 'column';
  flex: 0;
  cursor: 'pointer';
  margin-right: 5;
  width: 5;
}
.delete-email-icon{
   
        cursor: 'pointer';
        color: #000;
     
}
.hidden{
  display:none;
}
.maintenance-request-images{
  height: 180px;
  width: 171px;
}
.dates-container {
  padding-right: 80px;
  padding-left: 62px;
}

.associate-name-input {
  width: 92%;
  margin-left: 13px;
  margin-top: 3px;
}

.associate-details-container {
  height: 70px;
  background-color: #f2f2f2;
  margin-left: -13px;
  margin-top: -10px;
  border-radius: 5px;
}

.associate-details-container .row {
  padding-top: 10px;
}

.associate-label {
  margin-left: 28px;
  font-weight: bold;
  font-size: 15px;
}

.edit-associate-link {
  padding-right: 29px;
  text-decoration: underline;
  color: rgb(76, 107, 112);
  cursor: pointer;
}

.associate-name {
  text-align: left;
  margin-left: 13px;
  padding-top: 4px;
  font-size: 12px;
  color: rgb(236, 100, 69);
}

.form-header-btn {
  float: left;
  background-color: #67BBEE;
  color: white;
  height: 52px;
  width: 180px;
  padding: 13px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}

.form-header-container {
  padding-left: 63px;
  padding-top: 16px;
}

.form-header-nav-btn {
  width:95px;
}

.form-header-btn.active {
  background-color: rgb(236, 100, 69) !important;
  color:white;
}


.neovia-form-container {
  padding-top: 29px;
}

.form-week-btn {
  width: 133px;
}

.form-title {
  font-family: "Lato";
  font-size: 18pt;
  color: #EC6445;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  width: 96%;
  margin-left: 10px;
}

.section-title {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  color: #214B58;
  margin-left: 20px;
  border-bottom: 3px solid #e0e0e0;
  margin-bottom: 25px;
  margin-top: 25px;
  width: 96%;
}

.section-container {
  padding-left: 46px;
  padding-right: 67px;
  padding-top: 15px;
  /* max-height: 300px;
  overflow: auto; */
}

.section-items div{
  float:left;
}

.section-items{
  height: 70px;
}

.section-items-container {
  padding-top: 20px;
  padding-left: 20px;
}

.section-item-switch {
  margin-top: -20px;
  float: right!important;
  padding-right: 24px;
}

.section-item-label {
  width: 60%;
  text-align: left;
  margin-left: 4px;
}

.section-item-label-wider {
  width: 80% !important;
}

.section-input-items label {
  font-weight: unset;
}

.validation-div.pass {
  background-color: #00965E;
}

.validation-div.fail {
  background-color: #EF3340;
}

.validation-div {
  text-align: center;
  color: white;
  padding: 5px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.neovia-action-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 45px !important;
  width: 100%;
  padding: 2px !important;
  font-size: 14px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
}

.neovia-action-btn.submit {
  background: #299f5f !important;
}

.form-footer {
  margin-top: 35px;
}

.form-footer.three {
  margin-left: 50px;
}
.option-button {
  width: 33%;
  text-align: center;
  font-weight: bold;
}

.option-button-selected {
  width: 33%;
  text-align: center;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.title-oir {
  font-size: 30px;
  padding-bottom: 50px;
  color: #EC6445;
  font-weight: bold;
	text-align: center;
}

.section-title {
  font-family: "Lato";
  font-size: 18pt;
  color: #214b58;
  margin-bottom: 10px;
  text-align: left;
}

.item-label {
  text-align: left;
  font-size: 15px;
  margin-top: 7px;
}

.item-row {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}

.item-row-textarea {
  margin-left: 35px !important;
  margin-right: 35px !important;
  margin-top: 10px !important;
}

.option-bar {
  width: 100% !important;
}

.evaluator-container {
  height: 70px;
  background-color: #f2f2f2;
  margin-left: -13px;
  margin-top: -10px;
  border-radius: 5px;
}

.evaluator-container .row {
  padding-top: 10px;
}

.evaluator-label {
  margin-left: 28px;
  font-weight: bold;
  font-size: 15px;
}

.evaluator-name {
  text-align: left;
  margin-left: 13px;
  padding-top: 4px;
  font-size: 12px;
  color: rgb(236, 100, 69);
}

.lightpole_item_label {
  text-align: left;
  font-size: 14px;
}

.lightpole_item_row {
  padding-left: 40px;
  padding-right: 20px;
}

.gray-container-container {
  padding-right: 80px;
  padding-left: 62px;
  margin-bottom: 50px;
}

.gray-container-row {
  padding-right: 10px;
}

.gray-container {
  height: 70px;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding-right: 5px !important;
}

.raymond-lightpole-title {
  margin-bottom: 40px;
}

.raymond-lightpole-container {
  padding: 20px;
}

.lightpost-map {
  width: 100%;
}



/* .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
} */

.old-data {
  text-decoration: line-through;
  color: red;
  font-weight: bold;
  font-size: 15px;
}

.new-data {
  color: green;
}

.old-data-container {
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  background-color: #e3e3e3;
  text-align: left;
}

.old-data-container-difference {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-container-new {
  border-radius: 8px;
  border-color: green;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-label {
  text-align: left;
  font-weight: bold;
  font-size: 17px;
}

.current-data {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-btn {
  margin-top: 15;
  margin-bottom: 15;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

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

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.archon-tabs ul > li > a:hover {
    background-color: #ec6445;
}

/* Inactive tab */
.archon-tabs ul > li > a {
    background-color: #67BBEE;
    color: white !important;
}

/* Active tab */
.archon-tabs ul > li.active > a,
.archon-tabs ul > li.active > a:hover,
.archon-tabs ul > li.active > a:focus {
    background-color: #ec6445;
    color: white !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.default-to-focus {
  display: none;
}

.popup-toolbar-modal {
  width: 250px;
  margin-left: 20px;
  margin-top: 5%;
  z-index: 99 !important;
}

.popup-toolbar-modal-backdrop {
  opacity: 0 !important;
  display: none;
}

.detail-panel-body {
  padding: 20px;
  height: 500px;
  overflow: scroll;
}

.detail-panel-modal {
  width: 40%;
  margin-left: 59%;
  margin-top: 5%;
}

.detail-panel-body {
  padding: 20px;
  height: 500px;
  overflow: scroll;
}

.detail-modal-backdrop {
  opacity: 0 !important;
  z-index: 100 !important;
}

.detail-panel-field-container {
  padding: 20px;
}

.detail-panel-body-popup {
  position: absolute;
  background-color: white;
  right: 215%;
  bottom: 20%;
  padding: 20px;
  width: 250px;
  border-radius: 20px;
}

.detail-panel-body-title {
  color: #214B58;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 15px;
}

.main-content {
    /* width: 100%; */
    height: 100%;
}

.sidebar {
    height: 100%;
    padding-right: 0px;
}

.content-section {
    height: 100%;
}

.tab-container {
    margin-top: 31px;
    /* padding: 0 0 0 20px; */
}

.forms-tab {
  min-width: 30% ;
}

#forms-tabs ul.nav>li {
    border-right-color: white;
    min-width: 20%;
}

.incident-tab {
    min-width: 10%;
}

.preview-modal-dialog {
  width: 70%;
  height: 80%;
}

.form-preview-container {
  overflow-y: scroll;
  overflow-x: hidden;
}

.accordion {
  /* height: 100%; */
}

.forms-archive-container {
  display: flex;
  justify-content: flex-end;
  width: 100;
  margin-top: 10px;
  padding-right: 20px;
}

.forms-archive-search-container {
  width: 300px;
  margin-right: 10px;
}

.forms-column-toggle{
  padding-top: 40px;
}

.form-header-wrapper {
  display: flex;
  flex-direction: row;
}
.sort-icon-style{
    cursor: 'pointer';
    font-size: 12px;
    margin-top: 3px;
    margin-left: 10px;
}

.sort-label {
    cursor: pointer;
}
.main-content {
  /*  */
}

.header {
  /*  */
}

.header-title {
  /*  */
}

.header-controls {
  width: 50%;
  margin-right: 10px;
}

.content-container {
  /*  */
}

.filters-section {
  background-color: #f0f0f0;
  padding: 20px;
}

.green-title {
  color: #1e424f;
}

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

.activity-logs-div {
  padding: 20px;
  position: relative;
}

.date-input-div {
  display: block;
  /* clear: both; */
  width: 100%;
  height: 40px;
}

.date-div {
  width: 250px;
  float: left;
}

.label-left {
  float: left;
}

#end-date-filter-div {
  margin-left: 20px !important;
}

.activity-log-header-wrapper {
  display: flex;
  flex-direction: row;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
}

.preview-modal-dialog {
  width: 70%;
  height: 80%;
}
.sticky-save-button {
    height: 40px !important;
    min-width: 50px !important;
    position: fixed;
    margin-top: -43px;
    background: white;
    z-index: 1;
}

.sticky-save-button  span {
    float: left;
}
.old-data {
  text-decoration: line-through;
  color: red;
  font-weight: bold;
  font-size: 13px;
}

.new-data {
  color: green;
}

.old-data-container {
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-top: 5px;
  min-height: 30px;
  background-color: white !important;
  text-align: left;
}

.old-data-container-wide {
  border-radius: 8px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  margin-top: 5px;
  min-height: 30px;
  background-color: white !important;
  text-align: left;
}


.old-data-container-difference {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color:white !important;
}

.old-data-container-difference-wide {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  margin-top: 5px;
  min-height: 30px;
  text-align: left;
  background-color: white !important;
}

.old-data-container-new {
  border-radius: 8px;
  border-color: green;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color:white !important;
}

.old-data-label {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}

.new-data-label {
  text-align: left;
  font-weight: normal;
  margin-left: 2px;
}

.current-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
}

.opry-old-data-container {
  border-radius: 6px;
  margin-top: 5px;
  min-height: 25px;
  margin-right: 15px;
  background-color: #f7f7f8;
  text-align: left;
  margin-bottom: 10px;
}

.opry-no-padding-left {
  padding-left: 0;
}

.iss-data-container {
  margin-left: 16px;
}

.incident-date-time{
  padding-left:0
}

.incident-time-container .form-control{
  padding: 5px 25px !important;
}


.comments-column {
  background-color: #e3e3e3;
  padding: 20px 0px 0px 20px;
  border-radius: 0 15px 15px 0;
  flex: 1;
  flex-direction: column;
  margin-top: 120px;
  margin-bottom: 15px;
}
.comments-column-open {
  background-color: #e3e3e3;
  padding: 20px 0px 0px 20px;
  border-radius: 0 15px 0px 0;
  flex: 1;
  flex-direction: column;
  margin-top: 120px;
  margin-bottom: 15px;
}
.comments-header {
  font-size: 20px;
  font-weight: bold;
  color:#ec6445;
  border-radius: 25px;
  margin-bottom: 15px;
  cursor: pointer;
}

.comments-chevron {
  margin-left: 20px;
}

.comments-form {
  position: relative;
  width: 90%;
}
.comment-textarea {
  width: 100%;
  height: 110px;
  padding: 10px;
  padding-bottom: 38px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #999;
  resize: none;
}
.btn-submit {
  position: absolute;
  height: 30px;
  bottom:10px;
  right:10px;
  border-radius: 3px;
  border: none;
  background-color: #61bbd9;
  color: white;
}
.btn-submit:hover {
  background-color: #53a2bd;
}
.btn-submit:active {
  background-color: #478ba1;
  transform: translateY(2px);
}

.comments-body {
  max-height: 500px;
  background-color: #e3e3e3;
  margin: 10px 0px 0px 0px !important;
  padding: 0px !important;
  overflow-y: scroll;
  direction: rtl;
}

/* .comments-body::-webkit-scrollbar-corner {
  height: 0px;
} */

.comments-item {
  display: flex;
  flex-direction: column;
  background-color: #e3e3e3;
  border-style: solid none solid none;
  border-color: #61bbd9;
  padding: 20px;
  text-align: start;
  direction: ltr;
}

.comments-item-header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #438297;
  /* background-color: #e3e3e3; */
}

.comments-item-content {
  font-size: 15px;
  margin-bottom: 10px;
  /* background-color: #e3e3e3; */
}

.comments-item-date {
  font-size: 12px;
  text-align: end;
  color: #777;
  /* background-color: #e3e3e3; */
}

.old-data {
  text-decoration: line-through;
  color: red;
  font-weight: bold;
  font-size: 13px;
  margin-top: 5px;
}

.new-data {
  color: green;
}

.old-data-container {
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
  min-height: 30px;
  background-color: #e3e3e3;
  text-align: left;
}

.old-data-container-wide {
  border-radius: 8px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  margin-bottom: 5px;
  min-height: 30px;
  background-color: #e3e3e3;
  text-align: left;
}


.old-data-container-difference {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-container-difference-wide {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  margin-bottom: 5px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-container-new {
  border-radius: 8px;
  border-color: green;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-label {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}

.current-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214B58;
  margin-top: 5px;
}

.conversation-bubble-client-container,
.conversation-bubble-participant-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 20px;
}

.conversation-bubble-client-container {
  align-items: flex-end;
}

.conversation-bubble-participant-container {
  align-items: flex-start;
}

.conversation-bubble-participant-date,
.conversation-bubble-client-date {
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.conversation-bubble-client,
.conversation-bubble-participant {
  display: flex;
  align-items: center;
  min-height: 60px;
  width: fit-content;
  max-width: 400px;
  padding: 20px;
  font-size: 16px;
  text-align: left;
  overflow-wrap: break-word;
}

.conversation-bubble-message-container {
  display: flex;
}

.conversation-bubble-dropdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

.conversation-bubble-dropdown-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.conversation-bubble-dropdown-btn {
  width: 100%;
  text-align: left;
  border: none;
  background-color: transparent;
}
.conversation-bubble-dropdown-btn:hover {
  background-color: #eee;
}

.conversation-bubble-modal-container {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
}

.conversation-bubble-modal-span {
  margin: 0 40px;
  font-size: 20px;
  font-weight: bold;
}

.conversation-bubble-modal-input {
  width: 300px;
  padding: 5px 10px;
  border: solid 2px #ccc;
  border-radius: 8px;
}

.conversation-bubble-client-name {
  font-weight: bold;
  margin: 0 15px 5px 0;
}

.conversation-bubble-client-media {
  display: flex;
  align-items: center;
  min-height: 60px;
  width: fit-content;
  max-width: 400px;
  padding: 20px;
  font-size: 16px;
  text-align: left;
  overflow-wrap: break-word;
  margin: 10px 0px;
}

.conversation-bubble-participant {
  display: flex;
  flex-direction: column;
  border-radius: 20px 20px 20px 5px;
  background-color: #ddf9ff;
}

.conversation-bubble-author {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

.conversation-bubble-client,
.conversation-bubble-client-media {
  border-radius: 20px 20px 5px 20px;
  background-color: #9eedff;
}

.conversation-bubble-participant-media {
  display: flex;
  align-items: center;
  min-height: 60px;
  width: fit-content;
  max-width: 400px;
  padding: 20px;
  font-size: 16px;
  text-align: left;
  overflow-wrap: break-word;
  margin: 10px 0px;
  border-radius: 20px 20px 5px 20px;
  background-color: #ddf9ff;
}

.conversation-bubble-link-container {
  margin: 0 10px;
}

.conversation-bubble-link-btn {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  background-color: #fff;
  border: solid 1px #333;
  border-radius: 5px;
}
.conversation-bubble-link-btn:hover {
  background-color: #eee;
}
.mlb-container{
  padding:20px;
}


.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.mlb-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.mlb-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.padding-left-0{
  padding-left: 0;
}
.cipe-signature-wrapper .signature-input-container{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 60px;
  color:#ccc;
  text-align: left;
  padding: 4px;
  width: 400px;
  align-items: center;
  flex:1
}
.signature-wrapper p{
  margin-bottom: 5px;
  text-align: left;
}
.agencies-container{
  text-align: left;
}

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


.external-agencies-switch{
  height: 50px;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}
.incident-cipe-signatute-disclaimer{
  text-align: left;
}
.cipe-signature-wrapper{
  display: flex;
  justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 20px;
}
.form-checkbox {
  
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  
}

.form-checkbox  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 30px;
  height: 25px;
  width: 25px;
  position: absolute;
    top: 0;
    left: 30px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px #61BBD9 solid;
    border-radius: 4px;
}

.form-checkbox :hover input ~ .checkmark {
  background-color: #fff;
    border: 1px #61BBD9 solid;
    border-radius: 4px;
}

.form-checkbox  input:checked ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-checkbox  input:checked ~ .checkmark:after {
  display: block;
}


.form-checkbox  .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #61BBD9;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-checkbox input:disabled ~ .checkmark {
  border: 1px #e0e0e0 solid;
}
.form-checkbox input:disabled ~ .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #e0e0e0;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.live-nation-accident-view .float-right {
  float: right;
}

.live-nation-accident-view .old-data-label {
  font-size: 14px;
  font-weight: normal;
}

.live-nation-accident-view .current-data {
  font-weight: normal;
}

.live-nation-accident-view .top-10 {
  margin-top: 10px;
}

.live-nation-accident-view .checkbox-wrapper {
  justify-content: flex-start;
}

.live-nation-accident-view .signature-image  {
  width: 150px;
  height: auto;
}
.mlb-container{
  padding:20px;
}


.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.mlb-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.mlb-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.attachment-img-date {
  display: block;
  padding-top: 2px;
  margin-top: 0px;
  color: #656565;
  font-size: 12px;
  text-align: center;
  background-color: white;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.padding-left-0{
  padding-left: 0;
}
.signature-input-container{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 34px;
  color:#ccc;
  text-align: left;
  padding: 4px;
}
.signature-wrapper p{
  margin-bottom: 5px;
  text-align: left;
}
.agencies-container{
  text-align: left;
}
.incident-date-input{
  margin-left: -15px;
}
.incident-injured-info  label.form-checkbox.custom-label{
  padding-top:3px;
  padding-left:0px;
  width: 100%;
  text-align: left;

}
.injury-section-label{
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 10px;
}
.checkbox-wrapper{
  
  padding-left:40px;
  position: relative;
  margin-bottom: 3px;
  min-height: 53px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.checkbox-wrapper .form-checkbox {
  
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  
}

.checkbox-wrapper .form-checkbox  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-wrapper .checkmark {
  
  position: absolute;
  top: 12px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px #61BBD9 solid;
  border-radius: 4px;
}

.checkbox-wrapper .form-checkbox :hover input ~ .checkmark {
  background-color: #fff;
    border: 1px #61BBD9 solid;
    border-radius: 4px;
}

.checkbox-wrapper .form-checkbox  input:checked ~ .checkmark {
  background-color: #fff;
}

.checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-wrapper .form-checkbox  input:checked ~ .checkmark:after {
  display: block;
}


.checkbox-wrapper .form-checkbox  .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #61BBD9;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-wrapper .form-checkbox input:disabled ~ .checkmark {
  border: 1px #e0e0e0 solid;
}
.checkbox-wrapper .form-checkbox input:disabled ~ .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #e0e0e0;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.text-left{
  text-align: left;
}

.old-checkbox .checkmark {
  border:1px red solid !important;
}

.checkbox-old-data-container-difference {

}
.injury-info-view .checkbox-wrapper{
  min-height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53px;
}

.injury-info-view  .checkmark {

  top: 12px;
  
}

@media (max-width: 1540px) { 
  .incident-injured-info  label.form-checkbox.custom-label{
 
    padding-left:30px;
    
  
  }
  .checkbox-wrapper{
    min-height: 65px;
   
    
    
  }
  
 
}

.mlb-container .sticky-save-button-container {
  margin-top: -20px;
}

.mlb-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.mlb-view-wrapper{
  padding-bottom: 40px;
}
.mlb-view-wrapper{
  padding-bottom: 40px;
}
.mlb-view-wrapper{
  padding-bottom: 40px;
}
.garden-malls-view-container .old-data-label {
  font-size: 13px !important;
}
.garden-malls-view-container .section-container {
  padding-left:13px !important;
}

.garden-malls-view-container .section-container .vehicles{
  padding-left:3px !important;
}

.garden-malls-view-container .status-wrapper{
  padding-left: 24px;
}
.seapines-view-container .old-data-label {
  font-size: 13px !important;
}
.seapines-view-container .section-container {
  padding-left:13px !important;
}

.seapines-view-container .section-container .vehicles{
  padding-left:3px !important;
}

.seapines-view-container .status-wrapper{
  padding-left: 24px;
}

.cursor-pointer {
  cursor: pointer;
}
.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}

.date-time-icon {
  padding-top: 4px;
}

.mfah-vehicle-options {
  padding-bottom: 40px;
}

.supervisor-field {
  margin-bottom: 40px;
}

.mfah-external {
  padding-top: 15px;
}

.mfah-external-label {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.mfah-old-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214b58;
}

.mfah-property {
  padding-bottom: 15px;
}

.mfah-external-agencies-switch {
  height: 50px;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  padding-top: 15px;
}

.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}
.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}

.date-time-icon {
  padding-top: 4px;
}

.mfah-vehicle-options {
  padding-bottom: 40px;
}

.supervisor-field {
  margin-bottom: 40px;
}

.mfah-external {
  padding-top: 15px;
}

.mfah-external-label {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.mfah-old-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214b58;
}

.mfah-property {
  padding-bottom: 15px;
}

.mfah-external-agencies-switch {
  height: 50px;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  padding-top: 15px;
}

.university-affiliation {
  margin-bottom: 6px !important;
}

.wabtec-container {
  padding: 20px;
}

.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.wabtec-container .submit-incident-button {
  margin: 0 auto;
}

.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}

.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}

.date-time-icon {
  padding-top: 4px;
}

.mfah-vehicle-options {
  padding-bottom: 40px;
}

.supervisor-field {
  margin-bottom: 40px;
}

.mfah-external {
  padding-top: 15px;
}

.mfah-external-label {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.mfah-old-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214b58;
}

.mfah-property {
  padding-bottom: 15px;
}

.mfah-external-agencies-switch {
  height: 50px;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  padding-top: 15px;
}

.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}

.date-time-icon {
  padding-top: 4px;
}

.mfah-vehicle-options {
  padding-bottom: 40px;
}

.supervisor-field {
  margin-bottom: 40px;
}

.mfah-external {
  padding-top: 15px;
}

.mfah-external-label {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.mfah-old-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214b58;
}

.mfah-property {
  padding-bottom: 15px;
}

.mfah-external-agencies-switch {
  height: 50px;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  padding-top: 15px;
}

.churchill-container {
  padding: 20px;
}

.churchill-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.churchill-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.churchill-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.churchill-container .submit-incident-button {
  margin: 0 auto;
}

.churchill-container .sticky-save-button-container {
  margin-top: -19px;
}

.churchill-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}

.signature-input-container {

  border: 1px solid #ccc;
  border-radius: 5px;
  height: 34px;
  color: #ccc;
  text-align: left;
  padding: 4px;
}

.signature-wrapper p {
  margin-bottom: 5px;
  text-align: left;
}

.individual-row-container {
  margin-bottom: 35px;
}
.rti-container {
  padding: 20px;
}

.rti-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rti-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.rti-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.rti-container .submit-incident-button {
  margin: 0 auto;
}

.rti-container .sticky-save-button-container {
  margin-top: -19px;
}

.rti-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
  padding-bottom: 15px;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}

.rti-buttons {
  display: inline-block;
  margin: 10px 5px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.rti-buttons:focus {
  outline: none;
}

.add-button {
  background-color: #28a745;
  color: #ffffff;
}

.add-button:hover {
  background-color: #218838;
}

.remove-button {
  background-color: #dc3545;
  color: #ffffff;
}

.remove-button:hover {
  background-color: #c82333;
}

.margin-y {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.actions-label {
  border-radius: 6px;
  margin-top: 5px;
  min-height: 25px;
  margin-right: 15px;
  background-color: #f7f7f8;
  text-align: left;
  margin-bottom: 10px;
}

.actions-short-label {
  width: 50px;
  margin-left: 0;
  text-align: center !important;
  padding: 2px;
}

.actions-row-padding {
  padding-right: 150px;
}

.number-label {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding-top: 3px;
  color: #214b58;
}

.wabtec-container {
  padding: 20px;
}
.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}
.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}
.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}
.wabtec-container .submit-incident-button {
  margin: 0 auto;
}
.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}
.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.hr-line {
  margin-bottom: 20px;
}
.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}
.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}
.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}
.status-bar-col {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}

.date-time-icon {
  padding-top: 4px;
}

.mfah-vehicle-options {
  padding-bottom: 40px;
}

.supervisor-field {
  margin-bottom: 40px;
}

.mfah-external {
  padding-top: 15px;
}

.mfah-external-label {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.mfah-old-data {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color: #214b58;
}

.mfah-property {
  padding-bottom: 15px;
}

.mfah-external-agencies-switch {
  height: 50px;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  padding-top: 15px;
}

.scalableModal {
  transform: scale(0.9);
  width: 10%;
}

.attachment-image {
  cursor: pointer;
}

.incident-detail-view-modal .modal-dialog{
  width: 1000px;
}

.incident-detail-view-modal .change-log {
  flex: 1;
  height: 100%;
  margin-top: 10px;
}

.change-log-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}

.change-log-row .change-log-table {
  width: 30%;
}

.change-log-row .change-log-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

.change-log-table-column {
  color: #EC6445;
  font-weight: 600;
  font-size: 16px;
}

.change-log-table-row {
  background-color: #ffffff;
  cursor: pointer;
}

.change-log-table-row .change-log-date {
  font-size: 14px;
  font-weight: 600;
}

.change-log-table-row .change-log-by {
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
}

.incident-detail-view-modal .change-log-table .change-log-column,
.incident-detail-view-modal .change-log-table .change-log-column-open {
  margin-top: 0;
}

.incident-detail-view-modal .modal-body { padding-bottom: 0; }

.info-data.info-data-incident { font-size: 14px; color: #1f404b; word-break: break-word; }
.info-data.info-data-prev { text-decoration: line-through; color: red; font-size: 14px; margin-right: 10px; }


.title-content {
  padding-left: 30px;
  padding-right: 20px;
}

.download-btn, .action-btn {
  margin-top: 20px;
  float: right;
}

.redirect-btn{
  margin-right: -30px;
}

.modal-header-container {
  font-size: 20px;
}

.modal-header-container .glyphicon-clickable {
  cursor: pointer;
  margin-left: 10px;
}

.view-comm-log-btn {
  margin-right: -45px;
}
.users-content {
  margin-top: -12px;
  padding-left: 30px;
  padding-right: 20px;
}
.lost-found-container {
  padding: 20px;
}

.lost-found-table-header.row {
  margin-left: 0px;
}

.lost-found-table-header .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.lost-found-container .action-btns {
  padding: 10px;
}

.lost-found-container .archive-table {
  margin-top: 0px;
}

.lost-found-container .popup-content {
  z-index: 5 !important;
}

.lost-found-container .incident-archive-filter-form-group label {
  font-weight: 700 !important;
}

.lost-found-container .report-row .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}

.lost-found-container .column-toggle-btn {
  padding: 9px 6px;
}

.lost-found-container .column-toggle-btn .glyphicon {
  margin-left: 0px;
}

.lost-found-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.lost-found-container .green-download-btn:disabled {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  opacity: 0.7;
}

.scalableModal {
  transform: scale(0.9);
  width: 10%;
}

.attachment-image {
  cursor: pointer;
}

.lost-and-found-modal .modal-dialog {
  width: 1100px;
}

.lost-and-found-modal .change-log {
  flex: 1;
  height: 100%;
  margin-top: 10px;
}

.lost-and-found-modal .data-label {
  font-size: 1em;
  font-weight: normal;
}

.lost-and-found-modal .current-data {
  font-size: 1em;
  font-weight: normal;
}

.lost-and-found-modal .item-status {
  padding: 10px 0;
}

.lost-and-found-modal .change-log-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}

.lost-and-found-modal .change-log-row .change-log-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.lost-and-found-modal .change-log-table .change-log-column,
.lost-and-found-modal .change-log-table .change-log-column-open {
  margin-top: 0;
}

.lost-and-found-modal .modal-body {
  padding: 20px 35px;
  padding-left: 15px;
}

.lost-and-found-modal .section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.lost-and-found-modal .column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.lost-and-found-modal .column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.lost-and-found-modal .hr-line {
  margin-bottom: 20px;
}

.lost-and-found-modal .attachment-name-text {
  margin-top: 5px;
  color: '#61BBD9';
}

.lost-and-found-modal .attachment-name-text:hover {
  cursor: pointer;
  text-decoration: underline;
}

.lost-and-found-modal .header-row {
  display: flex;
  flex-wrap: wrap;
}

.lost-and-found-modal .header-item-wrapper {
  background-color: #f2f2f2;
  padding: 20px 10px;
  text-align: left;
  position: relative;
  flex-direction: row;
  height: 100%;
}

.lost-and-found-modal .header-label {
  color: #000;
  font-size: 14px;
  margin-right: 10px;
}

.lost-and-found-modal .header-value {
  font-size: 14px;
  color: #ec6445;
}

.lost-and-found-modal .item-settings-control {
  font-size: 12px;
  margin-top: -7px;
}

.lost-and-found-modal .item-settings-control label {
  opacity: 1 !important;
}

.lost-and-found-match-modal {
  width: 60%;
}

.lost-and-found-match-modal .orange-title {
  font-size: 24px;
}

.lost-and-found-match-modal .sub-title {
  text-transform: capitalize;
}

.lost-and-found-match-modal .info-data {
  font-weight: normal;
  font-size: 14px;
}

.lost-and-found-match-modal .left-side-content {
  padding-left: 20px;
  width: 100%;
}

.lost-and-found-match-modal .right-side-content {
  width: 100%;
}

.lost-and-found-match-modal .compare-row {
  margin-left: 0px;
  margin-right: 0px;
}

.lost-and-found-match-modal .compare-row .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}

.lost-and-found-match-modal .info-type {
  margin-top: 5px;
  margin-bottom: 5px;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.items-table,
.archives-table {
  position: relative;
}
#incidents-tabs .add-incident-tab {
    min-width: 50px !important;
}

/* .line (from src/components/forms/style.css) sets border on all sides of a
   2px box, rendering as two stacked lines. Flatten to a single line for
   incident forms without touching the Forms module's own use of .line. */
#incidents-tabs .line {
    border: none;
    border-top: 1px solid #E0E0E0;
    height: 0;
}

#incidents-tabs ul {
    position: relative;
}

#incidents-tabs ul.nav>li {
    border-right-color: white;
    min-width: 15%;
}

.tab-is-expanded ul.nav>li:last-child {
    position: absolute;
    right: 0;
}


.tab-not-expanded ul.nav>li:last-child {
    position: absolute;
    right: 0;
}

.incident-tab {
    min-width: 10%;
}

.left-header {
    width: auto;
    float: left;
}

.header-controls {
    width: 75%;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: row;
    float: right;
}

.header-buttons {
    display: inline-block;
    float: left;
    width: 50%;
}

#link-btn, #merge-btn {
    float: right;
    border-color: #20404B !important;
    font-size: 12px;
    padding: 10px 15px;
}

/* #merge-btn {
    float: right;
} */

.mergeModal {
  width: 70%
}

.mergeModal .orange-title {
    text-align: left;
    font-size: 22px;
}

.mergeModal .history-btn {
    margin-left: 10px;
}

#archives-search-field {
    float: right;
    margin-left: 10px;
}

.incident-section {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.live-nation-intro {
    padding-top: 10rem;
    min-height: 600px;
}

.live-nation-option {
    width: 195px;
    height: 233px;
    border: 1px solid #214B58;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.live-nation-option img {
    margin-top: 5rem;
}

.live-nation-option label {
    width: 95px;
    margin: 3rem auto;
    font-size: 16px;
    color: #000;
}

@media (max-width: 1368px) {
    .header-controls {
        width: 70%;
    }

    #link-btn, #merge-btn {
        font-size: 10px;
        padding: 5px 10px;
    }
}

.deleteModal .modal-body, .linkModal .modal-body{
    max-height: 500px;
    overflow: scroll;
}

.incident-header-wrapper {
    display: flex;
    flex-direction: row;
}

.incident-header-controls {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
}
.individuals-modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.individuals-modal-header span {
  color: #ec6445;

  font-size: 24px;
  font-weight: bold;
}

.individuals-modal-table-header {
  color: #214b58;

  font-size: 18px;
  font-weight: bold;
}

.loading-table {
  opacity: 0.3;
}

.individuals-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

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

.incident-header {
    /* margin: 20px; */
    display: inline-block;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
}

.incident-title {
    width: 50%;
    float: left;
}

.incident-dispatch-info {
    display: inline-block;
    width: 50%;
    float: right;
    text-align: left;
}

.incident-date-block {
    width: 45%;
    float: right;
    background: #E3E3E3;;
    text-align: left;
    padding: 5px;
    margin-right: 20px;
    border-radius: 5px;
}

.incident-dispatch-block {
    width: 45%;
    float: right;
    background: #E3E3E3;;
    text-align: left;
    padding: 5px;
    border-radius: 5px;
}

.incident-card-text {
    float: left;
    text-align: left;
    font-size: 14px;
}

.incident-edit-button {
    float: right;
}

.dispatch-date-value {
    font-size: 12px;
    text-align: left;
    clear: both;
    color: #EC6445;
}

.footer-section {
    margin-bottom: 30px;
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
}

.segment-control-tabs {
    width: '100%';
    color: #EC6445;
    text-align: 'left';
    height: 40px;
}

.left-form-label {
    font-weight: normal !important;
    width: 100%;
    text-align: left;
}

.department-checkbox {
    float: left;
}

.dispatch-time-inline {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.left-time-div {
    width: 45%;
    float: left;
}

.right-time-div {
    width: 45%;
    float: right;
}

.gray-text {
    color: gray;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #61BBD9 !important;
}

.section-title-with-toggle {
    width: 150px;
    float: left;
}

.line {
    clear: both;
}

.bootstrap-switch {
    float: left;
    margin-top: 15px;
}

.section-content {
    margin-bottom: 20px;
    min-height: 30px;
}

.fire-department {
    display: inline-block;
    width: 100%;
}

.checkbox-side {
    text-align: left;
    float: left;
    width: 50%;
}

.time-side {
    float: right;
    width: 50%;
}

.attachment-image {
    
    margin-left: 5px;
}

.attachments-div {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
}

.individual_divider {
    border-bottom: 1px #EC6445 solid;
    margin-bottom: 60px;
}
.individual-input-field{
    margin:10px, 0;
}
.individual-section{
    margin-top: 30px;
}
.add-individual-link{
    text-align: right;
}
.agency-div{
    margin:40px 0;
}
.incident-form-switch > .bootstrap-switch{
    margin-top: 0;
}
.incident-group-switch {
    height: 60px;
}
.incident-group-switch .login_label{
    padding-top: 5px;
}
.incident-group-switch > .col-md-6{
    padding-left: 0;
    padding-top: 10px;
}
.no-padding-left{
    padding-left: 0;
}

#incidents-tabs-tab-addNewTab { width: 50px; }

.attachment-item-wrapper {
    margin-left: 5px;
    position: relative;
}

.attachment-img-name {
    display: block;
    padding-top: 10px;
    color: #61BBD9;
    font-size: 14px;
    text-decoration: underline;
    text-align: center;
    background-color: white;
}

.attachment-img-date {
    display: block;
    padding-top: 2px;
    margin-top: 0px;
    color: #656565;
    font-size: 12px;
    text-align: center;
    background-color: white;
}

.attachment-img-remove-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 8px;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.attachment-img-remove {
    color: white;
    cursor: pointer;
}

.live-nation-accident-container {
  padding: 20px;
}

.live-nation-accident-container .hr-line {
  margin-bottom: 30px;
}

.live-nation-accident-container .switch-label-left {
  display: inline;
  float: left;
  font-weight: normal;
  padding-top: 20px;
  padding-right: 15px;
}

.live-nation-accident-container .switch-left {
  margin-top: 15px;
}

.live-nation-accident-container .checkbox-wrapper {
  justify-content: flex-start;
}

.live-nation-accident-container .checkbox-label {
  padding-top: 15px;
}

.live-nation-accident-container .lf-signature-wrapper .signature-input-container {
  padding: 18px;
  text-align: center;
}

.live-nation-accident-container .submit-incident-button {
  margin: 0 auto;
}

.live-nation-accident-container .top-10 {
  margin-top: 10px;
}

.live-nation-accident-container .top-20 {
  margin-top: 20px;
}

.live-nation-accident-container .vehicle-occupant {
  width: 145px;
}

.live-nation-accident-container .vehicle-use .checkbox-wrapper {
  min-width: 120px;
}

.live-nation-accident-container .sticky-save-button-container {
  margin-top: -19px;
}

.live-nation-accident-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.header-row {
  display: flex;
  flex-wrap: wrap;
}

.header-wrapper {
  padding: 10px 20px 0;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.header-item-wrapper {
  background-color: #f2f2f2;
  padding: 20px 10px;
  text-align: left;
  position: relative;
  flex-direction: row;
  height: 100%;
}

.dispatch-incident-wrapper {
  background-color: #f2f2f2;
  padding: 20px 10px;
  text-align: left;
  position: relative;
  width: 100%;
  height: 80px;
}

.header-label {
  color: #000;
  font-size: 14px;
  margin-right: 10px;
}

.header-value {
  font-size: 14px;
  color: #ec6445;
}

.signature-click-to-sign {
  width: 200px;
  padding: 5px;
  cursor: pointer;
}

.signature-image-wrapper {
  width: 200px;
  margin-bottom: 10px;
}

.signature-image {
  width: auto;
  height: 100px;
}

.diagram-input-container {
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 300px;
  color:#ccc;
  text-align: left;
  padding: 4px;
  text-align: center;
}

.diagram-image {
  height: 200px;
  width: auto;
  margin: 30px 0;
}

.diagram-side-icon {
  position: absolute;
  right: 40px;
}

.diagram-side-icon img {
  width: 40px;
  height: auto;
}
.section-header {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    padding-left: 15px;
}

.section-subheader {
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  padding-left: 15px;
}

.neovia-container .sticky-save-button-container {
  margin-left: -4px;
}

.incident-body{
    width: 100%;
    margin:0
}
.incident-form{
    width:90%;
    margin: 20px auto;
}
.incident-form .react-datepicker-wrapper{
    width: 100%;
}
.control-label{
    text-align: left;
    width: 100%;
}
#chase-incident-form .bootstrap-switch{
    margin-left: 0!important;
    margin-top: 0!important;
    margin-bottom: 10px!important;
}
.chase-incident-divider{
    margin-bottom: 50px;
}

.chase-incident-switch {
    margin-bottom: 15px !important;
}

.chase-incident-clickable-icons {
  cursor: pointer;
  margin-left: 15px;
}

.action-btn {
    background: #61bbd9 !important;
    border: 5px solid #a0d6e8;
    color: white !important;
    height: 40px;
    width: 100%;
    padding: 2px !important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
  }

  .submit-btn {
    background: #299f5f !important;
    border: 5px solid #7ec59f;
    color: white !important;
    height: 40px;
    width: 100%;
    padding: 2px !important;
    font-size: 12px !important;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
  }

  .neovia-blue-btn {
    background: #61bbd9 !important;
    border: 5px solid #a0d6e8;
    color: white !important;
    height: 40px;
    width: 100%;
    padding: 2px !important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
  }

  .clear-btn {
    color: white !important;
    border: 5px solid #fa7484;
    background: #f81833 !important;
    width: 96%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    padding: 2px !important;
    min-width: 70px !important;
  }
  .margin-left-0{
      margin-left:0;
  }
 .files-div{
     margin-bottom: 20px;
 }
 .delete-file-icon {
    flex-direction: 'column';
    flex: 0;
    cursor: 'pointer';
    margin-right: 5;
    width: 5;
  }

.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.opry-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.opry-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.segmented-control > label {
  border: 1px solid;
}

.segmented-control > label:Hover {
  background-color: #fff1e9;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.sticky-save-button-container {
  margin-top: -10px;
}

.opry-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.save-incident-blue-btn {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 29px;
}


.mlb-container{
  padding:20px;
}


.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.mlb-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.mlb-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.padding-left-0{
  padding-left: 0;
}
.cipe-signature-wrapper .signature-input-container{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 60px;
  color:#ccc;
  text-align: left;
  padding: 4px;
  width: 400px;
  align-items: center;
  flex:1
}
.signature-wrapper p{
  margin-bottom: 5px;
  text-align: left;
}
.agencies-container{
  text-align: left;
}

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


.external-agencies-switch{
  height: 50px;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}
.incident-cipe-signatute-disclaimer{
  text-align: left;
}
.cipe-signature-wrapper{
  display: flex;
  justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 20px;
}
.rocheca-container {
  padding: 20px;
}

.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.rocheca-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rocheca-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.rocheca-container .margin-top-20 {
  margin-top: 20px;
}

.rocheca-container .margin-top-10 {
  margin-top: 10px;
}

.rocheca-container .vehicle-container {
  margin-bottom: 20px;
}

.rocheca-container .additional-reports {
  margin-left: 20px;
  margin-top: 20px;
}

.email-title-item {
  min-width: 10%;
  justify-content: left;
  padding-right: 25px;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.emails-checkboxes {
  margin-left: 7px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.padding-left-0{
  padding-left: 0;
}
.signature-input-container{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 34px;
  color:#ccc;
  text-align: left;
  padding: 4px;
}
.signature-wrapper p{
  margin-bottom: 5px;
  text-align: left;
}
.agencies-container{
  text-align: left;
}
.incident-date-input{
  margin-left: -15px;
}
.incident-injured-info  label.form-checkbox.custom-label{
  padding-top:3px;
  padding-left:0px;
  width: 100%;
  text-align: left;

}
.injury-section-label{
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 10px;
}

.checkbox-wrapper.email-title {
  padding-left: 35px;
  position: relative;
  margin-bottom: 3px;
  min-height: 53px;
  height: 53px;
  display: flex;
  justify-content: left;
}

.checkbox-wrapper .form-checkbox {
  
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  
}

.checkbox-wrapper .form-checkbox  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-wrapper .checkmark {
  
  position: absolute;
  top: 12px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px #61BBD9 solid;
  border-radius: 4px;
}

.checkbox-wrapper .form-checkbox :hover input ~ .checkmark {
  background-color: #fff;
    border: 1px #61BBD9 solid;
    border-radius: 4px;
}

.checkbox-wrapper .form-checkbox  input:checked ~ .checkmark {
  background-color: #fff;
}

.checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-wrapper .form-checkbox  input:checked ~ .checkmark:after {
  display: block;
}


.checkbox-wrapper .form-checkbox  .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #61BBD9;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-wrapper .form-checkbox input:disabled ~ .checkmark {
  border: 1px #e0e0e0 solid;
}
.checkbox-wrapper .form-checkbox input:disabled ~ .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #e0e0e0;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.text-left{
  text-align: left;
}

.old-checkbox .checkmark {
  border: 1px red solid !important;
}

@media (max-width: 1540px) { 
  .checkbox-wrapper{
    min-height: 65px;    
  }
}

.rocheca-container .sticky-save-button-container {
  margin-top: -19px;
}

.rocheca-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}
.rocheindy-container{
    padding:20px;
  }
  
  
  .date-time-fields .left-input-icon {
    left: 13px;
    top: 23px;
  }
  
  .event-container {
    margin-top: 10px;
  }
  
  .event-container .form-control {
    height: 34px !important;
  }
  
  
  .rocheindy-container .incident-narrative-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .rocheindy-container .incident-time-container .form-control{
    padding: 5px 25px !important;
  }
  
  .incident-section-container {
    margin-bottom: 25px;
  }
  
  .individual-section-container .segment-control-tabs {
    margin-top: 5px;  
    height: 32px;
  }
  
  .individual-section-container .segment-control-tabs label {
    margin-top: -4px;
  }
  
  .individual-section-container .segmented-control > label:after, 
  .individual-section-container .segmented-control > label {
    margin-top: -4px !important;
  }
  
  .individual-section-container .dob-container {
    width: 50%;
  }
  
  .vehicle-year-container, .state-container {
    width: 50%;
  }
  
  .state-container {
    margin-top: 15px;
  }
  
  .attachment-container {
    margin-bottom: 35px;
    margin-left: 18px;
  }
  
  .attachment-container .red-icon {
    margin-right: -22px;
    margin-top: -15px;
  }
  
  .upload-button-container {
    margin-top: 15px;
    margin-left: -11px;
  }
  
  .upload-button {
    background: #61bbd9 !important;
    border: 5px solid #a0d6e8;
    color: white !important;
    height: 40px;
    width: 100%;
    padding: 2px !important;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    flex-direction: row !important;
  }
  
  .upload-button-label {
    margin-left: 9px;
    
  }
  
  .upload-button .glyphicon {
    font-size: 29px;
    margin-top: -5px;
    margin-left: -8px;
  }
  
  .red-icon {
    cursor: pointer;
  }
  
  .link-files-button {
    min-width: 126px;
    width: 126px;
    height: 37px !important;
    font-size: 14px !important;
    background: #61bbd9 !important;
    border: 5px solid #a0d6e8;
    color: white !important;
    margin-left: 20px;
  }
  
  .submit-incident-button {
    width: 126px;
    height: 37px !important;
    font-size: 14px !important;
    background: #299f5f !important;
    border: 5px solid #7ec59f;
    color: white !important;
    margin-left: 29px;
  }
  
  .add-individual-link-container {
    margin-bottom: 17px;
  }
  
  .emails-container {
    margin-left: 7px;
  }
  
  .link-modal-title {
    font-size: 20px;
  }
  
  .remove-link-icon {
    cursor: pointer;
    margin-left: 2p;
  }
  
  .linked-files-title {
    margin-left: 20px;
  }
  
  .padding-left-0{
    padding-left: 0;
  }

  .agencies-container{
    text-align: left;
  }
  
  .text-left{
    text-align: left;
  }
  
  .external-agencies-switch {
    height: 50px;
      justify-content: center;
      align-content: center;
      align-items: center;
      display: flex;
  }

.rocheindy-container .sticky-save-button-container{
  margin-top: -19px;
}

.rocheindy-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}


.rowley-container {
  padding:20px;
}

.rowley-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rowley-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.rowley-container .submit-incident-button {
  margin: 0 auto;
}

.rowley-container .sticky-save-button-container {
  margin-top: -19px;
}

.rowley-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.security-incident-info-datetime-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.security-incident-info-input-container {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.security-incident-info-span {
  text-align: left;
  margin-bottom: 5px;
}
.mgmt-container{
  padding:20px;
}

.mgmt-container.incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.mgmt-container.incident-time-container .form-control{
  padding: 5px 25px !important;
}

.mgmt-container.submit-incident-button {
  margin: 0 auto;
}

.mgmt-container.sticky-save-button-container {
  margin-top: -19px;
}

.mgmt-container.sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.security-incident-info-datetime-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.security-incident-info-input-container {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.security-incident-info-span {
  text-align: left;
  margin-bottom: 5px;
}
.rowley-container {
  padding:20px;
}

.rowley-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rowley-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.rowley-container .left-input-datetime-icon{
  top: 26px;
  left: 12px;
}

.rowley-container .submit-incident-button {
  margin: 0 auto;
}

.rowley-container .sticky-save-button-container {
  margin-top: -19px;
}

.rowley-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}





.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.garden-malls-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.garden-malls-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control>label:after,
.individual-section-container .segmented-control>label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.segmented-control>label {
  border: 1px solid;
}

.segmented-control>label:Hover {
  background-color: #fff1e9;
}

.vehicle-year-container,
.state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;

}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.sticky-save-button-container {
  margin-top: -10px;
}

.garden-malls-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.save-incident-blue-btn {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 29px;
}


.garden-malls-container .upload-video-container {
  padding: 15% 10% 15% 10%;
  margin: 60px 20px 11px -46px;
  background: gainsboro;
  border: dotted 4px;
  border-color: #9fa39f;
  width: 65%;
  cursor: pointer;
}

.upload-video-container .glyphicon-cloud-upload {
  font-size: 16px;
  color: #645f5f;
}

.footwear-label {
  margin-top: 0px;
}

.video-saved-by-label {
  margin-top: 9px;
}

.weather-conditions-label,
.vehicle-lcoation-label {
  margin-top: 20px;
}

.kind-of-injury-label {
  margin-top: -11px;
}

.individual-sick-label {
  margin-top: -10px;
}

.which-cctv-label {
  margin-top: 5px;
}

.vehicle-switches-container {
  padding: 15px;
}

.external-agency-fields .left-input-icon {
  top: 8px;
  left: -2px;
  position: relative;
}

.external-switch-container,
.emails-container .bootstrap-switch {
  margin-top: 14px;
}

.garden-malls-container .external-switch-container,
.emails-container {
  text-align: start;
}

.garden-malls-container .emails-container .emails-switch {
  margin-top: 14px;
}

.attachment-cctv-container {
  margin-left: -34%;
  width: 89%;
  margin-top: 26%;
}
.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.allstar-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.allstar-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control > label:after, 
.individual-section-container .segmented-control > label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.segmented-control > label {
  border: 1px solid;
}

.segmented-control > label:Hover {
  background-color: #fff1e9;
}

.vehicle-year-container, .state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;
  
}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.sticky-save-button-container {
  margin-top: -10px;
}

.allstar-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.save-incident-blue-btn {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 29px;
}

.signature-wrapper p{
  margin-bottom: 5px;
  text-align: left;
}
.signature-input-container{
  
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 60px;
  color:#ccc;
  text-align: left;
  padding: 4px;
  width: 400px;
  align-items: center;
  flex:1
}
.extrity-container {
  padding:20px;
}

.extrity-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.extrity-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.extrity-container .sticky-save-button-container {
  margin-top: -19px;
}

.extrity-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.extrity-container .incident-content {
  margin-left: 15px;
  margin-right: 15px;
}

.extrity-container .attachment-img-date {
  display: block;
  color: #656565;
  font-size: 12px; 
  text-align: center;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}





.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.event-container {
  margin-top: 10px;
}

.event-container .form-control {
  height: 34px !important;
}


.seapines-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.seapines-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.incident-section-container {
  margin-bottom: 25px;
}

.individual-section-container .segment-control-tabs {
  margin-top: -1px;
  height: 32px;
}

.individual-section-container .segment-control-tabs label {
  margin-top: -4px;
}

.individual-section-container .segmented-control>label:after,
.individual-section-container .segmented-control>label {
  margin-top: -4px !important;
}

.individual-section-container .dob-container {
  width: 50%;
}

.segmented-control>label {
  border: 1px solid;
}

.segmented-control>label:Hover {
  background-color: #fff1e9;
}

.vehicle-year-container,
.state-container {
  width: 50%;
}

.state-container {
  margin-top: 15px;
}

.attachment-container {
  margin-bottom: 35px;
  margin-left: 18px;
}

.attachment-container .red-icon {
  margin-right: -22px;
  margin-top: -15px;
}

.upload-button-container {
  margin-top: 15px;
  margin-left: -11px;
}

.upload-button {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  flex-direction: row !important;
}

.upload-button-label {
  margin-left: 9px;

}

.upload-button .glyphicon {
  font-size: 29px;
  margin-top: -5px;
  margin-left: -8px;
}

.red-icon {
  cursor: pointer;
}

.link-files-button {
  min-width: 126px;
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 20px;
}

.submit-incident-button {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  margin-left: 29px;
}

.add-individual-link-container {
  margin-bottom: 17px;
}

.emails-container {
  margin-left: 7px;
}

.link-modal-title {
  font-size: 20px;
}

.remove-link-icon {
  cursor: pointer;
  margin-left: 2p;
}

.linked-files-title {
  margin-left: 20px;
}

.sticky-save-button-container {
  margin-top: -10px;
}

.seapines-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.save-incident-blue-btn {
  width: 126px;
  height: 37px !important;
  font-size: 14px !important;
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  margin-left: 29px;
}


.seapines-container .upload-video-container {
  padding: 15% 10% 15% 10%;
  margin: 60px 20px 11px -46px;
  background: gainsboro;
  border: dotted 4px;
  border-color: #9fa39f;
  width: 65%;
  cursor: pointer;
}

.upload-video-container .glyphicon-cloud-upload {
  font-size: 16px;
  color: #645f5f;
}

.footwear-label {
  margin-top: 0px;
}

.video-saved-by-label {
  margin-top: 9px;
}

.weather-conditions-label,
.vehicle-lcoation-label {
  margin-top: 20px;
}

.kind-of-injury-label {
  margin-top: -11px;
}

.individual-sick-label {
  margin-top: -10px;
}

.which-cctv-label {
  margin-top: 5px;
}

.vehicle-switches-container {
  padding: 15px;
}

.external-agency-fields .left-input-icon {
  top: 8px;
  left: -2px;
  position: relative;
}

.external-switch-container,
.emails-container .bootstrap-switch {
  margin-top: 14px;
}

.attachment-cctv-container {
  margin-left: -34%;
  width: 89%;
  margin-top: 26%;
}

.added-margin-bottom-container {
  margin-bottom: 14px;
}

.input-40 {
  width: 40% !important;
}

.seapines-container .delete-email-icon .glyphicon {
  padding-left: 6px !important;
}

.seapines-container #link-incident-btn {
  float: right;
  font-size: 12px;
  padding: 10px 15px;
}

.seapines-container .linked-files-title {
  margin-left: -34px;
  color: #5093A7;
  text-decoration: underline;
}

.seapines-container .remove-link-icon {
  color: #333;
}

.seapines-container .incident-multiple-section-container {
  margin-bottom: 20pt;
}

.seapines-checkbox {
  padding-left: 60px;
  margin-top: 5px;
}
.sea-ranch-container {
  padding: 20px;
}

.sea-ranch-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.sea-ranch-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.sea-ranch-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.sea-ranch-container .submit-incident-button {
  margin: 0 auto;
}

.sea-ranch-container .sticky-save-button-container {
  margin-top: -19px;
}

.sea-ranch-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}
.wabtec-container {
  padding: 20px;
}

.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.wabtec-container .submit-incident-button {
  margin: 0 auto;
}

.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}

.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.rdv-container {
  padding: 20px;
}

.rdv-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rdv-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.rdv-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.rdv-container .submit-incident-button {
  margin: 0 auto;
}

.rdv-container .sticky-save-button-container {
  margin-top: -19px;
}

.rdv-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.wabtec-container {
  padding: 20px;
}

.wabtec-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.wabtec-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.wabtec-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.wabtec-container .submit-incident-button {
  margin: 0 auto;
}

.wabtec-container .sticky-save-button-container {
  margin-top: -19px;
}

.wabtec-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.bjs-container {
  padding: 20px;
}

.bjs-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.bjs-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.bjs-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.bjs-container .submit-incident-button {
  margin: 0 auto;
}

.bjs-container .sticky-save-button-container {
  margin-top: -19px;
}

.bjs-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}

.bjs-intro {
  padding-top: 10rem;
  min-height: 600px;
}

.bjs-option {
  width: 300px;
  height: 233px;
  border: 1px solid #214b58;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.bjs-option label {
  width: 200px;
  margin: 9rem auto;
  font-size: 30px;
  color: #000;
}

.checkboxLabel {
  margin-top: 29px;
}

.bjs-checkbox-container {
  margin-bottom: 10px;
}

.bjs-checkbox-wrapper {
  padding-left: 60px;
  padding-bottom: 10px;
}

.bjs-employee-title {
  font-family: Lato;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  padding-bottom: 10px;
}

.bjs-employee-checkbox {
  padding-left: 60px;
  margin-top: 5px;
}

.chesley-container {
  padding: 20px;
}

.chesley-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.chesley-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.chesley-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.chesley-container .submit-incident-button {
  margin: 0 auto;
}

.chesley-container .sticky-save-button-container {
  margin-top: -19px;
}

.chesley-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.prudential-container {
  padding: 20px;
}

.prudential-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.prudential-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.prudential-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.prudential-container .submit-incident-button {
  margin: 0 auto;
}

.prudential-container .sticky-save-button-container {
  margin-top: -19px;
}

.prudential-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}
.rti-container {
  padding: 20px;
}

.rti-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rti-container .incident-time-container .form-control {
  padding: 5px 25px !important;
}

.rti-container .left-input-datetime-icon {
  top: 26px;
  left: 12px;
}

.rti-container .submit-incident-button {
  margin: 0 auto;
}

.rti-container .sticky-save-button-container {
  margin-top: -19px;
}

.rti-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
  padding-bottom: 15px;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}

.status-bar-col {
  align-items: center;
}

.capitalize {
  text-transform: capitalize;
}

.rti-buttons {
  display: inline-block;
  margin: 10px 5px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.rti-buttons:focus {
  outline: none;
}

.add-button {
  background-color: #28a745;
  color: #ffffff;
}

.add-button:hover {
  background-color: #218838;
}

.remove-button {
  background-color: #dc3545;
  color: #ffffff;
}

.remove-button:hover {
  background-color: #c82333;
}

.margin-y {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.actions-label {
  border-radius: 6px;
  margin-top: 5px;
  min-height: 25px;
  margin-right: 15px;
  background-color: #f7f7f8;
  text-align: left;
  margin-bottom: 10px;
}

.actions-short-label {
  width: 50px;
  margin-left: 0;
  text-align: center !important;
  padding: 2px;
}

.actions-row-padding {
  padding-right: 150px;
}

.number-label {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding-top: 3px;
  color: #214b58;
}

.jll-container{
  padding:20px;
}

.jll-container.incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.jll-container.incident-time-container .form-control{
  padding: 5px 25px !important;
}

.jll-container.submit-incident-button {
  margin: 0 auto;
}

.jll-container.sticky-save-button-container {
  margin-top: -19px;
}

.jll-container.sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.security-incident-info-datetime-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.security-incident-info-input-container {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.security-incident-info-span {
  text-align: left;
  margin-bottom: 5px;
}
.rowley-container {
  padding:20px;
}

.rowley-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.rowley-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.rowley-container .submit-incident-button {
  margin: 0 auto;
}

.rowley-container .sticky-save-button-container {
  margin-top: -19px;
}

.rowley-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
}

.security-incident-info-datetime-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.security-incident-info-input-container {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.security-incident-info-span {
  text-align: left;
  margin-bottom: 5px;
}
.newfields-container {
  padding:20px;
}

.newfields-container .incident-narrative-container {
  padding-left: 30px;
  padding-right: 30px;
}

.newfields-container .incident-time-container .form-control{
  padding: 5px 25px !important;
}

.newfields-container .submit-incident-button {
  margin: 0 auto;
}

.newfields-container .sticky-save-button-container {
  margin-top: -19px;
}

.newfields-container .sticky-save-button {
  margin-top: -123px !important;
  margin-left: -31px !important;
}

.hr-line {
  margin-bottom: 20px;
}

.incident-section-container {
  margin-bottom: 20px;
}

.column {
  display: flex;
  flex-direction: column;
  flex:1;
  padding-left: 15px;
  padding-right: 15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.incident-section-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.individual-btn-wrapper {
  flex-direction: row !important;
  justify-content: flex-end;
}

.attachment-wrapper {
  display: flex;
  flex-direction: riw;
  flex-wrap: wrap;
}

.external-agency-title {
  text-transform: capitalize;
  text-align: left;
  margin: 15px 0;
  font-size: 15px;
  font-weight: 600;
  color: #214B58;
}

.status-bar-col {
  align-items: center;
  margin-bottom: 20px;
}

.segment-control-tabs > label {
  line-height: 3.2em;
}

.newfields-incident-info-datetime-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.newfields-incident-info-input-container {
  display: flex;
  flex-direction: column;
  width: 47%;
}

.newfields-incident-info-span {
  text-align: left;
  margin-bottom: 5px;
}

.injury-location-row {
  align-items: center;
  margin-bottom: 10px;
}

.csa-switch.newfields-toggle-switch {
  width: 76px;
  height: 32px;
}

.csa-switch.newfields-toggle-switch .slider {
  font-size: 13px;
  line-height: 30px;
}
.live-nation-employee-container .sticky-save-button-container {
    margin-top: -19px;
}

.live-nation-employee-container .sticky-save-button {
    margin-top: -123px !important;
    margin-left: -31px !important;
}

.expanded-container .live-nation-employee-container .sticky-save-button {
        margin-left: 5px !important;
}

.live-nation-employee-container .action-button {
    color: white;
    height: 40px;
    width: 180px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 15px; 
}

.live-nation-employee-container .prev-button {
    background: #67BBEE;
}

.live-nation-employee-container .clear-button {
    background: #ed4747;
}

.live-nation-employee-container .report-button {
    background: #00C491;
}

.live-nation-employee-container .button-tab {
    height: 50px;
    width: 55px;
    padding: 2px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.live-nation-employee-container .signature-wrapper {
    clear: both;
}

.live-nation-employee-container .signature-input-container {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 60px;
    color: #ccc;
    padding: 4px;
    text-align: center;
    align-items: center;
    flex: 1;
}

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

.status-completed {
  color: #079f5f;
  font-size: 14px;
}

.status-failed {
  color: #d0021b;
  font-size: 14px;
}

.status-in-progress {
  color: #ec6445;
  font-size: 14px;
}

.react-bs-table .table-bordered > tbody > tr > td {
  vertical-align: middle;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #ec6445 !important;
  font-weight: 600 !important;
}

.info-type {
  font-weight: 600;
}

.info-data {
  color: #ec6445;
  font-weight: 600;
  font-size: 16px;
}

.info-data.padded {
  padding-top: 10px;
}

.paragraph {
  margin-left: 20px;
  text-align: justify;
}

.individual-box {
  margin-bottom: 10px;
}

.relative-table-header {
  position: relative;
}

.vertical-center-checkbox {
  position: absolute;
  transform: translate(0, -35%);
}

.column-toggle {
  padding-right: 15px;
}

.padded-title {
  padding-left: 20px;
}

.popup-filter-clear-button-wrapper {
  text-align: right;
}

.incident-archive-filter-form-group table {
  table-layout: auto;
}

.incident-standard-table {
  padding: 7px 15px 15px 15px;
}

.incident-event-popup {
  min-width: 230px;
}

.glyph-event-filter {
  cursor: pointer;
  margin-right: 5px;
}

.incident-title-header {
  float: left;
}

/* .incident-title-header-label {
    margin-top: 13px;
} */

/* .relative-position-header .dropup .caret {
    margin: 20px 0px !important;
} */

.select-all-incident-checkbox {
  margin-top: 0px;
  margin-bottom: 0px !important;
}

#incidents-tabs .dropdown-menu {
  position: absolute !important;
}

.loading-spinner {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
}

.loading-table {
  opacity: 0.3;
}
.incident-archive-ln-th {
  display: flex;
  flex-direction: row;
}
.checkbox-padding {
  padding: 8px;
}
.live-nation-incident-type-div {
    width: 100%;
    display: block;
    clear: both;
    text-align: left;
    margin-bottom: 15px;
}

.incident-guest-btn {
	color: white !important;
	height: 40px;
	padding: 10px 20px !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #EC6445 0%, #EC6445 100%) !important;

	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}

.half-width {
    width: 50%;
    margin-bottom: 15px;
}

.form-label {
    font-weight: normal !important;
    /* float: left; */
    width: 100%;
}

.spacer {
    clear: both;
    height: 20px;
}

.warning-paragraph {
    padding: 20px;
}

.div-header {
    color: #214B58;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    float: left;
}

.repeat-offender-modal {
    min-width: 80%;
    margin-top: 20px;
}

.auto-filled-data {
    padding: 5px;
    background: #E3E3E3;
    font-weight: 900;
    font-style: italic;
    border-radius: 4px;
    margin: 4px;
    text-decoration: underline;
}

.paragraph {
    text-align: justify;
    line-height: 2.0;
}

.paragraph-input {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    text-align: center;
    height: 30px;
}

.live-nation-container .sticky-save-button-container {
    margin-top: -19px;
}

.live-nation-container .sticky-save-button {
    margin-top: -123px !important;
    margin-left: -31px !important;
}

.expanded-container .live-nation-container .sticky-save-button {
        margin-left: 5px !important;
}
.custom-date-picker-ln{
    border: 1px solid #ccc;
    height: 30px;
   
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.time-medical {
    float: left;
    width: 14.5%;
    padding-right: 15px;
}
.dispatch-tab ul.nav>li:last-child {
  position: absolute;
  right: 0;
}

.dispatch-progress-label{
  color:#EC6445;
}

.dispatch-completed-label{
  color:#4b9477;
}

.attention-label{
	color: #9f303e
}

.dispatch-header-wrapper {
  display: flex;
  flex-direction: row;
}

.dispatch-header-controls {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
}
.list-group.page-list{}
.list-group.page-list .list-group-item{text-align:left;padding:4px;border:none}

.txt-commander-api{display:inline-block;width:200px;margin-left:6px}

.widget-modules-table tr.checkbox-column {
  width: 50px;
}

.widget-modules-table tr.widgets-column {
  text-align: left;
} 
.orange-title-left {
    text-align: left;
    color: #EC6445;
    font-family: Lato;
    font-size: 27px;
    font-weight: 600;
    line-height: 33px;
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.logo-div {
    display: block;
    background-color: #E3E3E3;
    padding: 10px 20px;
    position: relative;
}

.logo-image-div {
    margin: 10px;
}

.logo-name {
    float: left;
    color: #214B58;	
    font-family: Lato;	
    font-size: 18px;	
    font-weight: 600;	
    line-height: 22px;
    margin-bottom: 30px;
}

.logo-image {
    width: 100px;
}

.upload-logo-btn {
    text-align: center;
    margin-top: 20px;
}

.logo-controls {
    width: 100%;
    text-align: center;
}

.logo-action-button {
    border: none;
    background: none;
    text-align: center;
}

.list-group.page-list{}
.list-group.page-list .list-group-item{text-align:left;padding:4px;border:none}

.txt-commander-api {
    display: inline-block;
    width: 90%;
    margin-left: 6px
}
.report-controls-div {
    padding: 20px;
    clear: both;
    width: 50%;
    float: right;
    display: inline-flex;
}

.upload-btn {
    margin-left: 20px;
}

.reports-main-content {
    padding: 20px;
}

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

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

.edit-report-field {
    width: 90% !important;
}

.action-button {
    border: none;
    background: none;
    text-align: center;
}
.orange-title-left {
    text-align: left;
    color: #EC6445;
    font-family: Lato;
    font-size: 27px;
    font-weight: 600;
    line-height: 33px;
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.logo-div {
    display: block;
    background-color: #E3E3E3;
    padding: 10px 20px;
    position: relative;
}

.logo-image-div {
    margin: 10px;
}

.logo-name {
    float: left;
    color: #214B58;	
    font-family: Lato;	
    font-size: 18px;	
    font-weight: 600;	
    line-height: 22px;
    margin-bottom: 30px;
}

.logo-image {
    width: 100px;
}

.upload-logo-btn {
    text-align: center;
    margin-top: 20px;
}

.logo-controls {
    width: 100%;
    text-align: center;
}

.logo-action-button {
    border: none;
    background: none;
    text-align: center;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
  font-weight: bold;
  font-size: 15px;
}

.new-data {
  color: green;
}

.old-data-container {
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  background-color: #e3e3e3;
  text-align: left;
}

.old-data-container-difference {
  border-radius: 8px;
  border-color: red;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-container-new {
  border-radius: 8px;
  border-color: green;
  border-width: medium;
  border-style: solid;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  min-height: 30px;
  text-align: left;
  background-color: #e3e3e3;
}

.old-data-label {
  text-align: left;
  font-weight: bold;
  font-size: 17px;
}

.current-data {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-btn {
  margin-top: 15;
  margin-bottom: 15;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

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

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.old-data {
  text-decoration: line-through;
  color: red;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.archon-tabs ul > li > a:hover {
    background-color: #ec6445;
}

/* Inactive tab */
.archon-tabs ul > li > a {
    background-color: #67BBEE;
    color: white !important;
}

/* Active tab */
.archon-tabs ul > li.active > a,
.archon-tabs ul > li.active > a:hover,
.archon-tabs ul > li.active > a:focus {
    background-color: #ec6445;
    color: white !important;
}

.form-builder-form-group {
  padding: 5px !important;
  border-radius: 5px !important;
}

.default-to-focus {
  display: none;
}

.popup-toolbar-modal {
  width: 250px;
  margin-left: 20px;
  margin-top: 5%;
  z-index: 99 !important;
}

.popup-toolbar-modal-backdrop {
  opacity: 0 !important;
  display: none;
}

.detail-panel-body {
  padding: 20px;
  height: 500px;
  overflow: scroll;
}

.detail-panel-modal {
  width: 40%;
  margin-left: 59%;
  margin-top: 5%;
}

.detail-panel-body {
  padding: 20px;
  height: 500px;
  overflow: scroll;
}

.detail-modal-backdrop {
  opacity: 0 !important;
  z-index: 100 !important;
}

.detail-panel-field-container {
  padding: 20px;
}

.detail-panel-body-popup {
  position: absolute;
  background-color: white;
  right: 215%;
  bottom: 20%;
  padding: 20px;
  width: 250px;
  border-radius: 20px;
}

.detail-panel-body-title {
  color: #214B58;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 15px;
}

.forms-table {
    margin-top: 60px;
}

.formInputModal {
  margin-top: "10%";
  width: 600;

}
.controls-div {
    padding: 20px;
    clear: both;
}

.back-link-btn {
    float: left;
}

.control-btn {
    float: right;
}

.sub-title {
	color: #214B58;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
    line-height: 22px;
    text-align: left;
}

.line {
	box-sizing: border-box;
	height: 2px;
    border: 1px solid #E0E0E0;
    margin-top: 0px;
}

.add-user-content {
    padding: 20px;
}

.left-side-content {
    display: block;
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-right: 20px;
}

.right-side-content {
    display: block;
    width: 50%;
    float: right;
    padding-right: 30px;
    padding-left: 20px;
}

.user-section {
    margin-bottom: 30px;
    display: block;
}

.info-section {
    margin-bottom: 30px;
    display: block;
    clear: both;
}

.row-input-field {
    text-align: left;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.row-textarea-field {
    resize: vertical;
    white-space: pre-wrap;
    word-break: break-all;
    min-height: 60px;
    font-family: inherit;
}

.new-item-textarea-field {
    width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    margin-top: 5px;
    box-sizing: border-box;
    resize: vertical;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: inherit;
}

.verticalAlignRow td {
    vertical-align: middle !important;
}

.id-scan-keys-table .item-name-input-container {
    margin-bottom: 30px;
}

.id-scan-keys-table .item-name-input-container input[type='text'],
.id-scan-keys-table .item-name-input-container select {
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    margin-top: 5px;
    box-sizing: border-box;
}

.id-scan-keys-table .item-name-input-container .btn {
    margin-top: 24px;
}

.id-scan-keys-table-wrapper {
    padding-top: 10px;
}

.id-scan-keys-table-wrapper th,
.id-scan-keys-table-wrapper td {
    padding: 10px 15px !important;
}

.import-data-div {
  margin: 40px 20px;
  width: 50%;
}

.new-product-section {
  width: 100%;
  display: inline-block;
}

.left-side,
.right-side {
  width: 50%;
  float: left;
  padding: 20px;
}

.seapines-table {
  margin-top: 20px;
}

.main-seapines-section {
  padding: 100px;
}

.fail-result-container {
  max-height: 400px;
  overflow-y: auto;
}
.active-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 145px;
    margin: 10px 20px;
}
.form-builder-container{
  padding-top: 100px;
  background-color: rgb(249, 249, 249);
}
.paragraph-editor-wrapper{
  min-height: 100px;
}
.paragraph-editor{
  min-height: 100px;
}
.form-builder-side-menu{
  height: 80vh;
  overflow: scroll;
  background-color: '#fff';
}
.form-builder-menu{
  padding-bottom: 10px;
}
.element-settings-div{
  
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e0e0e0;
    
  
}
.remove-button-red-icon{
color:#d9534f;
} 
.form-builder-old-value{
  margin-left: 10px;
}
.polyline-desc{font-size:14px;text-align:justify}
.polyline-desc p {margin: 0 0 5px}
.custom-control-label::before,
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}

.floor-map-options {
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; 
}

.floor-map-options .option {
  cursor: pointer;
  padding: 0 5px;
  background: #e7ecef;
  margin-right: 5px;
  border: 1px solid #aeaeae;
}

.floor-map-options .option.selected {
  background: #aeaeae;
  color: #fff;
}

.tour-maps-recenter-btn {
  margin-right: 16px !important;
}

.left {
  text-align: left;
}



.d-flex {
  display: flex
}

.flex-row {
  flex-direction: row
}

.flex-wrap {
  flex-wrap: wrap
}

.checkin-wrapper {
  padding: 0 10px 0 0
}

.graph-label {
  text-align: center;
  margin-top: 15px;
  color: #A9A5A5
}

.graph-value {
  text-align: center
}

.generate-report-btn {
  margin-right: 0px !important;
}

.tour-report-display-wrapper {
  margin-bottom: 15px;
}

.tour-report-display-option-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tour-report-display-option-wrapper>span {
  margin-top: 15px;
  margin-right: 10px;
}
.tour-confirm-header-wrapper {
    display: flex;
    flex-direction: row;
}

/** styles for autocomplete input **/
div#react-autowhatever-timepicker2-autocomplete.react-autosuggest__suggestions-container {
  display: none;
}

div#react-autowhatever-timepicker2-autocomplete.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 35px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}
/** end of styles for autocomplete input **/
.binder-header-wrapper {
    display: flex;
    flex-direction: row;
}

.binder-upload-button-wrapper {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}
.assignments-div {
    margin: 20px;
    margin-top: 30px;
}
/* 
#assignments-search-field {
    float: right;
    width: 60%;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 2px;
} */

/* .assignment-header-controls {
    width: 60%;
    float: right;
} */

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


.bootstrap-switch-assignments-on-duty-toggle {
    margin-top: 2px !important;
}

.box-info-data {
    background-color: #EEEEEE;
    color: #214B59;
    padding: 5px;
    font-size: 12px;
    border-radius: 2px;
}

.dispatch-modal .incident-dispatch-block{width:auto;float:none}

.dispatch-progress-label{
  color:#EC6445;
}

.dispatch-completed-label{
  color:#4b9477;
}

.attention-label{
    color: #9f303e;
}
.assignment-dropdown .has-feedback label~.form-control-feedback{
    top:0px;
}
.assignment-dropdown .react-autosuggest__suggestions-container--open{
    color:#000000;
}
.assignment-dropdown .form-group-sm .form-control{
    height: 34px;
   
}
.assignment-dropdown .control-label{
    display: none;
}

#assignments-search-field {
    width:110%;
}

.assignments-header-wrapper {
    display: flex;
    flex-direction: row;
}

.assignments-on-duty-search-wrapper {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-self: flex-end;
    padding-right: 1rem;
}
.task-modal,
.task-view-modal {
  margin-top: 10vh;

}


.task-modal-header h4 {
  color: #ec6445;
  font-size: 1.5em;
  margin-bottom: 0px;
}

.task-modal-header .assign-staff-close-btn {
  -webkit-text-stroke: 7px white;
  color: #000;
  font-size: 2.5em;
  right: 5px;
  top: 0;
}

.task-modal h5,
.task-view-modal h5 {
  font-size: 1.25em;
  color: #214B58;
  font-weight: bold;
}

.task-modal .modal-header,
.task-view-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.with-border-top {
  border-top: 2px #e3e3e3 solid;

}

.task-selector .custom-selector-selected {
  color: #fff;

}

.task-selector .custom-selector-buttons {
  font-size: 0.9em;

}

.task-selector .custom-selector-unselected {
  color: #000;
}

.task-form {
  width: 100%;
  margin-right: -15px;
  margin-left: 0px;
  padding-bottom: 20px;
}

.task-view-modal .task-form {
  padding: 0 20px 20px;
}

.task-form-row {
  margin-top: 10px;
}


.task-form .calendar-icon {

  position: absolute;
  z-index: 2;
  top: 40px;
  left: 21px;
  color: #e3e3e3;
}

.task-form .bootstrap-switch {
  margin-top: 7px;
}

.task-form label.form-label,
.task-form label.control-label,
.task-form .view-label {
  font-size: 1em;
  color: #000;
  font-weight: normal;
}

.task-form .form-control {
  border: 1px #000000 solid;
}

.task-buttons {
  margin-top: 20px;
  text-align: center;
}

.task-buttons .custom-btns {
  margin: 5px 10px;
}

.task-notify-assignee {
  flex: 1;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.small-text {
  font-size: 0.75em;
  width: 100px;
  padding-left: 6px;
  margin-bottom: 0;
}

.task-notify-assignee-duration {
  width: 40px;
  height: 32px;

}

.duration-select {
  width: 100px;
  -webkit-appearance: none;

}

.duration-select:disabled {
  border: 1px solid #e0e0e0;
}

.task-form .custom-label {

  font-size: 0.85em;
  padding-left: 50px;

}

.task-form .set-recurring {
  width: 180px
}

.task-notify-assignee input,
.task-notify-assignee input {
  margin: 0 10px;
}

.task-form .auto-suggest-right-icon-color {
  color: #61BBD9 !important;

}

.task-form-select {
  position: relative;
}

.task-form-select-icon {
  position: absolute;
  right: 3px;
  top: 11px;
  color: #61BBD9;
}

.disabled-icon {
  color: #e3e3e3;
}

.disabled-div {
  opacity: 0.5;
}

/*media queries*/
.task-attachments-div {
  height: 100px;
  overflow: hidden;

}

.task-attachments-col {
  margin-top: 10px;
  margin-bottom: 10px;

}

.trash-red {
  color: #f81833
}

.task-attachment-actions {
  text-align: right;
  position: absolute;
  right: 30px;
}

.task-view-modal .task-attachment-actions {

  right: 10px;
}

.download-attachment-link {
  color: #000;
  padding-left: 5px;
}

.task-attachments .medium {
  width: 110px;
  padding: 4px;
  height: 40px;

}

.task-attachments .medium span {
  font-size: 0.9em;
  padding-left: 8px;
}

.task-notes {
  resize: none;
}

.navy-text {
  color: #214b58;
}

.datetime-details {
  display: flex;
  margin-top: 20px;
  padding: 10px 0px;
  border-radius: 2px;
}

.datetime-details p {
  font-weight: 400;
  margin: 0 20px
}

.orange-text {
  color: #ec6445;
}

.grey-bg {
  background-color: #e3e3e3;
}

.delete-modal {
  margin-top: 10%;
}

.view-task-title {
  font-weight: 600;
}

.task-value {
  padding: 5px;
  border-radius: 6px;
  min-height: 30px;
}

.task-value p {
  margin-bottom: 0;
}

.task-value .task-notes {
  min-height: 50px;
}

.header-icons {
  text-align: right;
  padding-right: 40px;
  margin-top: 11px;
}

.header-icons .glyphicon {
  margin: 0 10px;
}

@media (min-width: 992px) {
  .task-modal {
    width: 70vw;
  }

  .task-view-modal {
    width: 50vw;
  }
}

@media (min-width: 993px) {
  .task-modal {
    width: 60vw;
  }

  .attachments-col {
    margin-top: -145px;
  }
}

.pointer {
  cursor: pointer;
}
.custom-selector-buttons {
    color:#214B58;
    font-weight: 700;
    background-color: #ffffff;
    outline:none;  
}
.custom-selector-selected{
    background-color: #EC6445;
}

.custom-selector-unselected:hover, 
.custom-selector-unselected:active
{
    background-color:  #EC6445;
    outline: none;
}

.custom-selector-selected:hover, 
.custom-selector-selected:active
{
    background-color: #ffffff;
}

.custom-selector-selected:focus{
    outline: none!important;
    background-color:  #EC6445;
    
}
.custom-selector-unselected:focus{
    outline: none!important;
    background-color:  #ffffff;
} 
.new-assignment-container {
  margin: 20px 10px;
}

.assignments-div {
  margin: 33px;
  margin-top: 8px;
  font-size: 10pt !important;
}

.assignments-column-toggle {
  margin-bottom: 7px;
}

.loading-table {
  opacity: 0.3;
}

.title-filter {
  margin-top: 10px;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.assignments-table {
  /* This style caused the table settings button to be inaccessible to user interactions */
  /* position: relative; */
}

.assignment-row-highlight:hover td {
  background-color: rgba(195, 194, 194, 0.26);
}
.close-modal-btn {
  cursor: pointer;
  margin-left: 10px;
}

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

.view-dispatch-btn {
  margin-top: 20px;
  float: right;
}
.assig-work-order-modal-header {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: #175468;
}

.assig-work-order-modal-container {
  display: grid;
  row-gap: 10px;
}

.assig-work-order-asset-container {
  display: grid;
  row-gap: 10px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 10px;
}

.assig-work-order-asset-view-asset-button {
  all: unset;
  padding: 5px 10px;
  background: #175468;
  border-radius: 6px;
  font-style: normal;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.assig-work-order-asset-completed-button {
  all: unset;
  background: #71717a;
  padding: 5px 10px;
  border-radius: 6px;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.assig-work-order-asset-container > span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3f3f46;
}

.assig-work-order-modal-detail-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 5px;
  row-gap: 5px;
  background: #f4f4f5;
  border-radius: 6px;
  padding: 12px;
}

.assig-work-order-modal-detail-container > span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3f3f46;
}

.assig-work-order-modal-detail-container > span > span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #e74b26;
}

.assig-work-order-modal-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #e74b26;
}

.assig-work-order-modal-asset {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #175468;
}

.assig-work-order-modal-completed-assets-key {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3f3f46;
}

.assig-work-order-modal-completed-assets-key > span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ea053a;
}

.assig-work-order-modal-filter-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3f3f46;
  margin-right: auto;
}

.assig-work-order-modal-sub-container {
  display: grid;
  grid-template-columns: 3fr 1fr;
}

.assig-work-order-detail-asset-modal-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 24px;
  position: relative;
  row-gap: 10px;
}

.assig-work-order-detail-asset-modal-close-button {
  position: absolute;
  top: 24px;
  right: 24px;
}

.assig-work-order-detail-asset-modal-back-button {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: underline;
  color: #175468;
  grid-column: 1 / 3;
}

.assig-work-order-detail-asset-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #175468;
  display: flex;
  align-items: flex-end;
}

.random-horizontal-dark-line {
  min-height: 1px;
  background-color: black;
  grid-column: 1 / 3;
  margin: 10px 0px;
}

.assig-work-order-detail-work-order-title {
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 32px;
  color: #e74b26;
  grid-column: 1 / 3;
}

.assig-work-order-detail-asset-name {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #175468;
  grid-column: 1 / 3;
}

.assig-work-order-detail-task {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #175468;
  grid-column: 1 / 3;
}

.assig-work-order-detail-task-number {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #3f3f46;
  grid-column: 1 / 3;
}

.assig-work-order-detail-task-desciption {
  background: #f4f4f5;
  border: 1px solid #a1a1aa;
  padding: 5px 10px;
  border-radius: 6px;
}

.assig-work-order-detail-asset-modal-container > textarea {
  background: #f4f4f5;
  border: 1px solid #a1a1aa;
  border-radius: 6px;
  grid-column: 1 / 3;
  resize: none;
  padding: 5px 10px;
}

.assig-work-order-detail-sub-task-container {
  display: flex;
  gap: 15px;
  align-items: baseline;
}


.reports-archive-container {
  padding: 3em 50px;
}

.report-row {
  cursor: pointer;
}

.hide {
  display: none;
}

.report-table {
  position: relative;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
}

.button-right {
  float: right;
  margin-left: 15px;
}

.green-btn {
  margin-left: 10px;
}

.small {
  width: 130px;
  font-size: 0.95em;
}

.form-group-sm .form-control {
  height: 35px;
}

.glyphicon-trash:before {
  padding-left: 5px;
}

.table-bordered>tbody>tr>td {
  border-bottom: 1pt;
}

.tag-item {
  display: inline-block;
  font-size: 14px;
  border-radius: 30px;
  height: 30px;
  padding: 0 4px 0 1rem;
  display: inline-flex;
  align-items: center;
  margin: 0 0.3rem 0.3rem 0;
}

.tag-item>.button {
  background-color: white;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.email-content {
  margin-left: -20px;
}
.reports-container{
  padding: 60px;
}

.report-table td {
  text-align: left !important;
}

.reports-header-wrapper {
  display: flex;
  flex-direction: row;
}

.report-tab-icon {
  cursor: pointer;
  margin-left: 15px;
}
.deactivate-btn {
  margin-top: 15px;
  margin-right: 5px;
  text-align: right;
  margin-top: 9px;
}

.filter-preset-modal .pass-title {
 margin-top: -30px;
}

.filter-preset-checkboxes span {
  font-weight: bold;
}

.filter-preset-checkboxes .checkbox {
  margin-top: -3px;
}

.filter-preset-container {
  margin-top: 26px;
}

.edit-filter-input {
  width: 100px;
}

.filter-preset-modal .icon, .deactivate-modal .icon {
    margin-left: 0px !important;
}

.deactivate-btn {
  margin-top: 15px;
  margin-right: 5px;
  text-align: right;
  margin-top: 9px;
}

.filter-preset-modal .pass-title {
 margin-top: -30px;
}

.filter-preset-checkboxes span {
  font-weight: bold;
}

.filter-preset-checkboxes .checkbox {
  margin-top: -3px;
}

.filter-preset-container {
  margin-top: 26px;
}

.passes-report-container .custom-btns {
  margin-left: 7px;
}

.expanded-action-btn-container .action-btn-container{
  margin-right: -92%;
}

.download-btn-with-icon {
  width: 147px;
}

.save-btn-with-icon {
  width: 90px;
}

.download-btn-with-icon .custom-btn-container , .save-btn-with-icon .custom-btn-container {
  margin-left: 8px;
}

.data-filters-container {
  margin-top: 10px;
}

.reports-filters  .filter-container-date .has-feedback .form-control, .reports-filters  .filter-container-time .has-feedback .form-control {
  padding-right: 0px !important;
}

.reports-filters .filter-container-date {
  padding-right: 0px;
  margin-left: -16px;
  margin-top: 11px;
  margin-right: 8px;
}

.reports-filters .filter-container-time {
  margin-top: 11px;
}

.reports-filters  .filter-container-date label,  .reports-filters  .filter-container-time label {
  font-weight: normal;
}

.reports-filters {
  margin-top: 8px;
      padding-left: 21px;
    padding-right: 34px;
}

.reports-filters .search-container input {
  height: 48px !important;
  margin-top: -9px;
}

.reports-filters  .datepicker-input-with-icon {
  margin-top: -7px;
}


.reports-filters input::-webkit-input-placeholder {
  font-size: 10.5px;
}
.reports-filters input::-moz-placeholder {
  font-size: 10.5px;
}
.reports-filters input:-ms-input-placeholder {
  font-size: 10.5px;
}
.reports-filters input::placeholder {
  font-size: 10.5px;
}

.reports-filters label {
  font-weight: normal;
}

.total-extended-row td, .grand-totals-row td, .highlighted-column {
  font-weight: bold;
}

.report-border-left {
   border-left: 1px solid black !important;
}
.report-border-top {
   border-top: 1px solid black !important;
}
.report-border-right {
   border-right: 1px solid black !important;
}
.report-border-bottom {
   border-bottom: 1px solid black !important;
}

.report-thick-border-top {
   border-top: 2px solid black !important;
}

.report-thick-border-bottom  {
   border-bottom: 2px solid black !important;
}

.total-column {
  width: 120px !important;
  text-align: right !important;
}

.daily-records-table th.operator-name-column {
  width: 15%!important;
}

.daily-records-table th.operator-column {
  width: 10%!important;
}


.operator-name-column span {
  margin-left: -97px;
}

.no-border {
  border: none !important;
}

.daily-records-table {
  width: 80%;
}

.gate-pass-bank-reconcilation-table th,
.gate-pass-summary-table th
{
  text-align: center;
}

.table-title {
  font-weight: bold;
}
 
.settlement-report-table th {
  text-align: center !important;
}

.red-text {
  color: #f81833;
}

.netsuite-switch-container .sub-title {
  float: right;
  margin-right: 24px;
  margin-top: 10px;
  color: unset;
  font-size: unset;
  font-weight: unset;
}
 
.netsuite-switch-container .bootstrap-switch{
  float: right;
  margin-right: 37px;
}

.operator-details-container {
   text-align: left;
    margin-left: 18px;
    padding: 20px 20px 20px 0px;
    font-size: 15px;
}
 
 
.deactivate-btn {
  margin-top: 15px;
  margin-right: 5px;
  text-align: right;
  margin-top: 9px;
}

.adjust-btn {
  cursor: pointer;
}

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

/* Chrome, Safari, Edge, Opera */
.adjust-input::-webkit-outer-spin-button,
.adjust-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.adjust-input {
  -moz-appearance: textfield;
}

.deposit-form .form-group {
  margin-top: 0px !important;
}

.discrepancy-title {
  margin-bottom: 21px !important;
  margin-top: -31px;
}

.discrepancy-comment{
 font-style: italic;
 font-size: 11px;
}

.deposit-form .date-container label~.form-control-feedback {
  top: 33px !important;
}

.deposit-form .form-group {
  width: 440px !important;
}

.save-and-submit-btn {
  width: 175px;
}

.admin-container {
  width: 79%;
  background: #eeeeee;
  padding: 15px 1px 0px 14px;
  margin-bottom: 8px;
}

.admin-row-container .form-group {
  line-height: 12px;
}

.report-container {
   width: 79%;
  padding: 15px 1px 0px 14px;
  margin-bottom: 8px;
}

.report-row-container .form-group {
  width: 100% !important;
}

.save-and-submit-btn-pass {
  width: 90px;
}
.modal-80w {
  min-width: 80%;
}

.empty-cell {
  display: flex;
  justify-content: center;
  width: 100%;
}

.btn-cell {
  display: flex;
  justify-content: center;
  width: 100%;
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.row-settings {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 20px;
}

.checkbox-activity {
	font-size: 14px;
	text-align: start;
}

.assign-staff-unassigned-row{
  background-color: #fff8c7;
}

.duplicate-schedule-link {
  color: #307d96;
  font-size: 13px;
  line-height: 35px;
  cursor: pointer;
}

.buttons-container {
  padding-top: 39px;
  margin-right: 34px;
  padding-bottom: 17px;
}

.duplicate-schedule-modal .has-feedback .form-control-feedback {
  top: 26px;
}

.duplicate-schedule-modal .description{
  margin-top: 23px;
  font-size: 16px;
}

.duplicate-schedule-modal .event-container {
  padding-left: 50px;
  padding-right: 50px;
}

.duplicate-schedule-modal .event-details {
  font-size: 12px;
}



.th-style {
  font-size: 15;
  color: #20404b;
  font-weight: bold;
}

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

.expanded-row-style {
  background-color: #20404b;
  color: white;
}

.expand-button {
  color: #61bbd9 !important;
}

.table-staff-count {
  margin-right: 80px;
  display: block;
}

.table-staff-count-hidden {
  margin-right: 80px;
  visibility: hidden;
}

.table-staff-count-red {
  margin-right: 80px;
  color: red;
  display: block;
}

.event-row {
  cursor: pointer;
}

.loading-table {
  opacity: 0.3;
}

.day-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.filter-btn {
  margin-top: 40px;
}

.clear-filter-btn {
  margin-top: 25px;
}
.game-event-summary-body {
  text-align: left;
  padding: 1em;
}
.game-event-summary-border {
  border-top: 1px solid #000;
}
.game-event-summary-body .row {
  padding: 10px 5px;
  margin: 5px;
}
.game-event-summary-body .space {
  margin-top: 11%;
}

.game-event-summary-body{
  text-align: left;
  padding:1em;
}
.game-event-summary-border{
  border-top:1px solid #000;
}
.game-event-summary-body .row{
  padding: 10px 5px;
  margin: 5px;
}
.game-event-summary-body .with-fill{
  background-color: #f9f9f9;
}
.game-event-summary-body .section{
  margin-top: 20px;
 
}
.game-event-summary-body .legend{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.generate-buttons {
  flex: 1;
  display: flex;
  align-items: center;
}

.grow-button {
  flex: 1;
}

.grow-button.pad {
  margin-right: 15px;
}

.full-height {
  min-height: 74px;
}
.di-report-container .generate-buttons {
  flex: 1;
  display: flex;
  align-items: center;
}

.di-report-container .grow-button {
  flex: 1;
}

.di-report-container .grow-button.pad {
  margin-right: 15px;
}

.di-report-container .full-height {
  min-height: 74px;
}

.di-report-container .top-30 {
  margin-top: 30px;
}

.di-report-container .bottom-30 {
  margin-bottom: 30px;
}

.di-report-container .location-title {
	color: #214B58;
	font-size: 22px;
	font-weight: 600;
  line-height: 22px;
}

.di-report-container .sub-section-title {
  color: #214B58;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  margin: 15px 0;
}

.di-report-container .hr-title {
  box-sizing: border-box;
	height: 2px;
  border: 1px solid #E0E0E0;
  margin-top: 10px;
}

.di-report-container .text-bold {
  font-weight: bold;
}

.di-report-container .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.di-report-container .generate-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.generate-buttons {
  flex: 1;
  display: flex;
  align-items: center;
}

.grow-button {
  flex: 1;
}

.grow-button.pad {
  margin-right: 15px;
}

.full-height {
  min-height: 74px;
}

.dip-report-container .top-30 {
  margin-top: 30px;
}

.dip-report-container .bottom-30 {
  margin-bottom: 30px;
}

.dip-report-container .location-title {
	color: #214B58;
	font-size: 22px;
	font-weight: 600;
  line-height: 22px;
}

.dip-report-container .hr-title {
  box-sizing: border-box;
	height: 2px;
  border: 1px solid #E0E0E0;
  margin-top: 10px;
}

.dip-report-container .text-bold {
  font-weight: bold;
}

.dip-report-container .action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.dip-report-container .generate-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.left-input-icon-passes{
  top: 8px;
  left: -2px;
}

.label {
  color: black;
  font-size: 14px;
  padding:0;
}

.hr {
  margin-top: 10px;
  border: 0;
  border-top: 1px solid !important;
  width: auto;
  border-color: #979797;
}

.filter-container {
  border: 1px solid rgba(0, 0, 0, 5);
  border-color: #A1A1AA;
  background-color: #F4F4F5;
  border-radius: 8px;
  width: auto;
  margin-top: 20px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}


.filter-container-date .input-icon {
  color:#9B9B9B !important;
}

.filter-label{
  margin-left: 5px;
  font-weight: normal;
}

.reports-filters {
  margin-top: 0 !important;
}

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

.loading-overlay {
  opacity: 50%;
}
.passes-invoice-table-th th {
  text-align: center;
}

.passes-invoice-amount {
  text-align: right;
}

.passes-invoice-report-mgmt-div {
  padding-top: 30px;
}

.passes-invoice-report-mgmt-action-btns {
  text-align: right;
  padding-right: 20px;
  padding-bottom: 20px;
}

.passes-report-container .save-report-btn {
  margin-right: 35px;
}

.passes-report-rm-receipt {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}
.align-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

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

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

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

.left-margin {
  margin-left: 15px;
}
.left-input-icon-passes{
  top: 8px;
  left: -2px;
}

.label {
  color: black;
  font-size: 14px;
  padding:0;
}

.hr {
  margin-top: 10px;
  border: 0;
  border-top: 1px solid !important;
  width: auto;
  border-color: #979797;
}

.filter-container {
  border: 1px solid rgba(0, 0, 0, 5);
  border-color: #A1A1AA;
  background-color: #F4F4F5;
  border-radius: 8px;
  width: auto;
  margin-top: 20px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}


.filter-container-date .input-icon {
  color:#9B9B9B !important;
}

.filter-label{
  margin-left: 5px;
  font-weight: normal;
}

.reports-filters {
  margin-top: 0 !important;
}

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

.larger-download-btn {
  padding: 9px;
  margin-top: 4px;
}

.incident-sub-type-label {
  padding-left: 20px !important;
}
.post-show-summary-body{
  text-align: left;
  padding:1em;
}
.post-show-summary-border{
  border-top:1px solid #000;
}
.post-show-summary-body .row{
  padding: 10px 5px;
  margin: 5px;
}
.post-show-summary-body .with-fill{
  background-color: #f9f9f9;
}
.post-show-summary-body .section{
  margin-top: 20px;
 
}
.post-show-summary-body .legend{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.additional-comments-textarea {
  width: 100%;
}

.post-summary-btns-container .filter-btn {
  margin-top: 25px;
}

.filter-input {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 15px;
}

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

.table-container-ipsf {
  margin-bottom: 25px;
  padding: 0 !important;
}

.margin-top {
  margin-top: 30px;
}

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

.reports-container-ipsf {
  padding: 0 !important;
  margin-top: 30px;
}

.normal-whitespace {
  white-space: normal;
}

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

.vehicle-stats-report {

  font-family: inherit;
  text-align: left;
}

.vehicle-stats-report .has-feedback label~.form-control-feedback {
  top: 32px;
}

.vsr-header h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: #333;
  text-align: center;
}

/* Filters */
.vsr-filters {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 24px;
}

.vsr-time-windows {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

.vsr-time-window {
  background: #fff;
  border-radius: 4px;
  padding: 14px 16px;
  border: 1px solid #ddd;
}

.vsr-window-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;
}

.vsr-window-label {
  font-weight: 600;
  font-size: 14px;
}

.vsr-remove-window {
  background: none;
  border: none;
  cursor: pointer;
  color: #999;
  font-size: 1rem;
  padding: 2px 6px;
  border-radius: 3px;
}

.vsr-remove-window:hover {
  background: rgba(247, 43, 43, 0.08);
  color: #f72b2b;
}

.vsr-btn-remove-window {
  background: none;
  border: 1px solid #cc0000;
  color: #cc0000;
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.vsr-btn-remove-window:hover {
  background: #cc0000;
  color: #fff;
}

.vsr-window-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.vsr-field-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 160px;
}

.vsr-field-group label {
  font-size: 1rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.vsr-field-group input,
.vsr-field-group select {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 1.244rem;
  background: #fff;
  height: 36px;
}

.vsr-field-group input:focus,
.vsr-field-group select:focus {
  outline: none;
  border-color: #4e79a7;
}

.vsr-add-window {
  align-self: flex-start;
  background: none;
  border: 2px dashed #4e79a7;
  color: #4e79a7;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.244rem;
  font-weight: 600;
  transition: background 0.2s;
}

.vsr-add-window:hover {
  background: #edf3f9;
}

.vsr-btn-add-window {
  background: none;
  border: 1px dashed #20404B;
  color: #20404B;
  border-radius: 4px;
  padding: 6px 16px;
  font-size: 13px;
  cursor: pointer;
  margin-top: 10px;
  transition: background 0.2s, color 0.2s;
}

.vsr-btn-add-window:hover {
  background: #20404B;
  color: #fff;
}

.vsr-secondary-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.vsr-actions {
  display: flex;
  gap: 10px;
}

.vsr-btn-run {
  background: #20404B;
  color: #fff;
  border: none;
  padding: 8px 22px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.244rem;
  font-weight: 600;
  transition: background 0.2s;
}

.vsr-btn-run:hover {
  background: #162d35;
}

.vsr-btn-reset {
  background: #61bbd9;
  color: #fff;
  border: none;
  padding: 8px 22px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.244rem;
  font-weight: 600;
  transition: background 0.2s;
}

.vsr-btn-reset:hover {
  background: #45a8c8;
}

/* Loading / Empty */
.vsr-loading,
.vsr-empty {
  text-align: center;
  padding: 40px;
  color: #999;
  font-size: 0.9rem;
}

/* Chart */
.vsr-chart {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 24px;
}

.vsr-chart h3 {
  font-size: 1rem;
  margin-bottom: 16px;
  color: #444;
}

.vsr-table-summary span {

  padding: 5px;
}
.left-input-icon-passes{
  top: 8px;
  left: -2px;
}

.label {
  color: black;
  font-size: 14px;
  padding:0;
}

.hr {
  margin-top: 10px;
  border: 0;
  border-top: 1px solid !important;
  width: auto;
  border-color: #979797;
}

.filter-container {
  border: 1px solid rgba(0, 0, 0, 5);
  border-color: #A1A1AA;
  background-color: #F4F4F5;
  border-radius: 8px;
  width: auto;
  margin-top: 20px;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}


.filter-container-date .input-icon {
  color:#9B9B9B !important;
}

.filter-label{
  margin-left: 5px;
  font-weight: normal;
}

.reports-filters {
  margin-top: 0 !important;
}

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

.loading-overlay {
  opacity: 50%;
}

.b-c-report-btn-container .download-btn-with-icon {
  width: 195px !important;
}

.b-c-report-btn-container {
  margin-top:20px;
  margin-bottom:20px;
}

.expanded-action-btn-container .b-c-report-btn-container {
  margin-right: -44% !important;
}
.lcrt-report {
  padding: 10px 5px 40px;
}

.lcrt-title {
  color: #ec6445;
  font-weight: 600;
  margin-bottom: 20px;
}

/* ─── Filters ─────────────────────────────────────────────── */
.lcrt-filters {
  margin-bottom: 25px;
}

.lcrt-range {
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eef1f2;
}

.lcrt-range-title {
  font-weight: 600;
  color: #214b58;
  margin: 10px 0 8px;
}

.lcrt-departments {
  margin-top: 10px;
}

.lcrt-department-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

.lcrt-department-chip {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  color: #214b58;
  background: #f7f7f7;
}

.lcrt-color-icon {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  margin-right: 7px;
  vertical-align: middle;
  flex: 0 0 auto;
}

.lcrt-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

.lcrt-actions .btn {
  min-width: 140px;
}

.lcrt-export-row {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 0;
  padding-right: 5px;
}

/* ─── Cards ───────────────────────────────────────────────── */
.lcrt-chart-card,
.lcrt-table-card {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  margin-top: 25px;
  overflow: hidden;
}

.lcrt-card-header {
  background: #214b58;
  color: #fff;
  font-weight: 600;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lcrt-card-subtitle {
  font-weight: 400;
  font-size: 12px;
  opacity: 0.85;
}

.lcrt-chart-body {
  padding: 20px 16px;
  background: #fff;
}

/* ─── Table ───────────────────────────────────────────────── */
.lcrt-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.lcrt-table th,
.lcrt-table > tbody > tr > td {
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.lcrt-table thead th {
  background: #f4f6f7;
  color: #214b58;
  font-weight: 600;
}

.lcrt-range-col {
  text-align: center;
}

.lcrt-range-dates {
  display: block;
  font-weight: 400;
  font-size: 11px;
  color: #888;
}

.lcrt-dept-header-row {
  cursor: pointer;
  background: #f4f6f7;
}

.lcrt-dept-header-row:hover {
  background: #eaeef0;
}

.lcrt-dept-name {
  font-weight: 600;
  color: #214b58;
}

.lcrt-caret {
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.15s ease;
}

.lcrt-caret.open {
  transform: rotate(90deg);
}

.lcrt-dept-count {
  text-align: right;
  color: #888;
  font-size: 12px;
}

.lcrt-metric-row td {
  text-align: center;
}

.lcrt-metric-row .lcrt-metric-label {
  text-align: left;
  padding-left: 32px;
  color: #555;
}

.lcrt-metric-row-emphasis td {
  font-weight: 600;
}

/* ─── Detail (expanded) ───────────────────────────────────── */
.lcrt-detail-cell {
  background: #fafbfc;
  padding: 0 16px 12px 32px;
}

.lcrt-detail-empty td {
  padding: 12px 32px;
  color: #888;
  font-style: italic;
  background: #fafbfc;
}

.lcrt-detail-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  font-size: 13px;
}

.lcrt-detail-table th,
.lcrt-detail-table td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.lcrt-detail-table thead th {
  color: #888;
  font-weight: 600;
}

.grid-item {
  width: 100%;
  height: 100%;
  padding: 10px;
}

.widget-container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgb(170, 170, 170);
  overflow: hidden;
}

.widget-header {
  height: 50px;
  width: 100%;
  padding: 5px 20px;
  background-color: rgb(32, 64, 75);
  display: flex;
  align-items: center;
  text-align: center;
}

.widget-name {
  width: 160px;
  color: #fff;
  padding-left: 5px;
  font-size: 18px;
  cursor: pointer;
}
.widget-name:hover {
  color: #ccc;
}

.dropdown {
  flex: 3;
  height: 25px;
  margin-left: 10px;
  font-size: 10px;
  min-width: 120px;
  border-radius: 15px;
}

.widget-gear-container,
.widget-remove-container {
  flex: 1;
  display: flex;
  justify-content: end;
}
.widget-gear-icon,
.widget-remove-icon {
  margin-left: 10px;
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.widget-remove-icon {
  font-size: 16px;
}

.widget-body {
  flex: 1;
  height: auto;
  width: 100%;
  padding: 10px 10px 0 10px;
  overflow-x: scroll;
}
.row-font-size {
  font-size: 12px;
}
.widget-body > .react-bs-table-container > .react-bs-table-pagination > .row {
  position: absolute;
  height: 45px;
  margin-right: 5px;
  margin-bottom: 8px;
  bottom: 0;
  right: 0;
}
.widget-body
  > .react-bs-table-container
  > .react-bs-table-pagination
  > .row
  > div {
  width: 100% !important;
}

/* Tour Reports Widget */
.tour-report-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.graph-container {
  display: flex;
  justify-content: center;
  margin: 0 10px;
}
.graph {
  height: 120px;
  width: 120px;
}
.graph-label {
  margin: 10px 0;
}
.graph-value {
  font-size: 16px;
}

/* Activity Feed Widget */
.activity-feed-body {
  padding-bottom: 30px;
}
.activity-feed-body > .react-bs-table-container {
  min-width: 500px;
  padding-right: 10px;
}

/* Active Visitors Widget */
.active-visitors-body {
  padding-bottom: 30px;
}
.active-visitors-body > .react-bs-table-container {
  min-width: 500px;
}
.active-visitors-body
  > .react-bs-table-container
  > .react-bs-table
  > .react-bs-container-body
  > .table
  > tbody
  > tr
  > td:last-child {
  padding: 3px;
}
.btn-checkout {
  height: 25px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  background-color: #d83232;
  border: none;
  border-radius: 5px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.btn-checkout:hover {
  background-color: #971c1c;
}

/* Binder Widget */
.binder-body {
  padding-bottom: 30px;
}
.binder-body > .react-bs-table-container {
  min-width: 600px;
}

/* Custom Map Widget */
.custom-map-body {
  position: relative;
}
.custom-map-body > div:first-child {
  border-radius: 5px;
  overflow: hidden;
}
.custom-map-resfresh-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: white;
  cursor: pointer;
}
.custom-map-resfresh-btn:hover {
  background-color: #eee;
}

/* Custom URL Widget */
.custom-url-btn-container {
  flex: 8;
  display: flex;
  justify-content: end;
}
.custom-url-btn {
  height: 25px;
  width: 60px;
  background-color: #4caf50;
  border: none;
  border-radius: 3px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}
.custom-url-btn:hover {
  background-color: #58b85c;
}
.custom-url-btn:active {
  background-color: #359238;
}
.custom-url-body {
  min-width: 350px;
  overflow-y: auto;
}
.custom-url-body > * {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 5px;
}
.custom-url-form {
  padding: 20px;
}
.custom-url-label {
  text-align: left;
  display: block;
}
.custom-url-warning {
  font-size: 10px;
  color: red;
}

/* Event Markers Widget */
.event-markers-body {
  min-width: 350px;
  overflow-y: auto;
}
.event-marker-body-header {
  display: flex;
}
.event-marker-title {
  flex: 1;
  font-weight: bold;
  color: #20404b;
  padding: 5px 0 20px 0;
}
.widget-header > .form-group {
  flex: 3;
  height: 100%;
  width: 100%;
  padding-left: 10px;
  margin: 0;
}
.widget-header > .form-group > .form-label {
  margin-top: 3px;
}
.widget-header > .form-group > div > input {
  font-size: 10px;
  height: 25px;
  border-radius: 25px;
  padding-left: 10px !important;
}
.widget-header > .form-group > .right-input-icon {
  top: 4px;
}

/* Incident Summary Widget */
.event-body {
  min-width: 350px;
  overflow-y: auto;
  overflow-x: auto;
  padding-bottom: 50px;
}
.event-widget-name {
  line-height: 20px;
}
.event-download-btn-container {
  flex: 1;
  display: flex;
  justify-content: end;
}
.event-download-icon {
  font-size: 16px;
  margin-left: 10px;
  color: white;
  cursor: pointer;
}
.event-options-container {
  display: flex;
  height: 60px;
  margin-bottom: 20px;
}
.event-table-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px 30px;
}
.event-date-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 10px;
}
.span-event-date {
  margin-bottom: 5px;
}
.event-date-picker {
  height: 40px;
  width: 120px;
}

/* Incident Heatmap */
.incident-heatmap-body {
  position: relative;
}

/* My Assignments */
.my-assignments-body {
  padding-bottom: 30px;
}
.my-assignments-body > .react-bs-table-container {
  min-width: 550px;
}

/* New Dispatch */
.new-dispatch-body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 350px;
}
.new-dispatch-btn {
  height: 80px;
  width: 250px;
  border: none;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  color: white;
  background-color: #d9534f;
  box-shadow: 0 4px 7px rgb(138, 138, 138);
}
.new-dispatch-btn:hover {
  background-color: #eb7571;
}
.new-dispatch-btn:active {
  background-color: #aa3531;
  transform: translateY(5px);
  box-shadow: none;
}

/* Upcoming Events */
.upcoming-events-body {
  padding-bottom: 30px;
}
.upcoming-events-body > .react-bs-table-container {
  min-width: 600px;
}

/* Weather */
.weather-body {
  position: relative;
  min-width: 380px;
}
.weather-body > .leaflet-container {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
.widget-weather-name {
  width: 130px;
}
.header-weather {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.header-widget-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.header-weather-temp {
  color: #f16f51;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
}
.header-weather-descript {
  color: #f16f51;
  font-size: 12px;
}
.header-weather-location {
  flex: 3;
  display: flex;
  justify-content: flex-end;
  color: #f16f51;
}

/* Old Styles */

/* .widget-left-icon{
  padding-top: 2px;
  font-size: 13.5pt;
  margin-left: -10px;
}

.widget-label{
  text-align: 'left';
  font-size: 13pt;
  margin-left: -20px;
  cursor: pointer;
}

.widget-right-icon{
  cursor: pointer;
  padding-top: 2px;
  font-size: 13pt;
}

.widget-header{
  background-color: #20404B;
  color: white;
  padding: 5px;
}

.widget-left-icon {
  padding-top: 2px;
  padding-right: 2px;
  font-size: 13pt;
}

.widget-dropdown-form{
  text-align:"center";
  padding: 5px;
  border-radius: 5px;
}

.widget-container {
  box-shadow: 5px 6px 7px -1px #d4d4d4;
  height: 280px;
}

.widget-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  font-size: 10px;
}

.widget-check-out-button {
  font-size: 10px;
  height: 30px;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
  background: #d01a1a !important;
  color: white !important;
  font-weight: bold;
}

#incident-map {
  position: relative;
  width: 100%;
  height: 240px;
  text-align: left;
}

.map-resfresh-btn {
  margin: 2px;
  font-size: 16px;
  cursor: pointer;
}
*/

.padding-20 {
  padding: 20px;
}

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

.filters-container {
  padding-left: 50px;
  padding-top: 20px;
  margin-bottom: 30px ;
  font-size: 25px;
  color: '#EC6445';
  text-align: left;
}

.push-notif-main-container {
  padding-right: 50px;
  padding-left: 50px;
}

.info-sign { 
  margin-top:  2px;
}

.preview-notification-btn {
  margin-top: 10px;
  min-width: 250px;
}

.dropdowns-container {
  padding: 10px;
}

.push-notif-modal-header {
  font-size: 20px;
}

.add-individual-link {
  text-align: right;
}

.btn-add-label {
  color: #079f5f;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.plus-symbol {
  font-weight: 600;
}

.filters-header {
  padding-left: 50px;
  padding-top: 20px;
  margin-bottom: 30px ;
  font-size: 25px;
  color: '#EC6445';
  text-align: left;
}


.filters-container-archive {
  padding-left: 50px;
  padding-top: 20px;
  margin-bottom: 30px ;
  text-align: left;
}

.push-notif-table-container {
  padding-left: 50px;
  padding-right: 50px;
}

.dropdown-inputs {
  width: 100%;
  padding: 20px;
}

.clear-filters-btn {
  margin-top: 20px;
}

.flex-one { 
  flex: 1;
}

.refresh-data-btn {
  margin-top: 25px;
}

.cursor-pointedr {
  cursor: pointer;
}

.push-noti-header-wrapper {
    display: flex;
    flex-direction: row;
}
.tabs {
    height: 100%;
}

.iframe-tab {
  
    min-height: 100%;
    height: 100em;
}


.tab-content {
  
  min-height: calc(100% - 41px); 

}

.tab-txt-commander-container {
  height: 85%;
}
.tab-txt-commander-container > .tabs {
  height: 100%;
}
.tab-txt-commander-container > .tabs > .tab-content {
  height: 100%;
}
.tab-txt-commander-container > .tabs > .tab-content > .tab-pane {
  height: 100%;
}

.txt-comm-away-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  width: 100%;
  margin-top: 20px;
  padding-right: 20px;
}

.txt-comm-away-span {
  margin-right: 10px;
  font-weight: bold;
}

.text-commander-header-wrapper {
  display: flex;
  flex-direction: row;
}
.conversations-container {
  display: flex;
  height: 95%;
  width: 100%;
  padding: 15px;
}

.conversations-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 300px;
  padding-right: 10px;
  border-right: solid 2px #eee;
  overflow-y: auto;
}

/* Nav Start */
.conversations-edit-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
}

.conversations-edit {
  cursor: pointer;
}

.conversations-edit:hover {
  color: #3168aa;
}

.conversations-edit-btn {
  margin-left: 10px;
  cursor: pointer;
}

.conversations-edit-btn:hover {
  color: #777;
}

.conversations-search-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}

.conversations-search-input {
  height: 40px;
  width: 270px;
  padding: 10px 15px;
  margin-bottom: 20px;
  border: solid 2px #333;
  border-radius: 50px;
}

.conversations-search-icon {
  position: absolute;
  right: 30px;
  top: 13px;
}

.conversations-date-picker-container {
  padding: 10px;
}

.conversations-date-picker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
}

.conversations-date-close-btn {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 15px;
}

.conversations-filter-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  /* padding: 0 10px; */
}

.conversations-date-container {
  cursor: pointer;
  transition: all .5s;
}

.conversations-date-container:hover {
  color: #777
}

.conversations-date-icon {
  margin-right: 5px;
}

.conversations-filter-select {
  border: none;
  /* margin-left: 10px; */
  cursor: pointer;
  transition: all .5s;
}

.conversations-filter-select:hover {
  color: #777;
}

.conversation-scroll-container {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

/* Nav End */

/* Conversation Start */
.conversation-add-btn-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.conversation-add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  margin: 15px;
  font-size: 35px;
  color: #fff;
  background-color: #659fb3;
  box-shadow: 2px 2px 5px #0000004d;
  border: none;
  border-radius: 100%;
  transition: all 0.2s;
}

.conversation-add-btn:hover {
  background-color: #518da1;
}

.conversation-add-btn:active {
  box-shadow: none;
  transform: translateY(2px);
}

.conversation-add-media-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 80px;
  height: 40px;
  width: 40px;
  margin: 11px;
  font-size: 25px;
  color: #fff;
  background-color: #3d76bd;
  border: none;
  cursor: pointer;
  border-radius: 100%;
  transition: all 0.2s;
}

.conversation-add-media-btn:hover {
  background-color: #4a85cc;
}

.conversation-add-media-btn:active {
  background-color: #3168aa;
  transform: translateY(1px);
}

.conversations-paperclip-icon {
  font-size: 20px;
}

.conversation-message-media-container {
  position: absolute;
  display: flex;
  align-items: flex-end;
  bottom: 135px;
  height: auto;
  width: 100%;
  margin-left: 50px;
}

.conversation-message-media {
  position: relative;
  height: 80px;
  width: 80px;
  margin-right: 10px;
  padding: 4px;
  background-color: #7b7b7b36;
  border-radius: 10px;
}

.uploaded-image {
  max-height: 100%;
  width: 100%;
  border: 0.5px solid rgb(255, 255, 255);
  border-radius: 10%;
}

.uploaded-video {
  width: 60px;
  border: 0.5px solid rgb(255, 255, 255);
  border-radius: 10px;
}

.conversation-message-media-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  font-size: 13px;
  color: #fff;
  background-color: #3d76bd;
  border: none;
  cursor: pointer;
  border-radius: 100%;
  transition: all 0.2s;
}

.conversation-message-media-btn>span {
  position: absolute;
  top: -1px;
}

.conversations-message-icon {
  font-size: 25px;
}

/* Conversation End */

/* Conversation Message Start */
.message-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 40px;
}

.message-header-col1 {
  display: flex;
  align-items: center;
}

.message-header-name {
  margin-right: 10px;
  font-size: 20px;
}

.message-icon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  border: none;
  background: transparent;
  font-size: 18px;
}

.message-header-col2 {
  display: flex;
  align-items: center;
}

/* Conversation Message End */

.conversation-body {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

#conversation-messages-container {
  height: 100%;
  width: 100%;
  padding-bottom: 130px;
  background-color: #fbfbfb;
  overflow-y: scroll;
  transition: all 0.2s;
}

.conversation-message-blur {
  position: absolute;
  bottom: 0;
  height: 90px;
  width: 100%;
  background-color: rgba(204, 204, 204, 0.5);
  filter: blur(50%);
}

.conversation-message-input-container {
  position: absolute;
  bottom: 0;
  width: 90%;
  height: 120px;
  margin-bottom: 10px;
}

.conversation-message-input {
  width: 100%;
  height: 100%;
  padding: 20px;
  border: none;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 3px 3px #ccc;
  font-size: 16px;
}

.conversation-message-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 70px;
  margin: 10px;
  border: none;
  border-radius: 8px;
  color: #fff;
  background-color: #3d76bd;
  transition: all 0.2s;
}

.conversation-message-btn:hover {
  background-color: #4a85cc;
}

.conversation-message-btn:active {
  background-color: #3168aa;
  transform: translateY(1px);
}

.conversation-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
}

.conversation-modal-selected-phone-numbers-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.conversation-modal-selected-phone-number-container {
  display: flex;
  flex-direction: row;
  background-color: #7eb5e9;
  border-radius: 0.75rem;
  padding: 4px 16px;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.conversation-modal-selected-phone-number-container>span {
  display: flex;
  color: white;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.conversation-modal-send-message-delete-selected-phone-number-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.conversation-modal-send-message-delete-selected-phone-number-container:hover {
  cursor: pointer;
}

.converastion-schedule-message-btn {
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: transparent;
  border: none;
  bottom: 10px;
  right: 140px;
}

.conversation-modal-schedule-message-conatiner {
  display: flex;
  flex-direction: column;
}

.conversation-modal-schedule-message-input-container {
  display: flex;
  flex-direction: row;
}

.conversation-modal-schedule-message-header {
  font-weight: 700;
  color: black;
  font-size: 14px;
}

.conversation-modal-schedule-message-date-input-container {
  display: flex;
  flex-direction: row;
  width: 50%;
  gap: 22px;
  justify-content: baseline;
}

.conversation-header {
  display: flex;
  flex-direction: row;
  height: 5vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 5%;
}

.conversation-header-buttons {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  gap: 20px;
}

.conversation-header-text {
  font-weight: 700;
  font-size: large;
  color: #000000;
  line-height: 150%;
}

.conversation-header-button .conversation-modal-schedule-message-time-input-container {
  display: flex;
  flex-direction: row;
  width: 50%;
  gap: 22px;
  justify-content: baseline;
}

.conversation-modal-schedule-message-input-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.conversation-header-button:hover {
  cursor: pointer;
}

.conversation-header-pop-up-container {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.conversation-header-button:hover {
  background-color: gainsboro;
}

.select-all-conversation {
  margin-top: 0px !important;
  margin-right: 3px !important;
  width: auto;
}
.conversation-modal-body {
  padding: 0 15px;
}

.conversation-modal-input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.conversation-modal-name {
  margin: 0px 10px 5px 0px;
}

.conversation-modal-input, .conversation-modal-textarea {
  border-radius: 5px;
  border: solid 2px #aaa;
  padding: 5px;
}
.conversation-modal-input {
  padding-left: 30px;
}
.conversation-modal-textarea {
  min-height: 150px;
  resize: vertical;
  margin-bottom: 10px;
}

.conversation-modal-inner-input {
  position: absolute;
  bottom: 0;
  margin-bottom: 7px;
  margin-left: 10px;
}

.conversation-modal-attachments-input {
  margin-bottom: 10px;
}

.conversation-modal-schedule-message-container {
  display: flex;
  flex-direction: column;
}

.conversation-modal-schedule-message-header {
  font-weight: 700;
  color: black;
  font-size: 14px;
  margin-bottom: 5px;
}

.conversation-modal-schedule-message-input-container {
  display: flex;
  flex-direction: row;
}

.conversation-modal-schedule-message-date-input-container {
  display: flex;
  flex-direction: row;
  width: 50%;
  gap: 22px;
  justify-content: baseline;
}

.conversation-modal-schedule-message-input-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.conversation-modal-selected-phone-numbers-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.conversation-modal-selected-phone-number-container {
  display: flex;
  flex-direction: row;
  background-color: #7eb5e9;
  border-radius: 0.75rem;
  padding: 4px 16px;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.conversation-modal-selected-phone-number-container > span {
  display: flex;
  color: white;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.conversation-modal-send-message-delete-selected-phone-number-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.conversation-modal-send-message-delete-selected-phone-number-container:hover {
  cursor: pointer;
}

.conversation-modal-schedule-message-time-input-container {
  display: flex;
  flex-direction: row;
  width: 50%;
  gap: 22px;
  justify-content: baseline;
}

.conversation-model-toggle-use-schedule {
  margin-right: 5px;
}

.conversation-model-toggle-use-schedule-container {
  display: flex;
  justify-content: baseline;
}

.schedule-message-modal-header {
  display: flex;
  flex-direction: row;
}

.schedule-message-header-text {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}

.schedule-message-header-close-button {
  margin-left: auto;
}

.schedule-message-model-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.schedule-message-model-input-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-around;
  align-items: center;
}

.schedule-message-model-schedule-message-date-input-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}

.schedule-message-model-schedule-message-time-input-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}

.schedule-message-modal-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 19px;
}

.schedule-message-modal-btn {
  border: none;
  width: 122px;
  height: 41px;
  border-radius: 8px;
  color: white;
}

.schedule-message-modal-cancel-button {
  background: #b7b7b7;
}

.schedule-message-modal-confirm-button {
  background: #5186d4;
}

.archive-modal-container {
  display: flex;
  flex-direction: column;
}

.archive-modal-text-container {
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.archive-modal-text {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
}

.archive-modal-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 19px;
}

.archive-modal-btn {
  border: none;
  width: 122px;
  height: 41px;
  border-radius: 8px;
  color: white;
}

.archive-modal-yes-button {
  background: #5186d4;
}

.archive-modal-no-button {
  background: #c37272;
}
.conversation-container {
  display: flex;
  height: 80px;
  width: 100%;
  border-bottom: solid 2px #ccc;
}

.conversation-checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
}

.conversation-checkbox {
  transform: scale(1.4);
}

.conversation-btn, .conversation-btn-active {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 10px 15px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  transition: all .2s;
}
.conversation-btn-active {
  background-color: #ddd;
}
.conversation-btn:hover {
  background-color: #F5F5F5;
}

.conversation-info-container {
  position: relative;
  width: 100%;
}

.conversation-top {
  display: flex;
  justify-content: space-between;
}

.conversation-name {
  font-size: 15px;
  font-weight: bold;
}

.conversation-bot {
  display: flex;
}

.conversation-last-message {
  display: inline-block;
  flex: 1;
  width: 200px;
  margin-top: 10px;
  padding-right: 15px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.conversation-unread-dot {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 12px;
  width: 12px;
  margin-bottom: 5px;
  background-color: #f34949;
  border-radius: 100%;
}
.conversation-contact {
  width: 200px;
  padding: 0 20px;
}

.conversation-contact-close {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  width: 25px;
  margin-bottom: 10px;
  font-size: 20px;
  background-color: transparent;
  border: none;
}

.conversation-input-container { 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
}

.conversation-contact-span {
  margin-bottom: 5px;
}

.conversation-contact-input {
  width: 90%;
  margin-right: 10px;
  padding: 5px;
  border-radius: 5px;
  border: solid 1px #333;
}

.conversation-contact-input-btn {
  width: 32px;
  border-radius: 5px;
  border: none;
  background-color: #76affb;
  font-size: 20px;
  color: #fff;
  transition: all .2s;
}
.conversation-contact-input-btn:hover {
  background-color: #b8d2f4;
}
.conversation-contact-input-btn:active {
  background-color: #3b68a3;
}

.conversation-contact-btns {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 20px;
}

.conversation-contact-tags {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0 10px 0;
}

.conversation-contact-tags-container {
  display: flex;
}

.conversation-contact-tag {
  align-self: flex-start;
  padding: 5px 15px;
  max-height: 30px;
  margin: 5px 5px 0 0;
  color: #fff;
  background-color: #7eb5e9;
  border-radius: 100px;
}

.conversation-notes-textarea {
  min-height: 50px;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  resize: vertical;
}

.conversation-contact-cancel-btn {
  margin-right: 15px;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #aaa;
  color: #fff;
}

.conversation-contact-save-btn {
  width: 60px;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #5186CD;
  color: #fff;
}
.multi-autosuggest-container {
  display: flex;
  flex-direction: column;
}

.multi-autosuggest-selected-items-container {
  display: flex;
  width: 100%;
  margin: 10px 0px;
  flex-wrap: wrap;
}

.multi-autosuggest-selected-item-container {
  display: flex;
  padding: 5px 15px;
  max-height: 30px;
  margin-right: 5px;
  color: #fff;
  background-color: #7eb5e9;
  border-radius: 100px;
}

.multi-autosuggest-input-container {
  display: flex;
}

.multi-autosuggest-input-btn {
  width: 32px;
  margin-left: 5px;
  border-radius: 5px;
  border: none;
  background-color: #76affb;
  font-size: 20px;
  color: #fff;
  transition: all .2s;
}
.multi-autosuggest-input-btn:hover {
  background-color: #b8d2f4;
}
.multi-autosuggest-input-btn:active {
  background-color: #3b68a3;
}

.multi-autosuggest-selected-item-remove-button {
  height: 100%;
  width: 10px;
  font-size: 10px;
  background: none;
  border: none;
}

.multi-autosuggest-selected-item-label {
  margin-bottom: 5px;
  margin-right: 10px;
}
.btn-message-contact,
.btn-delete-contact {
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
}

.contacts-btn-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.contacts-btn-container-col-1 {
  display: flex;
}

.contacts-btn-import,
.contacts-btn-export,
.contacts-btn-add,
.contacts-btn-delete {
  position: relative;
  height: 40px;
  width: 100px;
  border-radius: 5px;
  border: none;
  color: #fff;
  background-color: #337ab7;
  cursor: pointer;
}

.contacts-btn-import,
.contacts-btn-delete {
  margin-right: 10px;
}
.contacts-btn-delete {
  background-color: #b73333;
}

.contacts-btn-delete:disabled:hover {
  cursor: not-allowed;
}

.contacts-btn-import > input[type='file'] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.contacts-csvlink {
  color: #fff;
}

.contacts-search-container {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

.contacts-search-text {
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
}

.contacts-search-input {
  width: 45%;
  border-radius: 5px;
  border: solid 1px #aaa;
  padding: 5px;
}

.contacts-popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 80px;
}
.contacts-popup-container > #column_settings_stn > span {
  font-size: 20px;
}

/* EditModal */
.contact-modal-container {
  display: flex;
  flex-direction: column;
  width: 275px;
  margin-bottom: 15px;
}

.contact-modal-textarea-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0 15px 0;
}

.contact-modal-name {
  margin-bottom: 5px;
}

.contact-modal-row-container {
  display: flex;
  justify-content: space-between;
}

.contact-modal-input {
  border-radius: 5px;
  border: solid 1px #aaa;
  padding: 5px;
}

.contact-modal-textarea {
  height: 100px;
  padding: 10px;
  border: solid 1px #aaa;
  border-radius: 5px;
  resize: vertical;
}

.contact-modal-tags-container {
  display: flex;
  width: 100%;
  margin: 0 0 10px 5px;
  flex-wrap: wrap;
}

.contact-modal-tag {
  padding: 5px 15px;
  max-height: 30px;
  margin-right: 5px;
  color: #fff;
  background-color: #7eb5e9;
  border-radius: 100px;
}

.btn-contact-remove-tag {
  height: 100%;
  width: 10px;
  font-size: 10px;
  background: none;
  border: none;
}

/* MessageModal */
.message-modal-textarea {
  height: 65px;
  width: 566px;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 8px;
  resize: vertical;
}

/* Delete confirmation Modal*/
.delete-modal-container {
  display: flex;
  flex-direction: column;
}

.delete-modal-text-container {
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.delete-modal-text {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
}

.delete-modal-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 19px;
}

.delete-modal-btn {
  border: none;
  width: 122px;
  height: 41px;
  border-radius: 8px;
  color: white;
}

.delete-modal-yes-button {
  background: #5186d4;
}

.delete-modal-no-button {
  background: #c37272;
}

.contact-edit-modal-header-buttons {
  display: flex;
  justify-content: end;
  margin-left: auto;
  font-size: 18px;
}

.contact-edit-modal-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.contact-edit-modal-header-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
}

.contact-edit-modal-header-button {
  height: 24px;
  width: 24px;
  margin-left: 10px;
  background-color: transparent;
  border: none;
}

.input-edit-off {
  background-color: #D4D4D4;
}

.contacts-opt-modal-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.schedule-message-edit-modal-header {
  display: flex;
  flex-direction: row;
}

.schedule-message-edit-close-button {
  margin-left: auto;
}

.schedule-message-edit-modal-header-text {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
}

.schedule-message-edit-modal-input-container {
  display: flex;
  flex-direction: column;
}

.schedule-message-edit-modal-textarea {
  min-height: 150px;
  resize: vertical;
  border-radius: 5px;
  border: solid 2px #aaa;
  padding: 5px;
  margin-bottom: 10px;
}

.schedule-message-edit-modal-name {
  margin-bottom: 5px;
  margin-right: 10px;
}

.schedule-message-tab-container {
  margin: 5%;
}

.scdehule-message-table-button {
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
}

.event-marker-widget-events-dropdown .has-feedback label~.form-control-feedback{
  top:10px
}
.event-marker-widget-events-dropdown .form-group{
  margin-bottom: 0;
}
.event-marker-widget-events-dropdown {
  color:#000;
}
.event-marker-label{
  height: 0;
}
.event-marker-custom-label{
  padding-top: 10px;
}
.event-marker-widget-container{
  padding-top: 15px;

height: 170px;
  
  
}
.event-marker-header{
  font-size: 0.9em;
  font-weight: bold;
  color:#20404B;
}
.event-marker-time-container .form-control{
  font-size: 10px;
  height: 25px;
}
.event-marker-time-container{
  margin-top: 5px;
  min-height: 35px;
  border-bottom: 1px solid #e0e0e0;

 
}
.event-marker-time-wrapper{
  margin: 5px;

}
.event-marker-time-wrapper::-webkit-scrollbar {
  display:none
}
.event-marker-widget-container .row{
  margin-left: 0;
  margin-right: 0;
}
.event-marker-widget-container .event-markers-col{
  padding-left: 5px;
  padding-right: 5px;
  
}
.event-marker-values-container{
  height: 170px;
}
.rdtPickerFix{
  position: sticky!important;
}
.custom-widget-container{
  box-shadow: 5px 6px 7px -1px #d4d4d4;
}
.event-markers-col-1{
  padding-right: 0;
}
.event-markers-col-2{
  padding-left: 0;
}
/** 
* CSS Styles for news item component used by Local and Nation News Widget
* @author enafleurence
*/

.news-item-container {
  padding: 7px 0px 7px 0px;
  border: 0.5px solid #ccc;
  margin: 7px 10px 7px 10px;
  box-shadow: 3px 3px rgba(173, 173, 173, 0.2);
  height: 175px !important;
  text-align: left;
  cursor: pointer;
}

.news-title {
  color: #214a58;
  font-size: 14pt;
}

.news-source {
  color: #989a9c;
  font-size: 8pt;
}

.carousel-indicators li {
  border: 1px solid #969696;
}

.carousel-indicators .active {
  background-color: #5cb2e9;
  border: 1px solid #5cb2e9;
}

.carousel-indicators {
  bottom: -35px;
  width: 100%;
  margin-left: -49%;
}

.news-thumbnail {
  max-height: 150px;
}

@media only screen and (max-width: 1571px) {
  .carousel-indicators {
    bottom: -50px;
  }
}

@media only screen and (max-width: 1288px) {
  .carousel-indicators {
    bottom: -31px;
    max-height: 17px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 991px) {
  .carousel-indicators {
    bottom: -35px;
    width: 100%;
    margin-left: -49%;
  }
}

.widget-options-container {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  padding: 20px 20px 0 0;
  width: 100%;
  z-index: 1;
}

.widget-options-icon {
  font-size: 20px;
  color: #777;
  cursor: pointer;
  transition: all 0.2s;
}
.widget-options-icon:hover {
  color: #333;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.dashboard-loading {
  position: relative;
}

.add-widget-container {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.add-widget-dropdown {
  height: 40px;
  width: 200px;
  border-radius: 5px 0 0 5px;
}
.btn-add-widget {
  height: 40px;
  width: 70px;
  border: 1px solid rgb(206, 206, 206);
  box-sizing: border-box;
  text-decoration: none;
  color: #5c5c5c;
  font-weight: bold;
  border-radius: 0 5px 5px 0;
  background-color: rgb(206, 206, 206);
  text-align: center;
  transition: all 0.2s;
}
.btn-add-widget:hover {
  background-color: #fff;
}
.btn-add-widget:active {
  background-color: rgb(126, 126, 126);
}

.column-options {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 275px;
}

.change-column-container,
.disable-drag-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.disable-drag-container {
  margin-right: 40px;
}

.span-widget-column,
.span-disable-drag {
  font-size: 14px;
  color: #555;
  font-weight: bold;
  margin-bottom: 10px;
}

.btn-column-change {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 30px;
  margin: 0 5px 0 5px;
  border: 1px solid rgb(206, 206, 206);
  border-radius: 3px;
  background-color: rgb(206, 206, 206);
  transition: all 0.2s;
}

.column-box-1 {
  height: 18px;
  width: 14px;
  background-color: #333;
}
.column-box-2 {
  height: 18px;
  width: 5px;
  margin: 0 1px;
  background-color: #333;
}
.column-box-3 {
  height: 18px;
  width: 5px;
  margin: 0 1px;
  background-color: #333;
}

.btn-column-change:hover {
  background-color: #fff;
}

.btn-column-change:active {
  background-color: #20404b;
}
.btn-column-change:active > .column-box {
  background-color: #333;
}

.btn-column-change:disabled {
  background-color: #20404b;
}
.btn-column-change[disabled] * {
  background-color: #fff;
}

#widgets-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.widgets-dropzone {
  width: 100%;
  margin-top: 50px;
}
.widgets-dropzone > div {
  cursor: auto !important;
}

.widget-item {
  height: 100%;
  width: 100%;
}

.widgets-loading {
  height: 100%;
  width: 100%;
  margin-top: 30px;
  font-size: 30px;
  font-weight: bold;
}

.add-new-weapon-modal{
  width: 400px;
}

.add-new-weapon-header h4{
  text-align: center;
  color:#E74A26;
}
.add-new-weapon-close{
  color:#000;
}
.checkout-weapon-header{
  text-align: center;
}
.add-new-weapon-modal h5{
  font-size:14px;
  color: #214B58;
  font-weight: bold;
}
.checkout-weapon-header p{
  font-size:12px;
  color: #214B58;
  font-weight: bold;
}
.add-weapon-modal-label{
  font-size: 12px;
}
.weapons-upload-btn{
  background-color:#61bbd9 ;
  border-radius: 0;
  height: 30px;

}
.weapons-upload-btn:hover{
  background-color:#61bbd9 ;
}
#add-weapons-image{
  visibility:hidden
}
.weapon-image{
  width: 100px;
}
.datepicker-input-with-icon {
  padding-left: 0px !important;
  padding-top: 7px !important;
}

.datepicker-input-with-icon input{
  padding-left: 24px !important;
}
.weapon-time-icon{
  top: 30px!important;;
}
.weapons-inventory-div {
    padding: 20px;
}

.wi-green-btn {
    color: white !important;
    height: 40px;
    padding: 10px 20px;
    background: #299f5f !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
}

.add-icon {
    float: left;
    margin-top: -3px;
}

.add-weapon-btn-label {
    padding: 5px;
    line-height: 20px;
}

.action-btns {
    width: 150px !important;
}

.wi-top-searchbar {
    font-size: 15px !important;
    height: 38px !important;
    margin-top: 4 !important;
}

.status-btn {
    color: white;
    background-color: #299f5f;
}

.assets-header-wrapper {
    display: flex;
    flex-direction: row;
}

.form-action {
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 70px;
}

.back-link,
.form-division-title, .client-form-label-strong {
  font-size: 1.2em;
  color: #20404b;
  font-weight: 600;
}
.form-action-buttons .btn {
  margin: 10px;
}
.form-division-title {
  padding-bottom: 10px;
  border-bottom: solid 1px #e0e0e0;
}
.form-division {
  padding: 20px;
}
.client-form-label {
  font-weight: 400 !important;
  font-size: 1em !important;
}
.custom-group{
    padding-left: 0;
    padding-right: 0;
}
.active-switch{
    line-height: 60px;
    height: 60px;
}
.custom-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    color:#257E94;

 }

.custom-dropdown{
    position: relative;
}
.select-icon{
    position: absolute;
    right: 10px;
    top: 35px;
    color:#257E94;

}

.clickable {
  cursor: pointer;
}


  
  .skills-client-container .auto-suggest-right-icon-color.form-control-feedback{
      top:5px!important;
  }
  .add-client-link{
      line-height: 40px;
  }
  /* .skills-table{
      height: 40px;
  } */
.scalableModal {
  transform: scale(0.9);
  width: 10%;
}

.attachment-image {
  cursor: pointer;
}


.new-invoice-modal-title {
  text-align: center;
  font-size: 20px;
  float: center;
}

.invoice-body-content {
  height: 600px !important;
  overflow: scroll;
}
.top-box {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F2F2F2;
  margin: 2px;
}

.top-box-container {
  margin-right: 70px;
  margin-left:70px;
}

.top-box-label {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.scheduled-cost {
  font-size: 26px;
  color: #33B383;
  text-align: center;
}

.scheduled-hours {
  font-size: 26px;
  color: #33B383;
  text-align: center;
}

.actual-cost {
  font-size: 28px;
  color: #f4614e;
  text-align: center;
}

.actual-hours {
  font-size: 28px;
  color: #f4614e;
  text-align: center;
}

.close-btn {
  margin-right: 20px;
}

.new-invoice-dialog {
  width: 60%;
  margin-top: 6%;
  height: 200px !important;
}

.bar-container {
  /* background-color: gray; */
}

.bar-label-start {
  font-size: 9px;
  font-weight: bold;
  text-align: left;
}
.bar-label-end {
  font-size: 9px;
  font-weight: bold;
  text-align: right;
}

.bar-button-green {
  color: white !important;
  height: 25px;
  padding: 2px 2px !important;
  margin: 0px !important;
  width: 100%;
  background: #299f5f !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
}

.bar-button-red {
  color: white !important;
  height: 25px;
  padding: 2px 2px;
  width: 100%;
  background: #d01a1a !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
}

.action-container {
  transform: rotateZ(-90deg);
  width: 60px;
  padding-top: 40px;
}

.invoice-ready-message {
  font-size: 26px;
  color: #20404B;
  text-align: center;
}

.overlap-bar-tr td {
  border-top: none !important;
  border-bottom: 1px solid #ddd !important;
}
.sort-icon {
  font-size: 12px;
  margin-top: 3px;
  margin-left: 10;
  cursor: pointer;
}

.generate-container {
  margin-bottom: 15px;
}

.generate-container-container {
  min-width: 200px !important;
}

.select-to-bill {
  margin-top: 45px;
}

.invoice-search-container {
  margin-top: 45px;
  margin-left: 20px;
}
.invoice-switch {
  margin-top: 33px;
 
}
.invoice-eye-open{
  margin-left:10px;
}

.invoice-icons {
  cursor: pointer;
}
.grey-out{
  background-color:#e3e3e3;
 

}
.navy-blue{
  background-color:#20404B;
}
.export-generate-csv{
  color: white ;
  height: 40px;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  margin-right: 14px;
}
a.export-generate-csv:focus, a.export-generate-csv:hover{
  color: #fff;
  text-decoration: none;
}
a.export-invoice-icon:focus, a.export-invoice-icon:hover, a.export-invoice-icon{
  color:#000000;
}
.invoice-data-table-container th{
    color: #214B58;
    padding-top: 10px;
}
.sort-icon-style{
    cursor: 'pointer';
    font-size: 12px;
    margin-top: 3px;
    margin-left: 5px;
}
.invoice-table-row{
    margin:0 20px;
    padding-bottom: 40px;
}
.custom-datetime{
    position:initial;
}
.event-details {
  color: #214B58;
  font-weight: bold;
  margin-left: -15px;
}

.event-details-container {
  border-bottom: 1px solid #ddd;
  margin-left: -29px;
  padding-bottom: 4px;
}

.assign-staff-container{
    width: 100%;
}
.assign-staff-dialog > .modal-dialog{
    width:85%;
}
.assign-staff-header{
    background-color:#20404B ;
    color: #ffffff;
    position: relative;
    font-family: 'Lato';
   
}
.assign-staff-header h4{
    font-weight: bold;
    text-align: center;
}
.assign-staff-close-btn{
  text-align: right;
  font-size: 18px;
  position: absolute;
  top: 6px;
  right: 25px;
  color: #ffffff;
  cursor: pointer;
}
.assign-staff-body-header{
    position: relative;
    
}
.assign-staff-header-section{
    border-bottom:2px solid #e5e5e5;
}
.assign-staff-blue-header, .assign-staff-orange-header{
   
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.assign-staff-blue-header{
    color: #214B58;
}
.assign-staff-blue-text-medium, .assign-staff-blue-text-small, .assign-staff-blue-text-large{
    color: #214B58;
}
.assign-staff-orange-text-small{
    color:#ec6445;
}

.assign-staff-blue-text-medium{
    font-size: 16px;
}
.assign-staff-blue-text-small{
    font-size: 12px;
}
.assign-staff-blue-text-large{
    font-size: 20px;
}
.assign-staff-orange-text-small{
    font-size: 12px;
}
.assign-staff-event-address-data-span > p{
    padding: 0px;
    margin:0px;
}
.assign-staff-orange-header{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.assign-staff-orange-header{
    color:#ec6445;
    font-size: 24px;
}
.assign-staff-center-text{
    text-align: center;
}
.assign-staff-right-text{
    text-align: right;
}
.assign-staff-small-text{
    font-size: 10px;
}
.assign-staff-header-bottom{
    position: absolute;
    bottom:0;
}
.assign-staff-bottom-header{
    padding-top: 50px;
}
.assign-staff-text-right-header{
    padding: 0 60px;
}

.assign-staff-type{
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    margin-left:5px;
    margin-top:5px;
    width: 95%;
    min-height: 70px;
    padding: 5px;
    cursor: pointer;
}

.assign-staff-type.selected {
    background: #20404B;
    border: 2px solid #20404B;
}

.assign-staff-type p{
    margin:0;
}
.assign-staff-to-assign-div{
    padding-top:5px;
    position: relative;
}
span.assign-staff-right-text {
   float: right;
}
.assign-staff-grey-text-small{
    color:#b5b5b5;
}
.assign-staff-grey-text-small{
    font-size: 10px;
}
.assign-staff-time-div{
    padding-left:5px;
}
.assign-staff-table-container{
    padding: 20px;
}
.assign-staff-table-container > .assign-staff-blue-header{
    border-bottom:2px solid #e5e5e5;
}
.assign-staff-table-container .bootstrap-switch{
    margin-left: 0;
    margin-top: 0;
    
}
.assign-staff-table-container .bootstrap-switch .bootstrap-switch-handle-on, .assign-staff-table-container  .bootstrap-switch .bootstrap-switch-handle-off {
    font-size: 10px;
}
.action-staff-available-table{
    background-color: #f3f6f7;
}
.action-staff-available-table th, .action-staff-schedule-table th{
    color: #214B58;
}
span.action-staff-light-blue-text-small{
    font-size: 10px;
    color: #1d7e9e;
    font-weight: normal;
}
.assign-staff-table-container p.action-staff-light-blue-text-small{
    line-height: 22px;
    font-size: 14px;
    color: #1d7e9e;
    font-weight: normal;
    margin: 0px;
    text-align: right;
}
.assign-staff-assigned-row{
    background-color: #f7f7f8;
}
.assign-staff-unassigned-row{
    background-color: #fff8c7;
}

.row-details {
  font-size:12px;
  cursor: pointer;
}

.selected .assign-staff-orange-text-small
.selected .assign-staff-right-text.assign-staff-blue-text-small,
.selected .assign-staff-grey-text-small,
.selected .assign-staff-blue-text-small {
    color: #ffffff;
}
.client-commander-dark-blue-btn  {
  background: #20404B !important;
  border: 5px solid #798c93;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.client-commander-invis {
  display: none !important;
}

.add-client-btn {
	color:#ffffff!important;
	text-align: center;
	position: relative;
	border-radius: 5px;
	background-color:#299f5f;
	border: 5px solid #7ec59f;
	width: fit-content;
	height: fit-content;
	font-size: small;
	margin-right: 1vw;
}
.add-client-btn:hover {
	background-color:#40b976;
	background: #40b976;
	border-color: #7ec59f;
}
.add-client-btn:focus {
	box-shadow: none !important;
	outline: none !important;
	background-color:#40b976 !important;
	background: #40b976 !important;
	border-color: #a3c0b1 !important;
}
.csv-client-btn {
	color:#ffffff!important;
	text-align: center;
	border-radius: 2vw !important;
	background-color: #61BBD9;
	border: 5px solid #AADCED;
	width: fit-content;
	height: fit-content;
	font-size: small;
	align-self: center;
}
.csv-client-btn:hover {
	background-color: #7aceea;
	background: #7aceea;
	border-color: #AADCED;
}
.csv-client-btn:focus {
	box-shadow: none !important;
	outline: none !important;
	background-color: #7aceea;
	background: #7aceea;
	border-color: #b8cad1;
}
.csv-hidden {
	display: none;
}
.csv-hidden:focus {
	text-decoration: none !important;
    border: none !important;
    background-color: transparent !important;
}

.client-commander-header-wrapper {
	display: flex;
	flex-direction: row;
}
.live-comm-title {
  color: #1f404b;
  text-align: left;
}

.download-container {
  text-align: center;
}
.thumbnail.audio-feed {
  background-color: #1f404b;
  border: none;
  padding: 0;
}

.thumbnail.audio-feed .caption {
  color: white;
  text-align: left;
  padding: 12px;
}

.thumbnail.audio-feed .caption h3 {
  margin: 5px 0;
  font-size: 18px;
}

.thumbnail.audio-feed .image-container{
  padding: 5px;
  background-color: #299f5f;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.thumbnail.audio-feed img {
  display: block;
  object-fit: cover;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail.audio-feed .mute-container {
  text-align: right;
}

.thumbnail.audio-feed .mute-container .btn-mute {
  font-size: 30px;
  cursor: pointer;
}

.thumbnail.audio-feed .mute-container .btn-mute.btn-view {
  cursor: default;
  opacity: 0.5;
}
.text-comm-message {
  resize: vertical;
}

.text-comm-filter {
  background-color: #f2f2f2;
}

.text-comm-filter .filter-label {
  display: block;
  text-align: left;
}

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

.text-comm-filter .clear-filter-btn {
  font-size: 12px;
  color: red;
  text-decoration: underline;
  cursor: pointer;
}

.text-comm-filter .rdt .rdtPicker {
  width: 220px;
}

.filter-container-date {
  padding-right: 2px;
}

.filter-container-time {
  padding-left: 5px;
}

.filter-sort-icon {
  margin-left: 5px;
}

.download-csv-btn {
	border: none;
	text-decoration: none;
	border-radius: 2vw;
	background-color: #5CB1CB;
	color: white;
	box-shadow: 0px 3px 3px rgb(203, 203, 203);
	padding: 0.7vw;
  height: fit-content;
}
.download-csv-btn:hover {
	background-color: #72c1d9;
	color: white;
}
.download-csv-btn:focus {
  border-color: none;
}
.csv-hidden {
	display: none;
}
.csv-hidden:focus {
	text-decoration: none !important;
    border: none !important;
    background-color: transparent !important;
}
.comm-log-header-wrapper {
    display: flex;
    flex-direction: row;
}
.view-questionnaire-modal .modal-header {
  border-bottom: none !important;
}

.view-questionnaire-modal .orange-title {
  font-size: 20px;
  border-bottom: 2px solid black;

}

.view-questionnaire-modal .submitted-questionnaire-container {
  padding: 5px 20px 20px 20px;
}

.questionnaire-label {
 font-weight: 600;
}

.questionnaire-answer {
  background: #E9E9E9;
  padding: 2px 2px 2px 6px;
  margin-top: -10px;
  font-size: 13px;
}

.questionnaire-green  {
  color: #079F5F !important;
}

.questionnaire-red {
  color: #D0021B !important;
}

.questionnaire-answer .pull-right {
  margin-right: 10px !important;
}
.archive-container {
  padding: 20px;
}

.analytics-container {
  margin-top: 20px;
}

.analytics-container .count span{
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  margin-left: -22px;
}

.analytics-container .count {
  text-align: left;
}

.analytics-container .pass, .archive-container .pass {
  color: #079F5F;
}

.analytics-container .fail, .archive-container .fail{
  color: #D0021B;
}

.analytics-container .total {
  color: #175468;
}

.archive-container .search-margin-top {
  margin-top: 12px;
}

.archive-container .search-margin-top input {
  height: 35px;
}

.archive-table {
  padding: 30px 25px 25px 25px;
  margin-top: 65px;
}

.share-icon {
  margin-top: 17px;
  height: 36px;
  font-size: 16px;
  background-color: #20404b;
  color: white;
  border: none;
}

.share-icon:hover, .copy-btn:hover {
  background-color: #20404b;
  color:white;  
}

.link-container {
  height: 130px;
  padding: 26px;
}

.copy-btn {
  background-color: #20404b;
  color: white;
  border: none;
}



.health-pre-screen-title {
  width: 400px !important;
}

.module-header-icon {
  float: right;
  padding: 0px 10px 0px 10px;
}

.share-icon {
  font-size: 26px !important;
  margin-top: 5px !important;
}

.share-icon-container {
  margin-top: -6px;
}

.search-margin-top {
  margin-top: 20px;
}

.employee-event-details {
  font-size: 12px;
}

.table-header {
  font-size: 15px;
  color: #20404b !important;
  font-weight: 'bold';
  min-width: 120px;
}

.export-employee-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #214b58 !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  margin-right: 14px;
}

.export-employee-btn span {
  margin-left: 5px;
  color: white !important;
}

.export-btn-container {
  margin-left: 10px;
}

.see-more-link {
  color: #337ab7;
  font-size: 11px;
  cursor: pointer;
}

.employee-row {
  cursor: pointer;
}

.employee-table {
  position: relative;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.employee-tooltip {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.employee-tooltip .employee-tooltip-td-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.employee-tooltip .employee-tooltip-details {
  visibility: hidden;
  width: auto;
  background-color: white;
  color: #fff;
  border-radius: 10px;
  color: black;
  height: auto;
  line-height: 30px;
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.1), 0px 4px 4px -2px rgba(0, 0, 0, 0.05);
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.employee-tooltip:hover .employee-tooltip-details {
  visibility: visible;
}

.hr {
  margin-top: 10px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: auto;
}

.panel-width {
  width: 380px;
}

.panel-body {
  margin: 8px;
}

.clocked-status {
  min-width: 10px;
  min-height: 10px;
  display: inline-block;
  border-radius: 50%;
}

.clocked-status-in {
  background-color: #079f5f;
}

.clocked-status-out {
  background-color: #61bbd9;
}

.clocked-status-late {
  background-color: #EA053A;
}

.clocked-status-break {
  background-color: #FCE96A;
}

.clocked-status-scheduled {
  background-color: #000;
}

.on-duty-status-green-dot {
  min-width: 10px;
  min-height: 10px;
  background-color: green;
  display: inline-block;
  border-radius: 50%;
}

.off-duty-status-red-dot {
  min-width: 10px;
  min-height: 10px;
  background-color: red;
  display: inline-block;
  border-radius: 50%;
}

.status-dot-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5%;
}

.clocked-status-header {
  display: flex;
}

.clocked-status-div {
  display: flex;
  flex-direction: row;
}

.clocked-status-text {
  display:flex;
  flex-direction: column;
  text-align: center;
}
.date-navigator-arrow-left {
  text-align: right;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.date-navigator-arrow-right {
  text-align: left;
  padding-right: 0px !important;
  padding-left: 0px !important;
  /* margin-left: -45px; */
}

.date-navigator--label {
  min-width: 189px;
}

.date-picker-clock-icon {
  padding-right: 5px;
  margin-top: 8px;
}

.date-picker-component {
  min-width: 150px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.date-switch-container {
  padding-top: 50px;
}

.date-label {
  line-height: 35px;
}

.force-hide {
  display: none !important;
}

.date-picker-component .react-datepicker-popper {
  transform: translate3d(11px, 29px, 0px) !important;
}

.date-navigator-container {
  margin-top: -16px;
  margin-left: 49px;
}
.calendar-date.custom-weekly-label{
  font-size: 12pt;
}
.clicked-event-modal {
  margin-top: 15%;
  width: 20%;
}

.clicked-event-header {
  color: #20404B;
  font-size: 13px;
  font-weight: bold;
}

.manage-schedule-event-popup-checkbox-container {
  padding-left: 0px;
  padding-bottom: 10px;
}

.manage-schedule-event-popup-checkbox-container .schedule-checkbox-label {
  min-width: 80px;
  font-size: 14px;
  margin-left: 0px;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  margin-top: 3px;
}

.manage-schedule-event-popup-checkbox-container .schedule-checkbox {
  align-self: left;
  font-size: 20px;
  align-items: left;
  text-align: left;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
}

.schedule-modal-action-btns-container {
  padding-top: 28px;
}

.reoccuring-details-container {
  padding-top: 18px;
}

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

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

.clickable {
  cursor: pointer;
}

.hr-detail-view-dialog {
  width: 60%;
}

.hr-employee-detail-view-header {
  padding: 10px;
}

.header {
  color: #20404B;
  font-size: 13px;
  font-weight: bold;
  padding-left: 30px;
}

.hours-committed {
  color: #20404B;
  font-size: 17px;
  font-weight: bold;
}

.hours-commited-label {
  color: #20404B;
  font-size: 10px;
  font-weight: bold;
}

.row-container {
  padding-left: 20px;
  padding-right: 20px
}

.manage-schedule-view-button {
  width: 33%;
  text-align: left;
  font-weight: bold;
}

.manage-schedule-view-button-selected {
  width: 33%;
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-130 {
  min-width: 130px !important;
}

.min-width-100 {
  min-width: 100px !important;
}

.min-width-110 {
  min-width: 110px !important;
}

.hr-employee-detail-manage-schedule-tab {
  margin-top: 20px;
}
.large-check-box {
   transform:scale(2, 2);
   padding-top: 16px;
   margin-bottom: -0px;
   font-size: 5px;
   font-weight: bold;
}

.large-check-box-temp {
   transform:scale(1.2, 1.2);
}

.large-check-box-temp label {
    font-weight: bold;
}

.large-check-box-label {
  font-size: 5px;
  font-weight: bold;
  /* margin-left: -5px;
  margin-top: 2px; */
}

/* new */

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  /* border-radius: 50%; */
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #61bad9;
  border-color: #61bad9;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.round-checkbox-label {
  line-height: 30px;
  color: rgb(23, 84, 103);
}

.checkbox-container {
  margin: 0 auto;
}

.underlined-text {
  text-decoration: underline;
  font-weight: bold;
  font-size: 14pt;
  text-align: left;
  padding-left: 20px;
}

.underline-container {
  padding-left: 25px;
  align-items: left;
  text-align: left;
  justify-content: left;
  font-size: 12pt;
  cursor: pointer;
}

/**
 * Style for Visitor module
 * @author enafleurence
 */
.vm-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.loading-table {
  opacity: 0.3;
}

.vm-green-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.vm-red-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-red-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.loading-spinner {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: 0;
}

.add-icon {
  float: left;
  margin-top: -3px;
}

.add-event-btn-label {
  padding: 5px;
  line-height: 20px;
}

.container {
  padding: 20px;
  width: 100%;
}

.form-section {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.action-btns {
  width: 150px !important;
}

.add-another-data-link {
  color: #299f5f;
  padding-right: 48px;
  font-size: 15px;
  font-weight: bold;
}

.remove-data-link {
  font-size: 13px;
  font-weight: bold;
}

.add-another-data-link:hover,
.span-link:hover {
  cursor: pointer;
}

.red-icon {
  color: #dd4759;
  z-index: 1;
}

.left-input-icon {
  top: 26px;
  left: -2px;
}

.input-icon {
  color: #4a4949;
}

.dropdown-input-icon {
  top: 27px !important;
  right: -2px;
}

.vm-forms .rw-multiselect-taglist {
  padding-left: 22px !important;
}

.select-input-with-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 23px !important;
  padding-top: 0px !important;
}

.datepicker-input-with-icon {
  padding-left: 0px !important;
  padding-top: 7px !important;
}

.datepicker-input-with-icon input {
  padding-left: 24px !important;
}

.vm-forms .segmented-control {
  color: #565454 !important;
  border: 1px solid #ccc;
}

.vm-forms .segmented-control > label:before {
  background: #ec6445 !important;
}

.upload-photo-container {
  height: 150px;
  background-color: #dcd6d6;
  width: 135px !important;
}

.upload-photo-container:hover {
  cursor: pointer;
}

.camera-icon {
  font-size: 17px;
  alignment: center;
}

.upload-photo-container p {
  margin-top: 45px;
  color: #6d6d6d;
}

.upload-photo-container img {
  height: 150px;
}

.guest-empty-div {
  height: 70px;
}

.auto-complete-input-wit-icons {
  padding-left: 24px !important;
}

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

/** styles for autocomplete input **/
.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--focused {
  outline: none;
}

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

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

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

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

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}

/** end of styles for autocomplete input **/

.add-visitor-segment-control {
  margin-bottom: 0px !important;
}

.filter-container-time {
  padding-left: 5px;
}

.filter-container-date {
  padding-right: 2px;
}

.vm-top-searchbar {
  font-size: 15px !important;
  height: 38px !important;
  margin-top: 4 !important;
}

.vm-checkin-text {
  font-size: 10px;
  text-align: center;
}

.vm-visitors-sort-icon {
  font-size: 12;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-sort-icon-popupfilter {
  font-size: 10;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-popupfilter-container {
  min-width: 120;
}

.vm-visitors-table-container {
  padding: 50;
}

.vm-padding-top-5 {
  padding-top: 5;
}

#react-autowhatever-check_in_event {
  top: 38px;
}

.clear-dates-icon {
  margin-left: -14px;
  margin-top: 8px;
  cursor: pointer;
}

.search-margin-top {
  margin-top: 20px;
}

.employee-event-details {
  font-size: 12px;
}

.table-header {
  font-size: 15px;
  color: #20404b !important;
  font-weight: 'bold';
  min-width: 120px;
}

.hidden {
  display: none;
}

.hr-roll-call-date-label {
  font-size: 11px;
  font-weight: normal;
}

.status-filter-padding {
  padding-right: 35px;
}

.text-red {
  color: red;
}

.bold-label {
  font-weight: bold !important;
}

.edit-rollcall-btn {
  margin-left: -5px;
}

.hr-employee-detail-view .left-input-icon {
  z-index: 1 !important;
}

#archon-tabs-pane-employees .react-datepicker-popper {
  z-index: 2;
}

.hrc-approvals-search-bar {
  margin-bottom: 0;
  margin-right: 15px;

  width: 30%;
  
}

.hr-tab-content-container {
  padding: 30px;
  width: 100%;
}

/**
 * Style for Add event page
 * @author enafleurence
 */
#title {
  color: #EC6445 !important;
  font-size:30px;
  margin-top: 5px;
}

/* .action-btns {
  margin-top: 20px !important;
} */

#add-event-form .react-datepicker-wrapper, #add-event-form .react-datepicker__input-container{
  width: 100%;
}

.event-type-checkbox-container {
  margin-top:13px;
}

.event-type-checkbox-container .checkbox{
  float:left;
  color: #20404b;
}

/* .event-type-checkbox-container .checkbox span{
  font-size: 15px;
} */

.hr-commander-checkbox {
  align-self: left;
  font-size: 20px;
  align-items: left;
  text-align: left;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
}

.hr-commander-checkbox-label {
  min-width: 80px;
  font-size: 14px;
  margin-left: 0px;
  padding-top: 20px;
  text-align: left;
  cursor: pointer;
}

.hr-grey-btn {
  background: #9B9B9B !important;
  border: 5px solid #c3c3c3;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  width: 100%;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.hr-clickable-icons {
  cursor: pointer;
}

.scedule-row-zero-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-is-private-container {
  padding-left: 20px;
  padding-right: 30px;
  align-items: left;
}

.hr-alt-call-time-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-event-name-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-end-time-container {
  padding-left: 20px;
  padding-right: 30px;
}

.hr-dropdowns-section-container {
  padding-right: 50px;
}

.hr-remove-icon {
  padding-right: 20px;
}

.guest-segment-controls {
  margin-top:0px;
  height: 31px;
}

.guest-segment-controls > label{
  line-height: 23pt;
}

.bootstrap-switch {
  /* float: right !important; */
  margin-left: 45px;
}

.form-inline {
  margin-top: -23px;
  margin-left: -28px;
}

.form-inline label {
  float:left;
}

.form-inline .radio-inline {
  padding-top: 10px;
}

.read-only-text {
  padding-left: 10px;
}

.form-label-bold {
  font-weight: bold;
}

.add-call-time-label {
  margin-top: 30px;
}

.react-autosuggest__suggestions-container--open {
  z-index:3 !important;
}
.hr-commander-selector-buttons-div{
  padding:0;
  margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
}

.choose-client-warning {
  font-size: 15px;
  font-weight: bold;
  color: red;
  margin-bottom: 30px;
}
.add-another-data-link-custom {
  
  padding-right: 10px!important;
 
}

.topless-switch {
  margin-top: 0px !important;
}

.switch-label-hide-end-time {
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
}

.switch-hide-end-time-wrapper {
  margin-top: 25px;
}

.switch-public-event-wrapper {
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.margin-top-20 {
  margin-top:20px;
}

.call-times-label {
  margin-top: 7px;
  margin-left: 3px;
}

.adjust-call-time-btn {
  margin-top: -3px;
  width: 100px !important;
  margin-left: -16px;
}

.hours-label {
  margin-left: -25px;
}

.hours-input-container{
  margin-left: -40px;
}
.buttons-container {
  padding-top: 39px;
  margin-right: 34px;
  padding-bottom: 17px;
}

.duplicate-schedule-modal .has-feedback .form-control-feedback {
  top: 26px;
}

.duplicate-schedule-modal .description{
  margin-top: 23px;
  font-size: 16px;
}

.duplicate-schedule-modal .event-container {
  padding-left: 50px;
  padding-right: 50px;
}

.duplicate-schedule-modal .event-details {
  font-size: 12px;
}



.assign-staff-unassigned-row{
  background-color: #fff8c7;
}

.duplicate-schedule-link {
  color: #307d96;
  font-size: 13px;
  line-height: 35px;
  cursor: pointer;
}

.th-style {
  font-size: 15;
  color: #20404B;
  font-weight: bold;
}

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

.expanded-row-style {
  background-color: #20404B;
  color: white;
}

.expand-button {
  color: #61bbd9 !important;
}

.table-staff-count {
  margin-right: 80px;
  display: block;
}

.table-staff-count-hidden {
  margin-right: 80px;
  visibility: hidden;
}

.table-staff-count-red {
  margin-right: 80px;
  color: red;
  display: block;
}

.event-row {
  cursor: pointer;
}
#schedule-container {
  margin-top:5px;
}

.view-button {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
}

.view-button-2 {
  text-align: left;
  font-weight: bold;
}

.view-button-selected {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.view-button-selected-2 {
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.calendar-date {
  font-size: 14pt;
  color: #20404B;
  font-weight: bold;
  border-style: none;
  text-align: center;
}

.calendar-navigation-button {
  cursor: pointer;
  font-size: 15pt;
  margin-top: 6px;
  color: #1C7E94;
}

.week-day-label {
  font-size: 13pt;
  background-color: #1C7E94;
  color: white;
  font-weight: bold;
}

.detail-view-modal {
  margin-top: 5%;
  width: 60%;
  max-height: 90%;
}

.detail-view-button {
  min-width: 120px;
}
/* This is for the Event labels on the Month Calendar*/
/* .rbc-event {
  height: 28px !important;
} */

.hr-blue-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.detail-view-tabs {
    width: '100%';
    color: #EC6445;
    text-align: 'left';
    height: 40px;
    font-size: 15px;
}

.calendar-search-container {
  padding-bottom: 20px;
}

.calendar-view-label {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  padding-left: 18px;
}

.calendar-viewbar-container {
  margin-bottom: 30px;
}

.calendar-container {
  padding: 30px;
}
.hr-commander-view-bar-button-group {
  width: 100%;
}
.MuiTabs-indicator {
  background-color: #EC6445 !important;
}

.detail-view-tab {
  font-size: 15px;
}

.employee_check_box {
  padding-top: 2px;
  margin-top: 0;
  /* z-index: 900; */
}

.react-datepicker-popper {background-color: 'white';}
.react-datepicker { font-size: 1em !important }
.react-datepicker__header { padding-top: 1.2em !important}
.react-datepicker__month { min-width: 230px; margin: 0.4em 1em !important; background-color: 'white';}
.react-datepicker__day-name, .react-datepicker__day {
 width: 1.9em !important;
 line-height: 1.9em !important;
 margin: 0.166em !important;
}
.react-datepicker__current-month { font-size: 1em !important }
.react-datepicker__navigation {
 top: 1em !important;
 line-height: 1em !important;
 border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important }
.react-datepicker__navigation--next {
 border-left-color: #ccc !important;
}
.react-datepicker__time-container { width: 6em !important}
.react-datepicker-time__header { font-size: 1em !important }
.react-datepicker-time__header--time { padding-left: 0px !important; padding-right: 0px !important }
.react-datepicker__time-box {
 margin-left: 0px !important;
 margin-right: 0px !important;
 width:100% !important
}
.react-datepicker__time-list { padding: 0 !important; }

.approved-event-text {
  color: #079f5f !important;
}

.pending-event-text {
  color :#ec6445;
}

.denied-event-text {
  color: #f81833 !important
}

.approved-event-background {
  background-color: #079f5f !important;
}

.pending-event-background {
  background-color :#ec6445 !important
}

.denied-event-background {
  background-color: #f81833 !important
}

.bootstrap-switch {
  margin-left: 0px !important;
}

.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;

  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}


.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}
.my-skills-switch > .bootstrap-switch .bootstrap-switch-label,.my-skills-switch .bootstrap-switch .bootstrap-switch-handle-on, .my-skills-switch .bootstrap-switch .bootstrap-switch-handle-off{
  padding: 6px 10px;
}
.my-skills-switch > .bootstrap-switch{
  margin-top: 5px;
}


.bootstrap-switch {
  margin-left: 0px !important;
}

#schedule-container {
  margin-top: 5px;
}

.view-button {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
}

.view-button-2 {
  text-align: left;
  font-weight: bold;
}

.view-button-selected {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
  background-color: #ec6445;
  color: white;
}

.view-button-selected-2 {
  text-align: left;
  font-weight: bold;
  background-color: #ec6445;
  color: white;
}

.calendar-date {
  font-size: 14pt;
  color: #20404b;
  font-weight: bold;
  border-style: none;
  text-align: center;
}

.calendar-navigation-button {
  cursor: pointer;
  font-size: 15pt;
  margin-top: 6px;
  color: #1c7e94;
}

.week-day-label {
  font-size: 13pt;
  background-color: #1c7e94;
  color: white;
  font-weight: bold;
}

.detail-view-modal {
  margin-top: 5%;
  width: 60%;
  max-height: 90%;
}

.detail-view-button {
  min-width: 120px;
}
/* This is for the Event labels on the Month Calendar*/
/* .rbc-event {
  height: 28px !important;
} */

.hr-blue-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.detail-view-tabs {
  width: '100%';
  color: #ec6445;
  text-align: 'left';
  height: 40px;
  font-size: 15px;
}
.calendar-content-container {
  padding: 0px;
  width: 100%;
}

.calendar-search-container {
  padding-bottom: 20px;
}

.calendar-view-label {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  padding-left: 18px;
}

.calendar-viewbar-container {
  margin-bottom: 30px;
}

.calendar-view-container {
  padding: 10px;
}
.hr-commander-view-bar-button-group {
  width: 100%;
}
.MuiTabs-indicator {
  background-color: #ec6445 !important;
}

.detail-view-tab {
  font-size: 15px;
}

.employee_check_box {
  padding-top: 2px;
  margin-top: 0;
  /* z-index: 900; */
}

.react-datepicker-popper {
  background-color: 'white';
}
.react-datepicker {
  font-size: 1em !important;
}
.react-datepicker__header {
  padding-top: 1.2em !important;
}
.react-datepicker__month {
  min-width: 230px;
  margin: 0.4em 1em !important;
  background-color: 'white';
}
.react-datepicker__day-name,
.react-datepicker__day {
  width: 1.9em !important;
  line-height: 1.9em !important;
  margin: 0.166em !important;
}
.react-datepicker__current-month {
  font-size: 1em !important;
}
.react-datepicker__navigation {
  top: 1em !important;
  line-height: 1em !important;
  border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous {
  border-right-color: #ccc !important;
  left: 1em !important;
}
.react-datepicker__navigation--next {
  border-left-color: #ccc !important;
}
.react-datepicker__time-container {
  width: 6em !important;
}
.react-datepicker-time__header {
  font-size: 1em !important;
}
.react-datepicker-time__header--time {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.react-datepicker__time-box {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100% !important;
}
.react-datepicker__time-list {
  padding: 0 !important;
}

.approved-event-text {
  color: #079f5f !important;
}

.pending-event-text {
  color: #ec6445;
}

.denied-event-text {
  color: #f81833 !important;
}

.approved-event-background {
  background-color: #079f5f !important;
}

.pending-event-background {
  background-color: #ec6445 !important;
}

.denied-event-background {
  background-color: #f81833 !important;
}

.bootstrap-switch {
  margin-left: 0px !important;
}

.publish-big-title {
  font-size: 24px;
  color: #214b58;
  font-family: Lato;
  font-weight: 600;
}

.published-hrc-event-icon {
  vertical-align: top;
  padding-left: 3%;
  padding-right: 5%;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;

  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404b;
}

.publish-big-title {
  font-size: 24px;
  color: #214b58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404b;
}
.my-skills-switch > .bootstrap-switch .bootstrap-switch-label,
.my-skills-switch .bootstrap-switch .bootstrap-switch-handle-on,
.my-skills-switch .bootstrap-switch .bootstrap-switch-handle-off {
  padding: 6px 10px;
}
.my-skills-switch > .bootstrap-switch {
  margin-top: 5px;
}

.button-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.hr-detail-view-exit-btn {
  color: white !important;
  border: 5px solid #f3a28f;
  background: #ec6445;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-red-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-blue-btn {
  color: white !important;
  border: 5px solid #a0d6e8;
  background: #61bbd9 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-dialog {
  width: 60%;
}
.hr-detail-view-label {
  font-size: 14px;
  font-weight: normal;
}

.hr-detail-view-content {
  color: #214B58;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-error {
  color: #f81833;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-orange {
  color: #ec6445;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-section-content-container {
  padding-right: 30px;
  padding-left: 30px;
}

.hr-detail-employees-assigned-content {
  font-size: 25px;
  color: #ec6445;
  text-align: center;
  font-weight: bold;
}

.hr-detail-employees-assigned-label {
  font-size: 10px;
  text-align: center;
}

.hr-employee-detail-view-title-container {
  margin-top: 10px;
}

.hr-employee-detail-view-header {
  padding: 10px;
}

.hr-employee-detail-view {
  margin-top: 10%;
}

.hr-employee-call-time-modal-form-group {
  text-align: center;
  padding: 5px;
  border-radius: 5px;
}

.hr-employee-call-time-modal-dropdown {
  width: 100%;
  text-align: center;
}


.notes-section {
  padding: 28px;
}

.notes-section .form-label {
  font-size: 15px !important;
}

.notes-section .form-content {
  margin-left: -14px;
}

.save-notes-icon {
  cursor: pointer;
}

.employee-notes-input-container{
  width:80% !important;
}

.hr-double-shift-msg-text {
  color: #214B58;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.hr-double-shift-title {
  color: #214B58;
  font-family: Lato;
  font-size: 31px;
  font-weight: 600;
  line-height: 38px;
  text-align: center;
}

.clock-in-modal-title {
  margin-bottom: 0;
}

.hr-button-auto {
  width: auto;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.hr-clock-in-text {
  font-size: 12px;
  color: green;
}

.assign-staff-container{
    width: 100%;
}
.assign-staff-dialog > .modal-dialog{
    width:85%;
}
.assign-staff-header{
    background-color:#20404B ;
    color: #ffffff;
    position: relative;
    font-family: 'Lato';
   
}
.assign-staff-header h4{
    font-weight: bold;
    text-align: center;
}
.assign-staff-close-btn{
  text-align: right;
  font-size: 18px;
  position: absolute;
  top: 6px;
  right: 25px;
  color: #ffffff;
  cursor: pointer;
}
.assign-staff-body-header{
    position: relative;
    
}
.assign-staff-header-section{
    border-bottom:2px solid #e5e5e5;
}
.assign-staff-blue-header, .assign-staff-orange-header{
   
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.assign-staff-blue-header{
    color: #214B58;
}
.assign-staff-blue-text-medium, .assign-staff-blue-text-small, .assign-staff-blue-text-large{
    color: #214B58;
}
.assign-staff-orange-text-small{
    color:#ec6445;
}

.assign-staff-blue-text-medium{
    font-size: 16px;
}
.assign-staff-blue-text-small{
    font-size: 12px;
}
.assign-staff-blue-text-large{
    font-size: 20px;
}
.assign-staff-orange-text-small{
    font-size: 12px;
}
.assign-staff-event-address-data-span > p{
    padding: 0px;
    margin:0px;
}
.assign-staff-orange-header{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.assign-staff-orange-header{
    color:#ec6445;
    font-size: 24px;
}
.assign-staff-center-text{
    text-align: center;
}
.assign-staff-right-text{
    text-align: right;
}
.assign-staff-small-text{
    font-size: 10px;
}
.assign-staff-header-bottom{
    position: absolute;
    bottom:0;
}
.assign-staff-bottom-header{
    padding-top: 50px;
}
.assign-staff-text-right-header{
    padding: 0 60px;
}

.assign-staff-type{
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    margin-left:5px;
    margin-top:5px;
    width: 95%;
    min-height: 70px;
    padding: 5px;
    cursor: pointer;
}

.assign-staff-type.selected {
    background: #20404B;
    border: 2px solid #20404B;
}

.assign-staff-type p{
    margin:0;
}
.assign-staff-to-assign-div{
    padding-top:5px;
    position: relative;
}
span.assign-staff-right-text {
   float: right;
}
.assign-staff-grey-text-small{
    color:#b5b5b5;
}
.assign-staff-grey-text-small{
    font-size: 10px;
}
.assign-staff-time-div{
    padding-left:5px;
}
.assign-staff-table-container{
    padding: 20px;
}
.assign-staff-table-container > .assign-staff-blue-header{
    border-bottom:2px solid #e5e5e5;
}
.assign-staff-table-container .bootstrap-switch{
    margin-left: 0;
    margin-top: 0;
    
}
.assign-staff-table-container .bootstrap-switch .bootstrap-switch-handle-on, .assign-staff-table-container  .bootstrap-switch .bootstrap-switch-handle-off {
    font-size: 10px;
}
.action-staff-available-table{
    background-color: #f3f6f7;
}
.action-staff-available-table th, .action-staff-schedule-table th{
    color: #214B58;
}
span.action-staff-light-blue-text-small{
    font-size: 10px;
    color: #1d7e9e;
    font-weight: normal;
}
.assign-staff-table-container p.action-staff-light-blue-text-small{
    line-height: 22px;
    font-size: 14px;
    color: #1d7e9e;
    font-weight: normal;
    margin: 0px;
    text-align: right;
}
.assign-staff-assigned-row{
    background-color: #f7f7f8;
}
.assign-staff-unassigned-row{
    background-color: #fff8c7;
}

.row-details {
  font-size:12px;
  cursor: pointer;
}

.selected .assign-staff-orange-text-small
.selected .assign-staff-right-text.assign-staff-blue-text-small,
.selected .assign-staff-grey-text-small,
.selected .assign-staff-blue-text-small {
    color: #ffffff;
}
.assign-staff-unassigned-row{
  background-color: #fff8c7;
}

.duplicate-schedule-link {
  color: #307d96;
  font-size: 13px;
  line-height: 35px;
  cursor: pointer;
}

.th-style {
  font-size: 15;
  color: #20404B;
  font-weight: bold;
}

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

.expanded-row-style {
  background-color: #20404B;
  color: white;
}

.expand-button {
  color: #61bbd9 !important;
}

.table-staff-count {
  margin-right: 80px;
  display: block;
}

.table-staff-count-hidden {
  margin-right: 80px;
  visibility: hidden;
}

.table-staff-count-red {
  margin-right: 80px;
  color: red;
  display: block;
}

.event-row {
  cursor: pointer;
}
#schedule-container {
  margin-top:5px;
}

.view-button {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
}

.view-button-2 {
  text-align: left;
  font-weight: bold;
}

.view-button-selected {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.view-button-selected-2 {
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.calendar-date {
  font-size: 14pt;
  color: #20404B;
  font-weight: bold;
  border-style: none;
  text-align: center;
}

.calendar-navigation-button {
  cursor: pointer;
  font-size: 15pt;
  margin-top: 6px;
  color: #1C7E94;
}

.week-day-label {
  font-size: 13pt;
  background-color: #1C7E94;
  color: white;
  font-weight: bold;
}

.detail-view-modal {
  margin-top: 5%;
  width: 60%;
  max-height: 90%;
}

.detail-view-button {
  min-width: 120px;
}
/* This is for the Event labels on the Month Calendar*/
/* .rbc-event {
  height: 28px !important;
} */

.hr-blue-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.detail-view-tabs {
    width: '100%';
    color: #EC6445;
    text-align: 'left';
    height: 40px;
    font-size: 15px;
}

.calendar-search-container {
  padding-bottom: 20px;
}

.calendar-view-label {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  padding-left: 18px;
}

.calendar-viewbar-container {
  margin-bottom: 30px;
}

.calendar-container {
  padding: 30px;
}
.hr-commander-view-bar-button-group {
  width: 100%;
}
.MuiTabs-indicator {
  background-color: #EC6445 !important;
}

.detail-view-tab {
  font-size: 15px;
}

.employee_check_box {
  padding-top: 2px;
  margin-top: 0;
  /* z-index: 900; */
}

.react-datepicker-popper {background-color: 'white';}
.react-datepicker { font-size: 1em !important }
.react-datepicker__header { padding-top: 1.2em !important}
.react-datepicker__month { min-width: 230px; margin: 0.4em 1em !important; background-color: 'white';}
.react-datepicker__day-name, .react-datepicker__day {
 width: 1.9em !important;
 line-height: 1.9em !important;
 margin: 0.166em !important;
}
.react-datepicker__current-month { font-size: 1em !important }
.react-datepicker__navigation {
 top: 1em !important;
 line-height: 1em !important;
 border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important }
.react-datepicker__navigation--next {
 border-left-color: #ccc !important;
}
.react-datepicker__time-container { width: 6em !important}
.react-datepicker-time__header { font-size: 1em !important }
.react-datepicker-time__header--time { padding-left: 0px !important; padding-right: 0px !important }
.react-datepicker__time-box {
 margin-left: 0px !important;
 margin-right: 0px !important;
 width:100% !important
}
.react-datepicker__time-list { padding: 0 !important; }

.approved-event-text {
  color: #079f5f !important;
}

.pending-event-text {
  color :#ec6445;
}

.denied-event-text {
  color: #f81833 !important
}

.approved-event-background {
  background-color: #079f5f !important;
}

.pending-event-background {
  background-color :#ec6445 !important
}

.denied-event-background {
  background-color: #f81833 !important
}

.bootstrap-switch {
  margin-left: 0px !important;
}

.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;

  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}


.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}
.my-skills-switch > .bootstrap-switch .bootstrap-switch-label,.my-skills-switch .bootstrap-switch .bootstrap-switch-handle-on, .my-skills-switch .bootstrap-switch .bootstrap-switch-handle-off{
  padding: 6px 10px;
}
.my-skills-switch > .bootstrap-switch{
  margin-top: 5px;
}


.bootstrap-switch {
  margin-left: 0px !important;
}

.buttons-container {
  padding-top: 39px;
  margin-right: 34px;
  padding-bottom: 17px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  top: 26px;
}

.duplicate-event-modal .description{
  margin-top: 23px;
  font-size: 16px;
}

.duplicate-event-modal .dates-container {
  padding-left: 50px;
    padding-right: 50px;
}

.duplicate-event-modal .event-details {
  font-size: 12px;
}

.copy-checkbox-container label {
  font-size: 10px !important;
}

.copy-checkbox-container .checkbox input[type=checkbox] {
  margin-top: 1px !important;
}

.duplicate-event-modal .publish-big-title {
  color: #ec6445 !important;
  font-size: 22px;
}

.duplicate-event-modal .control-label {
  color: #214B58;
  font-weight: bold !important;
}

.duplicate-event-modal input {
  margin-left: 15px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  left: 10px;
}

.duplicate-event-modal .large-check-box-temp {
  margin-left: 14px !important;
}

.left-padding {
  margin-left: 15px !important; 
}

.right-padding {
  margin-right: 15px;
}
.button-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.hr-detail-view-exit-btn {
  color: white !important;
  border: 5px solid #f3a28f;
  background: #ec6445;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-red-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-blue-btn, .export-staff-btn {
  color: white !important;
  border: 5px solid #a0d6e8;
  background: #61bbd9 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-dialog {
  width: 60%;
}
.hr-detail-view-label, .hr-detail-section-content-container td {
  font-size: 14px;
  font-weight: normal;
}

.hr-detail-view-content {
  color: #214B58;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-error {
  color: #f81833;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-orange {
  color: #ec6445;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-section-content-container {
  padding-right: 30px;
  padding-left: 30px;
}

.hr-detail-employees-assigned-content {
  font-size: 25px;
  color: #ec6445;
  text-align: center;
  font-weight: bold;
}

.hr-detail-employees-assigned-label {
  font-size: 10px;
  text-align: center;
}

.hr-detail-skill-table {
  margin-top: 10px;
}

.export-staff-btn {
  margin-top: 9px;
} 

.hr-detail-section-content-container.hr-detail-staff {
  padding-left: 0;
  padding-right: 0;
}

.hr-detail-view-dialog .modal-content {
  padding: 15px;
}

/* .event-details-table-section {
  padding: 0px !important;
} */
.hr-detail-skill-table .sort-icon-style{
  cursor: pointer;
}

.select-recurring-delete {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assign-staff-unassigned-row {
  background-color: #fff8c7;
}

.duplicate-schedule-link {
  color: #307d96;
  font-size: 13px;
  line-height: 35px;
  cursor: pointer;
}

.override-badge {
  margin-left: 4px;
  font-size: 0.72em;
  color: #fff;
  background-color: #EC6445;
  border-radius: 3px;
  padding: 1px 4px;
  vertical-align: middle;
  white-space: nowrap;
}

.overnight-end-time {
  color: red;
  font-weight: bold;
}

.overnight-end-time__outside-label {
  color: red;
  font-weight: bold;
  font-size: 0.85em;
}
.bootstrap-switch {
  margin-left: 0px !important;
  margin-top: 0;
}
.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.loading-table {
  opacity: 0.3;
}

.calendar-table {
  width: 100%;
  height: 700px;
  position: relative;
}

.calendar {
  position: relative;
  z-index: 0;
}

#csa-hr-calendar-month .rbc-month-row {
  overflow: scroll;
}
.approval-table {
    position: relative;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

.search-switch-container {
    display: flex;
    flex: 1;
    align-items: center;
}

.search-switch-container .bootstrap-switch {
    height: 35px;
}
.hrc-placement-table-wrapper {
  position: relative;
  height: 100%;
}

.hrc-placement-employee-list-wrapper {
  position: absolute;
  right: 0;
  height: 100%;
}

.hrc-placement-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 10;
}

.hrc-placement-date-wrapper {
  margin-left: 5;
  margin-right: 5;
  width: 200;
}

.hrc-placement-date-label {
  text-align: left;
}

.hrc-placement-employee-pill {
  font-size: 1.25em,
}

.hrc-placement-employee-skill-pill {
  background-color: #EEEEEE;
  padding: 3px;
  color: #214B59;
  font-size: 1em;
  border-radius: 2px;
  margin-top: 3px;
}

.hrc-placement-export-btn-wrapper {
  text-align: left;
}

.hrc-placement-export-btn {
  color: white;
  height: 40px;
  padding: 10px 20px;
  background-color: #214B58;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
}

.hrc-placement-export-btn a, a:hover, a:active{
  color: inherit;
  text-decoration: none;
}
.buttons-container {
  padding-top: 39px;
  margin-right: 34px;
  padding-bottom: 17px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  top: 26px;
}

.duplicate-event-modal .description{
  margin-top: 23px;
  font-size: 16px;
}

.duplicate-event-modal .dates-container {
  padding-left: 50px;
    padding-right: 50px;
}

.duplicate-event-modal .event-details {
  font-size: 12px;
}

.copy-checkbox-container label {
  font-size: 10px !important;
}

.copy-checkbox-container .checkbox input[type=checkbox] {
  margin-top: 1px !important;
}

.duplicate-event-modal .publish-big-title {
  color: #ec6445 !important;
  font-size: 22px;
}

.duplicate-event-modal .control-label {
  color: #214B58;
  font-weight: bold !important;
}

.duplicate-event-modal input {
  margin-left: 15px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  left: 10px;
}

.duplicate-event-modal .large-check-box-temp {
  margin-left: 14px !important;
}


.hr-commander-header-wrapper {
    display: flex;
    flex-direction: row;
}
.lost-found-container {
  padding: 20px;
}

.lost-found-table-header.row {
  margin-left: 0px;
}

.lost-found-table-header .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.lost-found-container .action-btns {
  padding: 10px;
}

.lost-found-container .archive-table {
  margin-top: 0px;
}

.lost-found-container .popup-content {
  z-index: 5 !important;
}

.lost-found-container .segment-control-tabs {
  margin-top: 5px;
  height: 32px;
}

.lost-found-container .segment-control-tabs label {
  margin-top: -4px;
}

.lost-found-container .segmented-control > label:after, 
.lost-found-container .segmented-control > label {
  margin-top: -4px !important;
}

.lost-found-container .item-settings-control label {
  opacity: 1 !important;
}

.lost-found-container .header-row {
  display: flex;
  flex-wrap: wrap;
}

.lost-found-container .header-item-wrapper {
  background-color: #f2f2f2;
  padding: 20px 10px;
  text-align: left;
  position: relative;
  flex-direction: row;
  height: 100%;
}

.lost-found-container .header-label {
  color: #000;
  font-size: 14px;
  margin-right: 10px;
}

.lost-found-container .header-value {
  font-size: 14px;
  color: #ec6445;
}

.lost-found-container .matched-details {
  margin-top: 5px;
}

.lost-found-container .matched-details .header-value:hover {
  cursor: pointer;
  text-decoration: underline;
}

.lost-found-container .header-edit-label {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #6ca2b2;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}

.lost-found-container .view-linked-details {
  color: #6ca2b2;
  text-decoration: underline;
  cursor: pointer;
}

.lost-found-container .linked-form-label {
  display: none;
}

.linked-item-input .left-input-icon {
  top: 0 !important;
}

.lf-signature-wrapper .signature-input-container{
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 60px;
  color:#ccc;
  text-align: left;
  padding: 4px;
  align-items: center;
  flex: 1;
}

.date-time-fields .left-input-icon {
  left: 13px;
  top: 23px;
}

.lost-and-found-header-wrapper {
    display: flex;
    flex-direction: row;
}
.import-data-div {
  margin: 40px 20px;
  width: 50%;
}

.new-product-section {
  width: 100%;
  display: inline-block;
}

.left-side, .right-side {
  width: 50%;
  float: left;
  padding: 20px;
}
.input-div {
    margin: 40px 20px;
}

.code-input {
    width: 50%;
    float: left;
    margin-right: 15px;
}

.qty-input {
    width: 100px;
}

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

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

#run-btn {
    width: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
}

#print-btn {
  margin-top: 20px;
  width: 130px;
  margin-left: 20px;
}

.validity-message {
  font-size: 11px;
  color: gray;
}

.product-preview-wrapper { margin-top: 8% }

.preview-product-carousel .carousel-control.left,
.preview-product-carousel .carousel-control.right{
    background-image: none;
    top: 50%;
}

.preview-product-carousel .carousel-control .glyphicon-chevron-left,
.preview-product-carousel .carousel-control .glyphicon-chevron-right {
	color: green;
}

.product-header {
  font-size: 12px;
}

.products-row {
  font-size: 12px;
  cursor: pointer;
}

.description-div {
    overflow: hidden;
}

.text-block {
 display: block;
 padding-left: 12px;
}

.products-table-container {
  padding:20px;
}
.main-div {
    width: 100%;
    display: inline-block;
}

.sku-search {
    width: 50%;
    float: left;
}

.pdf-view {
    width: 50%;
}

.tag-printing-header-wrapper {
    display: flex;
    flex-direction: row;
}

.video-commander-header-wrapper {
    display: flex;
    flex-direction: row;
}
/**
 * Style for Visitor module
 * @author enafleurence
 */
.vm-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-dark-blue-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #20404B !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-green-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.vm-red-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-red-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.add-icon {
  float: left;
  margin-top: -3px;
}

.add-event-btn-label {
  padding: 5px;
  line-height: 20px;
}

.label-capitalize {
  text-transform: capitalize;
}

.container {
  padding: 20px;
  width: 100%;
  margin-left: 0px;
}

.form-section {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.action-btns {
  width: 150px !important;
}

.add-another-data-link {
  color: #299f5f;
  padding-right: 48px;
  font-size: 15px;
  font-weight: bold;
}

.remove-data-link {
  font-size: 13px;
  font-weight: bold;
}

.add-another-data-link:hover,
.span-link:hover {
  cursor: pointer;
}

.red-icon {
  color: #dd4759;
  z-index: 1;
}


.left-input-icon {
  top: 26px;
  left: -2px;
}

.input-icon {
  color: #4a4949;
}


.dropdown-input-icon {
  top: 27px !important;
  right: -2px;
}

.vm-forms .rw-multiselect-taglist {
  padding-left: 22px !important;
}

.select-input-with-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 23px !important;
  padding-top: 0px !important;
}

.datepicker-input-with-icon {
  padding-left: 0px !important;
  padding-top: 7px !important;
}

.datepicker-input-with-icon input {
  padding-left: 24px !important;
}

.vm-forms .segmented-control {
  color: #565454 !important;
  border: 1px solid #ccc;
}

.vm-forms .segmented-control>label:before {
  background: #EC6445 !important;
}

.upload-photo-container {
  height: 150px;
  background-color: #dcd6d6;
  width: 135px !important;
}

.upload-photo-container:hover {
  cursor: pointer;
}

.camera-icon {
  font-size: 17px;
  alignment: center;
}

.upload-photo-container p {
  margin-top: 45px;
  color: #6d6d6d;
}

.upload-photo-container img {
  height: 150px;
}

.guest-empty-div {
  height: 70px;
}

.auto-complete-input-wit-icons {
  padding-left: 24px !important;
}

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

/** styles for autocomplete input **/
.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--focused {
  outline: none;
}

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

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

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

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

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}

/** end of styles for autocomplete input **/

.add-visitor-segment-control {
  margin-bottom: 0px !important;
}

.filter-container-time {
  padding-left: 5px;
}

.filter-container-date {
  padding-right: 2px;
}

.vm-top-searchbar {
  font-size: 15px !important;
  height: 38px !important;
  margin-top: 4 !important;
}

.vm-checkin-text {
  font-size: 10px;
  text-align: center;
  white-space: normal !important;
}

.vm-visitors-sort-icon {
  font-size: 12;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-sort-icon-popupfilter {
  font-size: 10;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-popupfilter-container {
  min-width: 120;
}

.vm-visitors-table-container {
  padding: 50;
}

.vm-padding-top-5 {
  padding-top: 5;
}

#react-autowhatever-check_in_event {
  top: 38px;
}

.clear-dates-icon {
  margin-left: -14px;
  margin-top: 8px;
  cursor: pointer;
}

.visitor-active-switch-container .bootstrap-switch {
  margin-left: 0px;
}

.status-pop-up-container .popup-content {
  left: -30.7682px !important;
}

.loading-table {
  opacity: 0.3;
}

.visitors-table {
  position: relative;
}


.vehicles-container .pass-details-table {
  width: auto;
}

.vehicles-container .pass-details-table td {
  padding: 8px;
  width: auto;
}

.vehicles-container .pass-details-table td.pass-details-label {
  white-space: nowrap;
  width: 1%;
}

.vehicles-container .vehicle-line {
  margin-bottom: 5px;
  margin-top: 10px;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
/**
 * Style for Add event page
 * @author enafleurence
 */
#title {
  color: #EC6445 !important;
  font-size:30px;
  margin-top: 5px;
}

/* .action-btns {
  margin-top: 20px !important;
} */

#add-event-form .react-datepicker-wrapper, #add-event-form .react-datepicker__input-container{
  width: 100%;
}

.event-type-checkbox-container {
  margin-top:13px;
}

.event-type-checkbox-container .checkbox{
  float:left;
  color: #20404b;
}

/* .event-type-checkbox-container .checkbox span{
  font-size: 15px;
} */

.guest-segment-controls {
  margin-top:0px;
  height: 31px;
}

.guest-segment-controls > label{
  line-height: 23pt;
}

.bootstrap-switch {
  /* float: right !important; */
  margin-left: 45px;
}

.form-inline {
  margin-top: -23px;
  margin-left: -28px;
}

.form-inline label {
  float:left;
}

.form-inline .radio-inline {
  padding-top: 10px;
}

.read-only-text {
  padding-left: 10px;
}

.form-label-bold {
  font-weight: bold;
}

.visitor-profile-title {
  margin-top: 64px;
}

.prev-visitors-label {
  font-size: 16px;
}

.prev-visitor-dropdown-icon{
  top: 29px !important;
}

.prev-visitor-search-icon {
  top: 30px !important;
}

.host-view-container{
    font-family: 'Lato';
    padding-bottom: 40px;
}
.host-title{
    text-align: center;
    font-size: 1.7em;
    margin: 5px;
    
}
.host-sub-title{
    color:#44879b;
    font-size: 1.3em;
    margin: 0;
}
.glyphicon-light::before {
    font-weight: 100;
    -webkit-text-stroke:9px white;
}
.glyphicon-lg::before{
   font-size: 45px;
}
.host-profile-container{
    padding-bottom: 40px;
}
.host-profile-row{
    padding-top: 40px;
    padding-left: 20px;

}
.host-profile-image{
    width: 100px;
    height: 100px;
}
.host-info-label{
    font-size: 12px;
    font-weight: 600;
    
    margin-bottom: 5px;
}
.host-info-value{
    text-indent: 10px;
    color:#44879b;
    background-color: #F7F7F8;
    font-size: 12px;
    padding: 3px 0;
    min-height: 25px;
}
.host-address-div{
    padding-left: 0;
    padding-right: 0;
}
.vertical-space{
    height:57px;
}
.map-link{
    font-size: 11px;
    color:#44879b;
    text-decoration: underline;

}
.host-content{
    min-height: 654px;
}
.host-history-container, .host-guests-container{
    padding:40px ;
}
.host-history-table th{
    color:#214B58;
   
}
.host-guests-div{
    padding: 20px 10px;
    margin:5px;
    border-bottom: 2px solid #ddd;
    min-height: 100px;
}
.host-guests-div:first-child {
    border-top: 2px solid #ddd;
}
.host-guests-header p{
    font-weight: 600;
    font-size: 12px;
}
.host-guests-values p{
    font-size: 11px;
}
.host-guests-full-name{
    color:#44879b;
}
.close-modal {
  cursor: pointer;
}
#schedule-container {
  margin-top:5px;
}

.view-button {
  width: 25%;
  alignment: left;
  font-weight: bold;
}

.view-button-selected {
  width: 25%;
  alignment: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.calendar-date {
  font-size: 14pt;
  color: #20404B;
  font-weight: bold;
  border-style: none;
  text-align: center;
}

.calendar-navigation-button {
  cursor: pointer;
  font-size: 15pt;
  margin-top: 6px;
  color: #1C7E94;
}

.week-day-label {
  font-size: 13pt;
  background-color: #1C7E94;
  color: white;
  font-weight: bold;
}

.detail-view-modal {
  margin-top: 5%;
  width: 60%;
  max-height: 90%;
}

.detail-view-button {
  min-width: 120px;
}
/* This is for the Event labels on the Month Calendar*/
.rbc-event {
  height: 50px;
}

.detail-view-tabs {
    width: '100%';
    color: #EC6445;
    text-align: 'left';
    height: 40px;
    font-size: 15px;
}

.MuiTabs-indicator {
  background-color: #EC6445 !important;
}

.detail-view-tab {
  font-size: 15px;
}

.react-datepicker-popper {background-color: 'white';}
.react-datepicker { font-size: 1em !important }
.react-datepicker__header { padding-top: 1.2em !important}
.react-datepicker__month { min-width: 230px; margin: 0.4em 1em !important; background-color: 'white';}
.react-datepicker__day-name, .react-datepicker__day {
 width: 1.9em !important;
 line-height: 1.9em !important;
 margin: 0.166em !important;
}
.react-datepicker__current-month { font-size: 1em !important }
.react-datepicker__navigation {
 top: 1em !important;
 line-height: 1em !important;
 border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important }
.react-datepicker__navigation--next {
 border-left-color: #ccc !important;
}
.react-datepicker__time-container { width: 6em !important}
.react-datepicker-time__header { font-size: 1em !important }
.react-datepicker-time__header--time { padding-left: 0px !important; padding-right: 0px !important }
.react-datepicker__time-box {
 margin-left: 0px !important;
 margin-right: 0px !important;
 width:100% !important
}
.react-datepicker__time-list { padding: 0 !important; }


.active-pass {
  border-bottom: 1px solid;
}

.check-out-btn-container {
  margin-top: 41px !important;
}

.box-container {
  margin-top: 35px;
}

.passes-main-container  {
  margin: 0 50px;
}

.pass-amount-text {
  color: white;
  line-height: 46px;
  margin-left: 12px;
  font-size: 14px;

}

.pass-img-amount-container div {
  float: left;
  width: 50px;
  margin-left: 16px;
  height: 45px;
}

.pass-name-container {
  font-weight: bold;
  margin-top: 14px;
}

.pass-item-wrapper {
  border: 1px solid #979797;
  height: 135px;
}

.owner-passcode-input {
  margin-top: 14px;
}

.passcode-loading{
  height: 40px !important;
  width: 26px !important;
  margin-left: -35px !important;
  margin-top: 13px !important;
}

.datetime-noborder input {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid rgb(174, 174, 174);
  border-radius: 0px;
  font-size: 18px;
  color: rgb(32, 64, 75);
  padding-left: 0;
}

.datetime-noborder .rdtPicker {
  font-size: 14px;
}

.deactivate-btn {
  margin-top: 15px;
  margin-right: 5px;
  text-align: right;
  margin-top: 9px;
}

.custom-btns {
  margin-right: 15px;
  margin-left: 15px;
}

.font-large {
  font-size: large;
}
.deactivate-btn {
  margin-top: 15px;
  margin-right: 5px;
  text-align: right;
  margin-top: 9px;
}

.adjust-btn {
  cursor: pointer;
}

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

/* Chrome, Safari, Edge, Opera */
.adjust-input::-webkit-outer-spin-button,
.adjust-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.adjust-input {
  -moz-appearance: textfield;
}

.discrepancy-form .form-group {
  margin-top: 0px !important;
}

.discrepancy-title {
  margin-bottom: 21px !important;
  margin-top: -31px;
}

.discrepancy-comment{
 font-style: italic;
 font-size: 11px;
}

.discrepancy-form .date-container label~.form-control-feedback {
  top: 33px !important;
}

.discrepancy-form .form-group {
  width: 440px !important;
}
.passes-container {
  padding: 3em 50px;
}

.pass-detail-container {
  font-family: 'Lato';
  padding-bottom: 40px;

}

.orange-text {
  color: #ec6445 !important;
}

.pass-label {
  color: #20404B;
  font-size: 14px;
  font-weight: bold;
}

.dark-blue {
  color: #20404B;
}

.pass-deactivate {
  margin-top: 10px;
}

.pass-deactivate .pass-title,
.pass-title {
  font-weight: 600;
  color: #20404B;
  text-align: center;
}

.pass-deactivate .form {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.pass-deactivate .form .form-group {
  width: 200px;
  margin-top: 20px;
}

.pass-deactivate .form .form-group.form-button {
  width: 300px;
  text-align: center;
}

.pass-deactivate .form .form-group.form-button .refund-text {
  text-align: center;
  color: #20404B;
  margin-bottom: 5px;
  font-size: 13px;
}

.inactive-text {
  color: #ff0000 !important;
}

.active-text {
  color: #299f5f !important;
}


.search-container {
  margin: 25px 25px 10px 25px;
}

.passes-filters .search-container .form-control-feedback {
  font-size: 19px;
  color: #9b9b9b !important;
  margin-top: 12px;
}

.text-link {
  text-decoration: underline;
  color: #307d95;
  cursor: pointer;
}

.passes-filters .filter-container-date .form-control-feedback,
.passes-filters .filter-container-time .form-control-feedback {
  color: #9b9b9b !important;
}

.passes-filters .filter-container-date .has-feedback .form-control,
.passes-filters .filter-container-time .has-feedback .form-control {
  padding-right: 0px !important;
}

.passes-filters .filter-container-date {
  padding-right: 0px;
  margin-left: -16px;
  margin-top: 11px;
  margin-right: 8px;
}

.passes-filters .filter-container-time {
  margin-top: 11px;
}

.passes-filters .filter-container-date label,
.passes-filters .filter-container-time label {
  font-size: 13px;
}

.passes-filters {
  margin-top: 15px;
}

.passes-filters .search-container input {
  height: 48px !important;
  margin-top: -9px;
}

.passes-filters .datepicker-input-with-icon {
  margin-top: -7px;
}

.select-all-passes-checkbox input {
  margin-top: 7px;
}

.select-pass-checkbox input {
  margin-top: -7px;
}

.pass-action-btn {
  padding: 0
}

.pass-action-btn-group {
  display: flex;
  justify-content: flex-end;
}

.pass-full-screen-action-btn {
  margin-left: 50px !important;
}

.pass-action-btn-container {
  margin: 24px 0 0 0;
  width: 100%;
  padding: 0 30px;
}

.pass-action-btn .deactivate-btn {
  margin-top: 20px !important;
}

.pass-action-btn .sell-pass-btn {
  margin-top: 20px;
}

.pass-action-btn-container .column-settings-btn {
  display: flex;
  justify-content: left;
  padding-left: 10px;

}


.pass-action-btn-container .column-settings-btn button {
  height: 39px !important;
  margin-top: 16px;

}

.pass-action-btn-container #column-settings-btn .glyphicon {
  margin-left: 0px;
}

.column-settings-btn button {
  height: 48px;
  margin-top: 20px !important;
  margin-right: 5px;
}

.deposit-counter-div {
  margin-top: 25px;
  margin-left: 15px;
  border-radius: 10px;
  text-align: left;
}

.deposit-amount {
  margin-top: 20px;
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  margin-bottom: 0px;
}

.pass-action-btn .change-pass-btn {
  margin-top: 20px !important;
  display: flex;
  justify-content: left;
}

.pass-action-btn .pass-search {
  margin: 20px 0 0;
}

.deposit-counter-div .operator-label {
  margin-top: 25px;
  font-weight: bold;
}

.deposit-amount span {
  margin-left: 5px;
}

.deposit-counter-div .operator-dropdown-div {
  margin-top: -8px;
}

.deposit-amount .loadingIndicator {
  margin: -19px 0px -2px 46px !important;
}

.btn-add-pass {
  margin-top: 20px;
  margin-right: 10px;
  text-align: right;
}

.passes-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.add-guest-modal .agm-tabs,
.add-pass-modal .agm-tabs {
  margin-bottom: 0px !important;
}

.add-guest-modal .custom-btns,
.add-pass-modal .custom-btns {
  margin-top: 15px !important;
}

.pass-table-settings {
  display: flex;
  justify-content: flex-end;
}

.pass-search-settings {
  display: flex;
  justify-content: flex-end;
}


.modal-body .rdtPicker {
  position: fixed;
}
.pass-detail-modal .icon,
.deactivate-modal .icon {
  cursor: pointer;
  margin-left: 10px;
}

.pass-detail-modal .close-icon {
  font-size: 15px;
  line-height: 26px;
}

.pass-detail-modal .modal-header,
.deactivate-modal .modal-header {
  border-bottom: none;
}

.pass-detail-modal .sub-title {
  color: #828282 !important;
  font-size: 15px;
}

.section-wrapper {
  padding-left: 30px;
  padding-right: 20px;
  margin-top: -15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}


.pass-details-label {
  font-weight: bold;
  color: #20404B;

}

.pass-details-table td {
  border-top: none !important;
  text-align: left;
  width: 200px;
  font-size: 14px;
  color: #20404B;
}

.pass-details-table {
  margin-left: -6px;
}

.location-label {
  padding-top: 14px;
}

.deactivate-link {
  cursor: pointer;
  color: #ff0000 !important;
  font-size: 12px;
}

.deactivate-modal .custom-btns {
  margin-left: 5px;
}

.deactivate-modal .pass-deactive {
  margin-top: -14px !important;
}

.pass-edit-date-modal {
  width: fit-content;
}

.pass-edit-date-modal .edit-modal-header {
  padding-top: 28px;
  padding-left: 28px;
  padding-bottom: 0px;
  size: 18px;
  color: #175468;
  border-bottom: none;
}

.vm-passes-green-btn {
  background: #079F5F;
  color: white;
}
.add-guest-modal {
  width: 50%;
}

.add-guest-modal .modal-content {
  padding-left: 50px;
  padding-right: 50px;
}

.add-guest-modal .guest-modal-body {
  margin-top: 35px;
  margin-bottom: 25px;
}

.add-guest-modal .add-btn {
  width: 90px;
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.add-guest-modal .cancel-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 90px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
}

.add-guest-modal .export-btn {
  width: 90px;
  background-color: #307096;
  background: #307096;
  border:5px solid #8DB7c5;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.add-guest-modal .import-btn {
  width: 90px;
  background-color: #307096;
  background: #307096;
  border:5px solid #8DB7c5;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
}


.add-guest-modal .agm-tabs {
  margin-bottom: 15px;
}

.guest-top-row, .guest-mid-row {
  padding: 0 50px;
}

.guest-top-row {
  display: flex;
  height: 100px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.span-number-of-guests {
  font-size: 16px;
}

.input-guest-amount {
  height: 30px;
  width: 60px;
  border-radius: 5px;
  text-align: center;
}

.btn-add-guests {
  height: 30px;
  width: 40px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: transparent;
  transition: all .2s;
}
.btn-add-guests:hover {
  background-color: #ccc;
}

.span-total-guests {
  font-size: 18px;
}

.guest-mid-row {
  width: 100%;
}

.span-guest-number {
  width: 50px;
  text-align: end;
}

.guest-names-row {
  max-height: 400px;
  overflow-y: scroll;
}

.guest-properties-row {
  max-height: 600px;
  overflow-y: scroll;
}

.guest-name-row {
  display: flex;
  align-items: center;
  width: 100%;
}

.guest-name-container {
  flex: 1;
}

.remove-guest-container {
  display: flex;
  justify-content: center;
  width: 40px;
}

.btn-remove-guest {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background-color: transparent;
  color: rgb(212, 62, 62);
  border: 1px solid rgb(212, 62, 62);
  border-radius: 5px;
  transition: all .2s;
}
.btn-remove-guest:hover {
  background-color: rgb(212, 62, 62);
  color: white;
}

.light-blue {
  background-color: #61BBD9 !important;
  background: #61BBD9 !important;
  border: 5px solid #AADCED !important;
}

.suspended-message {
  color: rgb(212, 62, 62);
  font-weight: bold;
  text-align: left !important;
  width: 60%;
  margin-top: 27px;
}

.multi-property-mid-row {
  padding-bottom: 20px;
}

.add-guest{
  top: 26px;
  left: 13px;
}
/* A resident issuing a guest pass (CSA-9072). */

.homeowner-add-guest-modal .modal-body {
  padding-bottom: 8px;
}

.homeowner-guest-row {
  margin-bottom: 8px;
}

.homeowner-guest-remove {
  color: #f81833;
  padding: 6px 0;
}

.homeowner-guest-add {
  padding-left: 0;
}

.homeowner-add-guest-note {
  margin: 12px 0 0;
  font-size: 12px;
  color: #6b8189;
}

/* What stands in for the form when the community has configured no pass type
   of the name this flow needs. Shared by Add Guest and Add Vendor. */
.pass-type-notice {
  padding: 8px 4px 0;
}

.pass-type-notice p {
  margin: 0 0 10px;
  color: #6b8189;
}

.pass-type-notice .pass-type-notice-headline {
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
}

/* The gate office issuing a gated-community guest pass (CSA-9075).
   Everything else this modal wears comes from the office's own Add Guest
   stylesheet; what is here is the property search, which that form has no
   equivalent of. */

.gc-property-search,
.gc-property-picked {
  position: relative;
  margin-bottom: 0;
}

.gc-property-status {
  margin-top: 6px;
  font-size: 12px;
  color: #6b8189;
}

.gc-property-status-error {
  color: #f81833;
}

/* A dropdown rather than a block that pushes the guest rows down the form:
   staff are looking at the list and the names at the same time. */
.gc-property-results {
  position: absolute;
  z-index: 5;
  left: 15px;
  right: 15px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  max-height: 220px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(33, 75, 88, 0.15);
}

.gc-property-result {
  display: block;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  background: none;
  text-align: left;
  font-size: 13px;
  color: #214b58;
}

.gc-property-result:hover,
.gc-property-result:focus {
  background: #eef6f9;
  outline: none;
}

.gc-property-picked-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f7fafb;
}

.gc-property-picked-label {
  font-size: 13px;
  color: #214b58;
}

.gc-property-change {
  padding: 0 0 0 10px;
  white-space: nowrap;
}

/* The Contacts picker beside the property. DataAutoSuggest brings its own
   dressing; what is needed here is room for the line under it that says why it
   has nobody to offer. */
.gc-contact-picker {
  margin-bottom: 0;
}

.modal-header-icons {
  cursor: 'pointer';
  margin-left: 10px;
  font-size: 20px;
}

.light-blue {
  background-color: #61BBD9 !important;
  background: #61BBD9 !important;
  border: 5px solid #AADCED !important;
}
.bottom-20 {
  margin-bottom: 20px;
}

.guest-properties-row {
  max-height: 600px;
  overflow-y: scroll;
}

.light-blue {
  background-color: #61BBD9 !important;
  background: #61BBD9 !important;
  border: 5px solid #AADCED !important;
}

.guest-properties-row {
  max-height: 600px;
  overflow-y: scroll;
}

.suspended-message{
  color: red !important;
}
.pass-change-log-header {
  padding: 24px 66px 13px;
  font-size: 18px;
}

.pass-change-log-header .pull-left {
  color: #E74B26;
}

.pass-change-log-body {
  padding: 0px 51px;
}
.passes-container {
  padding: 3em 50px;
}

.pass-detail-container {
  font-family: 'Lato';
  padding-bottom: 40px;

}

.orange-text {
  color: #ec6445 !important;
}

.pass-label {
  color: #20404B;
  font-size: 14px;
  font-weight: bold;
}

.dark-blue {
  color: #20404B;
}

.pass-deactivate {
  margin-top: 10px;
}

.pass-deactivate .pass-title,
.pass-title {
  font-weight: 600;
  color: #20404B;
  text-align: center;
}

.pass-deactivate .form {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.pass-deactivate .form .form-group {
  width: 200px;
  margin-top: 20px;
}

.pass-deactivate .form .form-group.form-button {
  width: 300px;
  text-align: center;
}

.pass-deactivate .form .form-group.form-button .refund-text {
  text-align: center;
  color: #20404B;
  margin-bottom: 5px;
  font-size: 13px;
}

.inactive-text {
  color: #ff0000 !important;
}

.active-text {
  color: #299f5f !important;
}


.search-container {
  margin: 25px 25px 10px 25px;
}

.passes-filters .search-container .form-control-feedback {
  font-size: 19px;
  color: #9b9b9b !important;
  margin-top: 12px;
}

.text-link {
  text-decoration: underline;
  color: #307d95;
  cursor: pointer;
}

.passes-filters .filter-container-date .form-control-feedback,
.passes-filters .filter-container-time .form-control-feedback {
  color: #9b9b9b !important;
}

.passes-filters .filter-container-date .has-feedback .form-control,
.passes-filters .filter-container-time .has-feedback .form-control {
  padding-right: 0px !important;
}

.passes-filters .filter-container-date {
  padding-right: 0px;
  margin-left: -16px;
  margin-top: 11px;
  margin-right: 8px;
}

.passes-filters .filter-container-time {
  margin-top: 11px;
}

.passes-filters .filter-container-date label,
.passes-filters .filter-container-time label {
  font-size: 13px;
}

.passes-filters {
  margin-top: 15px;
}

.passes-filters .search-container input {
  height: 48px !important;
  margin-top: -9px;
}

.passes-filters .datepicker-input-with-icon {
  margin-top: -7px;
}

.select-all-passes-checkbox input {
  margin-top: 7px;
}

.select-pass-checkbox input {
  margin-top: -7px;
}

.pass-action-btn {
  padding: 0
}

.pass-action-btn-group {
  display: flex;
  justify-content: flex-end;
}

.pass-full-screen-action-btn {
  margin-left: 50px !important;
}

.pass-action-btn-container {
  margin: 24px 0 0 0;
  width: 100%;
  padding: 0 30px;
}

.pass-action-btn .deactivate-btn {
  margin-top: 20px !important;
}

.pass-action-btn .sell-pass-btn {
  margin-top: 20px;
}

.pass-action-btn-container .column-settings-btn {
  display: flex;
  justify-content: left;
  padding-left: 10px;

}


.pass-action-btn-container .column-settings-btn button {
  height: 39px !important;
  margin-top: 16px;

}

.pass-action-btn-container #column-settings-btn .glyphicon {
  margin-left: 0px;
}

.column-settings-btn button {
  height: 48px;
  margin-top: 20px !important;
  margin-right: 5px;
}

.deposit-counter-div {
  margin-top: 25px;
  margin-left: 15px;
  border-radius: 10px;
  text-align: left;
}

.deposit-amount {
  margin-top: 20px;
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  margin-bottom: 0px;
}

.pass-action-btn .change-pass-btn {
  margin-top: 20px !important;
  display: flex;
  justify-content: left;
}

.pass-action-btn .pass-search {
  margin: 20px 0 0;
}

.deposit-counter-div .operator-label {
  margin-top: 25px;
  font-weight: bold;
}

.deposit-amount span {
  margin-left: 5px;
}

.deposit-counter-div .operator-dropdown-div {
  margin-top: -8px;
}

.deposit-amount .loadingIndicator {
  margin: -19px 0px -2px 46px !important;
}

.btn-add-pass {
  margin-top: 20px;
  margin-right: 10px;
  text-align: right;
}

.passes-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.add-guest-modal .agm-tabs,
.add-pass-modal .agm-tabs {
  margin-bottom: 0px !important;
}

.add-guest-modal .custom-btns,
.add-pass-modal .custom-btns {
  margin-top: 15px !important;
}

.pass-table-settings {
  display: flex;
  justify-content: flex-end;
}

.pass-search-settings {
  display: flex;
  justify-content: flex-end;
}


.modal-body .rdtPicker {
  position: fixed;
}
.pass-detail-modal .icon,
.deactivate-modal .icon {
  cursor: pointer;
  margin-left: 10px;
}

.pass-detail-modal .close-icon {
  font-size: 15px;
  line-height: 26px;
}

.pass-detail-modal .modal-header,
.deactivate-modal .modal-header {
  border-bottom: none;
}

.pass-detail-modal .sub-title {
  color: #828282 !important;
  font-size: 15px;
}

.section-wrapper {
  padding-left: 30px;
  padding-right: 20px;
  margin-top: -15px;
}

.column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}


.pass-details-label {
  font-weight: bold;
  color: #20404B;

}

.pass-details-table td {
  border-top: none !important;
  text-align: left;
  width: 200px;
  font-size: 14px;
  color: #20404B;
}

.pass-details-table {
  margin-left: -6px;
}

.location-label {
  padding-top: 14px;
}

.deactivate-link {
  cursor: pointer;
  color: #ff0000 !important;
  font-size: 12px;
}

.deactivate-modal .custom-btns {
  margin-left: 5px;
}

.deactivate-modal .pass-deactive {
  margin-top: -14px !important;
}

.pass-edit-date-modal {
  width: fit-content;
}

.pass-edit-date-modal .edit-modal-header {
  padding-top: 28px;
  padding-left: 28px;
  padding-bottom: 0px;
  size: 18px;
  color: #175468;
  border-bottom: none;
}

.vm-passes-green-btn {
  background: #079F5F;
  color: white;
}
.pass-change-log-header {
  padding: 24px 66px 13px;
  font-size: 18px;
}

.pass-change-log-header .pull-left {
  color: #E74B26;
}

.pass-change-log-body {
  padding: 0px 51px;
}
.blue-text{
  color: #307096;
}

.navy-btn {
  background-color: #20404B;
}

.navy-btn a {
  text-decoration: none;
  color: #fff;
}

.navy-btn a:hover {
  color: #29404B;
}

.activity-table {
  position: relative;
}

.activity-table-loading {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

/* Override the global `input[type="date"]:before` placeholder rule, which
   reserves 0.5em of empty space even when no placeholder is set. */
.property-check-date:before {
  content: none !important;
  margin-right: 0 !important;
}

.properties-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.properties-toolbar .form-group {
  margin-bottom: 0;
}

.properties-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.table-container td {
  padding: 15px !important;
}

.loading-table {
  opacity: 0.3;
}

.properties-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-img {
  width: 75px;
  height: 75px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-name {
  margin-top: 47px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}
.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}

.property-view-modal-vm .property-stat {  
  background:#F7F7F8;
  border: 1px solid #979797;
  border-radius: 5px;
  width: 105px;
  height: 70px;
  margin-left: 45px;
  margin-top: 20px;
  padding: 5px;
}

.property-view-modal-vm .property-stat .total-count {
  color: #214B58;
  font-size: 27px;
  text-align: center;
  font-weight: 600;
}

.property-view-modal-vm .property-stat .total-label {
  color: #3A3A39;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
}

.property-view-modal-vm .editable {
  display: flex;
  align-items: center;
}

.property-view-modal-vm .editable .glyphs {
  margin-right: 5px;
}

.property-view-modal-vm .grow {
  flex: 1;
}

.property-check-notes, .editable-property-field {
  width: 80%;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}

.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}
.table-container {
    padding: 2em 43px;
    margin-top: -29px;
}

.search-container {
    margin: 25px 25px 10px 25px;
}

.search-container .form-control-feedback {
    margin-top: 5px;
    font-size: 19px;
    color: #9b9b9b !important;
}

.table-container td {
    padding: 15px !important;
}

.loading-table {
    opacity: 0.3;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

.customers-table {
    position: relative;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-img {
  width: 75px;
  height: 75px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-name {
  margin-top: 47px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}
.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}

.customer-view-modal .property-stat {  
  background: #175468;
  color: #ffffff;
  border-radius: 10px;
  min-width: 130px;
  min-height: 70px;
  margin-left: 27px;
  margin-top: 20px;
  padding: 10px;
}

.customer-view-modal .property-stat .total-count {
  font-size: 24px;
  text-align: center;
  margin: 5px 0;
}

.customer-view-modal .property-stat .total-label {
  font-size: 14px;
  text-align: center;
}

.exempt-billing-label {
  padding: 10px 0px 0px 0px;
}
.property-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 2px solid #ccc;
  grid-gap: 2px;
  margin: 30px;
  background-color: #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.property-wrapper > div {
  background-color: white;
  padding: 15px;
}

.column-title {
  background-color: #eee !important;
  text-align: center;
  font-weight: bold;
}
.vendors-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vendors-toolbar .form-group {
  margin-bottom: 0;
}

.vendors-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.vendors-table {
  position: relative;
}

.vendors-table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

.vendors-table-container td {
  padding: 15px !important;
}

.vendors-loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

/* The CSV file input is driven by the Upload CSV button, not shown itself. */
.vendors-csv-reader input {
  display: none;
}

.table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

.properties-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.properties-toolbar .form-group {
  margin-bottom: 0;
}

.properties-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.text-link {
  text-decoration: underline;
  color: #307d95;
  cursor: pointer;
}

.table-container td {
  padding: 15px;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.contact-table {
  position: relative;
}

.visitor-management-header-wrapper {
    display: flex;
    flex-direction: row;
}



/* .modal-body .rdtPicker {
    position: fixed;
} */
.guard-tour-container {
  height: 100%;
}

#guard-tour-tabs .control-label {
  color: #214b58;
}

.guard-tour-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.guard-tour-tab-container {
  margin-top: 31px;
}

#guard-tour-tabs ul.nav > li {
  border-right-color: white;
  min-width: 20%;
}

#guard-tour-tabs ul.nav > li > a {
  align-items: center;
}

.guard-tour-tab-close {
  margin-left: auto;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #999;
  cursor: pointer;
  line-height: 1;
}

.guard-tour-tab-close:hover {
  color: #d9534f;
}

.guard-tour-table-container {
  margin-top: 20px;
  padding: 20px;
}

.guard-tour-filters-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.guard-tour-filter-row {
  margin-bottom: 10px;
}

.guard-tour-filter-row .react-datepicker-wrapper {
  display: block;
}

.guard-tour-filter-row .form-group {
  margin-bottom: 5px;
}

.guard-tour-filter-actions {
  margin-bottom: 15px;
}

/* Create Tour */
.create-tour-container {
  padding: 20px;
}

.create-tour-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

/* Schedule Form Panel */
.schedule-form-content .react-datepicker-wrapper {
  display: block;
  text-align: left;
}

.schedule-mode-hint-col {
  display: flex;
  align-items: flex-end;
  padding-bottom: 12px;
}

.schedule-mode-hint {
  font-size: 12px;
  color: #888;
  font-style: italic;
  margin: 0;
  margin-bottom: 20px;
  text-align: left;
}

.schedule-mode-window-col {
  display: flex;
  align-items: center;
  padding-top: 22px;
}

.schedule-checkin-window {
  display: flex;
  flex-direction: column;
  border-left: 3px solid #2196f3;
  padding: 4px 0 4px 10px;
}

.schedule-checkin-window-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #888;
}

.schedule-checkin-window-value {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* Multi-slot schedules list one window per slot, so keep the rows tight and
   stop a long list from stretching the row. */
.schedule-checkin-window {
  max-height: 128px;
  overflow-y: auto;
}

.schedule-checkin-window-value + .schedule-checkin-window-value {
  margin-top: 2px;
}

.schedule-zone-hint {
  font-size: 11px;
  color: #888;
  font-style: italic;
  margin: 4px 0 0;
  text-align: left;
}

.schedule-blocking-warning {
  font-size: 12px;
  font-weight: 600;
  color: #c0392b;
  margin: -12px 0 20px;
  text-align: left;
}

.schedule-late-warning {
  font-size: 12px;
  font-weight: 600;
  color: #e08600;
  margin: -12px 0 20px;
  text-align: left;
}

.schedule-form-label-block {
  display: block;
  margin-bottom: 5px;
}

/* Repeat Row */
.schedule-repeat-row {
  align-items: flex-end;
  margin-bottom: 10px;
}

/* Repeat On + End On Row */
.schedule-repeat-end-row {
  align-items: flex-start;
  margin-bottom: 10px;
}

/* Day Selector Buttons */
.schedule-day-selector {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.schedule-day-btn {
  width: 34px;
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.schedule-day-btn:hover {
  border-color: #214b58;
}

.schedule-day-btn-active {
  background-color: #214b58;
  border-color: #214b58;
  color: #fff;
}

/* Checkpoints Placeholder */
.checkpoints-panel .panel-heading {
  background-color: #214b58;
  color: #fff;
}

.checkpoints-panel .panel-title {
  font-weight: 600;
  font-size: 14px;
}

.checkpoints-placeholder-text {
  color: #999;
  text-align: center;
  padding: 40px 0;
}

/* Checkpoint Add Button */
.checkpoint-add-btn {
  margin-bottom: 15px;
}

.checkpoint-add-btn-col {
  display: flex;
  align-items: flex-end;
  padding-bottom: 15px;
}

/* Checkpoint List Table */
.checkpoint-list {
  margin-top: 15px;
}

.checkpoint-table {
  margin-bottom: 0;
}

.checkpoint-table thead th {
  background-color: #f5f5f5;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
}

.checkpoint-table tbody td {
  vertical-align: middle;
  font-size: 13px;
}

/* Expandable Checkpoint Panels */
.checkpoint-post-orders-container {
  margin-top: 20px;
}

.checkpoint-expandable-panel {
  margin-bottom: 5px;
}

.checkpoint-expandable-heading {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 10px 15px;
}

.checkpoint-expandable-heading:hover {
  background-color: #eaeaea;
}

.checkpoint-expandable-header-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkpoint-expand-icon {
  font-size: 10px;
  color: #666;
  width: 14px;
}

.checkpoint-expandable-title {
  font-weight: 600;
  font-size: 14px;
  flex: 1;
  text-align: left;
}

.checkpoint-expandable-meta {
  font-size: 12px;
  color: #888;
}

.checkpoint-expandable-remove {
  margin-left: 10px;
}

.checkpoint-expandable-body {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
}

/* Post Orders */
.post-orders-section {
  padding: 10px 0;
}

.post-orders-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.post-order-item {
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 10px;
}

.post-order-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.post-order-item-number {
  font-weight: 600;
  font-size: 13px;
  color: #214b58;
}

/* Post Order Options (Radio/Checkbox) */
.post-order-options {
  margin-top: 5px;
}

.post-order-option-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
}

.post-order-option-row .form-control {
  flex: 1;
}

.post-order-option-remove {
  flex-shrink: 0;
}

.post-order-add-option-btn {
  margin-top: 5px;
}

/* Tour Detail Modal */
.tour-detail-section {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.tour-detail-section:last-child {
  border-bottom: none;
}

.tour-detail-section-title {
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
  margin-bottom: 12px;
}

.tour-detail-field {
  margin-bottom: 10px;
}

.tour-detail-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.tour-detail-field p {
  font-size: 14px;
  margin: 0;
}

/* Instance / Occurrences Filters */
.instance-filters {
  margin-bottom: 12px;
}

.instance-filters .form-group {
  margin-bottom: 8px;
}

.instance-filters .form-control {
  height: 34px;
}

.instance-filters .control-label {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
}

/* Tour Detail Modal - Subtitle Row */
.tour-detail-subtitle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}

.tour-detail-subtitle-text {
  font-size: 12px;
  color: #214b58;
}

/* Tour Detail Map */
.tour-detail-map-container {
  height: 300px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}

/* Tour Map Markers */
.tour-map-marker {
  display: flex;
  align-items: center;
  gap: 4px;
  transform: translate(-50%, -100%);
}

.tour-map-marker-dot {
  width: 12px;
  height: 12px;
  background-color: #214b58;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.tour-map-marker-label {
  font-size: 11px;
  font-weight: 600;
  color: #214b58;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.9);
  padding: 1px 4px;
  border-radius: 2px;
}

/* Collapsible Sections */
.collapsible-section {
  margin-bottom: 20px;
}

.collapsible-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  padding: 6px 0;
}

/* Status section header layout */
.status-section-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-section-header-count {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.collapsible-section-header:hover .collapsible-section-title {
  opacity: 0.8;
}

.collapsible-section-icon {
  font-size: 10px;
  color: #214b58;
  width: 14px;
  flex-shrink: 0;
}

.collapsible-section-title {
  font-size: 15px;
  font-weight: 600;
  color: #214b58;
  margin: 0;
}

.collapsible-section-divider {
  height: 1px;
  background-color: #ddd;
  margin-bottom: 15px;
}

.collapsible-section-body {
  padding: 0 2px;
}

/* Disabled Save Button */
.save-btn-disabled {
  background-color: #ccc;
  border-color: #ccc;
  color: #666;
  cursor: not-allowed;
  opacity: 1;
}

.save-btn-disabled:hover,
.save-btn-disabled:focus,
.save-btn-disabled:active {
  background-color: #ccc;
  border-color: #ccc;
  color: #666;
}

/* New Tour Button */
.new-tour-btn {
  background-color: #299f5f;
  border: 4px solid #7ec59f;
  color: #fff;
  font-weight: 400;
}

.new-tour-btn:hover,
.new-tour-btn:focus {
  background-color: #238a52;
  border-color: #6bb58c;
  color: #fff;
}

/* Add Checkpoint Button */
.checkpoint-add-btn.btn-primary {
  background-color: #61bbd9;
  border: 4px solid #aadced;
  color: #fff;
  font-weight: 400;
}

.checkpoint-add-btn.btn-primary:hover,
.checkpoint-add-btn.btn-primary:focus {
  background-color: #4da8c6;
  border-color: #8fd0e3;
  color: #fff;
}

/* Time Slots section */
.schedule-slots-section {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e5e8ec;
}

.slots-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slot-add-btn.btn-primary {
  background-color: #61bbd9;
  border: 3px solid #aadced;
  color: #fff;
  font-weight: 400;
}

.slot-add-btn.btn-primary:hover,
.slot-add-btn.btn-primary:focus {
  background-color: #4da8c6;
  border-color: #8fd0e3;
  color: #fff;
}

.slots-form-hint,
.slots-placeholder-text {
  color: #8a949e;
  font-size: 12px;
  margin: 4px 0 10px;
}

.slot-row {
  align-items: flex-end;
  margin-bottom: 6px;
}

.slot-remove-col {
  display: flex;
  align-items: flex-end;
  padding-bottom: 16px;
}

.edp-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;

  max-height: 100vh;
}

.edp-wrapper .grow {
  flex: 1;
}

.edp-wrapper .half-width {
  min-width: 50%;
  max-width: 50%;
}

.edp-wrapper .half-height {
  min-height: 50%;
  max-height: 50%;
}

.edp-wrapper .scrollable {
  overflow: auto;
}

.edp-wrapper .edp-right-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.edp-wrapper .bottom-right {
  margin-top: 20px;
}


.edp-wrapper .change-button-container {
  margin-left: auto;
}
.search-margin-top {
  margin-top: 20px;
}

.employee-event-details {
  font-size:12px;
}

.table-header {
  font-size: 15px;
  color: #20404B !important;
  font-weight: 'bold';
  /* min-width: 120px; */
}

.export-employee-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background:#214B58 !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  margin-right: 14px;
}

.export-employee-btn span {
  margin-left:5px;
  color: white !important;
}

.export-btn-container { 
  margin-left:10px;
}

.see-more-link {
  color: #337ab7;
  font-size: 11px;
  cursor: pointer;
}

.employee-row {
  cursor: pointer;
}


.clicked-event-modal {
  margin-top: 15%;
  width: 20%;
}

.clicked-event-header {
  color: #20404B;
  font-size: 13px;
  font-weight: bold;
}

.manage-schedule-event-popup-checkbox-container {
  padding-left: 0px;
  padding-bottom: 10px;
}

.manage-schedule-event-popup-checkbox-container .schedule-checkbox-label {
  min-width: 80px;
  font-size: 14px;
  margin-left: 0px;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  margin-top: 3px;
}

.manage-schedule-event-popup-checkbox-container .schedule-checkbox {
  align-self: left;
  font-size: 20px;
  align-items: left;
  text-align: left;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
}

.schedule-modal-action-btns-container {
  padding-top: 28px;
}

.reoccuring-details-container {
  padding-top: 18px;
}

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

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

.clickable {
  cursor: pointer;
}

.hr-detail-view-dialog {
  width: 60%;
}

.hr-employee-detail-view-header {
  padding: 10px;
}

.header {
  color: #20404B;
  font-size: 13px;
  font-weight: bold;
  padding-left: 30px;
}

.hours-committed {
  color: #20404B;
  font-size: 17px;
  font-weight: bold;
}

.hours-commited-label {
  color: #20404B;
  font-size: 10px;
  font-weight: bold;
}

.row-container {
  padding-left: 20px;
  padding-right: 20px
}

.manage-schedule-view-button {
  width: 33%;
  text-align: left;
  font-weight: bold;
}

.manage-schedule-view-button-selected {
  width: 33%;
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.min-width-120 {
  min-width: 120px !important;
}

.min-width-130 {
  min-width: 130px !important;
}

.min-width-100 {
  min-width: 100px !important;
}
.min-width-110 {
  min-width: 110px !important;
}

.custom-action-btn-with-icon { 
  width: 130px !important;
  padding-left: 30px !important;
}

.hr-employee-detail-manage-schedule-tab{
  margin-top: 20px;
}

#schedule-container {
  margin-top:5px;
}

.view-button {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
}

.view-button-2 {
  text-align: left;
  font-weight: bold;
}

.view-button-selected {
  width: 33% !important;
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.view-button-selected-2 {
  text-align: left;
  font-weight: bold;
  background-color: #EC6445;
  color: white;
}

.calendar-date {
  font-size: 14pt;
  color: #20404B;
  font-weight: bold;
  border-style: none;
  text-align: center;
}

.calendar-navigation-button {
  cursor: pointer;
  font-size: 15pt;
  margin-top: 6px;
  color: #1C7E94;
}

.week-day-label {
  font-size: 13pt;
  background-color: #1C7E94;
  color: white;
  font-weight: bold;
}

.detail-view-modal {
  margin-top: 5%;
  width: 60%;
  max-height: 90%;
}

.detail-view-button {
  min-width: 120px;
}
/* This is for the Event labels on the Month Calendar*/
/* .rbc-event {
  height: 28px !important;
} */

.hr-blue-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  background: #299f5f !important;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-red-btn {
  background: #f72b2b !important;
  border: 5px solid #f37c7c;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.detail-view-tabs {
    width: '100%';
    color: #EC6445;
    text-align: 'left';
    height: 40px;
    font-size: 15px;
}

.calendar-search-container {
  padding-bottom: 20px;
}

.calendar-view-label {
  font-size: 15px;
  text-align: left;
  font-weight: bold;
  padding-left: 18px;
}

.calendar-viewbar-container {
  margin-bottom: 30px;
}

.calendar-container {
  padding: 30px;
}
.hr-commander-view-bar-button-group {
  width: 100%;
}
.MuiTabs-indicator {
  background-color: #EC6445 !important;
}

.detail-view-tab {
  font-size: 15px;
}

.employee_check_box {
  padding-top: 2px;
  margin-top: 0;
  /* z-index: 900; */
}

.react-datepicker-popper {background-color: 'white';}
.react-datepicker { font-size: 1em !important }
.react-datepicker__header { padding-top: 1.2em !important}
.react-datepicker__month { min-width: 230px; margin: 0.4em 1em !important; background-color: 'white';}
.react-datepicker__day-name, .react-datepicker__day {
 width: 1.9em !important;
 line-height: 1.9em !important;
 margin: 0.166em !important;
}
.react-datepicker__current-month { font-size: 1em !important }
.react-datepicker__navigation {
 top: 1em !important;
 line-height: 1em !important;
 border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important }
.react-datepicker__navigation--next {
 border-left-color: #ccc !important;
}
.react-datepicker__time-container { width: 6em !important}
.react-datepicker-time__header { font-size: 1em !important }
.react-datepicker-time__header--time { padding-left: 0px !important; padding-right: 0px !important }
.react-datepicker__time-box {
 margin-left: 0px !important;
 margin-right: 0px !important;
 width:100% !important
}
.react-datepicker__time-list { padding: 0 !important; }

.approved-event-text {
  color: #079f5f !important;
}

.pending-event-text {
  color :#ec6445;
}

.denied-event-text {
  color: #f81833 !important
}

.approved-event-background {
  background-color: #079f5f !important;
}

.pending-event-background {
  background-color :#ec6445 !important
}

.denied-event-background {
  background-color: #f81833 !important
}

.bootstrap-switch {
  margin-left: 0px !important;
}

.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;

  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}


.publish-big-title {
  font-size: 24px;
  color: #214B58;
  font-family: Lato;
  font-weight: 600;
}

.borderless-btn {
  border-width: 0px;
  width: 100%;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #20404B;
}
.my-skills-switch > .bootstrap-switch .bootstrap-switch-label,.my-skills-switch .bootstrap-switch .bootstrap-switch-handle-on, .my-skills-switch .bootstrap-switch .bootstrap-switch-handle-off{
  padding: 6px 10px;
}
.my-skills-switch > .bootstrap-switch{
  margin-top: 5px;
}


.assign-staff-unassigned-row{
  background-color: #fff8c7;
}

.duplicate-schedule-link {
  color: #307d96;
  font-size: 13px;
  line-height: 35px;
  cursor: pointer;
}

.th-style {
  font-size: 15;
  color: #20404B;
  font-weight: bold;
}

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

.expanded-row-style {
  background-color: #20404B;
  color: white;
}

.expand-button {
  color: #61bbd9 !important;
}

.table-staff-count {
  margin-right: 80px;
  display: block;
}

.table-staff-count-hidden {
  margin-right: 80px;
  visibility: hidden;
}

.table-staff-count-red {
  margin-right: 80px;
  color: red;
  display: block;
}

.event-row {
  cursor: pointer;
}
.bootstrap-switch {
  margin-left: 0px !important;
}

/**
 * Style for Visitor module
 * @author enafleurence
 */
.vm-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-green-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.vm-red-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-red-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.add-icon {
  float: left;
  margin-top: -3px;
}

.add-event-btn-label {
  padding: 5px;
  line-height: 20px;
}

.container {
  padding: 20px;
  width: 100%;
}

.form-section {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.action-btns {
  width: 150px !important;
}

.add-another-data-link {
  color: #299f5f;
  padding-right: 48px;
  font-size: 15px;
  font-weight: bold;
}

.remove-data-link{
  font-size: 13px;
  font-weight: bold;
}

.add-another-data-link:hover, .span-link:hover {
  cursor: pointer;
}

.red-icon {
  color:#dd4759;
  z-index: 1;
}


.left-input-icon{
  top: 26px;
  left: -2px;
}

.input-icon {
  color:#4a4949;
}


.dropdown-input-icon {
  top: 27px !important;
  right: -2px;
}

.vm-forms .rw-multiselect-taglist{
  padding-left: 22px !important;
}

.select-input-with-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 23px !important;
  padding-top: 0px !important;
}

.datepicker-input-with-icon {
  padding-left: 0px !important;
  padding-top: 7px !important;
}

.datepicker-input-with-icon input{
  padding-left: 24px !important;
}

.vm-forms .segmented-control {
  color:#565454 !important;
  border:1px solid #ccc;
}

.vm-forms .segmented-control > label:before {
  background: #EC6445 !important;
}

.upload-photo-container {
  height: 150px;
  background-color: #dcd6d6;
  width: 135px !important;
}

.upload-photo-container:hover {
  cursor: pointer;
}

.camera-icon {
  font-size:17px;
  alignment: center;
}

.upload-photo-container p {
  margin-top: 45px;
  color: #6d6d6d;
}

.upload-photo-container img {
  height: 150px;
}

.guest-empty-div {
 height: 70px;
}

.auto-complete-input-wit-icons {
  padding-left: 24px !important;
}

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

/** styles for autocomplete input **/
.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--focused {
  outline: none;
}

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

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

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

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

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}
/** end of styles for autocomplete input **/

.add-visitor-segment-control {
  margin-bottom:0px !important;
}

.filter-container-time {
  padding-left: 5px;
}

.filter-container-date {
  padding-right: 2px;
}

.times-col .popup-content {
  width: 130px !important;
}

.vm-top-searchbar {
  font-size: 15px !important;
  height: 38px !important;
  margin-top: 4 !important;
}

.vm-checkin-text {
  font-size: 10px;
  text-align: center;
}

.vm-visitors-sort-icon {
  font-size: 12;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-sort-icon-popupfilter {
  font-size: 10;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-popupfilter-container {
  min-width: 120;
}

.vm-visitors-table-container {
  padding: 50;
}

.vm-padding-top-5 {
  padding-top: 5;
}

#react-autowhatever-check_in_event {
  top: 38px;
}

.clear-dates-icon {
  margin-left: -14px;
  margin-top: 8px;
  cursor: pointer;
}

.search-margin-top {
  margin-top: 20px;
}

.employee-event-details {
  font-size:12px;
}

.table-header {
  font-size: 15px;
  color: #20404B !important;
  font-weight: 'bold';
  min-width: 120px;
}

.hidden {
  display: none;
}

.hr-roll-call-date-label{
  font-size: 11px;
  font-weight: normal;
}

.status-filter-padding {
  padding-right: 35px;
}

.text-red {
  color: red;
}

.bold-label {
  font-weight: bold !important;
}

.edit-rollcall-btn {
  margin-left: -5px;
}

.hr-employee-detail-view .left-input-icon {
  z-index: 1 !important;
}
/**
 * Style for Add event page
 * @author enafleurence
 */
#title {
  color: #EC6445 !important;
  font-size:30px;
  margin-top: 5px;
}

/* .action-btns {
  margin-top: 20px !important;
} */

#add-event-form .react-datepicker-wrapper, #add-event-form .react-datepicker__input-container{
  width: 100%;
}

.event-type-checkbox-container {
  margin-top:13px;
}

.event-type-checkbox-container .checkbox{
  float:left;
  color: #20404b;
}

/* .event-type-checkbox-container .checkbox span{
  font-size: 15px;
} */

.hr-commander-checkbox {
  align-self: left;
  font-size: 20px;
  align-items: left;
  text-align: left;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
}

.hr-commander-checkbox-label {
  min-width: 80px;
  font-size: 14px;
  margin-left: 0px;
  padding-top: 20px;
  text-align: left;
  cursor: pointer;
}

.hr-grey-btn {
  background: #9B9B9B !important;
  border: 5px solid #c3c3c3;
  color: white !important;
  height: 40px;
  width: 100%;
  padding: 2px !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hr-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  width: 100%;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.hr-clickable-icons {
  cursor: pointer;
}

.scedule-row-zero-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-is-private-container {
  padding-left: 20px;
  padding-right: 30px;
  align-items: left;
}

.hr-alt-call-time-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-event-name-container {
  padding-left: 30px;
  padding-right: 20px;
}

.hr-end-time-container {
  padding-left: 20px;
  padding-right: 30px;
}

.hr-dropdowns-section-container {
  padding-right: 50px;
}

.hr-remove-icon {
  padding-right: 20px;
}

.guest-segment-controls {
  margin-top:0px;
  height: 31px;
}

.guest-segment-controls > label{
  line-height: 23pt;
}

.bootstrap-switch {
  /* float: right !important; */
  margin-left: 45px;
}

.form-inline {
  margin-top: -23px;
  margin-left: -28px;
}

.form-inline label {
  float:left;
}

.form-inline .radio-inline {
  padding-top: 10px;
}

.read-only-text {
  padding-left: 10px;
}

.form-label-bold {
  font-weight: bold;
}

.add-call-time-label {
  margin-top: 30px;
}

.react-autosuggest__suggestions-container--open {
  z-index:3 !important;
}
.hr-commander-selector-buttons-div{
  padding:0;
  margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
}

.choose-client-warning {
  font-size: 15px;
  font-weight: bold;
  color: red;
  margin-bottom: 30px;
}
.add-another-data-link-custom {
  
  padding-right: 10px!important;
 
}

.topless-switch {
  margin-top: 0px !important;
}

.switch-label-hide-end-time {
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
}

.switch-hide-end-time-wrapper {
  margin-top: 25px;
}

.buttons-container {
  padding-top: 39px;
  margin-right: 34px;
  padding-bottom: 17px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  top: 26px;
}

.duplicate-event-modal .description{
  margin-top: 23px;
  font-size: 16px;
}

.duplicate-event-modal .dates-container {
  padding-left: 50px;
    padding-right: 50px;
}

.duplicate-event-modal .event-details {
  font-size: 12px;
}

.copy-checkbox-container label {
  font-size: 10px !important;
}

.copy-checkbox-container .checkbox input[type=checkbox] {
  margin-top: 1px !important;
}

.duplicate-event-modal .publish-big-title {
  color: #ec6445 !important;
  font-size: 22px;
}

.duplicate-event-modal .control-label {
  color: #214B58;
  font-weight: bold !important;
}

.duplicate-event-modal input {
  margin-left: 15px;
}

.duplicate-event-modal .has-feedback .form-control-feedback {
  left: 10px;
}

.duplicate-event-modal .large-check-box-temp {
  margin-left: 14px !important;
}


.button-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.hr-detail-view-exit-btn {
  color: white !important;
  border: 5px solid #f3a28f;
  background: #ec6445;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-red-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-blue-btn, .export-staff-btn {
  color: white !important;
  border: 5px solid #a0d6e8;
  background: #61bbd9 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-dialog {
  width: 60%;
}
.hr-detail-view-label, .hr-detail-section-content-container td {
  font-size: 14px;
  font-weight: normal;
}

.hr-detail-view-content {
  color: #214B58;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-error {
  color: #f81833;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-orange {
  color: #ec6445;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-section-content-container {
  padding-right: 30px;
  padding-left: 30px;
}

.hr-detail-employees-assigned-content {
  font-size: 25px;
  color: #ec6445;
  text-align: center;
  font-weight: bold;
}

.hr-detail-employees-assigned-label {
  font-size: 10px;
  text-align: center;
}

.hr-detail-skill-table {
  margin-top: 10px;
}

.export-staff-btn {
  margin-top: 9px;
} 

.hr-detail-section-content-container.hr-detail-staff {
  padding-left: 0;
  padding-right: 0;
}

.hr-detail-view-dialog .modal-content {
  padding: 15px;
}

/* .event-details-table-section {
  padding: 0px !important;
} */
.hr-detail-skill-table .sort-icon-style{
  cursor: pointer;
}

.button-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.hr-detail-view-exit-btn {
  color: white !important;
  border: 5px solid #f3a28f;
  background: #ec6445;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-red-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-blue-btn {
  color: white !important;
  border: 5px solid #a0d6e8;
  background: #61bbd9 !important;
  width: 96%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
  min-width: 70px !important;
}

.hr-detail-view-dialog {
  width: 60%;
}
.hr-detail-view-label {
  font-size: 14px;
  font-weight: normal;
}

.hr-detail-view-content {
  color: #214B58;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-error {
  color: #f81833;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-view-content-orange {
  color: #ec6445;
  font-size: 12px;
  font-weight: bold;
}

.hr-detail-section-content-container {
  padding-right: 30px;
  padding-left: 30px;
}

.hr-detail-employees-assigned-content {
  font-size: 25px;
  color: #ec6445;
  text-align: center;
  font-weight: bold;
}

.hr-detail-employees-assigned-label {
  font-size: 10px;
  text-align: center;
}

.hr-employee-detail-view-title-container {
  margin-top: 10px;
}

.hr-employee-detail-view-header {
  padding: 10px;
}

.hr-employee-detail-view {
  margin-top: 10%;
}

.hr-employee-call-time-modal-form-group {
  text-align: center;
  padding: 5px;
  border-radius: 5px;
}

.hr-employee-call-time-modal-dropdown {
  width: 100%;
  text-align: center;
}


.notes-section {
  padding: 28px;
}

.notes-section .form-label {
  font-size: 15px !important;
}

.notes-section .form-content {
  margin-left: -14px;
}

.save-notes-icon {
  cursor: pointer;
}

.employee-notes-input-container{
  width:80% !important;
}

.hr-double-shift-msg-text {
  color: #214B58;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.hr-double-shift-title {
  color: #214B58;
  font-family: Lato;
  font-size: 31px;
  font-weight: 600;
  line-height: 38px;
  text-align: center;
}

.clock-in-modal-title {
  margin-bottom: 0;
}

.hr-button-auto {
  width: auto;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.hr-clock-in-text {
  font-size: 12px;
  color: green;
}

.hr-approval-checkboxes {
   transform:scale(2, 2);
   padding-top: 5px;
   margin-top: 0px;
   margin-bottom: -0px;
}

.hr-approval-button-green {
  color: white !important;
  height: 25px;
  padding: 2px 2px !important;
  margin: 0px !important;
  width: 100%;
  background: #299f5f !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
}

.hr-approval-button-red {
  color: white !important;
  height: 25px;
  padding: 2px 2px;
  width: 100%;
  background: #d01a1a !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
}

.hr-approval-button-green-lg{
  color: white !important;
  height: 25px;
  padding: 0px;
  width: 100%;
  height: 40px;
  background: #299f5f !important;
  font-size: 17px;
  font-weight: bold;
  line-height: 17px;
}

.hr-approval-button-red-lg {
  color: white !important;
  height: 20px;
  padding: 2px;
  height: 40px;
  width: 100%;
  background: #d01a1a !important;
  font-size: 17px;
  font-weight: bold;
  line-height: 17px;
}

.hr-approval-table-button-container {
  float: left;
  width: 30%;
}

.event-status {
  text-transform: capitalize;
}

.employee-approval-table {
  padding-left: 27px;
  padding-right :28px;
}
/*
 * The layout lives in ../login/style.css — main_container, login_row, logo_div,
 * login_form_div, csa_logo, login_text, login_button. This screen deliberately
 * reuses it rather than restyling: it is the second half of signing in, and the
 * two are seen one after the other.
 *
 * Nothing local is needed. The file stays so the import in index.js keeps a
 * home for anything create-password ever needs of its own.
 */

.container {
  padding-right: 30px;
  padding-left: 30px;
}

.date-input-custom {
  height: 45px !important;
  min-width: 220px !important;
  font-size: 14px !important;
  font-family: 'Lato', sans-serif !important;
  border-radius: 4px !important;
  background-color: white !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.date-input-custom::before {
  content: unset !important;
}

.date-input-custom.error {
  border: 2px solid #d9534f !important;
}

.date-input-custom:not(.error) {
  border: 1px solid #ddd !important;
}

.mmc-location-filter-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 10px;
  gap: 10px;
}

.invis-csv-input {
  display: none !important;
}

.asset-detail-modal-header-icons {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  font-size: 16px;
  gap: 10px;
  margin-top: 10px;
}

.asset-detail-modal-header {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: #175468;
  text-align: center;
}

.asset-detail-modal-body-container {
  display: flex;
  flex-direction: column;
}

.asset-detail-column-container {
  display: flex;
  flex-direction: column;
}

.asset-detail-column-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #175468;
}

.asset-detail-column-items-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 20px;
}

.asset-detail-item-one-half-space {
  min-width: 50%;
  max-width: 50%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.asset-detail-item-two-third-space {
  min-width: 66%;
  max-width: 66%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.asset-detail-item-one-third-space {
  min-width: 33%;
  max-width: 33%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.asset-detail-input-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #3f3f46;
}

.asset-detail-input {
  background: #ffffff;
  border: 1px solid #a1a1aa;
  border-radius: 6px;
  margin-top: 5px;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}

.asset-detail-edit-mode-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.asset-detail-edit-mode-button {
  all: unset;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.asset-detail-edit-mode-cancel-button {
  background-color: #ea053a;
}

.asset-detail-edit-mode-save-changes-button {
  background-color: #079f5f;
}

.asset-detail-edit-mode-save-changes-button:focus {
  outline: 0;
}

.delete-asset-confirmation-modal-body-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.delete-asset-confirmation-modal-text-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.delete-asset-confirmation-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.delete-asset-confirmation-modal-text-1 {
  font-style: normal;
  font-weight: 400;
  font-size: 31px;
  line-height: 37px;
  text-align: center;
  color: #214b58;
}

.delete-asset-confirmation-modal-text-2 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #214b58;
}

.delete-asset-confirmation-modal-text-3 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #e74b26;
}

.mmc-add-asset-btn {
  height: 36px;
  width: 120px;
  margin-left: 10px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  color: #fff;
  background-color: #079f5f;
}

.mmc-delete-asset-btn {
  height: 36px;
  width: 120px;
  margin-left: 10px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  color: #fff;
  background-color: #ea053a;
}

.mmc-add-label-btn {
  height: 32px;
  width: 32px;
  font-size: 15px;
  border: none;
  border-radius: 6px;
  color: #fff;
  background-color: #175468;
  margin-top: 5px;
  padding: 5px 10px;
}

.invisible-header {
  visibility: hidden;
}

.mmc-assets-column-displayed-checkbox {
  display: flex;
  flex-direction: column;
}

.mmc-assets-columns-displayed-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}

.mmc-assets-column-displayed-checkbox > div > div > label {
  display: inline;
}

.mmc-assets-columns-displayed-input {
  max-width: 70%;
}

.mmc-assets-columns-edit-save-button {
  color: #0fa958;
}

.asset-detail-input-container {
  padding-right: 10px;
}

.asset-history-modal-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.asset-history-modal-header {
  font-size: 18px;
  line-height: 150%;
  color: #e74b26;
}

.asset-history-modal-asset-name {
  font-size: 16px;
  line-height: 150%;
  color: #3f3f46;
}

.asset-detail-modal-edit-pencil-icon {
  color: #3f3f46;
  font-size: 14px;
}

.asset-modal-header-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.sort-icon-style {
  margin-top: 3px;
  margin-left: 10px;
  cursor: pointer;
}

.asset-table-sorting-icon {
  margin-left: 10px;
}

.asset-table-search-input-container {
  width: 500px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}

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

.popup-filter-unselect {
  cursor: pointer;
  color: black;
  margin-right: 10px;
}

.popup-filter-selected {
  cursor: pointer;
  color: #e74b26;
  margin-right: 10px;
}

.asset-table-location-overlay {
  padding: 5px;
  background-color: white;
  font-size: 15px;
}

.work-order-history-modal-title {
  font-size: 18px;
  line-height: 150%;
  color: #e74b26;
}

.work-order-history-order-title {
  font-size: 14px;
  line-height: 20px;
  color: #111928;
}

.maintenance-search-and-column-toggle-container {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 25px;
}

.order-detail-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
  background-color: #f4f4f5;
  border: 1px solid #a1a1aa;
  border-radius: 12px;
  gap: 20px;
  box-sizing: border-box;
  position: relative;
}

.order-detail-header {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #175468;
  max-width: 100%;
  min-width: 100%;
}

.order-detail-sub-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: #fafafa;
  padding: 10px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1),
    0px 2px 4px -2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  gap: 10px;
  box-sizing: border-box;
}

.order-detail-sub-header {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #175468;
}

.order-detail-required-input {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #e74b26;
}

.sub-container-with-one-third-width {
  min-width: 33%;
  max-width: 33%;
  box-sizing: border-box;
}

.sub-container-with-one-quarter-width {
  min-width: 25%;
  max-width: 25%;
  box-sizing: border-box;
}

.sub-container-with-one-half-width {
  min-width: 50%;
  max-width: 50%;
  box-sizing: border-box;
}

.sub-container-with-two-third-width {
  min-width: 66%;
  max-width: 66%;
  box-sizing: border-box;
}

.sub-container-with-full-width {
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.order-detail-input {
  background: #ffffff;
  border: 1px solid #a1a1aa;
  border-radius: 6px;
  padding: 5px 10px;
  width: 100%;
  resize: none;
}

.order-detail-multi-input {
  background: #ffffff;
  border: 1px solid #a1a1aa;
  border-radius: 6px;
  width: 100%;
  text-align: start;
}

.order-detail-input-error {
  border: 1px solid red;
}

.order-detail-input-error:focus {
  box-shadow: 0 0 8px red;
  outline: 0 none;
}

.order-detail-sub-container-all-input-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  gap: 10px;
}

.order-detail-sub-conatiner-input-header {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #3a3a39;
  text-align: start;
}

.order-detail-sub-container-input-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 10px;
}

.order-detail-custom-label-input-container {
  padding: 20px 10px;
}

.order-detail-selected-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  background-color: #e4e4e7;
}

.order-detail-add-task-button {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #175468;
  cursor: pointer;
}

.order-detail-delete-task-button {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #ea053a;
  cursor: pointer;
}

.order-detail-disabled-auto-suggest {
  background-color: #e9ecef;
  cursor: not-allowed;
}

.order-detail-add-sub-task-button {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #61bbd9;
  cursor: pointer;
}

.order-detail-remove-sub-task-button {
  cursor: pointer;
  font-size: medium;
}

.order-detail-sub-task-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  gap: 10px;
  align-items: baseline;
}

.order-detail-sub-task-random-button {
  transform: scale(1.2);
}

.order-detail-buttom-buttons {
  width: 100%;
}

.order-detail-top-right-buttons {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  flex-direction: row;
  font-size: large;
}

.ml-sm-order-detail {
  margin-left: 10px;
}

.text-md-order-detail {
  font-size: 15px;
}

.sub-container-margin-left {
  margin-left: 10px;
}

.order-detail-top-right-button:hover {
  color: #E74B26;
  cursor: pointer;
}
.locations-container {
  padding: 30px;
}

/* OPTIONS */

.locations-options-container {
  display: flex;
  justify-content: space-between;
  height: 80px;
  width: 100%;
}

.locations-options-col-1 {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}

.locations-search-input {
  height: 40px;
  width: 400px;
  padding: 0 10px 0 40px;
  font-size: 16px;
  border: solid 2px #CCC;
  border-radius: 8px;
  background-color: #F4F4F4;
}

.locations-search-icon {
  position: absolute;
  left: 15px;
  font-size: 16px;
  color: #A1A1AA
}

.locations-options-col-2 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.locations-add-root-btn, .locations-change-type-btn, .locations-delete-btn {
  font-size: 16px;
  height: 40px;
  width: 220px;
  margin-right: 10px;
  border: none;
  border-radius: 5px;
  background-color: #EDFAFA;
  color: #61BBD9;
  box-shadow: 0px 2px 3px #DDD;
}
.locations-change-type-btn {
  width: 150px;
}
.locations-delete-btn {
  width: 40px;
  background-color: #FDF2F2;
  color: #EA053A;
}

.locations-plus-icon {
  margin-right: 5px;
}

.locations-options-btn {
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 5px;
  background-color: #FFF;
  color: #175468;
  box-shadow: 0px 2px 3px #DDD;
}

.locations-add-root-btn, .locations-options-btn, .locations-change-type-btn, .locations-delete-btn {
  transition: all .2s;
}
.locations-add-root-btn:hover, .locations-options-btn:hover, .locations-change-type-btn:hover, .locations-delete-btn:hover {
  box-shadow: 0px 4px 3px #DDD;
  transform: translateY(-2px);
}
.locations-add-root-btn:active, .locations-options-btn:active, .locations-change-type-btn:active, .locations-delete-btn:active {
  box-shadow: none;
  transform: translateY(2px);
}

.locations-options-pop-container {
  display: flex;
  flex-direction: column;
}
.locations-options-pop-btn {
  display: flex;
  padding: 10px;
  text-align: left;
  background: none;
  border: none;
  font-size: 16px;
  color: #71717A;
  transition: all .2s;
}
.locations-options-pop-btn:hover {
  background-color: #F4F4F4;
}
.locations-options-pop-icon-container {
  margin-right: 10px;
  width: 20px;
}

/* TABLE */

.locations-table-no-data {
  margin-top: 20px;
}

.locations-table-titles-container {
  display: flex;
  height: 35px;
  width: 100%;
  font-weight: bold;
  border-bottom: solid;
}

.locations-table-title {
  flex: 1;
  text-align: initial;
}

.locations-table-row, .locations-table-row-parent {
  display: flex;
  align-items: center;
  height: 45px;
  width: 100%;
  border-bottom: solid 2px #AAA;
}
.locations-table-row-parent {
  background-color: #F4F4F4;
}

.locations-table-column-1 {
  flex: 1;
  display: flex;
  text-align: initial;
  align-items: center;
}

.locations-table-column-2 {
  flex: 1;
  display: flex;
  text-align: initial;
}

.locations-input-checkbox-container {
  background: none;
  border: none;
}
.locations-input-checkbox {
  cursor: pointer;
}

.locations-pencil-btn {
  margin-left: 20px;
  border: none;
  background: none;
  color: #175468;
  transition: all .2s;
}
.locations-pencil-btn:hover {
  color: #0d3643;
  transform: scale(1.1);
}
.locations-pencil-btn:disabled {
  color: #AAA;
}
.locations-pencil-btn:disabled:hover {
  transform: none;
}

.locations-name {
  margin-right: 15px;
  border: none;
  background: none;
}
.locations-name:hover {
  color: #50A3BE;
}

.locations-chevron-icon {
  font-size: 10px;
  color: #E74B26
}

.locations-table-remove-btn {
  margin-left: 47px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  background: none;
  color: #E74B26;
  transition: all .2s;
}
.locations-table-remove-btn:hover {
  color: #c63f1e;
  transform: scale(1.1);
}

.locations-table-name-input {
    height: 30px;
    width: 300px;
    padding: 0 10px;
    border: solid 2px #CCC;
    border-radius: 5px;
}

.locations-table-add-btn, .locations-table-plus-btn {
  margin-left: 20px;
  font-size: 20px;
  background: none;
  border: none;
  transition: all .2s;
}
.locations-table-add-btn {
  color: #079F5F;
}
.locations-table-plus-btn {
  color: #61BBD9;
}
.locations-table-add-btn:hover {
  color: #057a49;
  transform: scale(1.1);
}
.locations-table-plus-btn:hover {
  color: #499ab5;
  transform: scale(1.1);
}

.locations-paths-container {
  flex: 1;
  display: flex;
  align-items: center;
}

.locations-path-btn {
  border: none;
  background: none;
}
.locations-path-btn:hover {
  color: #50A3BE;
}

.locations-path-icon {
  font-size: 12px;
}

/* SEARCH TABLE */

.locations-searched-row {
  display: flex;
  align-items: center;
  height: 45px;
  width: 100%;
  border-bottom: solid 2px #AAA;
  text-align: initial;
}

.locations-searched-name {
  flex: 1;
  text-align: initial;
}

.locations-searched-name-btn {
  border: none;
  background: none;
}
.locations-searched-name-btn:hover {
  color: #61BBD9;
}

.locations-searched-type, .locations-searched-path  {
  flex: 1;
  text-align: initial;
}

/* LOCATION TYPES MODAL */

.locations-type-exit {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.locations-type-exit-btn {
  background: none;
  border: none;
  font-size: 20px;
  color: #A1A1AA;
  transition: all .2s;
}
.locations-type-exit-btn:hover {
  color: #333;
}

.locations-type-title {
  display: flex;
  justify-content: center;
  font-size: 24px;
  color: #175468;
}

.locations-type-add, .locations-type {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.locations-type-add {
  padding: 30px 50px;
}
.locations-type {
  padding: 0 50px 10px 50px;
}

.locations-types-loading {
  display: flex;
  justify-content: center;
}

.locations-type-add-input {
  height: 40px;
  width: 100%;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 8px;
  border: solid 2px #D1D5DB;
  background-color: #F9FAFB;
}

.locations-type-add-btn, .locations-type-remove-btn {
  position: absolute;
  right: 70px;
  font-size: 16px;
  border: none;
  background: none;
}
.locations-type-add-btn {
  color: #079F5F;
  transition: all .2s;
}
.locations-type-add-btn:hover {
  color: #04814d;
  transform: scale(1.1);
}
.locations-type-remove-btn {
  color: #EA053A;
  transition: all .2s;
}
.locations-type-remove-btn:hover {
  color: #c20430;
  transform: scale(1.1);
}

.locations-type-bot {
  display: flex;
  justify-content: center;
  margin: 15px;
}

.locations-type-cancel-btn {
  height: 40px;
  width: 100px;
  font-size: 14px;
  background: none;
  border: solid 1px #ccc;
  border-radius: 8px;
  margin: 0 10px;
  transition: all .2s;
}
.locations-type-cancel-btn:hover {
  background: #F3F3F3;
}

.locations-type-save-btn {
  height: 40px;
  width: 150px;
  font-size: 14px;
  background: #61BBD9;
  color: #FFF;
  border: none;
  border-radius: 8px;
  margin: 0 10px;
  transition: all .2s;
}
.locations-type-save-btn:hover {
  background: #50A3BE;
}

/* CHANGE TYPE MODAL */
.locations-type-header {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 18px;
  color: #71717A;
}

.locations-type-name-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.locations-type-dropdown-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.locations-type-dropdown-span {
  width: 300px;
  margin-bottom: 5px;
}

/* DELETE MODAL */

.locations-delete-top-icon {
  margin-bottom: 10px;
  text-align: center;
  font-size: 30px;
  color: #A1A1AA;
}

.locations-delete-header {
  text-align: center;
  font-size: 18px;
  color: #71717A;
}

.locations-delete-asset-warn {
  text-align: center;
  font-size: 12px;
  color: #E74B26;
}

.locations-delete-modal-btn {
  height: 40px;
  width: 150px;
  font-size: 14px;
  background: #EA053A;
  color: #FFF;
  border: none;
  border-radius: 8px;
  margin: 0 10px;
  transition: all .2s;
}
.locations-delete-modal-btn:hover {
  background: #be022e;
}

/* DELETE CONFIRMATION MODAL */

.locations-delete-input {
  height: 40px;
  width: 200px;
  padding: 0 15px;
  border: solid 1px #333;
  border-radius: 8px;
}

.locations-delete-input-container {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.template-moda-clear-button {
  background-color: #61bbd9;
}

.templates-table-container {
  margin-top: 20px;
  margin-bottom: 100px;
}

.templates-table-wrapper {
  background-color: white;
  border-style: solid;
  border-color: #d9d9d9;
  border-width: 1px;
  border-radius: 7.17703px;
  overflow: hidden;
  margin-bottom: 30px;
}

.templates-table-row {
  text-align: left;
}

.templates-table-header-row {
  background-color: #f4f4f5;
  padding-top: 5px;
  padding-bottom: 5px;
}

.templates-table-action-buttons-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.table {
  margin-bottom: 0px;
}

.template-delete-modal-confirm-button {
  all: unset;
  cursor: pointer;
  padding: 8px 12px;
  background-color: #ea053a;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.template-delete-modal-cancel-button {
  all: unset;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  padding: 8px 12px;
  background-color: white;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2a37;
}

.delete-template-confirmation-modal-text-2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #e74b26;
}

.delete-template-confirmation-modal-text-1 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #71717a;
}

.template-duplicate-modal-cancel-button {
  all: unset;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  padding: 8px 12px;
  background-color: white;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f2a37;
}

.template-duplicate-modal-confirm-button {
  all: unset;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  padding: 8px 12px;
  background-color: #61bbd9;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.extra-padding-top {
  padding-top: 30px;
}

.invisible-header {
    visibility: hidden;
}

.mmc-assets-column-displayed-checkbox {
    display: flex;
    flex-direction: column;
}

.mmc-assets-columns-displayed-checkbox-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.mmc-assets-column-displayed-checkbox>div>div>label {
    display: inline;
}

.mmc-assets-columns-displayed-input {
    max-width: 70%;
}

.mmc-assets-columns-edit-save-button {
    color: #0fa958;
}

.asset-detail-input-container {
    padding-right: 10px;
}

.asset-history-modal-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.asset-history-modal-header {
    font-size: 18px;
    line-height: 150%;
    color: #e74b26;
}

.asset-history-modal-asset-name {
    font-size: 16px;
    line-height: 150%;
    color: #3f3f46;
}

.dispatch-status-select {
    width: 100%;
    max-width: 100%;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    text-overflow: ellipsis;
}

.asset-detail-modal-edit-pencil-icon {
    color: #3f3f46;
    font-size: 14px;
}

.asset-modal-header-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sort-icon-style {
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

.asset-table-sorting-icon {
    margin-left: 10px;
}

.asset-table-search-input-container {
    width: 500px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
}

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

.popup-filter-unselect {
    cursor: pointer;
    color: black;
    margin-right: 10px;
}

.popup-filter-selected {
    cursor: pointer;
    color: #e74b26;
    margin-right: 10px;
}

.asset-table-location-overlay {
    padding: 5px;
    background-color: white;
    font-size: 15px;
}
.mmc-header-wrapper {
  display: flex;
  flex-direction: row;
}
.import-incident-table .react-bs-table .table-bordered>tbody>tr>td{vertical-align: top}
.import-incident-table .import-data{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.error-details{
  color:#a94442;
}
.import-incident-table .react-bs-table .table-bordered>tbody>tr>td{vertical-align: top}
.import-incident-table .import-data{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.error-details{
  color:#a94442;
}
.contact-view-modal .contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-view-modal .contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.contact-view-modal .title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.contact-view-modal .print-badge-btn {
  margin-top: 10px;
}

.contact-view-modal .contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-view-modal .contact-container {
  padding: 20px;
}

.contact-view-modal .contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-view-modal .contact-img-container span {
  margin-left: 27px;
}

.contact-view-modal .contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.contact-view-modal .data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}

.contact-view-modal .current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.contact-view-modal .table-bordered > thead > tr > th {
  background: #f7f7f8;
  border: none !important;
}

.contact-view-modal .table-bordered {
   border: none !important; 
}

.contact-view-modal .properties-table th {
  text-align: center;
}

.contact-view-modal .section-wrapper {
  padding-left: 30px;
  padding-right: 20px;
}

.contact-view-modal .column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.contact-view-modal .column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.property-view-modal .contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.property-view-modal .contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.property-view-modal .title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.property-view-modal .print-badge-btn {
  margin-top: 10px;
}

.property-view-modal .contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.property-view-modal .contact-list-img {
  width: 75px;
  height: 75px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.property-view-modal .contact-list-name {
  margin-top: 47px;
}

.property-view-modal .contact-container {
  padding: 20px;
}

.property-view-modal .contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.property-view-modal .contact-img-container span {
  margin-left: 27px;
}

.property-view-modal .contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.property-view-modal .data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}

.property-view-modal .current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.property-view-modal .table-bordered > thead > tr > th {
  background: #f7f7f8;
  border: none !important;
}

.property-view-modal .table-bordered {
   border: none !important; 
}

.property-view-modal .properties-table th {
  text-align: center;
}

.property-view-modal .section-wrapper {
  padding-left: 30px;
  padding-right: 20px;
  margin-top: 0px;
}

.property-view-modal .column-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.property-view-modal .column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.property-view-modal .edit-visitor-btn {
  background: #61bbd9 !important;
  border: 5px solid #a0d6e8;
  color: white !important;
  width: 110px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.property-view-modal .property-stat {  
  background:#F7F7F8;
  border: 1px solid #979797;
  border-radius: 5px;
  width: 105px;
  height: 70px;
  margin-left: 45px;
  margin-top: 20px;
  padding: 5px;
}

.property-view-modal .property-stat .total-count {
  color: #214B58;
  font-size: 27px;
  text-align: center;
  font-weight: 600;
}

.property-view-modal .property-stat .total-label {
  color: #3A3A39;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
}

.property-view-modal .guests-table th {
  color: #20404B;
}

.property-view-modal .pass-details-table td {
  padding: 5px;
}

.property-view-modal .vehicle-line {
  margin-bottom: 5px;
  margin-top: 10px;
}

.property-view-modal .editable {
  display: flex;
  align-items: center;
}

.property-view-modal .editable .glyphs {
  margin-right: 5px;
}

.property-view-modal .grow {
  flex: 1;
}
.contact-list-container {
  padding: 2em 43px;
  margin-top: -29px;
}

.search-container {
  margin: 25px 25px 10px 25px;
}

.search-container .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.text-link {
  text-decoration: underline;
  color: #307d95;
  cursor: pointer;
}

.table-container td {
  padding: 15px;
}

.loading-table {
  opacity: 0.5;
}

.modal-header-icons {
  cursor: 'pointer';
  margin-left: 10px;
  font-size: 20px;
}
.guests-container.row {
  margin-left: 0;
  margin-right: 0;
}

.guests-container .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.guests-container .green-download-btn,
.guests-container .blue-download-btn {

  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.guests-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
}

.guests-container .blue-download-btn {
  background: #61BBD9;
  border: 5px solid #AADCED;
}
.rentals-container.row {
  margin-left: 0;
  margin-right: 0;
}

.rentals-container .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.rentals-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.short-term-passes-btn-container {
  margin-left: -13px;
}

.short-term-passes-btn-container .btn {
  width: 80px !important;
  margin-left: 5px;
}

.top-10-percent {
  margin-top: 10%;
}

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

.rental-container-users .user-content {
  margin: 30px;
  padding: 0 15px;
}
.add-guest-modal {
    width: 50%;
  }
  
  .add-guest-modal .modal-content {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .add-guest-modal .guest-modal-body {
    margin-top: 35px;
    margin-bottom: 25px;
  }
  
  .add-guest-modal .add-btn {
    width: 90px;
    background-color: #299f5f;
    border: 5px solid #7ec59f;
    color: white !important;
    height: 40px;
    padding: 2px !important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
  }
  
  .add-guest-modal .cancel-btn {
    color: white !important;
    border: 5px solid #fa7484;
    background: #f81833 !important;
    width: 90px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    padding: 2px !important;
  }
  
  .add-guest-modal .export-btn {
    width: 90px;
    background-color: #307096;
    background: #307096;
    border:5px solid #8DB7c5;
    color: white !important;
    height: 40px;
    padding: 2px !important;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
  }
  
  .add-guest-modal .import-btn {
    width: 90px;
    background-color: #307096;
    background: #307096;
    border:5px solid #8DB7c5;
    color: white !important;
    height: 40px;
    padding: 2px !important;
    font-size: 12px;
    font-weight: bold;
  }
  
  .guest-top-row, .guest-mid-row {
    padding: 0 50px;
  }
  
  .guest-top-row {
    display: flex;
    height: 100px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  
  .span-number-of-guests {
    font-size: 16px;
  }
  
  .input-guest-amount {
    height: 30px;
    width: 60px;
    border-radius: 5px;
    text-align: center;
  }
  
  .btn-add-guests {
    height: 30px;
    width: 40px;
    margin-left: 10px;
    border-radius: 5px;
    background-color: transparent;
    transition: all .2s;
  }
  .btn-add-guests:hover {
    background-color: #ccc;
  }
  
  .span-total-guests {
    font-size: 18px;
  }
  
  .guest-mid-row {
    width: 100%;
  }
  
  .span-guest-number {
    width: 50px;
    text-align: end;
  }
  
  .guest-names-row {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
  }
  
  .guest-name-row {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .guest-name-container {
    flex: 1;
  }
  
  .remove-guest-container {
    display: flex;
    justify-content: center;
    width: 40px;
  }
  
  .btn-remove-guest {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background-color: transparent;
    color: rgb(212, 62, 62);
    border: 1px solid rgb(212, 62, 62);
    border-radius: 5px;
    transition: all .2s;
  }
  .btn-remove-guest:hover {
    background-color: rgb(212, 62, 62);
    color: white;
  }
.rentals-container.row {
  margin-left: 0;
  margin-right: 0;
}

.rentals-container .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.rentals-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.rentals-container .blue-download-btn {
  background: #61BBD9;
  border: 5px solid #AADCED;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}
.rental-container-users .user-content {
  margin: 30px;
  padding: 0 15px;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}

.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}
/**
 * Style for Visitor module
 * @author enafleurence
 */
.vm-green-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-dark-blue-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #20404B !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-green-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #299f5f !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.vm-red-btn {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
}

.vm-red-btn-full {
  color: white !important;
  height: 40px;
  padding: 10px 20px;
  background: #d01a1a !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  width: 100%;
}

.add-icon {
  float: left;
  margin-top: -3px;
}

.add-event-btn-label {
  padding: 5px;
  line-height: 20px;
}

.label-capitalize {
  text-transform: capitalize;
}

.container {
  padding: 20px;
  width: 100%;
  margin-left: 0px;
}

.form-section {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.action-btns {
  width: 150px !important;
}

.add-another-data-link {
  color: #299f5f;
  padding-right: 48px;
  font-size: 15px;
  font-weight: bold;
}

.remove-data-link {
  font-size: 13px;
  font-weight: bold;
}

.add-another-data-link:hover,
.span-link:hover {
  cursor: pointer;
}

.red-icon {
  color: #dd4759;
  z-index: 1;
}


.left-input-icon {
  top: 26px;
  left: -2px;
}

.input-icon {
  color: #4a4949;
}


.dropdown-input-icon {
  top: 27px !important;
  right: -2px;
}

.vm-forms .rw-multiselect-taglist {
  padding-left: 22px !important;
}

.select-input-with-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 23px !important;
  padding-top: 0px !important;
}

.datepicker-input-with-icon {
  padding-left: 0px !important;
  padding-top: 7px !important;
}

.datepicker-input-with-icon input {
  padding-left: 24px !important;
}

.vm-forms .segmented-control {
  color: #565454 !important;
  border: 1px solid #ccc;
}

.vm-forms .segmented-control>label:before {
  background: #EC6445 !important;
}

.upload-photo-container {
  height: 150px;
  background-color: #dcd6d6;
  width: 135px !important;
}

.upload-photo-container:hover {
  cursor: pointer;
}

.camera-icon {
  font-size: 17px;
  alignment: center;
}

.upload-photo-container p {
  margin-top: 45px;
  color: #6d6d6d;
}

.upload-photo-container img {
  height: 150px;
}

.guest-empty-div {
  height: 70px;
}

.auto-complete-input-wit-icons {
  padding-left: 24px !important;
}

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

/** styles for autocomplete input **/
.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--focused {
  outline: none;
}

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

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

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 100%;
  border: 1px solid #aaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

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

.auto-complete-warning-message {
  text-align: left;
  color: #a94442;
}

/** end of styles for autocomplete input **/

.add-visitor-segment-control {
  margin-bottom: 0px !important;
}

.filter-container-time {
  padding-left: 5px;
}

.filter-container-date {
  padding-right: 2px;
}

.vm-top-searchbar {
  font-size: 15px !important;
  height: 38px !important;
  margin-top: 4 !important;
}

.vm-checkin-text {
  font-size: 10px;
  text-align: center;
  white-space: normal !important;
}

.vm-visitors-sort-icon {
  font-size: 12;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-sort-icon-popupfilter {
  font-size: 10;
  margin-top: 3;
  margin-left: 10;
  cursor: pointer;
}

.vm-visitors-popupfilter-container {
  min-width: 120;
}

.vm-visitors-table-container {
  padding: 50;
}

.vm-padding-top-5 {
  padding-top: 5;
}

#react-autowhatever-check_in_event {
  top: 38px;
}

.clear-dates-icon {
  margin-left: -14px;
  margin-top: 8px;
  cursor: pointer;
}

.visitor-active-switch-container .bootstrap-switch {
  margin-left: 0px;
}

.status-pop-up-container .popup-content {
  left: -30.7682px !important;
}

.loading-table {
  opacity: 0.3;
}

.visitors-table {
  position: relative;
}


.vehicles-container .pass-details-table {
  width: auto;
}

.vehicles-container .pass-details-table td {
  padding: 8px;
  width: auto;
}

.vehicles-container .pass-details-table td.pass-details-label {
  white-space: nowrap;
  width: 1%;
}

.vehicles-container .vehicle-line {
  margin-bottom: 5px;
  margin-top: 10px;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-img {
  width: 75px;
  height: 75px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-name {
  margin-top: 47px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}
.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}

.property-view-modal-vm .property-stat {  
  background:#F7F7F8;
  border: 1px solid #979797;
  border-radius: 5px;
  width: 105px;
  height: 70px;
  margin-left: 45px;
  margin-top: 20px;
  padding: 5px;
}

.property-view-modal-vm .property-stat .total-count {
  color: #214B58;
  font-size: 27px;
  text-align: center;
  font-weight: 600;
}

.property-view-modal-vm .property-stat .total-label {
  color: #3A3A39;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
}

.property-view-modal-vm .editable {
  display: flex;
  align-items: center;
}

.property-view-modal-vm .editable .glyphs {
  margin-right: 5px;
}

.property-view-modal-vm .grow {
  flex: 1;
}

.property-check-notes, .editable-property-field {
  width: 80%;
}
.table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

.properties-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.properties-toolbar .form-group {
  margin-bottom: 0;
}

.properties-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.text-link {
  text-decoration: underline;
  color: #307d95;
  cursor: pointer;
}

.table-container td {
  padding: 15px;
}

.loading-table {
  opacity: 0.3;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

.contact-table {
  position: relative;
}

.table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

/* Override the global `input[type="date"]:before` placeholder rule, which
   reserves 0.5em of empty space even when no placeholder is set. */
.property-check-date:before {
  content: none !important;
  margin-right: 0 !important;
}

.properties-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.properties-toolbar .form-group {
  margin-bottom: 0;
}

.properties-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.table-container td {
  padding: 15px !important;
}

.loading-table {
  opacity: 0.3;
}

.properties-table {
  position: relative;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.vendors-toolbar {
  display: flex;
  align-items: center;
  margin: 25px 25px 10px 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vendors-toolbar .form-group {
  margin-bottom: 0;
}

.vendors-toolbar .form-control-feedback {
  margin-top: 5px;
  font-size: 19px;
  color: #9b9b9b !important;
}

.vendors-table {
  position: relative;
}

.vendors-table-container {
  padding: 2em 43px;
  margin-top: -29px;
}

.vendors-table-container td {
  padding: 15px !important;
}

.vendors-loading-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}

/* The CSV file input is driven by the Upload CSV button, not shown itself. */
.vendors-csv-reader input {
  display: none;
}

/* The resident's Passes tab (CSA-9071). */

.homeowner-passes-loading,
.homeowner-passes-empty {
  padding: 32px 16px;
  text-align: center;
  color: #6b8189;
}

.homeowner-passes-empty p {
  margin: 0 0 6px;
}

.homeowner-passes-empty-hint {
  font-size: 13px;
}

.homeowner-passes-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 4px 4px;
}

.homeowner-passes-count {
  font-size: 13px;
  color: #6b8189;
}

/* Status reads at a glance, so the state is carried by more than the word.
   Void and Expired are the two a resident scans for. */
.homeowner-pass-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.homeowner-pass-status--void {
  color: #f81833;
}

.homeowner-pass-status--expired {
  color: #6b8189;
}

.homeowner-pass-status--printed,
.homeowner-pass-status--active {
  color: #079f5f;
}

.homeowner-pass-status--pending {
  color: #ec6445;
}

/* An archived pass is still the resident's history, so it is labelled rather
   than hidden or greyed into illegibility. */
.homeowner-pass-archived {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b8189;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 0 4px;
}

@media (max-width: 640px) {
  .homeowner-passes-footer {
    justify-content: center;
  }
}

.homeowner-passes-header {
  padding: 4px 4px 12px;
}

.homeowner-passes-no-property {
  font-size: 13px;
  color: #6b8189;
}

.homeowner-passes-actions {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

/*
 * CSA-9076: the Void and Edit actions on a row.
 *
 * Text buttons rather than icons, because "Void" is irreversible from the portal
 * and a glyph is a worse warning than a word. Void is red for the same reason,
 * and sits second so the destructive one is not the first thing under a
 * mis-aimed click.
 */
.homeowner-passes .homeowner-pass-actions {
  white-space: nowrap;
}

.homeowner-passes .homeowner-pass-action-btn {
  background: none;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  color: #214b58;
  font-size: 12px;
  margin-right: 6px;
  padding: 2px 10px;
}

.homeowner-passes .homeowner-pass-action-btn:hover {
  background: #f2f2f2;
}

.homeowner-passes .homeowner-pass-void-btn {
  color: #f81833;
  margin-right: 0;
}

.homeowner-passes .homeowner-pass-void-btn:hover {
  background: #fdecee;
}

/* An archived or already-void row: the column still needs to line up. */
.homeowner-passes .homeowner-pass-no-actions {
  color: #b5b5b5;
}

/*
 * The void confirm is AlertModal — the same dialog every other destructive
 * gated-community action goes through — so its layout, its heading and its two
 * buttons are already dressed. All it adds is the line that tells one pass for
 * the same guest from another.
 */
.warning-body .homeowner-void-pass-dates {
  color: #6b8189;
  font-size: 13px;
  margin: 0;
}

/* What the edit form cannot change, shown so the resident knows it is the right
 * pass: the property, the vendor and the pass type. Centred under the heading,
 * because everything above it in that modal is. */
.homeowner-edit-pass-modal .homeowner-edit-pass-context {
  color: #6b8189;
  font-size: 13px;
  margin: 0 0 18px;
  text-align: center;
}

/*
 * The heading funnels. PopUpFilter floats its trigger, so the sort arrow beside
 * it needs the row to clear; without this the two stack and the header row
 * doubles in height.
 */
.homeowner-passes .react-bs-container-header th {
  white-space: nowrap;
}

.homeowner-passes .react-bs-container-header th::after {
  content: '';
  display: block;
  clear: both;
}

/* Who has visited this household (CSA-9074). */

.homeowner-visitors-empty {
  padding: 32px 16px;
  text-align: center;
  color: #6b8189;
}

.homeowner-visitors-empty p {
  margin: 0 0 6px;
}

.homeowner-visitors-empty-hint {
  font-size: 13px;
}

.homeowner-visitor-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* A banned visitor is the one thing on this screen a resident must not miss. */
.homeowner-visitor-banned {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.add-pass-modal {
  width: 50%;
}

.add-pass-modal .modal-content {
  padding-left: 20px;
  padding-right: 20px;
}

.add-pass-modal .guest-modal-body {
  margin-top: 35px;
  margin-bottom: 25px;
}

.add-pass-modal .request-btn {
  width: 120px;
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}
  
.add-pass-modal .cancel-btn {
  color: white !important;
  border: 5px solid #fa7484;
  background: #f81833 !important;
  width: 90px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  padding: 2px !important;
}

.add-pass-modal .export-btn {
  width: 90px;
  background-color: #307096;
  background: #307096;
  border:5px solid #8DB7c5;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.add-pass-modal .import-btn {
  width: 90px;
  background-color: #307096;
  background: #307096;
  border:5px solid #8DB7c5;
  color: white !important;
  height: 40px;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
}

.add-pass-modal .guest-top-row, 
.add-pass-modal .guest-mid-row {
  padding: 0;
}

.add-pass-modal .guest-top-row {
  display: flex;
  height: 100px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.add-pass-modal .span-number-of-guests {
  font-size: 16px;
}

.add-pass-modal .input-guest-amount {
  height: 30px;
  width: 60px;
  border-radius: 5px;
  text-align: center;
}

.add-pass-modal .btn-add-guests {
  height: 30px;
  width: 40px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: transparent;
  transition: all .2s;
}

.add-pass-modal .btn-add-guests:hover {
  background-color: #ccc;
}

.add-pass-modal .span-total-guests {
  font-size: 18px;
}

.add-pass-modal .guest-mid-row {
  width: 100%;
}

.add-pass-modal .span-guest-number {
  width: 50px;
  text-align: end;
}

.add-pass-modal .guest-names-row {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
}

.add-pass-modal .guest-name-row {
  display: flex;
  align-items: center;
  width: 100%;
}

.add-pass-modal .guest-name-container {
  flex: 1;
}

.add-pass-modal .remove-guest-container {
  display: flex;
  justify-content: center;
  width: 40px;
}

.add-pass-modal .btn-remove-guest {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  background-color: transparent;
  color: rgb(212, 62, 62);
  border: 1px solid rgb(212, 62, 62);
  border-radius: 5px;
  transition: all .2s;
}

.add-pass-modal .btn-remove-guest:hover {
  background-color: rgb(212, 62, 62);
  color: white;
}
.contact-name, .title-name {
  color: #307d95;
  text-align: center;
}

.contact-name {
  font-family: Lato;
    font-size: 26px;
    line-height: 37px;
    font-weight: bold;
}

.title-name {
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  margin-top:10px;
}

.print-badge-btn {
  margin-top: 10px;
}

.contact-img {
  width: 150px;
  height: 150px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-img {
  width: 75px;
  height: 75px;
  box-shadow: 0px 2px #e6e3e0;
  margin-bottom: 7px;
}

.contact-list-name {
  margin-top: 47px;
}

.contact-container {
  padding: 20px;
}

.contact-img-container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center;
}

.contact-img-container span {
  margin-left: 27px;
}

.contact-container .sub-title {
  color:#828282 !important;
  font-size: 15px;
}

.data-label {
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  color:#3a3a39;
  margin-bottom: 0px;
}
.current-data {
  text-align: left;
  font-size: 13px;
  color: #214B58;
  padding-left: 9px;
  padding-bottom: 5px;
}

.table-bordered>thead>tr>th {
  background: #f7f7f8;
  border: none !important;
}

.table-bordered {
   border: none !important; 
}

.properties-table th {
  text-align: center;
}


.guests-container.row {
  margin-left: 0;
  margin-right: 0;
}

.guests-container .action-col {
  padding-right: 25px;
  margin-top: 20px;
}

.guests-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.property-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 2px solid #ccc;
  grid-gap: 2px;
  margin: 30px;
  background-color: #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.property-wrapper > div {
  background-color: white;
  padding: 15px;
}

.column-title {
  background-color: #eee !important;
  text-align: center;
  font-weight: bold;
}
.comm-business-container.row {
  margin-left: 0;
  margin-right: 0;
}
  
.comm-business-container .action-col {
  padding-right: 25px;
  margin-top: 20px;
}
  
.comm-business-container .green-download-btn {
  background-color: #299f5f;
  border: 5px solid #7ec59f;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}

.comm-business-container .blue-download-btn {
  background: #61BBD9;
  border: 5px solid #AADCED;
  color: white !important;
  height: 40px;
  width: 100% !important;
  padding: 2px !important;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}
.comm-business-container-users .user-content {
    margin: 30px;
    padding: 0 15px;
  }
.questionnaire-container {
  background:white;
}

.questionnaire-container #canvasWindow {
  padding: 0px !important;
}

/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
@media (min-width:320px)  { 
  .questionnaire-main-container {
    padding:0px !important;
  }
}

/* smartphones, Android phones, landscape iPhone */
@media (min-width:481px)  { 
  .questionnaire-main-container {
    padding:0px !important;
  }
}

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (min-width:641px)  { 
  .questionnaire-main-container {
    padding:0px !important;
  }
}

@media (min-width:801px)  { 
  /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  .questionnaire-main-container {
    padding:0px !important;
  }
}

@media (min-width:1025px) { 
  /* big landscape tablets, laptops, and desktops */ 
  .questionnaire-main-container {
    padding:0px !important;
  }
}

.questionnaire-boxes .bootstrap-switch {
  margin-left: 33% !important;
}

.lost-found-portal {
  background: #214B58;
  color:#ffffff;
  min-height: 100vh;
}

.lost-found-portal .header-title {
  font-size: 20px;
  text-align: left;
  font-weight: 700;
  margin-left: 10px;
}

.lost-found-portal .sub-title {
  color: #EC6445;
}

.lost-found-portal .lf-portal-main {
  padding: 20px 30px;
}

.lost-found-portal .lf-portal-form {
  padding: 10px 30px;
}

.lost-found-portal .lf-portal-form-details {
  padding: 0px 40px;
}

.lost-found-portal .hr-line {
  margin-bottom: 30px;
}

.lost-found-portal .column-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lost-found-portal .column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.lost-found-portal .row-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.lost-found-portal .react-autosuggest__suggestions-list {
  color: #000;
}

.lost-found-portal .rdtPicker {
  color: #333;
}

.lost-found-portal #submit-btn {
  background: #EC6445;
  border: none;
  color:#ffffff;
  margin-top: 25px;
}

.lost-found-portal .attachment-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.lost-found-portal .attachment-image {
  width: 100%;
}

.lost-found-portal .width-150 {
  width: 150px;
}

.lost-found-portal .upload-input {
  display: none !important;
}

.lost-found-portal .header-logo {
  text-align: right;
}

.lost-found-portal .contact-bar {
  margin-top: 60px;
}

.lf-portal-confirm-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60vh;
}

.lf-portal-confirm-main h3 {
  font-weight: bold;
  margin-bottom: 25px;
}

.lf-portal-confirm-main h4 {
  font-weight: bold;
  line-height: 23px;
}
.privacy-policy-page {
  background: #ffffff;
  color: #333333;
  min-height: 100vh;
}

.privacy-policy-page .pp-header {
  background: #214B58;
  color: #ffffff;
  padding: 30px 20px;
}

.privacy-policy-page .pp-header-inner {
  max-width: 800px;
  margin: 0 auto;
}

.privacy-policy-page .pp-header-title {
  font-size: 24px;
  font-weight: 700;
}

.privacy-policy-page .pp-header-subtitle {
  font-size: 16px;
  color: #EC6445;
  font-weight: 600;
  margin-top: 4px;
}

.privacy-policy-page .pp-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 20px 60px;
  line-height: 1.6;
}

.privacy-policy-page .pp-content h2 {
  color: #214B58;
  font-size: 19px;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 12px;
}

.privacy-policy-page .pp-content h3 {
  color: #214B58;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 8px;
}

.privacy-policy-page .pp-content p {
  margin-bottom: 14px;
  font-size: 15px;
}

.privacy-policy-page .pp-content ul {
  margin-bottom: 14px;
  padding-left: 22px;
}

.privacy-policy-page .pp-content li {
  margin-bottom: 8px;
  font-size: 15px;
}

.privacy-policy-page .pp-updated {
  font-style: italic;
  color: #666666;
}

.privacy-policy-page .pp-contact {
  font-weight: 600;
}

.privacy-policy-page .pp-content a {
  color: #EC6445;
}

.main-content {
    width: 100%;
    display: flex;
}

.main-content .sidebar { height: auto; }

.main-content .content-section {
    height: 100%;
}

.content-section .page-wrapper {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.top-widget-container {
    display: flex;
    max-height: 35%;
    width: 100%;
    overflow-x: scroll;
}
.top-widget {
    /* flex: 1; */
    padding: 10px;
    /* overflow-y: scroll; */
}

.side-widget-container {
    display: flex;
    flex-direction: column;
}
.side-widget-container > *  {
    flex: 1;
    max-height: 50%;
}


.content-section .content-container {
    flex: 1;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.content-section .content-container .main-content-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media screen and (max-height: 1280px) {
    .content-section .content-container .last-widget {
        display: none;
    }
}

.react-bs-table-pagination .show, .react-bs-table-pagination .open {
  display: inline !important;
}

.react-bs-table-pagination .dropdown-menu {
  top: 25px;
  left: -109px;
}