body{
			zoom: 90% !important;
		}
		
.x-filters-foot {
	display: none !important;
}

.panel-heading .panel-title, .panel-heading .title, .panel-heading > h1, .panel-heading > h2, .panel-heading > h3, .panel-heading > h4, .panel-heading > h5, .panel-heading > h6{
	font-size: 20px;
}

.btn-green, .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}

.btn-save, .btn-save:hover, .btn-save:focus, .btn-save:active, .btn-save[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}

.btn-add, .btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add[disabled]{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}

.modal-body p{
	font-size: 16px;
	line-height: 28px;
}

button.ab{
	margin-bottom: 3px;
}

.x-trail-container{
	border: 1px solid red;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
	padding: 30px;
	width: 90%;
	background: #FDBFBF;
}

.x-trail-container .grayish{
	color: black;
}


.btn-clearpic[disabled]{
	display: none;
}

.form-group{
	background: #fafafa;
	padding: 10px;
	border-radius: 8px;
	
}

.form-group label{
	font-weight: 500;
	font-size: 13px;
	
}
.form-control{
}

.form-control[readonly]{
	cursor: not-allowed;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: black;
}
.nav-tabs > li > a{
	border: 0px solid black !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border: 0px solid black !important;
}
.nav-tabs > li {
    float: left;
    margin-bottom: 0px;
}


.table-form .table-form-fieldname{
	height: 43px;
	font-size: 13px;
}

[disabled] {
    cursor: not-allowed !important;
}

/* custom classes */ 
.x-viewphoto{
	cursor: pointer !important;
}

.bold{
	font-weight: bold !important;
}
.note-container{
	border: 1px solid #27A844;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
	padding: 30px;
	width: 90%;
	background: #E7F9E8;
}

.invi{
	visibility: hidden;
}
.picon{
	color: #555555;
}


/* swal overides */
.swal2-confirm, .swal2-confirm:hover, .swal2-confirm:focus, .swal2-confirm:active{
	color: white !important;
	background: #27A844 !important;
	border-color: #27A844 !important;
}
.swal-wide{
    width:850px !important;
}
.swal2-content{
	line-height: 25px !important;
}
.swal2-actions .btn:hover, .swal2-actions .btn:focus{
	color: #ffffff !important;
}
/* radio button overides */
.am-checkbox input[type="checkbox"]:disabled + label, .am-radio input[type="checkbox"]:disabled + label, .am-checkbox input[type="radio"]:disabled + label, .am-radio input[type="radio"]:disabled + label{
	opacity: 1;
}


/* select 2 overides */
.select2{
	min-width: 100% !important;
}
.select2-container .select2-selection{
	min-height: 44px;
	font-size: var(--main-font-size);
	vertical-align:middle;
}
th .select2-container .select2-selection{
	min-height: 33px;
}
.select2-selection__rendered{
	line-height: 24px !important;
}
.select2 *:focus-visible {
	outline: 0px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
	background: #ffffff !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: #ffffff;
}
.select2-container--disabled span{
	cursor: not-allowed;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after{
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 5px;
}
.select2-container--default .select2-selection--single{
	border: 1px solid #eaeaea !important;
}
.select2-container--default .select2-selection--multiple{
	border: 1px solid #eaeaea !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-top: 8px;
	background-color: #f2f2f2;
}
[disabled] .select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding-left: 5px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	background: white;
	height: 40px;
	border: 1px solid #eaeaea !important;
	border-radius: 5px;
}
.selectionloading{
	height: 44px;
	padding: 12px !important;
	white-space: nowrap;
	width: 100% !important;
	overflow: hidden;
}
.dataTable .selectionloading{
	height: 34px;
	padding: 8px !important;
	white-space: nowrap;
	width: 100% !important;
	overflow: hidden;
}
.select2-hidden-accessible{
	display:none !important;
}

.select2-selection__choice{
	padding-left: 20px !important;
}
.select2-selection__choice__remove{
	padding-top: 3px !important;
}

.sk-fading-circle{
	z-index: 1000;
}

/*
	hide arrows on input
*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* tabs */
.nav-tabs > li a {
    color: #CCCCCC;
    border-width: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	font-weight: bold;
}

.red{
	color: red !important;
}

.green{
	color: green !important;
}



/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**************************** ui updates ****************************/ 

/**** general ****/
body, *{
	font-family: Inter, Arial;
	/* font-family: Arial; */
}
.dataTable tbody [role="row"]{
	height: 75px;
}
.grayish{
	color: black;
}
.awaiting{
	font-weight: bold;
	font-size: 20px;
}
.button-container{
	margin-top: -10px;
	text-align: right;
	padding-right: 0px;
}
.button-container-left{
	margin-top: -10px;
	text-align: left;
	padding-right: 0px;
	margin-bottom: 20px;
	/* margin-bottom: 0px; */
}
.panel-default{
	border-color: #999999;
}
.active .shadow {
	/*
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.49);
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.49);
	*/
}
.ownerrole{
	padding-left: 20px;
}
.form-group{
	background: #D1D9DB; 
	position: relative !important;
}
code{
	background: none;
}
.login-form .form-group{
	background: white;
}
.btn-back, .btn-back:focus, .btn-back:active, .btn-back:hover, .btn-back:active:hover, .btn-back[disabled], .btn-back[disabled]:hover{
	background: var(--btn--danger);
	border-color: var(--btn--danger);
}
.relative{
	position: relative;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.mt-3{
	margin-top: 3px;
}
.mr-10{
	margin-right: 10px;
}
.page-title{
	font-weight: bold;
	font-size: 25px;
	padding-left:10px;
}

/* main buttons container */
.mainbtn-container{
	margin-top: 0px;
	margin-bottom: 15px;
}

/* logs button *.
.btn-logs, .btn-logs:focus, .btn-logs:active, .btn-logs:hover, .btn-logs:active:hover, .btn-logs[disabled], .btn-logs[disabled]:hover{
	background: #27A844;
	border-color: #27A844;
}

/* revert button */
.btn-rev, .btn-rev:focus, .btn-rev:active, .btn-rev:hover, .btn-rev:active:hover, .btn-rev[disabled], .btn-rev[disabled]:hover{
	background: var(--btn--danger);
	border-color: var(--btn--danger);
}

/* reminder notes */
.note-container {
    border: 1px solid #27A844;
    margin-top: 20px;
    margin-left: 18px;
    /* margin-right: 33px; */
    margin-bottom: 20px;
    padding: 30px;
    width: calc(100% - 34px);
    background: #E7F9E8;
    border-radius: 10px;
}

/* revert back */
.x-trail-container {
    border: 1px solid red;
    margin-top: 20px;
    margin-left: 18px;
    /* margin-right: 33px; */
    margin-bottom: 20px;
    padding: 30px;
    width: calc(100% - 34px);
    background: #FDBFBF;
    border-radius: 10px;
}

/* table in form-group */
.form-group .table{
	border-radius: 5px;
}
.form-group .table tr{
	background-color: #ffffff !important;
}



/**** for grayed panel ****/
.grayed *{
	color: #555555 !important;
	border-color: #dddddd !important;
}
.grayed .btn, .grayed .btn *{
	color: #ffffff !important;
}
.grayed a[href]{
	color: var(--main-color) !important;
}
.grayed .form-group{
	background: #f5f5f5;
}
.grayed .form-group *{
	cursor: not-allowed;
}
.grayed .green{
	color: green !important;
}

.form-group-disabled{
	background: #f5f5f5;
	cursor: not-allowed;
}
.form-group-disabled *{
	cursor: not-allowed;
}
.unfocused .form-group{
	background: #f5f5f5;
}
.tab-content .active .grayed .panel-borders {
    box-shadow: none;
}


/**** table default ****/
.tb-label{
	width: 20%;
}

.tb-value{
	width: 80%;
}

.table{
	margin-bottom: 20px;
}

.table-hover > tbody > tr:hover {
	background: revert;
}
.table-hover > tbody > tr:nth-of-type(odd):hover{
	background: #f9f9f9 !important;
}

/** corrective maintenance **/
.clone-enrollequip, .clone-enrollequip:hover{
	background-color: var(--btn-primary);
	color: white;
}

/** svg styles **/
.graysvg{
	filter: invert(31%) sepia(0%) saturate(1302%) hue-rotate(150deg) brightness(97%) contrast(83%);
}
.blacksvg{
	filter: invert(0%) sepia(89%) saturate(1203%) hue-rotate(282deg) brightness(102%) contrast(109%);
}
.whitesvg{
	filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(82deg) brightness(100%) contrast(103%);
}
.menusvg-container .menusvg{
	filter: invert(0%) sepia(89%) saturate(1203%) hue-rotate(282deg) brightness(102%) contrast(109%);
}
.menusvg-container a:hover .menusvg{
	filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(82deg) brightness(100%) contrast(103%);
}
.pointer{
	cursor:pointer;
}

/** data table **/
/* .dataTables_wrapper table.dataTable .green td{
	color: black !important;
}
.dataTables_wrapper table.dataTable .unread [data-column='defaultcounter']{
	border-left: 4px solid var(--blue);
}
.dataTables_wrapper table.dataTable .green [data-column='defaultcounter']{
	border-left: 4px solid var(--pink);
}
*/
.search-container-new [type='search']{
	padding-left: 35px;
	background: #F5F5F5;
}
.dataTables_wrapper table.dataTable{
	margin-top: 0px !important; 
}
.dataTables_wrapper table.dataTable thead th{
	color: var(--blue);
	font-weight: bold !important;
}
#workordersTable .green td{
	color: black !important;
}
#workordersTable .unread [data-column='defaultcounter']{
	border-left: 4px solid var(--blue);
}
#workordersTable .green [data-column='defaultcounter']{
	border-left: 4px solid var(--pink);
}
#workordersTable tbody tr:hover{
	background: #D9E1E5 !important;
}
#pemschedulesTable .green td{
	color: black !important;
}
#pemschedulesTable .unread [data-column='defaultcounter']{
	border-left: 4px solid var(--blue);
}
#pemschedulesTable .green [data-column='defaultcounter']{
	border-left: 4px solid var(--pink);
}
#pemschedulesTable tbody tr:hover{
	background: #D9E1E5 !important;
}
#pmschedulesTable .green td{
	color: black !important;
}
#pmschedulesTable .unread [data-column='defaultcounter']{
	border-left: 4px solid var(--blue);
}
#pmschedulesTable .green [data-column='defaultcounter']{
	border-left: 4px solid var(--pink);
}
#pmschedulesTable tbody tr:hover{
	background: #D9E1E5 !important;
}
.x-th-defaultcounter{
	width: 20px;
}

/** arrows **/
.arrow{
	position: absolute;
	z-index: 1000;
	right: 4px;
	top: 4px;
	color: green;
	font-size: 12px;
}
.arrow-right{
	position: absolute;
	z-index: 900;
	right: -15px;
	top: 3px;
	color: green;
	font-size: 12px;
	display:none;
}
.arrow-right-gray{
	position: absolute;
	z-index: 900;
	left: -8px;
	top: 3px;
	color: green;
	font-size: 12px;
	display:none;
}

/** overides **/
.switch-button-yesno span[disabled]{
	background-color: revert !important;
}
.switch-button-yesno label[disabled]{
	border-color: #ababab !important;
}
.headerfilter{
	width: 100% !important;
}

.loadingoverlay{
	width: 100% !important;
	height: 100% !important;
	position: fixed;
}

/** am-left-sidebar */
.am-left-sidebar li img.whitesvg{
	height: 40px !important; 
	width: 40px !important; 
	margin-right: auto !important;
}

/** nav */
.nav-table-title{
	min-width: 500px;
}
.nav li a img.resources{
	height: 31px; 
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 130px;
}
.nav li a img.insights{
	height: 37px; 
	z-index: 1;
	position: absolute;
	top: 6px;
	right: 76px;
}
.nav li a img.bell{
	top:5px; 
	height: 40px; 
	z-index: 1;
	position: absolute;
	right: 25px;
}

/** search on datatable */
.search-container-new img.graysvg{
	position: absolute; 
	height: 12px;
	top: 10px;
	left: 10px;
}