/* userProfile.css */
.mobilePage {width:100%;}

html {background-color:#eee}
body {background-color:#eee;}
.internal { background-image:none }
#container   {width:960px; position:absolute; margin: auto; padding: 20px; left:0; right:0; background-color:#eee; color:#696969; border:1px solid #ccc}

.bar {background-color:white; border:1px solid #ccc; display:inline-block; height:30px; line-height:30px; vertical-align:middle; padding-left:10px; font-size:20px; font-weight:bold; color:#696969; margin-bottom:2px}
#profile {min-width:800px}
#profile-title {width:640px}
#tags-title {width:291px; margin-left:-1px;}
#promocodes-title {width:291px;margin-left:-1px; float:right; margin-top:-101px; margin-right:3px}
#link-actions {cursor:pointer; font-weight:normal; color:#eb801e; margin-left:495px}
#link-edit, #link-edit2, #link-edit3 {cursor:pointer; font-weight:normal; color:#eb801e; margin-left:120px}
#link-details {cursor:pointer; font-weight:normal; color:#eb801e; margin-left:780px}
#profile-box {background-color:white; border:1px solid #ccc; width:650px; height:170px; display:inline-block}
.profile-image {width:150px;height:150px; display:inline-block;margin-left:20px; margin-top:10px}
.profile-text {display:inline-block; font-size:20px;vertical-align:top; margin-top:20px; margin-left:30px}
.profile-text span { display: inline-block}
.profile-text span#name {font-size:30px; font-weight:bold; margin-bottom:10px}
.profile-text span#email {margin-bottom:10px}
.profile-text span#city {font-size:20px; margin-bottom:10px}
.profile-text span#score {font-size:30px;}
.profile-text span#percent {font-size:30px;margin-bottom:10px;font-weight:bold}
.profile-text span#active {font-size:20px}
.profile-data  {margin-top:0px; margin-left:-2px; width:967px}
.profile-tags {display:inline-block; vertical-align:top; background-color:white; border:1px solid #ccc; width:301px; margin-left:-1px; height:57px; padding-top:10px; overflow-y:auto; overflow-x:hidden }
.profile-tags span {margin-left:10px; margin-right:5px; margin-top:10px; display:inline; color:#666; font-size:20px}
.profile-promocodes {display:inline-block; vertical-align:top; background-color:white; border:1px solid #ccc; width:301px; margin-left:-1px; height:55px; padding-top:10px; overflow-y:auto; overflow-x:hidden; float:right; margin-top:-67px; margin-right:3px; }
.profile-promocodes span {margin-left:10px; margin-right:5px; margin-top:10px; display:inline; color:#666; font-size:20px}

#statistics-title {width:947px; margin-top:20px; margin-bottom:-1px}
#layout {border-collapse:initial; border-spacing:3px; margin-left:-1px; margin-right:3px}
#layout td {width:236px;height:75px; background-color:#fff; font-size:20px;text-align:center; border:1px solid #ccc; cursor:pointer}
.label1 {font-weight:bold}
.label2 {font-size:18px}
#layout td img.triangle {width:15px; display:block; position:absolute; margin-left:216px}

#social-title {margin-top:20px; width:947px}
.profile-social div {display:inline-block; margin-right:-2px; font-size:20px; background-color:white; border:1px solid #ccc; width:123.3px; padding:5px 5px 5px 5px; }
.profile-social div img {display:inline-block;width:29px; vertical-align:middle}
.profile-social span {font-weight: bold; text-align:center; width:88px; display:inline-block}

.table-wrapper {display:block}
.table-title {font-size:20px;font-weight:bold; margin-bottom:5px;display:inline-block; cursor:pointer;width:960px}
.table-title span {display:inline-block; font-size:20px;font-weight:bold; color:#eb801e; margin-right:5px; cursor:pointer}
.table-report {margin-bottom:0px; display:none}
#table-data table tr td:first-child { display: none; }
#table-data table tr th:first-child { display: none; }
#table-data table {background-color:white; margin-bottom:20px}

/* modals */
.modal-title {font-weight:bold; font-size:20px}
.modal-content {margin-top:30px}
.modal-body {padding-top:10px}
.modal-body table {border:1px solid #ddd}
.btn {padding:9px 12px}
#challengesModal {width:960px; margin-left:-480px}
#challengesHistory {width:930px}
#ticketModal {width:960px; margin-left:-480px}
#ticketHistory {width:930px}
#womModal {width:960px; margin-left:-480px}
#womHistory {width:930px}
#tag-input {margin-top:30px;margin-left:10px}
#templatesModal {width:960px; margin-left:-480px}

/* footer */
#content1 {display:none}
.externalFooter {display:none}

/* userlist css */
#users-title {width:905px;padding-top:5px}
.userList .bar {height:35px; margin-bottom:-7px;}
.userList .search {display:inline-block; width:600px; float:right; position:relative;top:-39px;}
.userList .search  button {display:inline-block; width:80px; padding:3px; margin-left:10px}

.userList .mainWrap {background-color:#eee}
.userList .profile-image {display:inline-block; margin-left:10px; margin-right:10px; margin-top:0px; width:110px;height:110px;}
.userList .user-text {display:inline-block; margin-left:20px}
.userList .name, .city, .score, .sales {font-size:40px; color:#696969; display:block; white-space:nowrap; }
.userList .name {font-weight:bold;}
.userList .city {font-weight: normal}
.userList .sales { font-size:30px; position:relative; top:10px; color:white; margin-left:10px}
.userList table {width:100%}
.userList table td {padding-top:10px; padding-bottom:10px}
.userList .td-image {width:150px}
.userList .td-name {width:340px}
.userList .sales-meter {background-color:#eb801e; height:40px; width:350px}
.userList .pagination {margin-left:-30px; margin-top:5px}

/* areaList*/
.areaList .bar {height:35px; margin-bottom:-7px;}
.areaList .search {display:inline-block; width:650px; float:right; position:relative;top:-39px;}
.areaList .search  button {display:inline-block; width:80px; padding:3px; margin-left:10px}

.areaList .mainWrap {background-color:#eee}
.areaList .profile-image {display:inline-block; margin-left:10px; margin-right:10px; margin-top:0px; width:110px;height:110px;}
.areaList .user-text {display:inline-block; margin-left:20px}
.areaList .name, .area {font-size:40px; color:#696969; display:block; white-space:nowrap; }
.areaList .area  {font-size:30px}
.areaList .name {font-weight:bold;}
.areaList .city {font-weight: normal}
.areaList .guid { font-size:20px; }

.areaList table {width:100%}
.areaList table td {padding-top:10px; padding-bottom:10px;}
.areaList .td-image {width:150px; padding-right:100px}
.areaList .td-name {width:100%}
.areaList .sales-meter {background-color:#eb801e; height:40px; width:350px}
.areaList .pagination {margin-left:-30px; margin-top:5px}


/* shopList */
#shop-input {margin-top:30px;margin-left:10px}
#newShopModal .myTags {margin-top:5px}

.shopList .bar {height:35px; margin-bottom:-7px;}
.shopList .search {display:inline-block; width:400px; float:right; position:relative;top:-39px;}
.shopList .search  button {display:inline-block; width:80px; padding:3px; margin-left:10px}

.shopList .mainWrap {background-color:#eee}
.shopList .profile-image {display:inline-block; margin-left:10px; margin-right:10px; margin-top:0px; width:110px;height:110px;}
.shopList .user-text {display:inline-block; margin-left:20px}
.shopList .name, .area {font-size:30px; color:#696969; display:block; white-space:nowrap; }
.shopList .area  {font-size:24px}
.shopList .name {font-weight:bold;}
.shopList .city {font-weight: normal}
.shopList .guid { font-size:20px; }

.shopList table {width:100%}
.shopList table td {padding-top:10px; padding-bottom:10px;}
.shopList .td-image {width:150px; padding-right:100px}
.shopList .td-name {width:100%}
.shopList .sales-meter {background-color:#eb801e; height:40px; width:350px}
.shopList .pagination {margin-left:-30px; margin-top:5px}
.shopList .circle {display:inline-block; width:30px; height:20px; margin-bottom:-3px; margin-left:5px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
.shopList .circle-EBAPI {background:green}
.shopList .circle-EBAPI-OFF {background:red}
.shopList .circle-EBAPI-END {background:red}

/* challengeList */
#shop-input {margin-top:30px;margin-left:10px}
#newShopModal .myTags {margin-top:5px}

.challengeList .mainWrap {padding: 0 0 }

.challengeList .bar {height:35px; margin-bottom:-7px;}
.challengeList .search {display:inline-block;  float:right; position:relative;top:-39px;}
.challengeList .search  button {display:inline-block; margin-right:20px; padding:3px; margin-left:10px; width:120px}

.challengeList .mainWrap {background-color:#eee}
.challengeList .profile-image {display:inline-block; margin-left:10px; margin-right:10px; margin-top:0px; width:110px;height:110px;}
.challengeList .user-text {display:inline-block; margin-left:20px}
.challengeList .name, .area {font-size:30px; color:#696969; display:block; white-space:nowrap; }
.challengeList .area  {font-size:24px}
.challengeList .name {font-weight:bold;}
.challengeList .city {font-weight: normal}
.challengeList .guid { font-size:20px; }

.challengeList table {width:100%}
.challengeList table td {padding-top:10px; padding-bottom:10px;}
.challengeList .td-image {width:150px; padding-right:100px}
.challengeList .td-name {width:100%}
.challengeList .sales-meter {background-color:#eb801e; height:40px; width:350px}
.challengeList .pagination {margin-left:20px; margin-top:5px}

/* prospectList*/
.prospectList p {margin: 0 0 0}
.prospectList .search {width:950px}
.prospectList .circle {display:inline-block; height:23px; vertical-align:bottom; margin-bottom:12px}
.prospectList .circle:before { content: '\25CF';font-size: 50px}
.prospectList .red {color:red}
.prospectList .area {display:inline-block; margin-bottom:15px}
.prospectList .prospect-id {float:right; margin-top:-60px}

.prospectList .name {
    font-size: 40px;
    line-height: 40px;
    color: #696969;
    display: block;
    white-space: normal;
}

#search-prospect {
    width: 1135px;
    height:220px;
    margin-top: 10px;
    margin-bottom: 0px;
}
#search-prospect .input-search {
    width:200px
}

table, th, td {
  /* border: 1px solid black;*/
}

.userRow {
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:10px;
    background-color:white;
}

.userList .name {
  width: 330px;
  line-height:50px;
  margin-bottom:-15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.areaList .name { width: 100%;  }

.emailList .search {width:750px}

@media (min-width: 1200px) {
   #container   {width:1140px;}
   #profile-title {width:740px}
   #profile-box { width:750px;}

   #tags-title {width:370px}
   .profile-tags {width:380px}
   #promocodes-title {width:370px}
   .profile-promocodes {width:380px}

   #link-actions { margin-left:595px}
   #link-edit { margin-left:200px}
   #link-edit2 { margin-left:182px}
   #link-edit3 { margin-left:192px}

   .profile-data {width:1147px}
   #statistics-title {width:1127px;}
   #layout td {width:280px;}
   #layout td img.triangle {margin-left:260px}

   #social-title {width:1127px}
   .profile-social div  {width:149px}
  
    
   .userList .td-name {width:540px}
   #users-title {width:1135px}

   .userList .name {
  width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

  .areaList .name { width: 100%;  }
  .shopList .name { width: 100%;  }
  .challengeList .name { width: 100%;  }
}