/* GENERAL UTITLITY */
.ol-btn-save{
	min-width: 155px;
}
.ol-content-scroll-500{
	min-height: 500px;
	max-height: 500px;
	width: 100%;
	overflow: scroll;
}
.ol-content-scroll-450{
	min-height: 450px;
	max-height: 450px;
	width: 100%;
	overflow: scroll;
}
.ol-content-scroll-400{
	min-height: 400px;
	max-height: 400px;
	width: 100%;
	overflow: scroll;
}
.ol-content-scroll-350{
	min-height: 350px;
	max-height: 350px;
	width: 100%;
	overflow: scroll;
}
.ol-content-scroll-300{
	min-height: 300px;
	max-height: 300px;
	width: 100%;
	overflow: scroll;
}
.ol-content-scroll-250{
	min-height: 250px;
	max-height: 250px;
	width: 100%;
	overflow: scroll;
}

.ol-content-scroll-75{
	min-height: 75px;
	max-height: 75px;
	width: 100%;
	overflow: scroll;
}

table.ol-table-fit {
    width: auto !important;
    table-layout: auto !important;
}
table.ol-table-fit thead th, table.ol-table-fit tfoot th {
    width: auto !important;
}
table.ol-table-fit tbody td, table.ol-table-fit tfoot td {
    width: auto !important;
}
table.ol-table-fit-full-second-td tbody td:nth-child(2){
	width: 100% !important;
}
table.ol-table-fit-bold-first-td tbody td:nth-child(1){
	white-space: nowrap;
	font-weight: bold;
}
.ol-icon-asset-summary{
	text-align: center !important;
}
.ol-signal-icon{
	height:18px;
	padding:0 5px 0 5px;
}

.tableFixHead > table > thead > tr > * {
	background-color: white;
}

.ol-c-load-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(240, 240, 245,0.3);
  z-index: 99;
  cursor: pointer;
}

.ol-c-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
}

/* Index Page */
@media (max-width: 768px) {
    #event-log-scroll-area {
        height: 350px;
    }
}
@media (min-width: 768px) {
    #event-log-scroll-area {
        height: 250px;
    }
}
.sticky-eventlog-header{
	position: sticky; 
	top: 0; 
	z-index: 1;
}

/*  ASSET PAGE */
.asset-page-map{
	height: 415px;
}
.map-data-line-top{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 3px;
}
.map-data-line{
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}



.ol-gen-brand{
	object-fit: contain;
}

.mobileLogo {
	padding: 2px;
}

.text-zBlue{
     color: #004990;
}
.text-loader{
    color: rgba(0,73,144, 0.7);
}

.zBlue {
	background-color: #004990 !important;
	color: white;
}
.zBlue:hover {
	background-color: #004990 !important;
	color: white;
}

.zWhite {
	color: white;
}

.zBtnBlack {
    text-align: center;
    background-color: black;
    color: white;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.zBtnGreen {
    text-align: center;
    background-color: #1B5E20;
    color: white;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.zBtnRed {
    text-align: center;
    background-color: #B71C1C ;
    color: white;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.zBtnOrange {
    text-align: center;
    background-color: #e65100  ;
    color: white;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.zUnitIcon {
	color: #000;
}

.is-invalid .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

.modal-mobile-shift-down {
	top: 60px;
}

.btn-badge-tr {
    top: -0.9em;
    right: -0.9em;
    position: absolute;
    font-size: 90%;
    line-height: 0;
    vertical-align: baseline;
    z-index: 9;
}

/*Header Search*/
.header-search {
	width: 40px;
	transition: width .5s;
}

.open.header-search{
	width: 250px;
	transition: width .5s;
}

.header-search-box{
	border-radius: 50px 50px 50px 50px !important;
}

.header-search-button{
	position: absolute;
	right: -7px; 
	z-index: 99
}

#search-dropdown{
	width: 250px;
}

#search-dropdown.open{
	display: block;
	width: 250px;
	max-height: 400px;
	overflow: scroll;
	position: absolute;
}

.header-search-mobile {
	width: 40px;
	transition: width .5s;
}

.open.header-search-mobile{
	width: 100%;
	transition: width .5s;
}

.header-search-box-mobile{
	border-radius: 50px 50px 50px 50px !important;
	background-color: #1a1a27;
	border-color: #484f66;
	color: white !important;
	font-size: 16px;
}

.header-search-box-mobile:focus{
	background-color: #1a1a27;
}

.header-search-button-mobile{
	position: absolute;
	right: -5px;
	top: 3px;
	z-index: 99;
}

#search-dropdown-mobile.open{
	display: block !important;
	max-height: 300px;
	overflow: scroll;
	left: 0;
	right: 0;
}

.search-ddl-key-selected{
	background-color: #7CB3FA !important;
}

.mobile-logo {
	display: none;
}

@media (max-width: 991px) {
	.mobile-logo {
	  display: block;
	}
	.desktop-logo {
	  display: none;
	}

	.header-search {
		display: none;
	}
}

@media (min-width 991){
	.header-search-mobile {
		display: none !important;
	}
}

/* Help Center Page */
@media all and (max-width: 991px) {
    #category-div-desktop {
        display: none !important;
    }

    .help_center_search_icon {
        position: absolute;
        left: 23px;
        bottom: 20px;
        z-index: 10;
    }

    #search-input{
        margin-bottom: 10px;
    }
}
@media all and (min-width: 991px) {
    #category-div-mobile {
        display: none !important;
    }
}

.help_center_search_icon {
    position: absolute;
    top: 12px;
    left: 50px;
    z-index: 10;
}

.help_center_search_ddl {
    position: absolute;
    left: 0px;
    top: 6px;
}

#question-doc-filter-ddl {
    left: -90px !important;
}

.ol-element-write-required{
	display: none;
}

/* putting toast notifications under the header*/
#toast-container {
	margin-top: 63px;
}

/* items only visible in mobile sidenav */
@media all and (min-width: 991px) {
    .mobile-nav-item {
        display: none !important;
    }
}

/* gives a way to make buttons go to block on mobile sizes*/
@media all and (max-width:767px) {
   .mobile-block-btn { 
   		width: 100%; display:block; 
   	}
}

.show-password-button {
    position: absolute;
    right: 10px;
    bottom: 8px;
    z-index: 10;
}

/* This is our honeypot class, used to sneakily hide elements */
.olh_required{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}



@media (max-width: 990px) {
	.login-divider{
		display: none !important;
	}
	.login-logo{
		display: none !important;
	}
	.login-links-container{
		background-color: transparent !important;
		padding: 0px !important;
		order: 2;
	}
}

@media (min-width: 991px){
	.login-mobile-logo{
		display: none !important;
	}
}

/* Notifications styling */

.notification-box-mobile{
	border-radius: 50px 50px 50px 50px !important;
	background-color: #1a1a27;
	border-color: #484f66;
	color: white !important;
	font-size: 14px;
}

#isViewedBanner{
	padding: 8px;
	border-radius: 50%;
	top: -8%;
    right: -25%;
    position: absolute;
    font-size: 90%;
    line-height: 0;
    vertical-align: baseline;
    z-index: 9;
}

#isViewedBannerMobile{
	padding: 8px;
	border-radius: 50%;
	top: -8%;
    right: -10%;
    position: absolute;
    font-size: 90%;
    line-height: 0;
    vertical-align: baseline;
    z-index: 9;
}

.isReadIcon{
	top: 2.1em;
	right: 6.2em;
    position: absolute;
    font-size: 70%;
    z-index: 9;
}

.offcanvas-content{
	padding: 0 !important;
}

@media (max-width: 991px){
	#kt_quick_panel{
		top: 4.2em;
	}

	#kt_quick_panel_notifications{
		 max-height: 670px;
	}
}

#showReadText{
	font-size: 12px;
}





/* chart stuff */
.individual-chart-body{
	height: 400px;
}