body, html {
    background: #fafafa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: var(--ez-font-size);
}

:root {
    /* Brand Colors */
    --color-brand-dark-green-h: 180;
    --color-brand-dark-green-s: 100%;
    --color-brand-dark-green-l: 23%;
    --color-brand-dark-green: hsl(var(--color-brand-dark-green-h), var(--color-brand-dark-green-s), var(--color-brand-dark-green-l));
    --color-brand-white: #FFFFFF;
    --color-brand-gray: #7C7B7B;
    --color-brand-yellow: #F0B600;
    --color-brand-red: #B5413B;
    --color-brand-blue: #99DAFF;
    --color-brand-light-green: #42C700;
    /* Gradients */
    --color-gradient-01: linear-gradient(0deg, #EAF0FE 0%, #DDE5FE 100%);
    --color-gradient-02: linear-gradient(0deg, #33A29F 0%, #19DACF 100%);
    --color-gradient-03: linear-gradient(0deg, #017F7B 0%, #175162 100%);
    --color-gradient-04: linear-gradient(0deg, #33A29F 0%, #D3E9E8 100%);
    --color-gradient-05: linear-gradient(0deg, #3BE2DD 0%, #90E3E0 100%);
    --ez-font-size: 0.9rem;
    --breakpoint-sm: 768px;
    --breakpoint-md: 992px;
    --breakpoint-lg: 1280px;
}

.checkbox > label > input {
    margin-right: 0.5rem;
}

.bg-ez-primary {
    background-color: var(--color-brand-dark-green) !important;
    color: #fff !important;
}

.bg-primary-400 {
    --color-brand-dark-green-l: 13%;
    --color-brand-dark-green: hsl(var(--color-brand-dark-green-h), var(--color-brand-dark-green-s), var(--color-brand-dark-green-l));
    background-color: var(--color-brand-dark-green);
    color: #fff;
}

.bg-gradient-01 {
    background: var(--color-gradient-01);
}

.bg-gradient-01-blur {
    background: linear-gradient(to bottom,  rgba(232,239,255,0) 0%,rgba(232,239,255,1) 100%);
}

.text-ez-primary {
    color: var(--color-brand-dark-green) !important;
}

.datepicker-table td button.today {
    background-color: #ffef99 !important;
}

.bg-exclusive-lock {
    background-color: #dfdf00;
}

input[type="checkbox"] {
  accent-color: var(--color-brand-dark-green);
}

a.nav-link:hover {
    cursor: pointer;
}

.max-width-100 {
    max-width: 100%;
}

.bootbox {
    display: flex;
    justify-content: center;
    align-content: center;
}

.modal-content {
    background-color: #F6F6F6;
}

.bootbox .modal-header, .modal-header {
    align-items: center;
}

.bootbox .modal-title, .modal-title {
    font-weight: 600;
}

.bootbox-prompt .modal-title {
    font-size: 2.5rem !important;
}

.buttonColumn {
    height: 100% !important;
}

.first-letter-capitalize {
	text-transform: lowercase;
}

.first-letter-capitalize::first-letter {
	text-transform: capitalize;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: var(--color-brand-dark-green);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--color-brand-dark-green);
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:disabled + .slider {
    opacity: 0.6;
    cursor: default;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.grid {
    display: grid;
}

.gap-2 {
    gap: .5rem;
}

.gap-3 {
    gap: .75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-5 {
    grid-column: span 5 / span 5;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.grid-auto-columns {
    grid-template-columns: repeat(auto-fit, 250px);
}

.dashboard-padlock-column {
    grid-template-columns: 145px 1fr;
    min-width: 190px;
    max-height: 80px;
    overflow-y: auto;
}

.dashboard-no-padlock-column {
    min-width: 190px;
    max-height: 80px;
    overflow-y: auto;
}

.grid-3-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.word-break-all, .growl-message {
    word-break: break-all;
}

.error {
    color: white;
    background-color: red;
}

.errorText {
    color: red;
}

.hand {
    cursor: pointer;
}

.strike {
	text-decoration: line-through;
}

.bold {
	font-weight: bold;
}

.clear-readonly {
	background-color: #FFFFFF !important;
	cursor: text !important;
}

#threadDump .popover, #healthCheck .popover {
    top: inherit;
    display: block;
    font-size: 10px;
    max-width: 1024px;
}

#healthCheck .popover {
    margin-left: -50px;
}

.alert .popover pre {
    font-size: 10px;
}

TD.padlockCell
{
    padding:0px !important;
}

.padlockCell UL
{
	max-height: 80px;
	margin: 0px;
    padding-left: 20px;
    overflow-y: auto;
}

.padlockList
{
	max-height: 200px;
	margin: 0px;
    padding-left: 20px;
    overflow-y: auto;
}

.padlockList li:hover
{
    cursor: pointer;
}

TD.lockingSpotCell
{
	padding:0px !important;
}

.lockingSpotCell UL,
.lockingSpotCellMobile UL,
.lockingPlaceCellMobile UL
{
	margin: 0px;
	padding-left: 20px;
	overflow-y: auto;
}

.lockingSpotCell UL
{
	max-height: 80px;
}

.lockingSpotCellMobile UL,
.lockingPlaceCellMobile UL
{
	max-height: 120px;
}

.lockingPlaceCell DIV
{
	overflow-y: auto;
	max-height: 80px;
}

DIV.operational-unit-code-div,
DIV.mobile-toggle-button-div
{
	padding-left: 5px;
	color: rgb(0, 126, 122);
}

DIV.mobile-toggle-button-div:hover
{
	color: rgb(237, 177, 17);
}

DIV.operational-unit-code-div DIV,
DIV.mobile-toggle-button-div DIV
{
	padding:8px;
	vertical-align: middle;
}

DIV.mobile-toggle-button-div DIV
{
	cursor: pointer;
}

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/* start Password strength bar style */
ul#strength {
    display:inline;
    list-style:none;
    margin:0;
    margin-left:15px;
    padding:0;
    vertical-align:2px;
}

.point {
    background:#DDD;
    border-radius:2px;
    display:inline-block;
    height:5px;
    margin-right:1px;
    width:20px;
}
/* end Password strength bar style */

/************* Customiza��o do tema   ***********************/

th.sortable.sort-asc
{
    background-color: rgb(237, 177, 17) !important;
}
th.sortable.sort-desc
{
    background-color: rgb(237, 177, 17) !important;
}

TABLE
{
	background-color: #FFFFFF;
	border: solid 1px #EEEEEE;
}

TH
{
	background-color: rgb(0, 126, 122);
	color: #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: none !important;
	border-top: none !important;
	vertical-align: middle !important;
}

TABLE th.sortable div:after,
TABLE th.sortable div:before
{
	border-color: #FFFFFF transparent !important;
	opacity: 0.8 !important;
}

TABLE TD
{
	border-right: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
	vertical-align: middle !important;
}

.btn-danger
{
	background-color: #BB133E;
}
DIV.panel-heading
{
	background-color: rgb(0, 126, 122) !important;
	color: #FFFFFF !important;;
}


/************* FIM - Customiza��o do tema   ***********************/
.green-circle {
    color: #5cb85c;
}

.red-circle {
    color: #d9534f;
}

.yellow-circle {
    color: #bdbd00;
}

.navbar-brand {
    padding: 8px !important;
}

/* BEGIN=========== Map style  =================*/
.map {
  height: 500px;
  width: 100%;
}

.location_highlight {
    fill-opacity: 0.6;
}
/* END =========== Map style  =================*/

.ng-invalid.ng-dirty {
    border-color: #a94442;
}

ul.dropdown-menu {
    z-index: 999999;
}

.datepicker .btn.btn-default {
    display: inline-block;
    color: #666666 !important;
    background-color: #FFF !important;
    border: 1px solid #FFF;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    text-shadow: 0px !important;
}

.datepicker .btn.btn-default:hover {
    background-color: #428bca !important;
    border-color: #357ebd  !important;
    color: #FFFFFF !important;
}

.timepicker .btn.btn-default {
    display: inline-block;
    color: #666666 !important;
    background-color: #FFF !important;
    border: 1px solid #FFF;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: all ease .15s;
    -o-transition: all ease .15s;
    transition: all ease .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    text-shadow: 0px !important;
}

.timepicker .btn.btn-default:hover {
    background-color: #428bca !important;
    border-color: #357ebd  !important;
    color: #FFFFFF !important;
}

/*****************************************/
DIV.page-header
{
	color: rgba(53, 53, 53, 1);
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #F7F7F7;
}

div.page-header h1
{
	padding: 10px 15px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

div.page-header h1 {
    font-size: 22px;
    font-weight: bold;
}

.w100
{
	width: 100%;
}

.w200px
{
    width: 200px;
}

.line-height34px {
    line-height: 34px;
}

TABLE.simple
{
	border-collapse: collapse;;
}


#fixedModalBg
{
	background-color: black;
	position: fixed;
	top:0px;
	left:0px;
	width: 0px;
	height: 0px;
	z-index: 100;
}

#fixedModalPopup
{
	left:0px;
	height: 0px;
	position: fixed;
	width: 0px;
	top:0px;
	z-index: 101;
}

#fixedModalPopup > DIV
{
	margin: auto;
	background-color: #FFFFFF;
	overflow: auto;
	padding:5px;

	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#fixedModalContent TABLE
{
	border: none;
}
#fixedModalContent TD
{
	border: none;
}


#fixedModalButton
{
	position: fixed;
	top:0px;
	left:0px;
	z-index: 102;

	padding-top: 4px;
	padding-right: 20px;
}
#fixedModalButton > DIV
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

	box-sizing: border-box;
	background-color: #DDDDDD;
	color: #333333;
	cursor: pointer;
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
	width: auto;
}

.errorinput
{
	background: rgba(254, 186, 186, 0.5) !important;
}

#htmlErrorModalPopupBg
{
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index:10000;
}


#htmlErrorModalPopup
{
	left: 0px;
	top: 0px;
	position: fixed;
	z-index:20000;
}

#htmlErrorModalPopup > DIV
{
	width: 600px;
	padding: 0px;
	padding-right: 6px;
}

#htmlErrorModalContent
{
	padding-top: 15px;
	padding-right: 8px;
	padding-left: 15px;
	padding-bottom: 0px;
}

#htmlErrorModalPopup .closeIcon
{
	border: none;
	color: rgb(169, 68, 66);
	cursor: pointer;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	opacity: 0.2;
	padding: 0px;
	position: relative;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}
#htmlErrorModalPopup .closeButton
{
	background-image: url("../images/error_icon.png");
	background-repeat: no-repeat;
	background-position: right top;

	border: none;

	height: 30px;
	text-align: center;
}
#htmlErrorModalPopup .closeButton > BUTTON
{
	border: none;
	background-color: transparent;
	color: rgb(169, 68, 66);
	cursor: pointer;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	opacity: 0.5;
	padding: 0px;
	padding-top: 5px;
	position: relative;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
	text-align: center;
	text-transform: lowercase;
}

.greenColor
{
	color: #5cb85c;
}
.redColor
{
	color: #DD0000;
}
.grayColor
{
	color: #BBBBBB;
}
.mousePointer
{
	cursor: pointer;
}
.noBorder
{
	border: none;
}
TABLE.noBorder TD
{
	border: none;
}
.left
{
	text-align: left;
}

DIV.userDetailMouseOver
{
	cursor: pointer;
}
DIV.userDetailMouseOver:hover
{
	text-decoration: underline;
}


TABLE.thin-padding TD
{
	padding: 2px !important;
}

TD.tagPrintTableIcon
{
	padding:4px !important;
	font-size: 22px;
	color: green;
	cursor: pointer;
}

.vAlignMiddle
{
	vertical-align: middle !important;
}
SPAN.lockOrderInfoButton,
.lockOrderInfoButton SPAN
{
	color: rgb(61, 126, 219);
	white-space: nowrap;
}

.nonElectricalPictureButton {
	text-align: center;
	font-size: 20px;
}

.picture-mouse-over {
	cursor: pointer;
	font-size: 20px;
}

TABLE.no-border,
TABLE.no-border TD
{
	border: 0px;
}
.padding-right-20
{
	padding-right: 20px;
}
.padding-left-20
{
	padding-left: 20px;
}

.downloadDialogModal .ui-widget-header
{
	background-color: rgb(0, 126, 122) !important;
	background-image: none !important;
	color: #FFFFFF !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

DIV.dateAccordionFix
{
	height: 0px;
}

DIV.applicationsLogList DIV
{
	border-bottom: solid 1px #F0F0F0;
	line-height: 30px;
}

DIV.applicationsLogList DIV:hover
{
	cursor: pointer;
	background-color:#F9F9F9;
	text-decoration: underline;
}

DIV.applicationsLogList .folder
{
	color: rgb(243, 210, 132);
}

DIV.applicationsLogList .file
{
	color: rgb(21, 126, 251);
}
DIV.small-text
{
	font-size: 12px;
	font-style: italic;
}

/* Para a diretiva */
.lockActivitySelect .clickable
{
	cursor: pointer !important;
}
.lockActivitySelect .lockActivitySelect-modal .table
{
	margin-bottom: 0px;
}

.lockActivitySelect .pagination
{
	margin: 0px;

}
.underline-on-mouse-over:hover
{
	text-decoration: underline;
}
.cursor-pointer
{
	cursor:pointer;
}
.cursor-help
{
	cursor:help;
}

.empty-grid-message
{
	font-style: italic;
	text-align: center;
}
.installed-printers-hint
{
	border-bottom: solid 1px #E5E5E5;
	font-size: 12px;
	font-style: italic;
	padding: 10px;
}
.equipment-part-div
{
	min-width: 180px;
	max-width: 200px;
}

.equipment-part-div .div-input
{
	margin-right:20px;
}

.equipment-part-div i
{
	color: #428bca;
	cursor: help;
	font-size: 16px;
	margin-top:5px;
}

.equipment-part-div input
{
	height: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
}

#confirmationOperationInProgress-display
{
	position: absolute;
	top: 10px;
	left: 10px;
	min-width: 200px;

	background-color: #DD0000;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius:4px;

	display: none;
}

DIV.modal-modalLockOrderInfo
{
    max-width: 1110px;
}

ul.listEzero
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.subListEzero
{
	list-style-type: disc;
}

div.obsQrcodeNotRead{
	max-width: 200px;
	max-height: 200px !important;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word;
}

.lockMatrixConfirmAlert > .modal-dialog{
	margin-top: 6%;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-70 {
    opacity: 0.7;
}

.importHistoryData{
    padding:20px;
    white-space:break-spaces;
}

.importHistoryData ul{
    white-space:initial;
}

.iconNumber{
    font-size: 12px !important;
    position: absolute;
    margin: 38px 0 0 -10px;
}

a span svg{
    color: #428bca;
}

.text-primary{
    color: #428bca !important;
}

.backButton svg {
    color: rgb(0, 126, 122) !important;
}

.helpDivButtons{
    display: flex;
    justify-content: space-evenly;
    margin: 40px 0;
}

.helpButton{
    text-align: center;
    width: 150px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #a8dd87;
    color: #444;
}

.helpButton:hover{
    box-shadow: 0 0 5px 0px #4a4a4a;
}

.helpButtonIcon{
    font-size: 90px;
}

.step2Divs{
    display: flex;
    width: 100%;
    height: 120px;
    margin-bottom: 35px;
    background-color: #c5e0b4;
    color: #444;
    border-radius: 8px;
}

.step2Divs:hover{
    box-shadow: 0 0 5px 0px #4a4a4a;
    text-decoration: none;
    color: #444;
}

.step2DivsInternos1{
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step2DivsInternos2{
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.out-matrix-container {
  align-content: flex-between;
}

.left {
  flex-grow: 5;
}
.right1 {
  align-self: flex-end;
}

.right2 {
  align-self: flex-end;
}

.btn-out-matrix {
  display: inline-block;
  background-color: white;
  border: 2px solid #007e7a;
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 1.5;
  vertical-align: middle;
  border-radius: 0.25rem;
  color: #007e7a; /* Cor das letras igual à cor da borda */
  text-decoration: none;
  text-align: center;
  font-weight: 400;
}

.btn-out-matrix:hover {
  background-color: #f5f5f5;
}

.file-drop-area.dragover {
    border-width: 5px;
}

.file-drop-area {
  border: 2px dashed #ccc;
  height: 250px;
  transition: all 0.3s;
}

.file-drop-icon {
  font-size: 50px;
  color: #999;
}

.btnStatusMachine{
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-color: #007bff;
    border-radius: 41px;
    color: #FFF;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modalPrintAreaConfig{
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.ta-container {
    background-image: url(data:image/png;base64,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);
}

.ta-toolbar {
    background-color: #F0F0F0;
    padding: 10px 10px 5px;
    margin-left: 0;
    border: 1px solid #EEE;
}

.ta-editor, .white-box {
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EEE;
}

.popover > .arrow {
    border-width: 0;
}

.popover > .arrow, .popover > .arrow:after {
    border-right-color: #fff;
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
}

.equipment-search-container .input-group {
    display: flex;
    align-items: stretch;
    width: 100% !important;
}

.equipment-search-container .ui-select-container {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

.equipment-search-container .input-group-append {
    display: flex;
    margin-left: 1px;
}

.equipment-search-container .input-group-text {
    display: flex;
    align-items: center;
}

.equipment-search-container .ui-select-match {
    width: 100% !important;
}

.equipment-search-container .ui-select-choices-row.active > span {
    background-color: white;
    color: inherit !important;
}

.equipment-search-container .ui-select-choices-row:hover > span,
.equipment-search-container .ui-select-choices-row.active:hover > span {
    background-color: #f5f5f5 !important;
    color: inherit !important;
}

.equipment-search-container .ui-select-no-choice {
    pointer-events: none !important;
    cursor: default !important;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	font-size: var(--ez-font-size);
	text-indent: 7px;
    width: 100% !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
	line-height: 1;
}

.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    display: block;
}

.ui-select-match-item.btn.btn-default.btn-xs {
    color: #212529;
    background-color: #F8F8F8;
    padding: 0 15px;
    border-radius: 20px;
    border: none;
    margin: 0;
}

div[limit="1"].ui-select-multiple  span.ui-select-match:has(span) ~ input.ui-select-search {
    display: none;
}

.ui-select-multiple.ui-select-bootstrap {
     padding: .375rem .75rem;
}

div[limit="1"].ui-select-multiple[disabled="disabled"] {
    background-color: #e9ecef;
}

div[limit="1"].ui-select-multiple[disabled="disabled"] .ui-select-match-item {
    pointer-events: none;
    border: none;
}

.text-sm {
    font-size: 0.7rem;
}

#undoRemovalReportMatrixInconsistency:hover {
    text-decoration: underline;
}

details > summary {
    list-style: none;
    position: relative;
}

details > summary:hover {
    color: var(--color-brand-dark-green);
}

details > summary:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f063";
    position: absolute;
    right: 1rem;
    transform: translatey(-50%);
    top: 50%;
}

details[open] > summary:after {
    content: "\f062";
}


.line-in-middle:after {
    content:"";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 32px;
    border-left: 2px solid var(--color-brand-dark-green);
    transform: translate(-50%);
}

.overflow-y-auto {
    overflow-y: auto;
}

.notification-item {
    transition: background-color 0.4s;
}

.notification-item:hover {
    cursor: pointer;
    background-color: #7d7d7d30;
}

[text-angular-toolbar] .btn.active {
    background-color: #6c757d;
    color: #FFFFFF;
}

text-angular.ng-invalid-html-max-length .ta-editor {
    border-color: #dc3545;
}

.space-x-3 > *:not(:first-child) {
    margin-left: 0.75rem;
}

.space-y-3 > *:not(:first-child) {
    margin-top: 0.75rem;
}

.space-y-5 > *:not(:first-child) {
    margin-top: 1.25rem;
}

.synoptic ol {
    list-style: none;
    padding-left: 1rem;
}

.synoptic li > div:hover,
.synoptic li > div:hover+ol li div {
    background: rgb(237, 177, 17);
}

.line-clamp-1 {
    display: -webkit-box;
    /* max-width: 200px; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

.skeleton-text {
    height: 15px;
    border-radius: 0.25rem;
}

.hide-scroll::-webkit-scrollbar {
    background: transparent; /* make scrollbar transparent */
    width: 0;
}

.space-x-2 > *:not(:first-child) {
    margin-left: 0.5rem;
}

.z-10 {
    z-index: 10;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .50rem !important;
}

.mt-2\.5 {
    margin-top: .75rem !important;
}

.-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

.-ml-3 {
    margin-left: -1rem !important;
}

.space-x-3 > *:not(:first-child) {
    margin-left: 0.75rem;
}

.space-x-4 > *:not(:first-child) {
    margin-left: 1rem;
}
.space-y-2 > *:not(:first-child) {
    margin-top: 0.5rem;
}
.space-y-3 > *:not(:first-child) {
    margin-top: 0.75rem;
}
.variables-list > .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variables-list > .list-group-item > span {
    display: none;
}

.variables-list > .list-group-item:hover > span {
    display: block;
}

.card-selected {
    background-color: #DDDDDD;
}

.card-hover-primary:hover {
    background-color: var(--color-brand-dark-green);
    color: #FFFFFF;
}

.card-hover-primary:hover h6 {
    color: #FFFFFF !important;
}

.border-dashed {
    border-style: dashed;
}

.h2 {
    font-size: clamp(24px, 5vw, 32px);
}

.ui-select-match-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.accordion button:not(.collapsed) ~ .fa-arrow-down, .accordion button ~ .fa-arrow-up {
    display: none !important;
}

.accordion button ~ .fa-arrow-down, .accordion button:not(.collapsed) ~ .fa-arrow-up {
    display: inline-block !important;
}

.ui-select-container[disabled="disabled"] {
    background-color: #e9ecef;
}

/* SM */
@media (min-width: 0px) {
    .sm-col-span-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm-col-span-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm-col-span-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm-col-span-1 {
        grid-column: span 1 / span 1;
    }

    .sm-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* MD */
@media (min-width: 768px) {
    .w-md-50 {
        width: 50%;
    }

    .w-md-75 {
        width: 75%;
    }

    .md-grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .md-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md-col-span-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md-col-span-5 {
        grid-column: span 5 / span 5;
    }

    .md-col-span-6 {
        grid-column: span 6 / span 6;
    }

    .md-col-span-7 {
        grid-column: span 7 / span 7;
    }
}

/* LG */
@media (min-width: 992px) {
    .lg-col-span-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg-col-span-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* XL */
@media (min-width: 1200px) {

}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 80%);
    }
    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.reduce-padding-inline-start ul {
    padding-inline-start: 15px !important;
}

.locking-spot-information-container * label, legend {
     font-weight: bold;
}

.locking-spot-information-container * p {
    word-break: break-all;
}

.alert-notification p {
    margin: 0;
    line-break: anywhere;
}

.max-w-sm {
    max-width: var(--breakpoint-sm);
}

.max-w-md {
    max-width: var(--breakpoint-md);
}

.max-w-lg {
    max-width: var(--breakpoint-lg);
}