/* Widgets
  ========================================================================== */



/* WIDGET STYLE HOVER */
 .widget-style-hover {
}

.widget-style-hover:hover {
	cursor:pointer;
}
 
.widget-style-hover:hover > .rqdashwdgcnt{
/* 	border: 2px solid rgba(0, 102, 255, 0.67); */
	box-shadow: 0px 0px 12px 2px rgb(91 95 101 / 67%);
}


.ui-resizable-handle{
	z-index: 0 !important;
	
}

/* CHART STYLE*/

.rqdashpage .chart-title{
	/*height: 30px;*/
	font-size:15px;
	font-weight: bold;
}

.rqdashpage .chart-title p {
	border-bottom: 1px solid #bdbdbd;
	/*margin-bottom: 8px;*/
}

.rqdashpage .chart-content{
	height : calc(100% - 22.5px);
	height :  -webkit-calc(100% - 22.5px);
	
}

/* SMALL WIDGET CONTENT SINGLE VALUE*/
.rqdashpage .small-item-label{
	height: 100%;
	width:100%;
	font-size: 15px;
	border-bottom: 1px solid #bdbdbd;
}

.rqdashpage .small-item-time{
	height: 100%;
	width:100%;
    font-size: 11px;
    color: #a5a5a5;
    /*border-bottom: 1px solid #bdbdbd;*/
}

.rqdashpage .small-item-value{
	font-size: 28px;
    word-wrap: break-word;
}

.rqdashpage .small-item-value-label{
	font-size: 18px;
    word-wrap: break-word;
    top: 4px;
	position: relative;	
}

.rqdashpage .widget-small-row-1{
	height: 22.5px;
}

.rqdashpage .widget-small-row-2{
	height: 18px;
}

.rqdashpage .widget-small-row-3{
	height: calc(100% - (22.5px + 18px));
	height :  -webkit-calc(100% - (22.5px + 18px));
	
}

.rqdashpage .small-img{
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.rqdashpage .small-no-data-alert {
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 40px;
	background-position: center;
	background-size: 40px 40px;
	background-image: url("/sys/img/font-awesome/exclamation-triangle.svg");
}

.rqdashpage .very-small-no-data-alert {
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 20px;
	background-position: center;
	background-size: 20px;
	background-image: url("/sys/img/font-awesome/exclamation-triangle.svg");
}
/* END */

.rqdashwdgt.ui-state-disabled.ui-draggable-disabled {
	opacity: 1;
}




@media screen and (max-width: 575px) {
  .rqdashpage div[data-id-manager='SVG_VISIO_MANAGER']{
    max-height:250px;
  }
}



/* Widgets CSS */

:root {
  --simplesizevalue: 22px;
  --simplesizeunit: 10px;
  --simpledifftime: 15px;
  --parkinglbl: 12px;
  --gaugesizevalue: 25px;
  --compasssizevalue: 20px;
  --booleanlbl: 17px;
  --dtsize: 10px;
  --dtlist6H : 4px;
  --dtlist2H : 8px;
}


.rqdashdt {	
	font-size: var(--dtsize);	
}



/* Responsive */
@media screen and (max-width: 575px){
	
	.rqdashimg {	   
		height: 48px !important;
		width: 48px !important;
	}
	
	.iotSimpleDashboardWidget, .iotParkingDashboardWidget, .iotBooleanDashboardWidget {	 
 	   
		height:110px !important;
	}


	.val{
		font-size: var(--simplesizevalue) !important;	
	}
	
	span.time {	   
		font-size: var(--dtsize) !important;
	}
	
	.rqdashdifftime .val{	
		font-size: var(--simpledifftime) !important;		
	}
	
	span.unit{	
		font-size: var(--simplesizeunit) !important;		
	}
}


/* Simple Widget */

.simplewidget{	
	height: 100%;
	width: 100%;	
	transform-origin: top left;
}



.iotSimpleDashboardWidget .rqdashval .val {
	font-size: var(--simplesizevalue); 
}
.iotSimpleDashboardWidget .rqdashval .unit {
	font-size:var(--simplesizeunit);
	
}





/* Compass */
.compass{
	
	 margin:0px;
	 height:100%;
	 text-align: center;
	
	
}

.compass-widget-direction{
	
/*     font-size: 20px; */
    word-wrap: break-word;
    font-weight: 700 !important;
    
    
    position: absolute;
    top: 45%;
    left: 25%;
    margin: 0 auto;
    width:50%;
    height:50%;
    
    font-size: 35px;
    font-size: 26px;
    
/*     font-size: 100%; */
    
    

}




.compass-widget-value {
    font-weight: 700 !important;
/* 	font-size: 15px; */
/* 	margin-left: 7px; */
	
	
	position: absolute;
    top: 55%;
    left: 25%;
    margin: 0 auto;
    width:50%;
    height:50%;
	color:#ADADB5;
	
    font-size:20px;		/*8x8*/
    font-size:15px;		/*6x6*/
    
/* 	font-size: 100%; */
	
}


.compass .rqdashdt {
	top:0px;
	left:0px;
	position:relative;
	font-size:10px;
	color:#ADADB5;
}

.compass .direction {

	fill: #7cb5ec;
	stroke: #7cb5ec;
	font-size:250px;
	color:green;
}


 /* END  */



/* SVG Map */


.rqdshsvgcnt{
	height : 100%;
	
}



/* Parking */
.parking-ok{
	background-color: green; 
	height: 100%; 
	width: 100;
}


.parking-ok .parkimg{
	height: 100%; 
	top: 0px;
 	content:url("/iotdashboard/img/icons/car-check.svg"); 
	
}


.parking-ko .parkimg{
	height: 100%; 
	top: 0px;
 	content:url("/iotdashboard/img/icons/car.svg");
	
}

.parking-unknown .parkimg{
	height: 100%; 
	top: 0px;
	content:url("/sys/img/font-awesome/exclamation-triangle.svg");

	
}

.parking-unknown .rqdashdt{
	color: white;

	
}
.parking-ko{
	background-color: rgb(165 0 1); 
	height: 100%; 
	width: 100%;
}

.parking-unknown{
	background-color: rgb(183, 183, 183); 
	height: 100%; 
	width: 100%;
}


.parking-counter{
	height: 100%; 
	width: 100%;
}

.parking-counter .parkimg{
 	content:url("/iotdashboard/img/icons/parking-icon.svg");	 	
}

.parking-counter .val, .parking-counter .unit{
	color:black;  	
}

.parking-counter .rqdashimg.parkimg{
/* 	width: 40px; */
/* 	height: 40px; */
/* 	top: 20px; */

	top: 25%;
	height: 50%;	
  	width: auto;	
	display: block;
	
}
.parking-counter .rqdashval .val {
	font-size: 30px;
	
}

.parking .parking-counter .rqdashval{
/* 	top:16px;	 */
	top: auto;
	height: 50%;
	display: table;
	display: block;
	display: -webkit-inline-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.parking-places{
	display: none;	
}

.parking-counter .parking-places{
/*     font-size: inherit; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: var(--parkinglbl);
}

.parking  {
	height:100%;
	width:100%;
}

.parking .rqdashval {
	color:white;	
/* 	top: 8px; */
}


.parking .rqdashval .val{
	font-size: var(--simplesizevalue);
}



.parking .rqdashdifftime {
	color:white;	
}

.parking .rqdashdifftime .val{
	font-size: var(--simpledifftime);
}

/* Bitmap */
.rqdashbitmap {
    width: 100%;
    height: 100%;
    position: relative;
	
}

.rqdashbitmap img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* Gauge */
.gauge{
    margin: 0px;
    height: 67%;
/*     height: 100% !important; */
    text-align: center;

}

.gauge-widget-text{
	height:33%;
	position: absolute; 
	top: 67%; 
	width: 100%	
}

.gauge-widget-value{
	
	font-weight: 700 !important;
/* 	font-size: 15px; */
	margin-left: 7px;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	color: #ADADB5;
	font-size: 25px;	
	top: 10%;
	
	font-size: var(--gaugesizevalue);
	
}

.gauge-widget-rqdashdt{
	
    position: absolute;
    bottom: 0%;
    left: 25%;
    margin: 0 auto;
    width: 50%;
    color: #ADADB5;
/*     font-size: 10px; */    
    
	font-size: var(--simplesizeunit);

}

/* Boolean */

img.booleanimg{
	
	height: 100%;
	width: 100%;
	top: 0px;
	filter: invert();
}


.booleanwidget .rqdashval {	
	top:5px;
	height: 50%;
	display: -webkit-inline-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
}
.booleanwidget .rqdashval .val{
	line-height: 1.2;
/* 	font-size:17px; */
	
	font-size:var(--booleanlbl);
}

.booleanwidget .rqdashdifftime{
	position: absolute;
	top: 55%;

}

.booleanwidget .rqdashdifftime .val{
	
/* 	font-size:12px; */
	font-size:var(--parkinglbl);
	
}

.boolean-unknown .booleanimg{
	height: 100%; 
/* 	width: 100%; */
	top: 0px;
	content: url("/sys/img/font-awesome/exclamation-triangle.svg");
	
}

.boolean-unknown .rqdashdt{	
	color:white	
}


.boolean-ok{
	background-color: green; 
	height: 100%; 
	width: 100;
}

.boolean-ko{
	background-color: rgb(165 0 1); 
	height: 100%; 
	width: 100%;
}

.boolean-unknown{
	background-color: rgb(183, 183, 183); 
	height: 100%; 
	width: 100%;
}



/* MapStatus & GPS*/

.rqdshmapcnt {
	width:100%;
	height:100%;
}
.map-object-link{
	
	cursor: pointer;
	color: #06c;
	
}
.map-status-save{
	position: absolute;
	top: 0px;
	z-index: 3;
	background: rgba(255,255,255,0);
	background-image: url("/sys/img/font-awesome/save-24px.svg");
	display: block;
	cursor: pointer;
    float: right;
    background-size: 24px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
	background-position: center;
	visibility: hidden;
	right: 0px;
}


.map-status-save.clicked{
	opacity:0.2;
	pointer-events: auto;
}


.mapbox-improve-map{
	
	display: none;
}



.mapboxgl-ctrl-bottom-right{
	z-index: 0;
}
/* FLUX */



.rqdashpage .data-measure {
   /* font-size: 12px;
	margin-left: 1px;
	margin-top: 19px;
	margin-right: 1px;*/
	font-size: 10px;
	
}


.rqdashpage .data-value{
/* 	font-size: 25px; */
/* 	font-weight: normal; */
}



/* NEW */
.rqdashpage .img-loc
{
  	background-image: url("/iotdashboard/img/icons/sunfill.svg");
  	height: 60px;
    width: 60px;
    background-position: center;
	z-index:1;
    background-size: contain;
    background-repeat: no-repeat;
}

.rqdashpage .img-ext
{
  	background-image: url("/iotdashboard/img/icons/extfill.svg");
  	height: 60px;
    width: 60px;
    background-position: center;
	z-index:1;
    background-size: contain;
    background-repeat: no-repeat;
}

.rqdashpage .img-char
{
  	background-image: url("/iotdashboard/img/icons/plugfill.svg");
  	height: 60px;
    width: 60px;
    background-position: center;
	z-index:1;
    background-size: contain;
    background-repeat: no-repeat;
}

.rqdashpage .img-stor
{
  	background-image: url("/iotdashboard/img/icons/batteryfill.svg");
  	height: 60px;
    width: 60px;
    background-position: center;
	z-index:1;
    background-size: contain;
    background-repeat: no-repeat;
}


.rqdashpage .totalValue {
	
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
	font-size: 17px;
	border-radius: 40px;
/* 	overflow: hidden; */
	padding: 0px 10px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #ffffff;
   	z-index:2;
    
      
}
.rqdashpage .totalValue.totalValueTop {
	
    
    position: relative;
    left: 50px;
    top: 25px;
    margin-left: 0px !important; 
    margin-right: 0px !important;
      
  
}

.rqdashpage .totalValue.totalValueRight {
	

    
    position: relative;
    left: 50px;
    bottom: 25px;
    margin-left: 0px !important; 
    margin-right: 0px !important;

}

.rqdashpage .totalValue.totalValueLeft {
	
	
    
    position: relative;
    left: 50px;
    bottom: 25px;
    margin-left: 0px !important; 
    margin-right: 0px !important;

  
}

.rqdashpage .totalValue.totalValueBottom {
	
	
    
    position: relative;
    left: 50px;
    bottom: 25px;    
    
    margin-left: 0px !important; 
    margin-right: 0px !important;
  
}

.rqdashpage .rqfluxval {
	color: black;
  	min-height: 25px;
/*   	min-width: 25px; */
    margin-left: auto;
    margin-right: 10px;
}





.rqdshfluxcnt {
	overflow-y: auto;
	
}

.rqdashpage .total-flux-in {
    font-size: 16px;
}

.rqdashpage .row-time{
	margin-bottom: -4px;
}

.rqdashpage .separate-row {
	border-bottom: 1px solid lightgray;
	height: 20px;
}

.rqdashpage .separate-row + .row {
	height: 70%;
}

.rqdashpage .flux-title{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #bdbdbd;
}

.rqdashpage .data-row {
	font-size: 13px;
	margin-bottom: -5px;
	min-height:45px;
	color: white;
}

.rqdashpage .data-row [data-key]{
	font-size:13px;
	min-height: 25.5px;
}

.rqdashpage .flux-sp-external, .rqdashpage .flux-sp-charge {
    margin-top: 50px;
	margin-bottom: 50px;
}

.rqdashpage .container-flux {

}

.rqdashpage .flux-name-sp {
    font-size: 15px;
    /*font-weight: bold;*/
}

.rqdashpage .flux-data{
	font-size: 11px;
}

.rqdashpage .flux-link{
	background-color : #95dcff;
}
/*
.rqdashpage .flux-link-left.flux-link-anim,.rqdashpage .flux-link-right.flux-link-anim{
	background: url(../gif/flux.gif);
	
    background-repeat: repeat-x;
    background-size: 100px 10px;
	background-position-y: center;
}

.rqdashpage .flux-link-top.flux-link-anim,.rqdashpage .flux-link-bottom.flux-link-anim{
	background: url(../gif/flux2.gif);
	
    background-repeat: repeat-y;
    background-size: 10px 100px;
	background-position-x: center;
}*/


.rqdashpage .flux-link-left.flux-link-anim,.rqdashpage .flux-link-right.flux-link-anim{
	background: url(../gif/flux.gif);
	
    background-repeat: repeat-x;
    background-size: 121px 18px;
	background-position-y: center;
}

.rqdashpage .flux-link-top.flux-link-anim,.rqdashpage .flux-link-bottom.flux-link-anim{
	background: url(../gif/flux2.gif);
	
    background-repeat: repeat-y;
    background-size: 18px 121px;
	background-position-x: center;
}

.rqdashpage .flux-link-left.flux-link-stop,.rqdashpage .flux-link-right.flux-link-stop{
	background: url(../img/flux-stop.png);
    background-repeat: repeat-x;
    background-size: 100px 10px;
	background-position-x: center;
}

.rqdashpage .flux-link-top.flux-link-stop,.rqdashpage .flux-link-bottom.flux-link-stop{
	background: url(../img/flux2-stop.png);
    background-repeat: repeat-y;
    background-size: 10px 100px;
	background-position-x: center;
}

.rqdashpage .flux-content-logo-bs {
	/*background-color : #95DCFF;*/
}

.rqdashpage .parent-logo{
	height: 100%;
}
/*
.rqdashpage .flux-link-left-in, .rqdashpage .flux-link-right-in, .rqdashpage .flux-link-left-out, .rqdashpage .flux-link-right-out{
	height: 10px;
}*/

.rqdashpage .flux-link-left-in, .rqdashpage .flux-link-right-in, .rqdashpage .flux-link-left-out, .rqdashpage .flux-link-right-out{
	height: 18px;
}

.flux-link-left-in + .flux-link-left-out, .flux-link-right-in + .flux-link-right-out{
	margin-top: 5px;
	margin-bottom: 5px;
}

.flux-link-top-in:not(.d-none) + .flux-link-top-out, .flux-link-bottom-in:not(.d-none) + .flux-link-bottom-out{
	margin-left: 2px;
}
/*
.rqdashpage .flux-link-top, .rqdashpage .flux-link-bottom{
	width: 10px;
}*/

.rqdashpage .flux-link-top, .rqdashpage .flux-link-bottom{
	width: 18px;
}

.rqdashpage .flux-link-error{
	-webkit-animation: error-link 2s infinite; /* Safari 4.0 - 8.0 */
    animation: error-link 2s infinite;
    background: none;
}

@-webkit-keyframes error-link {
    0%   {background-color:pink;}
    50%  {background-color:red;}
    100% {background-color:pink;}
}

@keyframes error-link {
    0%   {background-color:pink;}
    50%  {background-color:red;}
    100% {background-color:pink;}
}

.rqdashpage .flux-reverse {
    transform: rotate(180deg);
}

.rqdashpage .flux-middle-first-row, .rqdashpage .flux-middle-last-row{
	height : calc((100% - 40px)/2);
}
.rqdashpage .flux-middle-second-row{
	height: 40px;
}

.rqdashpage .flux-group-name{
	font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.rqdashpage .flux-p-total{
	font-size:15px;
	white-space: nowrap;
}

.rqdashpage .flux-main-data{
	position: relative;
	top:-5px;
    border-radius: 20px;
	
}

/* SUM */
.rqdashpage .flux-desc-sum{
	font-size:16px;
}
.rqdashpage .flux-value-sum{
	font-size:28px;
}
.rqdashpage .data-row-show-sum{
	/*min-height: 35px;
	height: 35px;*/
}

/* WITH EXTERNAL */
.rqdashpage .with-top{
}

.rqdashpage .with-top .flux-middle-bs{
	/*height : 53%;*/
}

.rqdashpage .with-top .flux-last{
	/*height : 22%;*/
}

.rqdashpage .with-top .flux-first{
	margin-top: 6px;
}

.rqdashpage .flux-last{
	
}

.rqdashpage .flux-group{
/* 	border: 2px solid; */
/* 	max-width: 217px; */
/* 	border-radius: 20px; */
/* 	max-width: 265px; */

}

.rqdashpage .flux-group-total{
	background-color: #ffffff00;
}


/* FLUX WIDGET WITHOUT TOP */
.rqdashpage .without-top .flux-first{
	display: none;
}

.rqdashpage .without-top .flux-link-top{
	display: none;
}

.rqdashpage .without-top .container-flux + .container-flux{
	/*margin-top: 15px;*/
}

.rqdashpage .without-top .flux-middle-bs {
    min-height: 100px;
    margin-top: -80px;
}

.rqdashpage .without-top .flux-first.d-none + .flux-middle-bs{
	/*height: 70%;*/
    margin-top: 7px;
}

.rqdashpage .without-top .flux-middle-second-row {
	/*height: 30px;*/
}

.rqdashpage .without-top .flux-link-anim2{
	background-repeat: repeat-y;
	background-size: 10px 100px;
}

/* ICON */
.rqdashpage .img-flux{
	width: 20px;
	height: 20px;
	position: absolute;
}

.rqdashpage .flux-sp-local .img-solar, 
.rqdashpage .flux-sp-charge .img-solar,
.rqdashpage .flux-sp-external .img-solar,
.rqdashpage .flux-sp-storage .img-solar{
  	background-image: url("../img/icons/pv-on.png");
}

.rqdashpage .flux-sp-local .img-battery, 
.rqdashpage .flux-sp-charge .img-battery,
.rqdashpage .flux-sp-external .img-battery,
.rqdashpage .flux-sp-storage .img-battery{
	background-image: url("../img/icons/battery-on.png");
}

.rqdashpage .flux-sp-local .img-otherload, 
.rqdashpage .flux-sp-charge .img-otherload,
.rqdashpage .flux-sp-external .img-otherload,
.rqdashpage .flux-sp-storage .img-otherload{	
	background-image: url("../img/icons/otherload-on.png");
}

.rqdashpage .flux-sp-local .img-network, 
.rqdashpage .flux-sp-charge .img-network,
.rqdashpage .flux-sp-external .img-network,
.rqdashpage .flux-sp-storage .img-network{
	background-image: url("../img/icons/utility-on.png");
}

.rqdashpage .flux-sp-local .img-network, 
.rqdashpage .flux-sp-charge .img-network,
.rqdashpage .flux-sp-external .img-network,
.rqdashpage .flux-sp-storage .img-network,
.rqdashpage .flux-sp-local .img-otherload, 
.rqdashpage .flux-sp-charge .img-otherload,
.rqdashpage .flux-sp-external .img-otherload,
.rqdashpage .flux-sp-storage .img-otherload,
.rqdashpage .flux-sp-local .img-none, 
.rqdashpage .flux-sp-charge .img-none,
.rqdashpage .flux-sp-external .img-none,
.rqdashpage .flux-sp-storage .img-none,
.rqdashpage .flux-sp-local .img-battery, 
.rqdashpage .flux-sp-charge .img-battery,
.rqdashpage .flux-sp-external .img-battery,
.rqdashpage .flux-sp-storage .img-battery,
.rqdashpage .flux-sp-local .img-solar, 
.rqdashpage .flux-sp-charge .img-solar,
.rqdashpage .flux-sp-external .img-solar,
.rqdashpage .flux-sp-storage .img-solar{
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.rqdashpage .img-cached-parent{
	height: 76px;	
	width: 76px;	
	left: calc(50% - 38px);	
	top: calc(50% - 38px);	
	position: absolute;	
	z-index: 1;	
	border-radius: 46px;
/* 	border: 2px solid lightgray; */
	background-color: white;
}

.rqdashpage .img-cached{	
	background-image: url("/iotdashboard/img/icons/lightning.svg");
	background-size: 75% 75%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-position: center;
}

/*RESPONSIVE*/
@media screen and (max-width: 992px)  {
	.rqdashpage .mobile-flux-widget{
	    height: unset !important; 
	}
}
/*
@media screen and (max-width: 600px){
	.rqdashpage .flux-link-anim {
		background-size: 100px 10px;
	}
}*/


@media screen and (max-width: 600px){
	.rqdashpage .flux-link-anim {
		background-size: 100%;
	}
}
@media screen and (max-width: 767px){
	.rqdashpage .flux-sp-local .img-none, 
	.rqdashpage .flux-sp-charge .img-none,
	.rqdashpage .flux-sp-external .img-none,
	.rqdashpage .flux-sp-storage .img-none {
		width: 0px;
	}
}

@media screen and (max-width: 400px){
	.rqdashpage .flux-group {
		max-width: 33%;
/* 		padding-left: 0px; */
/*    		padding-right: 0px; */
	}
}



/* Camera */


.rqdashpage .camera-title {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #bdbdbd;
}

.iotCameraWidget .rqdashwdgcnt {
	background:none;
}
.rqdshcam img {
	width:100%;
	height:100%;
	border-radius: 5px;
}
/*
.rqdashpage .camera-img {
	height: calc(100% - 22px);
	margin-top: 0px;
	width: calc(100% + 0px);
	cursor: pointer;
	left: 0px;
	position: relative;
}*/
.rqdshcam{
	height:100%;
	width:100%;
	
}
.rqdashpage .camera-img.camera-error-img {
	opacity:0;
	min-height: 189px;
	min-width: 100%;
}

.rqdashpage .broken-image{
	background-repeat: no-repeat;
    background-size: 100% 100%;
	max-height: 100vh;
	background-color: white;
}

#modal-camera-carousel-indicators.carousel-error .carousel-item img {
    opacity: 0;
    height: 100vh;
}

#modal-camera-carousel-indicators.carousel-error .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#modal-camera-carousel-indicators.carousel-error .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#modal-camera .modal-camera-dialog {
	max-width: 80vw;
}

#modal-camera .broken-image{
	width: 100%;
    height: 75vh;
}

#modal-camera #modal-camera-carousel-indicators .carousel-inner .carousel-item {
	/*/padding-top: 56.25%; 
	width: 100%;
	position: relative;*/
}

#modal-camera #modal-camera-carousel-indicators .carousel-inner img {
	width: 100%;
}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media screen and (max-width: 575px){
	.nav-dashboard-container .camera-mobile, .dashboard-container .camera-mobile{
		/*height: 60vw !important;*/
	}
} 

@media screen and (max-width: 992px){
	.dashboard-container .camera-img, .dashboard-container .camera-img.broken-image {
		height: calc(100% - 22px);
	}
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.carousel-item-next,
    .carousel-fade .carousel-inner > .carousel-item.active.carousel-item-right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.carousel-item-prev,
    .carousel-fade .carousel-inner > .carousel-item.active.carousel-item-left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-inner > .carousel-item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 

#modal-camera .carousel-indicators {
	display: inline-block;	
	position: relative;
}

#modal-camera .carousel-indicators li {
	margin-right:0px;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #D6D6D6;
	border-radius: 30px;
}

#modal-camera .carousel-indicators li.active {
	background-color: #869791;
}

@media screen and (max-width: 992px){
	#modal-camera .modal-camera-dialog {
		max-width: 75vw;
		top: 50px;
	}
	.modal-backdrop.fade.show{
		display:none;
	}
}

/* Bootstrap override */
@media screen and (max-width: 992px) and (orientation: portrait){
	#modal-camera .modal-camera-dialog {
		max-width: 100vw;
	}
	
	#modal-camera .broken-image {
	    width: 100%;
	    height: 30vh;
	}
}

@media screen and (max-width: 992px) and (orientation: landscape){
	#modal-camera .modal-camera-dialog {
		top: 25px;
	}
}