/* fonts START */
@font-face {
    font-family:'Nunito-Black';
    src: url('fonts/Nunito-Black.ttf');
}
@font-face {
    font-family:'Nunito-BlackItalic';
    src: url('fonts/Nunito-BlackItalic.ttf');
}
@font-face {
    font-family:'Nunito-Bold';
    src: url('fonts/Nunito-Bold.ttf');
}
@font-face {
    font-family:'Nunito-BoldItalic';
    src: url('fonts/Nunito-BoldItalic.ttf');
}
@font-face {
    font-family:'Nunito-ExtraBold';
    src: url('fonts/Nunito-ExtraBold.ttf');
}
@font-face {
    font-family:'Nunito-ExtraBoldItalic';
    src: url('fonts/Nunito-ExtraBoldItalic.ttf');
}
@font-face {
    font-family:'Nunito-ExtraLight';
    src: url('fonts/Nunito-ExtraLight.ttf');
}
@font-face {
    font-family:'Nunito-ExtraLightItalic';
    src: url('fonts/Nunito-ExtraLightItalic.ttf');
}
@font-face {
    font-family:'Nunito-Italic';
    src: url('fonts/Nunito-Italic.ttf');
}
@font-face {
    font-family:'Nunito-Light';
    src: url('fonts/Nunito-Light.ttf');
}
@font-face {
    font-family:'Nunito-LightItalic';
    src: url('fonts/Nunito-LightItalic.ttf');
}
@font-face {
    font-family:'Nunito-Regular';
    src: url('fonts/Nunito-Regular.ttf');
}
@font-face {
    font-family:'Nunito-SemiBold';
    src: url('fonts/Nunito-SemiBold.ttf');
}
@font-face {
    font-family:'Nunito-SemiBoldItalic';
    src: url('fonts/Nunito-SemiBoldItalic.ttf');
}
/* fonts END */

/* body START */
body {
    background-color:#f0f0f0;
    font-family : 'Nunito',sans-serif;
}

body.mobile {
    background-color:#ffffff;
}
/* body END */

/* banner START */
.rqtopimg {
    background: url('img/common-sprite@2x.png');
    background-repeat: no-repeat;
    background-size: 346px 343px;
    background-position: 0 0;
    width: 215px;
    height: 45px;
    margin-left: 50px;
    margin-top:10px;
}

#top {
    margin-right: 0;
    background: #3dcd58;
    height: 65px;
    position: relative;
    width: 100%;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    background:#009530;
}

.rqmcfg a,
.rqmcfgdbg a,
.rqmcfg a:visited,
.rqmcfgdbg a:visited {
    color: #fff;
}
#top .topinfo {
    color: #fff;
}
.rqmlogin:visited {
    color: #fff;
}
.rqmlogin {
    color: #fff;
}
a.rqmlogin:hover {
    color: #fff;
}

.rqtopinfo {
    padding:10px;
}

.iotcontexts {
	float:right;
	clear:right;
	margin: 6px 10px 0;
}

.iotcontexts div {
    color:#fff;
}

.cluetip .cluetip-outer .ui-cluetip-header {
    background-color:black;
}

.fm1i {
    border:none;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1), -2px -2px 4px rgba(0,0,0,0.1);
}

.rqlocimg {
    top:-1px;
}
/* banner END */

/* vertical menu bar START */
#rqmbarvertical {
    background-color:black;
    padding-top:65px;
}

#rqmbarvertical .rqmbaritem:not(.rqselected):hover {
    background-color:rgba(255, 255, 255, 0.2);
}

.rqmbaritem.rqselected {
    background-color:rgba(255, 255, 255, 0.3);
}

#rqmbarvertical .rqdropdowncontent > div:hover {
    background-color:rgba(0, 0, 0, .03);
}

.rqcontainerverticalmenu .rqscrollable {
    display:flex;
}

.rqsubmenuvertical {
    margin:10px 0 0 20px;
}

/*
.rqsubmenuvertical {
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    background-color:#fafafa;
    color:#666;
    margin:20px 0 0 20px;
    border-radius:0;
}

.rqsubmenuvertical .rqentry {
    display:flex;
    width:180px;
    height:30px;
    cursor:pointer;
    font-size:12px;
    float:none;
    padding:0;
}

.rqsubmenuvertical .rqentry.rqselected {
    background:#42b4e6;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.rqsubmenuvertical .rqentry:not(.rqselected):hover {
    background-color:rgba(0, 0, 0, .03);
}

.rqsubmenuvertical .rqentrytitle {
    flex-grow:1;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    overflow: hidden;
}

.rqsubmenuvertical .rqentry:first-of-type,
.rqsubmenuvertical .rqentry:last-of-type {
    border-radius:0;
}
*/
/* vertical menu bar END */

/* buttons START */
a.rqbtn:visited,
a.rqbtn {
	background:#42b4e6;
	color:#fff;
}

a.rqnavnext,
a.rqnavprev  {
	background:#42b4e6;
	color:#fff;
	border:none;
}

a.rqnavnext:hover,
a.rqnavprev:hover {
	background:#42b4e6;
	color:#fff;
	border:none;
}

.rqctrl a.rqbtn.rqbtnclose  {
	background:#333;
	color:#fff;
}
.rqctrl a.rqbtn.rqbtnclose:hover {
	background:#333;
	color:#fff;
}

.rqcmdselect input[type='submit'],
.rqcmdselect input[type='button'],
.rqcmdsubmit input[type='submit'],
.rqcmdsubmit input[type='button'] {
	background:#42b4e6;
	color:#fff;
	border:1px solid #42b4e6;
}
.rqcmdselect input[type='submit']:hover,
.rqcmdselect input[type='button']:hover,
.rqcmdsubmit input[type='submit']:hover,
.rqcmdsubmit input[type='button']:hover {
	background:#42b4e6;
	color:#fff;
}
.rqcmdcancel input[type='button'],.rqcmdclose input[type='button'] {
	background:#333;
	color:#fff;
	border:1px solid #333;
}
.rqcmdcancel input[type='button']:hover,.rqcmdclose input[type='button']:hover {
	background:#333;
}

.rqcmdprev input[type='submit'],
.rqcmdprev input[type='button'] {
	background-color: #42b4e6;
	color:#fff;
	border: 1px solid #42b4e6;
}
.rqcmdprev input[type='submit']:hover,
.rqcmdprev input[type='button']:hover {
	background: #42b4e6;
}

.rqctrl a.rqbtn.rqbtnok  {
	background:#42b4e6;
	color:#fff;
}
.rqctrl a.rqbtn.rqbtnok:hover  {
	background:#42b4e6;
	color:#fff;
}

.rqctrl a.rqbtn.rqbtnok.rqbtnret {
  background: #42b4e6;
  color:#fff;
}
.rqctrl a.rqbtn.rqbtnok.rqbtnret:hover {
  background: #42b4e6;
  color:#fff;
}

.rqctrl a.rqbtn.rqbtnclose  {
	background:#333;
}
.rqctrl a.rqbtn.rqbtnclose:hover {
	background:#333;
}

a {
    color: #333;
}
a:visited {
    color: #333;
}

a.rqact {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: pt_sans,Verdana,sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin: 0;
	padding: 4px 6px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	background: #42b4e6;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
}
a.rqact {
	color:#fff;
}
a.rqact:visited {
	color:#fff;
}
a.rqact:hover {
	color:#fff;
}

.rqactbtn, .rqactbtn:visited {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: pt_sans,Verdana,sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin: 0;
	padding: 6px 8px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	background: #fc3;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2) ;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2) ;
}

.rqcol .rqright a.rqact {
	font-size: 11px;
	padding: 3px 4px;
}

.rqal {
    background: none;
    border: none;
}

.rqal li {
    margin: 0 0 10px 5px;
    float: left;
}

.rqwhy a.rqwhylnk {
    background:url('../../../sys/img/material/info_outline_white_24px.svg') no-repeat center;
    background-size:80%;
}

/* buttons END */

/* tables START */
/* header colors */
.rqview .tblreq thead tr,
.rqview .tbleditreq thead tr,
.rqview .tblreq th,
.rqview .tbleditreq th {
    background-color: #3dcd58;
}
.rqview .tblreq th.rqtblsorted {
    background-color:#009530;
}

/* no borders */
.rqview .tblreq, .rqview .tbleditreq {
    border:0 solid #fff;
}
.rqview .tblreq tr td,
.rqview .tbleditreq tr td,
.rqview .tblreq tr td.rqtblmenu,
.rqview .tbleditreq tr td.rqtblmenu {
    border-top:0 solid #fff;
    border-right:0 solid #fff;
}
.rqview .tblreq th,
.rqview .tbleditreq th {
    border-right:0 solid #fff;
}

.ui-widget-content {
    border:none;
}

/* line bg colors */
.rqview .tblreq tr.odd td {
    background-color:#f9f9f9;
}
.rqview .tblreq tr.even td {
    background-color:#eaeaea;
}
.rqview .tblreq tr.rqover td,
.rqview .tblreq tr.rqover td.sorted {
    background:#c6e3f1;
}

/* white arrows */
a.rqtblsortnull {
    background:url('../../../sys/css/sortarrowupw.gif') 6px 0 no-repeat;
}
/* tables END */

/* page START */
.rqinnerverticalmenu .rqscrollable {
    margin-top:65px;
}
.rqpage,
.rqdefaultpage {
    padding: 20px 0 0 20px;
}
/* page END */

/* portlets START */
.rqhdr h3 {
    font-size:16px;
    color:#fff;
}

.rqhdr {
    border-bottom:none;
    background-color:#3dcd58;
}

.rqportlet {
    margin:0 20px 20px 0;
}

.rqaddtopage a,
.rqaddtopage a:visited {
    color:#fff;
}

.rqportletcnt {
    position:relative;
}
/* portlet END */

/* error START */
.error {
    color: #B10043;
    font-weight: normal;
    border: 1px solid #B10043;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    background:#fff;
}
/* error END */

/* bootstrap dropdowns START */
input,
textarea,
select,
button {
    font-family : 'Nunito',sans-serif;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(66, 180, 230,.25);
}

.dropdown-item:active {
    background-color:#42b4e6;
}
/* bootstrap dropdowns END */

/* btn menu START */
.rqhdr .rqactmenum a.toggle-nav {
    background: url(../../../sys/img/material/menu_white_24px.svg) no-repeat center;
}

.rqactmenum a.rqact,
.rqhdr .rqactmenum a.rqact {
    box-shadow:none;
    color:#666;
    font-family:Nunito,sans-serif;
}

.rqactmenum ul {
    background:#fff;
}

.rqactmenum ul:after {
    border-bottom:7px solid #fff;
}
/* btn menu END */

/* mobile list items START */
.rqmobilelistitem {
    background:#42B4E6;
}

.rqmobilelistitem .rqsum .sum .sumlbl {
    display:inline-block;
    color:#fff;
}

body.mobile .alert-primary {
    margin: 0 1rem;
}
/* mobile list items END */

.rqtblinleact a.setblcntedit {
    background: url('img/tbl_edit.png') no-repeat;
    padding: 3px 19px 0px 9px;
    text-decoration: none;
}
.rqtblinleact a.setblcntdesac {
    background: url('img/tbl_desact.png') no-repeat;
    padding: 3px 19px 0px 9px;
    text-decoration: none;
}

.rqtblinleact a.setblcntemail {
    background: url('img/tbl_email.png') no-repeat;
    padding: 3px 19px 0px 9px;
    text-decoration: none;
}

.rqtblinleact a.setblcntdefinition {
    background: url('img/tbl_definition.png') no-repeat;
    padding: 3px 19px 0px 9px;
    text-decoration: none;
}

.rqtblinleact a.setblcntusers {
    background: url('img/tbl_users.png') no-repeat;
    padding: 3px 19px 0px 9px;
    text-decoration: none;
}