@charset "utf-8";
/*  Gridstack CSS Document */

.grid-stack {
    position: relative;
	/*left: 16px;*/
}

.grid-stack-rtl {
    direction: ltr
}

.grid-stack-rtl>.grid-stack-item {
    direction: rtl
}

.grid-stack-placeholder>.placeholder-content {
    background-color: rgba(0,0,0,.1);
    margin: 0;
    position: absolute;
    width: auto;
    z-index: 0!important
}

.grid-stack>.grid-stack-item {
    position: absolute;
    padding: 0
}

.gs-id-0 > .grid-stack-item {
    height: 364px;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
	inset: 8px !important;
    margin: 0;
    position: absolute;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
	border-radius: 0.25rem !important;
    box-shadow: 0px 8px 20px #3d3d3d26;
	background:#fff
	
}

.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content {
    overflow-y: hidden
}

.grid-stack-item>.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle {
    display: none
}

.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
    background-repeat: no-repeat;
    background-position: center
}

.grid-stack-item>.ui-resizable-ne {
    transform: translate(0,10px) rotate(45deg)
}

.grid-stack-item>.ui-resizable-sw {
    transform: rotate(45deg)
}

.grid-stack-item>.ui-resizable-nw {
    transform: translate(0,10px) rotate(-45deg)
}

.grid-stack-item>.ui-resizable-se {
    transform: rotate(-45deg)
}

.grid-stack-item>.ui-resizable-nw {
    cursor: nw-resize;
    width: 20px;
    height: 20px;
    top: 0
}

.grid-stack-item>.ui-resizable-n {
    cursor: n-resize;
    height: 10px;
    top: 0;
    left: 25px;
    right: 25px
}

.grid-stack-item>.ui-resizable-ne {
    cursor: ne-resize;
    width: 20px;
    height: 20px;
    top: 0
}

.grid-stack-item>.ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    top: 15px;
    bottom: 15px
}

.grid-stack-item>.ui-resizable-se {
    cursor: se-resize;
    width: 20px;
    height: 20px
}

.grid-stack-item>.ui-resizable-s {
    cursor: s-resize;
    height: 10px;
    left: 25px;
    bottom: 0;
    right: 25px
}

.grid-stack-item>.ui-resizable-sw {
    cursor: sw-resize;
    width: 20px;
    height: 20px
}

.grid-stack-item>.ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    top: 15px;
    bottom: 15px
}

.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle {
    display: none!important
}

.grid-stack-item.ui-draggable-dragging {
    will-change: left,top;
    cursor: move
}

.grid-stack-item.ui-resizable-resizing {
    will-change: width,height
}

.ui-draggable-dragging,.ui-resizable-resizing {
    z-index: 10000
}

.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0,0,0,.2);
    opacity: .8
}

.grid-stack-animate,.grid-stack-animate .grid-stack-item {
    transition: left .3s,top .3s,height .3s,width .3s
}

.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
    transition: left 0s,top 0s,height 0s,width 0s
}

.grid-stack>.grid-stack-item[gs-y="0"] {
    top: 0
}

.grid-stack>.grid-stack-item[gs-x="0"] {
    left: -8px;
}

.gs-12>.grid-stack-item {
    width: 25%;
    /*height: 344px !important;*/
}

.gs-12>.grid-stack-item[gs-x="1"] {
    left: 26%
}

.gs-12>.grid-stack-item[gs-w="2"] {
    width: 25%
}

.gs-12>.grid-stack-item[gs-x="2"] {
    left: 66.667%;
}

.gs-12>.grid-stack-item[gs-w="3"] {
    width: 25%
}

.gs-12>.grid-stack-item[gs-x="3"] {  left: 24.8% !important; }

.gs-12>.grid-stack-item[gs-w="4"] {
    width: 33.333%
}

.gs-12>.grid-stack-item[gs-x="4"] {
    left: 33.333%
}

.gs-12>.grid-stack-item[gs-w="5"] {
    width: 41.667%
}

.gs-12>.grid-stack-item[gs-x="5"] {
    left: 41.667%
}

.gs-12>.grid-stack-item[gs-w="6"] {
    width: 50%
}

.gs-12>.grid-stack-item[gs-x="6"] {
    left: 50%
}

.gs-12>.grid-stack-item[gs-w="7"] {
    width: 58.333%
}

.gs-12>.grid-stack-item[gs-x="7"] {
    left: 58.333%
}

.gs-12>.grid-stack-item[gs-w="8"] {
    width: 66.667%
}

.gs-12>.grid-stack-item[gs-x="8"] {
    left: 66.667%
}

.gs-12>.grid-stack-item[gs-w="9"] {
    width: 75%
}

.gs-12>.grid-stack-item[gs-x="9"] {
    left: 75%
}

.gs-12>.grid-stack-item[gs-w="10"] {
    width: 83.333%
}

.gs-12>.grid-stack-item[gs-x="10"] {
    left: 83.333%
}

.gs-12>.grid-stack-item[gs-w="11"] {
    width: 91.667%
}

.gs-12>.grid-stack-item[gs-x="11"] {
    left: 91.667%
}

.gs-12>.grid-stack-item[gs-w="12"] {
    width: 100%
}

.gs-1>.grid-stack-item {
    width: 100%
}


/*Danalytics widget positions */

.gs-id-0 > .grid-stack-item[gs-y="4"] {   top: 610px !important; }

.gs-id-0 > .grid-stack-item[gs-y="7"] {   top: 1070px !important; }

.gs-id-0 > .d-widget[gs-y="10"]  {  top: 1534px !important; }





@media (min-width:1440px)and (max-width:1919px) {

.gs-id-0 > .grid-stack-item[gs-h="3"] {   height: 420px !important; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="3"] { top: 420px !important;  height: 390px !important;}
 
.gs-id-0 > .grid-stack-item[gs-x="8"].grid-stack-item[gs-h="6"] {  height: 808px; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="6"] {  top: 818px !important;  height: 404px !important;    }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="9"] { top: 1224px !important;  height: 324px !important;    }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="6"] {   top: 818px;   height: 284px;   }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="8"] { top: 1110px;  height: 260px;   }
 
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="10"] { top: 1376px;  height: 274px;    }
	
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="12"] { top: 1656px;  height: 208px;   }

/*Danalytics widget positions */

.gs-id-0 > .d-widget[gs-y="4"] { top: 460px !important;}

.gs-id-0 > .d-widget[gs-y="7"] {  top: 910px !important;}

.gs-id-0 > .d-widget[gs-y="10"]  {  top: 1354px !important; }

}

@media (min-width:1024px) and (max-width:1439px){
	
.gs-id-0 > .grid-stack-item[gs-h="3"] { height: 518px !important; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="3"] { top: 518px !important; height: 380px !important;   }

.gs-id-0 > .grid-stack-item[gs-x="8"].grid-stack-item[gs-h="6"] { height: 898px; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="6"] {  top: 902px !important;  height: 414px !important;    }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="9"] { top: 1318px !important;  height: 314px !important;    }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="6"] { top: 902px;   height: 312px;   }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="8"] { top: 1216px;  height: 260px;  }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="10"] { top: 1480px;  height: 254px; }
	
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="12"] { top: 1744px;  height: 182px; }


/*Danalytics widget positions */

.gs-id-0 > .d-widget[gs-y="4"] { top: 320px !important;  height: 320px !important;}

.gs-id-0 > .d-widget[gs-y="7"] {  top: 660px !important;  height: 310px !important;}

.gs-id-0 > .d-widget[gs-y="10"]  { top: 990px !important; height: 310px !important; }


}

@media (min-width:768px) and (max-width:1023px){
	
.gs-id-0 > .grid-stack-item[gs-h="3"] { height: 476px !important; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="3"] { top: 474px !important;  height: 338px !important;  }

.gs-id-0 > .grid-stack-item[gs-x="8"].grid-stack-item[gs-h="6"] { height: 812px; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="6"] { top: 810px !important;   height: 368px !important;   }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="9"] { top: 1176px !important; height: 302px !important;   }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="6"] { top: 810px;  height: 280px; }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="8"] { top: 1086px;  height: 332px;   }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="10"] { top: 1416px; height: 220px;  }
	
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="12"] { top: 1640px; height: 160px;    }

/*Danalytics widget positions */

.gs-id-0 > .d-widget[gs-y="4"] { top: 236px !important;    height: 260px !important;}

.gs-id-0 > .d-widget[gs-y="7"] {  top: 516px !important;    height: 260px !important;}

.gs-id-0 > .d-widget[gs-y="10"]  { top: 790px !important;    height: 250px !important; }





}

@media (min-width:320px) and (max-width:767px){
	

.gs-id-0 > .grid-stack-item[gs-h="3"] { width: 100% !important;  height: 420px !important; }

.gs-id-0 > .grid-stack-item[gs-h="3"].grid-stack-item[gs-x="4"]{  width: 100% !important;   height: 440px !important;   left: 0;   top: 420px;   }

.gs-id-0 > .grid-stack-item[gs-x="8"].grid-stack-item[gs-h="6"] { width: 100% !important; height: 600px; left: 0;   top: 860px; }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="3"] { width: 100% !important; top: 1460px  !important;  height: 390px !important;}

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="6"] { width: 100% !important; top: 1854px !important;  height: 404px !important;    }

.gs-id-0 > .grid-stack-item[gs-x="0"].grid-stack-item[gs-y="9"] { width: 100% !important; top: 2262px !important;  height: 324px !important;    }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="6"] {  width: 100% !important; top: 2592px; left: 0;   height: 284px;   }

.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="8"] { width: 100% !important; top: 2880px; left: 0;  height: 374px;   }
 
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="10"] { width: 100% !important; top: 3256px;  left: 0;  height: 260px;    }
	
.gs-id-0 > .grid-stack-item[gs-h="2"].grid-stack-item[gs-y="12"] { width: 100% !important; top: 3520px; left: 0;  height: 166px;   }
    
	
}