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

	.streetline-hide {
		display: none;
	}

	.streetline-absolute {
		position: absolute;
	}

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

	.streetline-theme-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-red-bg {
		background-color: #ff0005;
	}

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

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

	.streetline-logo {
	    width: 100px;
	}

	.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;	
	}

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


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

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

    .breadcrumb-menu {
        z-index: 999;
    }

    .menu-container.collapsed .hide-on-collapse {
        display: none;
    }
    .aside.menu-container.collapsed {
        width: auto;
        height: 4em;
        position: absolute;
        box-shadow: 2px 2px 2px #000000;
        border-radius: 2px;
    }
    .aside.menu-container .menu-toggler-closed,
    .aside.menu-container.collapsed .menu-toggler-open {
        display: none;
    }
    .aside.menu-container.collapsed .menu-toggler-closed {
        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;
     }

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


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

    #map { 
        height: 100%; 
    }
    .map-label {
        font-size: 2em;
        font-weight: bold;
        color: #ffffff;
    }
    .map-parking-space {
        width: 10px;
        height: 10px;
        border-radius: 100%;
    }

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


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

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

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


/* ================================================================================================ */
/* ======================= 			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%;
	}

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


/* ================================================================================================ */
/* ======================= 			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;
}

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