.w140 {
	width: 140px !important;
}

.w135 {
	width: 135px !important;
}

.w65 {
	width: 65px !important;
}

.padL20 {
	padding-left: 20px !important;
}

.v-align-wrapper {
	background: #7f8184;
}

.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
	/*background-color: #fff !important;*/
	/*border-color: #ddd !important;*/
	/*color: #333 !important;*/
	/*text-shadow: 0 1px 0 #f3f3f3 !important;*/
}

.ui-input-text, .ui-input-search {
	margin: 0 0 !important;
	border-width: 1px !important;
	/*border-style: solid !important;*/
}

.remoteAccessModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.remoteAccessModal:target {
    opacity:1;
    pointer-events: auto;
}

.remoteAccessModal > div {
	background: #fff;
    width: 550px;
    height: 175px;
    margin: 200px auto;
    /*border-radius: 10px;*/
}

.notif-msgbox {
	width: 500px;
	color : #747862;
	height:40px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.email-input {
	width: 500px;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

input {
	background-color: transparent;
}

.lookingDevicesModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.lookingDevicesModal:target {
    opacity:1;
    pointer-events: auto;
}

.lookingDevicesModal > div {
	background: #fff;
    width: 180px;
    height: 90px;
    margin: 200px auto;
    /*border-radius: 10px;*/
}

.settingsOptionModal {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.settingsOptionModal:target {
    opacity:1;
    pointer-events: auto;
}

.settingsOptionModal > div {
	margin: 0 auto;
    /*border-radius: 10px;*/
}

.innnerModal {
	background: #fff;
    width: 400px;
   	position: absolute;
   	right: 10px;
   	top: 90px;
}

.restoreDefaultModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.restoreDefaultModal:target {
    opacity:1;
    pointer-events: auto;
}

.restoreDefaultModal > div {
	background: #fff;
    width: 550px;
    margin: 200px auto;
    /*border-radius: 10px;*/
}

.exportDivModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.exportDivModal:target {
    opacity:1;
    pointer-events: auto;
}

.exportDivModal > div {
	background: #fff;
    width: 550px;
    margin: 200px auto;
    /*border-radius: 10px;*/
}

.loadingGif {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}

.loadingGif:target {
    opacity:1;
    pointer-events: auto;
}

.loadingGif > div {
    width: 550px;
    margin: 300px auto;
    
}

.loadingDiv {
	height: 120px !important;
	width: 120px !important;
	border-radius: 10px;
	background: #999999;
}

.floatingSelect {
	width: 500px;
	padding: 10px 0px;
	margin-top: 150px !important;
	border-radius: 10px;
	background: #fff;
}

.floatingSelect div {
	overflow: auto;
}

.floatingSelect div div {
	padding: 20px;
	color: #767676;
	text-align: left;
}

.floatingSelect div div:nth-child(odd) {
	background: #eee;
}

.floatingSelect div div:hover {
	background: #D3F0FA;
}

.floatingDialog {
	width: 600px !important; 
	margin-top: 200px !important; 
	background: #2E4454; 
	box-shadow: 0px 5px 5px #222;
	color: #fff;
}

.floatingDialog .header {
	background: url('../img/background-dialog-header.png'); 
	padding: 19px 25px; 
	text-align: left;
}

.floatingDialog .message {
	padding: 20px 25px; 
	text-align: left; 
	font-size: 15pt;
}

.floatingDialog .button-panel {
	background: #8C8C8C; 
	height: 57px;
}

.floatingDialog .button-panel div {
	padding: 6px;
}

.floatingDialog .button-panel div div.left, .floatingDialog .button-panel div div.right {
	background: url('../img/background-dialog-button.png'); 
	border: 1px solid #6B6B6B; 
	box-shadow: 0px 1px 3px #555; 
	width: 49%; 
	float: left; 
	padding: 11px 0px; 
	color: #222; 
	font-weight: bold; 
	font-size: 13pt;
}

.floatingDialog .button-panel div div.right {
	margin-top: -12px; 
	margin-left: 6px;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	font-weight: 100 !important;
}

.ui-page-theme-a .ui-btn.ui-btn-active {
  border-color: transparent !important;
  color: transparent !important;
  text-shadow: 0 !important;
}