@font-face {
  font-family: Raleway;
  src: url(fonts/raleway/Raleway-Regular.ttf);
}

html, body, button, input, textarea, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: Raleway, Sans-serif, Arial;
	font-size: 1.0vw!important;
} 

.style-selected{
	background-color: #53DA3F!important;
}

.html-background-color{
	background-color: #000000;
	/* background-image: linear-gradient(45deg,#53DA3F 0%,#00AED9 100%); */
	/* min-height: 910px;  */
	height: 100%;
}

.main-page{
	color: #FFFFFF;
}

#loadingdiv::after {
	z-index: -1;
	position: absolute;
	top: 0px; bottom: 0px;
    left: 0px; right: 0px;
	content: '';
	background-image: url(../pics/dsignz_logo_rgb.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.25;
}

#loadingdiv {
	z-index: 0;
	position: relative;
	min-height: 710px;
	height: 37vw; 
	padding: 10px; 
	min-width: 1600px; 
	max-width: 99%;
	color: black;
    background: linear-gradient(to right,#EEEEEE,#EEEEEE),linear-gradient(90deg,#53DA3F,#00AED9)!important;
	border-top: 6px solid transparent!important;
    border-left: 6px solid transparent!important;
	border-right: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    background-clip: padding-box,border-box!important;
    background-origin: padding-box,border-box!important;
	border-radius: 50px;
	border-style: solid;
    border-width: 7px 7px 7px 7px;	
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.jqx-menu {
    border-top: 6px solid transparent!important;
    border-left: 6px solid transparent!important;
	border-right: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    background-clip: padding-box,border-box!important;
    background-origin: padding-box,border-box!important;
    background-image: linear-gradient(to right,#fff,#fff),linear-gradient(90deg,#53DA3F,#00AED9)!important;
	border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: #38D430;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.devicelist-leddatawindow-innerdiv {
	height: 600px;
	/* height: '24.9%'; */
	position: relative;
	padding: 10px; 
	color: black;
    background: linear-gradient(to right,#FFFFFF,#FFFFFF),linear-gradient(90deg,#53DA3F,#00AED9)!important;
	border-top: 6px solid transparent!important;
    border-left: 6px solid transparent!important;
	border-right: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    background-clip: padding-box,border-box!important;
    background-origin: padding-box,border-box!important;
	border-radius: 25px;
	border-style: solid;
    border-width: 7px 7px 7px 7px;	
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.devicelist-servicewindow-innerdiv {
	height: 600px;
	/* height: '24.9%'; */
	position: relative;
	padding: 10px; 
	color: black;
    background: linear-gradient(to right,#FFFFFF,#FFFFFF),linear-gradient(90deg,#53DA3F,#00AED9)!important;
	border-top: 6px solid transparent!important;
    border-left: 6px solid transparent!important;
	border-right: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    background-clip: padding-box,border-box!important;
    background-origin: padding-box,border-box!important;
	border-radius: 25px;
	border-style: solid;
    border-width: 7px 7px 7px 7px;	
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}


.devicelist-rowdetails-innerdiv {
	height: 300px;
	/* height: '24.9%'; */
	position: relative;
	padding: 10px; 
	color: black;
    background: linear-gradient(to right,#FFFFFF,#FFFFFF),linear-gradient(90deg,#53DA3F,#00AED9)!important;
	border-top: 6px solid transparent!important;
    border-left: 6px solid transparent!important;
	border-right: 6px solid transparent!important;
    border-bottom: 6px solid transparent!important;
    background-clip: padding-box,border-box!important;
    background-origin: padding-box,border-box!important;
	border-radius: 25px;
	border-style: solid;
    border-width: 7px 7px 7px 7px;	
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}


.devicelist-rowdetails-table {
	border-collapse: collapse; 
	height: 300px;
	/* height: '24.9%'; */
	position: relative;
	padding: 10px; 
}

.devicelist-rowdetails-tr {
	/* height: 1.2vw!important; */
	padding: 5px;
	border-left: 1px solid #00AED9;
	border-right: 1px solid #00AED9;
	border-top: 1px solid #00AED9;
	border-bottom: 1px solid #00AED9;
}

.devicelist-rowdetails-td {
	padding: 5px;
}

.devicelist-rowdetails-td-border-right {
	padding: 5px;
	border-right: 1px solid #00AED9;
}

.jqx-text-area {
	border-radius: 15px!important;
}

.jqx-input-widget {
	padding-left: 5px!important;
	padding-right: 5px!important;
}

.jqxtextarea-devicelistrowdetails-editable {
	padding-left: 5px!important;
	padding-right: 5px!important;
}

.jqx-fill-state-disabled {
    opacity: 0.75!important;
}

#pagerjqxgrid_devicelist {
	z-index: 2001!important;
	/* height: 5.0vw!important; */
    /* top: 28.5vw!important; */
	/* margin-top: 1vw!important; */
}

#pagerjqxgrid_devicelist > div {
	top: 0px!important;
}

#pagerjqxgrid_devicelist > div > div[type=button] {
	height: 2vw!important;
	width: 2vw!important;
}

#pagerjqxgrid_devicelist > div > div[type=button] > div {
	height: 2vw!important;
    width: 1.5vw!important;
	background-size: 1.5vw!important;
}

#pagerjqxgrid_devicelist > div > div:not([type=button]) {
	margin-top: 0.5vw;
}

#pagerjqxgrid_devicelist > div > div:not([type=button]) > a {
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}

#jqxScrollThumbhorizontalScrollBarjqxgrid_devicelist {
	z-index: 2000!important;
}

.jqx-datetimeinput-hgv {
	height: 1.5vw!important;
}

.jqx-input-hgv {
	/* height: 1.4vw!important; */
}

.jqx-dropdownlist-hgv {
	/* height: 1.6vw!important; */
}

#stid {
	height: 1.6vw!important;
}

.jqx-grid-cell-pinned > div > div > div > :first-child {
    top: 0.15vw!important;
}

.jqx-window-close-button-background-hgv {
	width: 1.5vw!important;
	height: 1.5vw!important;
}

.jqx-window-close-button {
    background-size: 1.2vw;
}

.jqx-calendar-container-hgv {
	width: 11vw!important;
	height: 12.5vw!important;
}

.jqx-calendar-hgv {
	width: 11vw!important;
	height: 11.5vw!important;
}

.jqx-validator-hint {
	height: auto!important;
}

.notifyjs-bootstrap-base {
	background-size: 1.2vw;
	padding-left: 1.3vw!important;
}