.TSTable {
    float:left;
    width: 100%;
    height: 60px;
    border-bottom: 3px solid #DFDFDF;
    padding-top:5px;
}

.CusDetailsLabel {
    width: 85px;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 8px;
}
.CusDetailsValue {
    float: left;
    width: calc(100% - 105px) !important
}
.CusDetailsValueA {
    float: left;
}
.CusDetailsDiv {
    width: 100%;
    float: left;
    margin-bottom:5px;
}

.TSTableRow {
    float:left;
    width: 100%;
    height: 30px;
    line-height: 30px
}
.TSCheckboxRow {
    float:left;
    width: 100%;
    height: 20px;
    line-height: 20px
}

.TSTableCell {
    float: left;
    width: 30%;
    height: 100%;
}

.TSTableLabel {
    width: 20% !important;
}
.TSWhitelist {
    width: 40%;
    height: calc(100% - 30px);
    margin-top:5%;
    margin: 0 auto;
    border:1px solid #DFDFDF;
    border-radius:5px;
    overflow-y:auto;
    line-height:32px;
    padding-top:5px;
}
.TSWhitelistItem {
    width:100%;
    height:32px;
    border-bottom:1px solid #DFDFDF;
    background:#EFEFEF;
    color:#5F5F5F;
}
.TSWhitelistItem:hover {
    background:#EFFFEF;
}
.TSRemoveWhitelist {
    width:16px;
    float:right;
    margin-right:10px;
    margin-top:8px;
}
.TSM2MGroups {
    width: 40%;
    height: calc(100% - 30px);
    margin-top: 5%;
    margin: 0 auto;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    overflow-y: auto;
    line-height: 32px;
    padding-top: 5px;
}

.TSM2MGroup {
    float: left;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #DFDFDF;
    background: #EFEFEF;
    color: #5F5F5F;
}

.TSM2MGroup:hover {
    background: #EFFFEF;
}
.TSM2MGroupLabel {
    width:calc(50% - 35px);
    float:left;
    margin-left:20px;
}
.TSRemoveM2MGroup {
    width: 16px;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
}
.TSM2MInfoRow {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin-bottom:10px;
}
.TSM2MInfo {
    float: left;
    width: 130px;
}
.DevOptDiv{
    width:32%;
    float:left;
}


.TSAccountAccess {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: #FFFFFF;
    padding: 20px;
}
.AccessMenu {
    width:175px !important;
}
.TSAccessList {
    width:100%;
    height:100%;
    overflow-y:auto;
    line-height:32px;
    border-radius:5px;
    border:1px solid #EFEFEF;
}
.TSAppAccess {
    width:90%;
    height:32px;
    border-bottom:1px solid #DFDFDF;
    background:#F5F5F5;
    padding:0px 5% 0px 5%;
}
.TSAppAccess:hover {
    background: #DFDFDF;
}
.TSActiveAppAccess {
    background: #F5FFF5 !important;
}
.TSPasswordAccess {
    width: 90%;
    height: 32px;
    border-bottom: 1px solid #DFDFDF;
    background: #F5F5F5;
    padding: 0px 5% 0px 5%;
}

.TSPasswordAccess:hover {
    background: #DFDFDF;
}

.TSActivePasswordAccess {
    background: #F5FFF5 !important;
}
.TSImportPreview {
    width:1920px;
    height:calc(100% - 24px);
    overflow-y:auto;
}
.TSImportLabel {
    float:left;
    text-align:center;
    width:100%;
    height:32px;
}
.TSImportBody {
    width:100%;
    height:calc(100% - 32px);
    overflow-x:auto;
}
.TSImportHeader {
    font-weight:bold;
}
.TSImportRow {
    float:left;
    width:1900px;
    height:24px;
    font-size:x-small;
}
.TSImportCell {
    float:left;
    width:100px;
    height:24px;
}
.TSImportExample {
}
.RawDataPopup {
    width: 400px;
    height: 262px;
}
.GotekPopup {
    position: absolute;
    border-radius: 10px;
    background: #1AB394;
}
.GotekPopupTitle {
    width: 100%;
    height: 32px;
    line-height:32px;
}
.GotekPopupContent {
    width: calc(100% - 12px);
    height: calc(100% - 38px);
    background: #FFFFFF;
    padding: 0px 3px 3px 3px;
    margin: 0px 3px 3px 3px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.GotekClose {
    float:right;
    margin:8px 8px 0px 0px;
}
.GotekBigLabel {
    font-size:large;
    color:#FFFFFF;
    margin-left:8px;
}
.GotekPopupLine {
    float:left;
    padding: 20px;
    width: calc(100% - 40px);
    height: 40px;
}
.TSLoading {
    position: absolute;
    z-index: 10001;
    left: calc(50% - 20px);
    top: 50%;
    opacity: 0.5;
    border: 5px solid #f3f3f3;
    border-top-color: rgb(243, 243, 243);
    border-top-style: solid;
    border-top-width: 5px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.GTStatsRow {
    margin:20px;
}
.GTStatsLabel {
    font-size:large;
    color:#555555;
}
.GTStatsPanel {
    width: 500px;
    height: 50%;
    margin: 0 auto;
    margin-top: 8%;
}
.GTRight {
    float:right;
}
.ActivationBody {
    width: 75%;
    height:100%;
    margin:0 auto;
    text-align:center;
}
.ActivationRow {
    width: 100%;
    height: 100px;
    text-align: center;
    float: left;
}
.ActivationCell {
    float: left;
    width: 20%;
    margin-right:5%;
    height: 80px;
    text-align: left;
}
.ActivationLabel {
    width:100%;
}
.ValidField {
    border: 1px solid #00FF21 !important;
}
.InvalidField {
    border:1px solid #FF0000 !important;
}
.AccountLoginCell {
    float:left;
    width:150px;
    height:21px;
}
.GTAdminSetting {
    width: 140px;
    float: left;
    margin-right: 10px;
}
.GTLargeLabel {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: medium;
    color: #AAAAAA;
}
.GTInstallImage {
    float:left;
    height:200px;
    margin-right:20px;
}
.GTInstallImages {
    float:left;
    width: 100%;
    height: 200px;
    margin-top:5px;
}

.BleInstall {
    width: 100%;
    height: calc(100% - 32px);
}


.EmptyImage {
    height: 120px;
    line-height:120px;
    text-align:center;
    color:#FFFFFF;
    background: #CFCFCF;
}

.ValidIcon {
    margin-top:5px;
    width:16px;
}
.GTFirmware {
    width:calc(100% - 22px);
    padding-left:20px;
    height:32px;
    line-height:32px;
    background:#EFEFEF;
    border:1px solid #E0E0E0;
}
.GTFirmware:hover {
    background:#DFFFDF;
}
.GTActiveFirmware {
    border:1px dashed #00FF21;
    background: #E0E0E0;
}
.GTFirmwareCell {
    float:left;
    width:200px;
    height:100%;
}
.GTDeviceTypes {
    float:left;
    width: 20%;
    height: calc(100% - 40px);
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    margin-top: 20px;
    margin-left:20px;
    overflow-y: auto;
    list-style-type:none;
    padding:0px;
}
.GTDeviceType {
    width: calc(100% - 22px);
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    background: #EFEFEF;
    border: 1px solid #E0E0E0;
}

    .GTDeviceType:hover {
        background: #DFFFDF;
    }

.GTActiveDeviceType {
    border: 1px dashed #00FF21;
    background: #DFFFDF;
}
.GTDTRow {
    float:left;
    margin:5px;
    width:100%;
  /*  height:42px;*/
}
.GTDTOption {
    float: left;
    margin-left: 10px;
    margin-top: -2px;
}
.GTDTCell {
    float: left;
    width: 124px;
    height: 24px;
}
.GTAddBle {
    float:left;
    width:24px;
    height:24px;
    margin-left:50px;
    border:1px solid transparent;
}
.GTAddBle:hover {
    border:1px solid #E0E0E0;
    cursor:pointer;
}
.GTBleTag {
    float:left;
    width:calc(100% - 32px) !important;
}
.GTRemoveBle {
    float:right;
    margin-top:6px;
    cursor:pointer;
}