html {
      background-color: #333;
}

@media only screen and (min-width: 600px) {
      .ui-page {
            width: 600px !important;
            margin: 0 auto !important;
            position: relative !important;
            border-right: 5px #666 outset !important;
            border-left: 5px #666 outset !important;
            }
}

.list-item-controls {
      margin-left: auto;
      margin-right: 0;
}
.custom-list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

#addScopePopup, 
#addDeviceToAccessControlPopup,
#addNewRolePopup, 
#addAccessControlPopup, 
#editDeviceAccessPopup, 
#addNewGraphForm, 
#addNewScenePopup {
      padding: 10px;
      min-width: 210px;
}

.center-wrapper span {
    vertical-align: middle;
    line-height: 30px;
    font-size: 1.5em;
}
.center-wrapper img {
    vertical-align: middle;
    height: 5em;
    width: 5em;
}

.ui-icon-custom-share:after {
      background-image: url("../img/share-icon.png");
      background-size: 18px 18px;
}

.share-icon {
      margin-top: 10px;
      height: 20px;
      width: 20px;
}

fieldset.custom {
    padding: 10px !important;
    border: 3px solid #999 !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
}