/* ================================================================================================ */
/* ======================= 			streetline Custom CSS 		 ====================================== */ 
/* ================================================================================================ */  

	.streetline-hide {
		display: none;
	}

	.streetline-absolute {
		position: absolute;
	}

	.streetline-relative {
		position: relative;
	}

	.streetline-theme-original-green {
		color: #48ad48;
	}

	.streetline-theme-original-green-bg {
		background-color: #48ad48;
	}

	.streetline-theme-black {
		color: #333333;
	}

	.streetline-theme-black-bg {
		background-color: #333333;
	}

	.streetline-theme-white {
		color: #ffffff;
	}

	.streetline-theme-white-bg {
		background-color: #ffffff;
	}

	.streetline-theme-grey {
		color: #e5e5e5;
	}

	.streetline-theme-grey-bg {
		background-color: #e5e5e5;
	}

	.streetline-theme-dark-grey {
		color: #676767;
	}

	.streetline-theme-dark-grey-bg {
		background-color: #676767;
	}

	.streetline-theme-red {
		color: #ff0005;
	}

	.streetline-theme-purple-bg {
		background-color: #ca37cd;
	}

	.streetline-theme-purple-bg-o30 {
		background-color: rgb(202 55 205 / 30%);
	}

	.streetline-theme-red-bg {
		background-color: #ff0005;
	}

	.streetline-theme-red-bg-o30 {
		background-color: rgb(255 0 5 / 30%);
	}

	.streetline-theme-blue {
		color: #7fb7df;
	}

	.streetline-theme-blue-bg {
		background-color: #7fb7df;
	}

	.streetline-theme-light-blue {
		color: #d7e7f7;
	}

	.streetline-theme-light-blue-bg {
		background-color: #d7e7f7;
	}

	.streetline-theme-blue1 {
		color: #7eaccd;
	}

	.streetline-theme-blue1-bg {
		background-color: #7eaccd;
	}

	.streetline-theme-yellow {
		color: #ffe081;
	}

	.streetline-theme-yellow-bg {
		background-color: #ffe081;
	}

	.streetline-theme-yellow-bg-o30 {
		background-color: rgb(255 224 129 / 30%);
	}

	.streetline-theme-green {
		color: #50cd89;
	}

	.streetline-theme-green-bg {
		background-color: #50cd89;
	}

	.streetline-theme-green1 {
		color: #dbf2e5;
	}

	.streetline-theme-green1-bg {
		background-color: #dbf2e5;
	}

	.streetline-theme-green2 {
		color: #61e99e;
	}

	.streetline-theme-green2-bg {
		background-color: #61e99e;
	}

	.streetline-theme-green3 {
		color: #00b04f;
	}

	.streetline-theme-green3-bg {
		background-color: #00b04f;
	}

	.streetline-theme-green4 {
		color: #03622c;
	}

	.streetline-theme-green4-bg {
		background-color: #03622c;
	}

	.streetline-logo {
	    width: 100px;
	}

	.streetline-fw-600 {
    	font-weight: 600;
	}

	.streetline-square-icon {
		width: 24px;
		height: 24px;
	}

	.streetline-vertical-chart-bar {
	    min-height: 160px;
	    min-width: 80px;
	}

	.streetline-space-status-line-height {
		line-height: 1.6em;
	}

	.streetline-notification-icon {
	    width: 2em;
	    height: 2em;
	    display: block;
	    background: #ff0005;
	    color: #ffffff;
	    border-radius: 100%;
	    text-align: center;
	    line-height: 2em;
	}


	.menu-state-title-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), 
	.menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
		color: #333333;
	}

	.landing-dark-color.streetline-theme-white {
		color: #ffffff;
	}

	.svg-icon svg [fill]:not(.permanent):not(g),
	.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g) {
	    fill: #ffffff;
	}

	.streetline-scrolltop,
	.scrolltop.streetline-scrolltop {
	    background-color: #333333;
	    opacity: 1;
	}

	.menu-state-title-primary .menu-item.show>.menu-link .menu-title.streetline-theme-black  {
		color: #333333;	
	}

	.streetline-btn {
		cursor: pointer;
	}

	.streetline-btn.disabled {
		cursor: default;
	}

	.streetline-input-1 {
		width: 100%;
    min-height: 3em;
    border: 0.2em solid #D9D9D9;
    padding: 0px 1em;
	}

	.streetline-textarea-1 {
	    width: 100%;
	    min-height: 25em;
	    border: 0.2em solid #D9D9D9;
	    padding: 1em;
	    resize: none;
	}

	.streetline-btn-1 {
		cursor: pointer;
    color: #ffffff;
    background-color: #5CAC5B;
    padding: 0.5em 1.5em;
    border-radius: 6px;
	}

	.streetline-btn-1.disabled {
		cursor: default;
		background-color: #BFBFBF;
	}

	.streetline-dot {

	  height: 25px;
	  width: 25px;
	  border-radius: 100%;
	  display: inline-block;

	}

/* ================================================================================================ */

/* ================================================================================================ */
/* ======================= 			Facebook Custom CSS           ================================= */ 
/* ================================================================================================ */

	.fb-streetline-btn {

		background-color: rgb(255, 255, 255);

		border-image-outset: 0;
		border-image-repeat: stretch;
		border-image-slice: 100%;
		border-image-source: none;
		border-image-width: 1;
		border-left-color: rgb(28, 43, 51);
		border-left-style: none;
		border-left-width: 0px;
		border-right-color: rgb(28, 43, 51);
		border-right-style: none;
		border-right-width: 0px;
		border-top-color: rgb(28, 43, 51);
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top-style: none;
		border-top-width: 0px;
		border-bottom-color: rgb(28, 43, 51);
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-style: none;
		border-bottom-width: 0px;

		color: rgb(28, 43, 51);

		cursor: pointer;
		direction: ltr;
		display: inline-block;

		font-family: Helvetica;
		font-size: 14px;
		font-weight: 700;

		letter-spacing: 0.42px;
		line-height: 20px;

		margin-top: 32px;

		padding-bottom: 18px;
		padding-left: 32px;
		padding-right: 32px;
		padding-top: 18px;

		text-align: center;
		text-decoration-color: rgb(28, 43, 51);
		text-decoration-line: none;
		text-decoration-style: solid;
		text-decoration-thickness: auto;
		text-rendering: optimizelegibility;

		transition-delay: 0s;
		transition-duration: 0.3s;
		transition-property: background;
		transition-timing-function: ease;

		white-space: normal;

		-webkit-font-smoothing: antialiased

	}

	.fb-streetline-font {

		font-family: Roboto, Helvetica, Arial, sans-serif;

	}

	.fb-streetline-mb-1 {

		margin-bottom:-1px;

	}

	.side-menu-item:hover .fb-menu-item {
		background-color: #f2f2f2;
	}

	.fb-menu-item span {
		color: rgb(5, 5, 5);
		direction: ltr;
		font-family: Roboto, Helvetica, Arial, sans-serif;
	    font-size: 17px!important;
	    font-weight: 400;
		line-height: 20.0005px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		overflow-wrap: break-word;
		text-align: left;
		text-decoration-thickness: auto;
		unicode-bidi: isolate;
		user-select: none;
		word-break: break-word;
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.fb-menu-header-style {
	    color: rgb(5, 5, 5);
	    direction: ltr;
	    font-family: Roboto, Helvetica, Arial, sans-serif;
	    font-size: 17px!important;
	    font-weight: 400;
	    unicode-bidi: isolate;
	    -webkit-font-smoothing: antialiased;
	}

	.fb-menu-header-style-no-size {
	    color: rgb(5, 5, 5);
	    direction: ltr;
	    font-family: Roboto, Helvetica, Arial, sans-serif;
	    unicode-bidi: isolate;
	    -webkit-font-smoothing: antialiased;	
	}

	.fb-menu-icon:before {
	    content: '';
	    display: inline-flex;
	    width: 24px;
	    height: 24px;
	    margin-right: 12px;
	    position: relative;
	    top: 6px;
	}
	.fb-home-icon:before {
	    background: url(/layouts/assets/media/sfbmetaicons/webp/sfb_mi_settings.webp);
	    background-size: 100%;
	}

	.fb-dashboard-icon:before {
	    background: url(/layouts/assets/media/sfbmetaicons/webp/sfb_mi_dashboard.webp);
	    background-size: 100%;
	}

	.fb-api-connection-icon:before {
	    background: url(/layouts/assets/media/sfbmetaicons/webp/sfb_mi_connection.webp);
	    background-size: 100%;
	}

	.fb-sign-out-icon:before {
	    background: url(/layouts/assets/media/sfbmetaicons/webp/sfb_mi_logout.webp);
	    background-size: 100%;
	}

	.fb-availability-icon:before {
	    background: url(/layouts/assets/media/icons/fb/availability_levels.webp);
	    background-size: 100%;
	}

	.fb-account-icon:before {
	    background: url(/layouts/assets/media/icons/fb/account.webp);
	    background-size: 100%;
	}

	.fb-feedback-icon:before {
	    background: url(/layouts/assets/media/icons/fb/feedback_and_support.webp);
	    background-size: 100%;
	}

	.fb-toggle-icon {
	    width: 36px;
	    height: 36px;
	    display: block;
	    padding: 10px;
	    border-radius: 100%;
	    cursor: pointer;
	}

	.fb-toggle-in-icon {
	    background: url(/layouts/assets/media/icons/fb/toggle_in.webp);
	    background-size: 24px;
	    background-repeat: no-repeat;
	    background-position: center;
	}

	.fb-toggle-out-icon {
	    background: url(/layouts/assets/media/icons/fb/toggle_out.webp);
	    background-size: 24px;
	    background-repeat: no-repeat;
	    background-position: center;
	}

/* ================================================================================================ */

/* ================================================================================================ */
/* ======================= 			Menu Module CSS 		 ====================================== */ 
/* ================================================================================================ */

	.aside-menu {
		padding-top: 6em;
	}

    #kt_aside.main-menu {
        z-index: 888;
    }

    .breadcrumb-menu {
        z-index: 999;
        border-bottom: 2px solid #DFDFDF;
    }

    .breadcrumb-menu .breadcrumb-menu-item img {
    	width: 37px;
    	cursor: pointer;
    }

    .breadcrumb-menu-item:hover:after,
    .breadcrumb-menu-item.breadcrumb-menu-item-selected:after{
		content: " ";
	    width: 75px;
	    height: 0.4em;
	    background-color: #0467E1;
	    border-radius: 4px;
	    position: absolute;
	    top: 5.6em;
    }

	.menu-container.collapsed {
	    width: 75px;
	}

    .display-on-collapse,
    .menu-container.collapsed .hide-on-collapse {
    	display: none;
    }

    .hide-on-collapse,
    .menu-container.collapsed .display-on-collapse {
    	display: block;
    }

     input[type=checkbox].custom-checkbox:after {
        content: " ";
        width: 13px;
        height: 13px;
        margin-bottom: 4px;
        background-color: #ffffff;
        border: 1px solid #333333;
        display: inline-block;
        visibility: visible;
     }

     input[type=checkbox].custom-checkbox:checked:after {
        background-color: #333333;
     }


     input[type=checkbox].custom-checkbox-bg:after {
        content: " ";
        width: 20px;
        height: 20px;
        background: url(/layouts/assets/media/icons/fb/checkbox_unchecked.webp);
        background-size: 100%!important;
        border: 1px solid #333333;
        display: inline-block;
        visibility: visible;
        cursor: pointer;
     }

     input[type=checkbox].custom-checkbox-bg:checked:after {
       background: url(/layouts/assets/media/icons/fb/checkbox_checked.webp);
     }

	 input[type="radio"].custom-radio-input:checked {
	 	accent-color: rgb(5, 5, 5);
	 } 

     .aside-formated-date {
		margin: 2em 2em 0px 2em;
	    padding: 1em;
	    text-align: center;
	    background: #F0F0F0;
	    border-radius: 4px;
     }

	@media (max-width: 991.98px){
		.aside {
		    display: block;
		    position: fixed;
		    top: 0;
		    bottom: 0;
		    left: 0;
		    z-index: 101;
		    overflow: hidden;
		}
	}
/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			MAP Module CSS 		 	 				 ====================================== */ 
/* ================================================================================================ */

    #map { 
        height: 100%; 
    }
    .map-label {
		color: #ffffff;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size: 15px!important;
		font-weight: 800;
		text-align: center;
	    unicode-bidi: isolate;
	    -webkit-font-smoothing: antialiased;
    }

    .map-label-adjustment {
    	margin: -15px 0px 0px -15px;
    }

    .map-parking-space {
        width: 10px;
        height: 10px;
        border-radius: 100%;
    }

		.map-space-marker {
			width: 0.8em;
			height: 0.8em;
			border-radius: 100%;
		}

		.map-parking-block-marker {
	    width: 4em;
	    height: 4em;
	    border: 0.2em solid #FFFFFF;
	    border-radius: 100%;
	    overflow: hidden;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	    position: relative;
	    left: -2em;
	    top: -2em;
		}
		.map-parking-block-marker span {
		  font-size: 1.4em;
		  color: #ffffff;
		}
    .map-viewbox {
			color: red;
	    font-size: 45px;
    }

		.leaflet-control-attribution {
		    display: none;
		}

		/* Adjustments */
		div#Bubble-15\.K {
		    top: -5em;
		    left: -3em;
		}
		div#Bubble-15\.D {
		    top: -3em;
		    left: -3em;
		}
		div#Bubble-15\.G {
		    top: -5em;
		    left: -1em;
		}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			CAMPUS Availability CSS       ================================= */ 
/* ================================================================================================ */

	.custom-padding-05000010 {
		padding: 5% 0px 0px 10%;
	}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Display Area Module CSS  	  ================================= */ 
/* ================================================================================================ */

  #information-display-container {
      width: 0%;
      height: 100%;
      display: block;
      position: absolute;
      z-index: 777;
  }

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Display 24 Hours Occupancy CSS  	  =============================== */ 
/* ================================================================================================ */

  .streetline-24-hour-occupancy-container {
  	height: 6em;
  }

	.streetline-24-hour-occupancy-item {
	    width: calc(100%/24);
	    margin: 0px 0.2%;
	    background: #686b78;
	}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Display Cameras Modules CSS   ================================= */ 
/* ================================================================================================ */

	.selected-camera img {
		border: 3px solid #ffeb00;
	}
	.default-camera-image.overlay img {
	    border: none;
	}

	.extra-camera .selected-camera img {
		border: initial;
	}

	.selected-camera .btn-number {
		background-color: #ffeb00;
		color: #262626!important;
	}

	.preview-camera-number {
	    position: absolute;
	    top: 0.5em;
	    left: 0.5em;
	    width: 3em;
	    height: 3em;
	    overflow: hidden;
	}
	.preview-camera-number a {
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    margin: 0px;
	    padding: 0.6em 0.5em!important;
	}

	.sl_image_container {
	    position: absolute;
	    z-index: 9999;
	    width: 100%;
	    height: 100%;
	    background: rgb(150 150 150 / 50%);
	}

	.sl_image_container .streetline-clickable {
	    width: 80%;
	}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Chart Modules CSS      						================================= */ 
/* ================================================================================================ */

	.sl-vertical-separator-start-top,
	.sl-vertical-separator-start-bottom {
    width: 1px;
    height: 33%;
    background: #DFDFDF;
    position: absolute;
	}

	.sl-vertical-separator-start-top {
		margin-top: 2%;
	}

	.sl-vertical-separator-start-bottom {
		margin-top: 5%;
	}

	.custom-horizontal-separator-bottom {
    width: 45%;
    height: 1px;
    background: #DFDFDF;
    position: absolute;
    margin-left: 2%;
	}

  .additional_info_container {
      width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      text-align: center;
      position: relative;
      padding: 0px 11.7% 0px 11.7%;
  }

  .ai_item {
      height: 100%;
      display: inline-flex;
      border-left: 2px solid #e5e5e5;
      justify-content: center;
      align-items: end;
  }

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Display Town Modules CSS      ================================= */ 
/* ================================================================================================ */

	.t-sort-item-container .btn.t-sort-field[data-sort-order="ASC"]:before {
	    content: "▲";
	    color: #676767;
	}
	.t-sort-item-container .btn.t-sort-field[data-sort-order="DESC"]:before {
	    content: "▼";
	    color: #676767;
	}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Dashboard CSS     			  				================================= */ 
/* ================================================================================================ */

	.custom-user-information,
	.custom-user-availability,
	.custom-user-support,
	.custom-user-account-info {
			position: relative;
			z-index: 666;
	}

	.custom-overlay {
			background: #ffffff78;
	    z-index: 555;
	}

	.availabilityRangeSliderItemContainer {
			width: 100%;
			height: 4em;
			margin-top: -0.5em;
	}
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem {
	    line-height: 1em;
	    margin-bottom: -1em;
	}
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem:first-child {
	    padding-left: 0%;
	    margin-left: -2em;
	}
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem:last-child {
			padding-left: 100%;
			margin-left: 1em;
	}
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem .availabilityRangeSliderItemValue {
			background: #ffffff;
	    width: 2em;
	    display: block;
	    margin-left: -1em;
	    text-align: center;
	}
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem:first-child .availabilityRangeSliderItemValue,
	.availabilityRangeSliderItemContainer .availabilityRangeSliderItem:last-child .availabilityRangeSliderItemValue {
			width: 0px;
			margin-left: initial;
	}


	#availabilityRangeSlider {
	    width: 100%;
	}

	#availabilityRangeSlider:before {
	    content: "0%";
	    position: absolute;
	    margin-left: -2.5em;
	    margin-top: -0.5em;
	    color: #a6a6a6;
	}
	#availabilityRangeSlider:after {
	    content: "100%";
	    position: absolute;
	    width: 100%;
	    text-align: right;
	    margin-left: 3.3em;
	    margin-top: -1.6em;
	    color: #a6a6a6;
	}

	#availabilityRangeSlider.noUi-target.noUi-horizontal .noUi-handle {
	    border-radius: 0px;
	    width: 1em;
	    height: 4em;
	    top: -1em;
	    margin-right: 0.8em;
	    box-shadow: 0px 0px 2px #000000;
	    cursor: pointer;
	}

	.footer {

		z-index: 999;

	}

/* ================================================================================================ */


/* ================================================================================================ */
/* ======================= 			Custom Extra CSS     		  ================================= */ 
/* ================================================================================================ */

	#information-display-area,
	#map {
		min-height: 400px;
	}

/* ================================================================================================ */