/**Login Contents**/
.login .wrapper{height:100%;background:#ffffff;}
.loginContents{width:95%;max-width:300px;height:100%;margin:0 auto;position:relative;z-index:1;display:table;}
.loginFields{display:table-cell;vertical-align:middle;width:100%;}
.loginFields .logo{width:190px;margin:0 auto 30px auto;}
.loginFields .logo img{width:100%;display:block;}
.loginFields label{text-transform:uppercase;color:#000000;font-weight:700;margin:20px 0 0 0;padding:0;font-size:11px;line-height:18px;display:block;}
.loginFields p{font-size:13px;line-height:18px;color:#606163;width:100%;margin:0 0 10px 0;}
.loginFields p strong{color:#606163;font-size:14px;line-height:20px;text-transform:none;}
.loginFields p a{color:#606163;font-size:12px;line-height:16px;text-decoration:none;text-align:center;display:block;}
.loginFields input[type=text],.loginFields input[type=password]{width:100%;display:block;margin:5px 0 0 0;background:#ffffff;border:1px solid #d7d7d7;padding:10px;}
.loginFields input[type=text]:disabled{background:#f4f4f4;border:none;color:#bbbbbb;padding:10px;}
/**Main Contents**/
.mainContents{width:100%;background:#f1f1f1;position:relative;}
.mainContents .container{width:95%;max-width:800px;padding:20px 0;margin:0 auto;position:relative;}
.mainContents .container h1{font-size:20px;line-height:26px;color:#000000;margin-bottom:10px;text-align:center;}
.mainContents .container h2{font-size:18px;line-height:24px;color:#000000;margin-bottom:10px;text-align:center;}
.mainContents .home{width:100%;}
.mainContents .history{width:100%;}
.mainContents .performance{width:100%;}
.status{width:90%;margin:30px auto 50px auto;font-size:0;}
.status span{display:inline-block;vertical-align:middle;position:relative;}
.status span .circle{width:15px;height:15px;border-radius:15px;border:2px solid #606163;}
.status span .circle.active{border:2px solid #ed1b24;}
.status span .statusName{font-size:12px;line-height:14px;color:#606163;position:absolute;text-align:center;width:80px;display:block;top:20px;left:-30px;right:0;margin:0 auto;}
.status span.line{width:calc(33.3333% - 26px);}
.status span.line hr{width:100%;border-top:2px solid #606163;}
.formLayout{width:100%;margin:0 auto;font-size:0px;}
.formLayout p{font-size:14px;line-height:18px;color:#000000;margin-bottom:20px;}
.formLayout p strong{display:block;margin-bottom:10px;color:#606163;}
.formLayout p.alignCenter{text-align:center;}
.formLayout span{display:inline-block;vertical-align:top;width:50%;margin-bottom:20px;}
.formLayout.verify p{margin-bottom:5px;text-align:center;}
.invoiceImg{width: 50%;margin:0 auto;}
.invoiceImg img{width:100%;display:block;}
.formLayout.submitted p{text-align:center;}
.formLayout.submitted h2{color:#3abb5e;}
.search{width:100%;margin:20px 0 10px 0;position:relative;}
.search .btn{position:absolute;right:10px;top:12.5px;}
.search input{padding-right:35px;}
.history .formLayout ul{width:100%;}
.history .formLayout ul li{}
.history .formLayout ul li .dateCreated{background:#dddddd;text-align:center;font-size:16px;line-height:20px;color:#000000;font-weight:700;padding:10px 0;}
.history .formLayout ul li ul{width:100%;}
.history .formLayout ul li ul li{padding:10px;border-top:1px solid #dddddd;}
.history .formLayout ul li ul li:first-child{border-top:none;}
.history .formLayout ul li ul li .timeSlot{font-size:12px;line-height:16px;color:#bbbbbb;margin-bottom:5px;}
.history .formLayout ul li ul li .contactDetail{margin-bottom:0;font-size:0;}
.history .formLayout ul li ul li .contactDetail span{display:inline-block;vertical-align:top;margin-bottom:0 !important;width:calc(100% - 90px);font-size:14px;line-height:18px;}
.history .formLayout ul li ul li .contactDetail span.status{width:90px;font-size:12px;line-height:16px;color:#ffffff;border-radius:15px;text-align:center;padding:5px 0;margin:0 !important;}
.history .formLayout ul li ul li .contactDetail span.pending{background:#69a6f9;}
.history .formLayout ul li ul li .contactDetail span.confirmed{background:#05d54b;}
.history .formLayout ul li ul li .contactDetail span.rejected {background: #ff3334;}
.history .formLayout ul li ul li .date{font-size:12px;line-height:16px;color:#bbbbbb;}
.mainContents .performance table{width:100%;}
.mainContents .performance table tr td{padding:10px 0;font-size:14px;line-height:18px;vertical-align:middle;}
.performance table tr td .icon{width:50px;height:18px;border-radius:50px;text-align:center;color:#ffffff;font-size:32px;padding:16px 0;}
.performance table tr td .icon.confirmed{background:#05d54b;}
.performance table tr td .icon.processing{background:#ffad01;}
.performance table tr td .icon.rejected{background:#ff3334;}
.performance table tr td .icon.pending{background:#66a7f7;}
.performance table tr td .icon.unassigned{background:#6befa3;}
.performance table tr td.iconWidth{width:70px;}
.performance table tr td.resultWidth{text-align:right;}