/* common */
body { background: linear-gradient(to left, #0b98db, #dbeb54); }
caption {caption-side:top; text-align: center;color: #333;font-size: 20px}
.nav.nav-pills {border-bottom:1px dotted #ccc}
.nav.nav-pills li {margin-right: 10px;}
.nav.nav-pills li a {text-decoration: none}
.content-area h1 {color:#197833 !important;margin: 1em 0}
.content-area, .upload-content {background-color:#fdfdfd;margin: 30px 0;padding: 15px; min-height: 350px}


/* header */
/* .logo {margin: 25px auto 30px} */
.logo img {margin: 25px auto}
.service-title {color:#fff;font-size:33px;margin-top: 30px}

/* common section */
.loading-wrap,.content-wrap {text-align:center}
.content-wrap,.content-area {display:none}
.loading-wrap {color:#444;margin:60px 0;background-color:#fff;padding:100px 0}
#sponsor-levels,#upload-file-section,#uploading-section,#finish-upload-section,#signIn {display:none}
.container {max-width: 960px;margin:0 auto;text-align:center}
.now {height: 25px;}

/* section */

/** SignIn **/
#signIn {color:#333;margin: 0 auto;}
.form-login h2 {margin: 30px 0 15px}
.form-login h4 {font-size: 20px}


/** rank **/
.main {max-width: 960px;text-align: center;margin: 0 auto;margin-top: 30px}
.main .card-header {background-color: #fff}
.warn-label {background-color:#f5f5f5;padding: 3px 0;margin: 15px 5%; border-radius: 10px;}



/** upload **/
.tip {margin: 10px}
#fileList {text-align: left; margin: 15px auto}
#fileList li {list-style-type: none;border-bottom: 1px dotted #ccc;padding-bottom: 5px;}
#waiting h5 {display:none;font-size: 16px;margin-top: 10px}
#reset-pdf-btn {display:none}

/** result **/
#continue-upload-btn {margin-right: 10px}
#finish-upload-section {padding: 20px 0}

/** activation **/
#passwordSetting {display:none}
#passwordSetting h5 {font-size:16px; color: #444; margin-top: 18px;}

/** pannel **/
.linkset .btn-lg {width: 300px}


/**  uploadlist **/
.table-content table {width: 100%}
#rank-tab-set a {margin-right:10px}

/** customer **/
#customer-meno {margin-top: 40px; text-align: left}


#activation .content-area,#passwordSetting .content-area {display:block}

/* status list */
#status-list {width: 1200px !important;max-width: 1200px}
#status-list .clock {
  height:50px;
  line-height: 50px;
  font-size: 2em;
  border-radius: 0;
  box-shadow: 0 0 3px #666;
  background-color: #fff;
  color: #333;
  text-shadow: none
}

.infobar { position: absolute; right: 10px; top: 0; }
.userInfo {display:inline-block;margin-right: 10px;color:#fff;margin-right: 10px}
.user-email {margin-right: 5px}
.status-link {display:inline-block;color: #fff;background-color: #dc3545;font-size: 1.2em;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;padding: 10px;}
.status-link a {color:#fff}

.not-allowed {cursor: not-allowed !important;}


.copyto,.resendto { font-size: 9px; padding-left: 10px; }

#uploadvendor-section #content .btn {margin-right:20px}
#vendor-info-tbl {width: 90%; margin: 20px auto;text-align:left}
#vendor-info-tbl td { text-align: left;padding: 4px;}

.upload-notice {text-align: left; margin: 40px}

#vendor-active,#vendor-inactive {margin:5px auto}

#upload-item-list h2 {margin-top: 60px}

.click-tab-to-show { margin-top: 50px; color: #999; }

#upload-item-list .table-content {margin-top: 20px}



.manage-vendor { font-size: 14px; text-align: right; }
.manage-vendor span {margin-left: 10px; border-left: 1px solid #ccc; padding: 0 10px;} 
.manage-vendor span.last { padding-right: 10px; border-right: 1px solid #ccc;}


.instruction {width: 60%; margin: 30px auto;text-align:left;font-size:14px;color:green}
#getVendorEmailForm label {font-size: 15px; margin-right: 10px; color: #555;}