.wt-nw-bg {
 padding:15px!important
}

.invite-cust {
   background: #fff;
    box-shadow:0 1px 11px 0 rgba(0,0,0,0.12);
    padding:10px; margin:15px 0; float:left; width:100%;
}
.invite-cust h3{
    margin:10px 0 12px 0!Important; font-size:17px; margin-bottom:20px;
}


.separation .col-md-4 {
width:20%;
}


.five-sec h3 {
  padding-top:10px!important
}
.separation  .invite-cust-right {
margin-bottom:30px;background: #fff;
    border:1px solid #eee;    border-radius: 5px;
    padding: 0px 0px;    position: relative; min-height:110px;
}


    .invite-cust-right:hover .card1-icon {
            top: -5px;    transition: all 0.3s ease-in-out;
    }
.five-sec {
 margin-top:25px; float:left; width:100%;
}

.five-sec h3 {
    font-size: 14px;
    margin: 0;
    text-align: left;
    padding-top:20px;
    padding-right: 3px;   color:#000!important
}
.separation h4 {
 font-size:16px!Important
}
.bg-c-blue {
    background-color: #a9a9a9;
}

.bg-c-pink {
    background-color: #a9a9a9;
}

.bg-c-green {
    background-color: #365f91;
}

.bg-c-yellow {
    background-color: #a9a9a9;
}

.bg-c-green-2 {
    background-color: #365f91;
}

.text-c-blue {
    color: #4898ED;
}
.text-c-pink {
    color: #FE7BA7;
}
.text-c-green {
    color: #61bd6d;
}
.text-c-yellow {
    color: #9365B8;
}


.text-c-green-2 {
    color: #39ADB5;
}
.invite-cust-right .card1-icon {
    width: 50px;
   height: 50px; border-radius:8px;
    position: absolute;
    font-size:20px;
top: 0px;    display: -webkit-box;
    display: -ms-flexbox;
   
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
        margin-top: 23%;
    margin-left: 20%;
}

.invite-cust-right .col-md-9{
    padding:0 15px!important
}


.count {
    margin-top:3px;
}
    .count h6 {
     margin:3px 0 3px 0; float:left; font-family: 'Lato', sans-serif!important; width:100%; color:#878787!important
    }

    .count span {
     float:right; font-weight:bold; color:#000!important
    }


     .count a {
    float: right;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 2px;
    color: #365f91;
    }


.circ-red {
    color: #365f91;
  margin-right: 5px;
    cursor:pointer;
}

.circ-green {
    color: #cd3333;
  margin-right: 5px;
    cursor:pointer;
}

.divFirstEmail img, .divSecondEmail img, .divThirdEmail img, .divFourthEmail img, .divFifthEmail img {
           width: 20px;
    margin-top: 11px;
    margin-left: 11px;
}

.invite-cust .col-md-5 {
    width:48%;
}
.invite-cust p {
      font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}


.invite-cust a {
text-decoration: underline;
    color: #365f91;
}
.invite-cust .form-control {
 height:40px!important
}

.InviteSendEmail {
    
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: none!important;
}

.link-nw a {
 text-align:left!important; float:left!important
}


@media (min-width: 320px)and (max-width: 768px) {
    .invite-cust-right .card1-icon {
            /*width: 35px;
    height: 35px;    font-size: 16px;    margin-top: 4%;
    margin-left: 5%;*/ display:none
    }
    .invite-cust .col-md-5 {
            width: 86%;
    margin-top: 12px;
    float: left;
    }
    .mbtm-20 {
            float: left;
    }
    .divFirstEmail img, .divSecondEmail img, .divThirdEmail img, .divFourthEmail img, .divFifthEmail img {
     margin-top:17px!important;
    }
    .link-nw a {
     width:100%;
    }
    .invite-cust p {
         margin-bottom: 5px!important;
    }
    .five-sec h3 {
     padding-top:10px;
    }
    .invite-cust-right {
     min-height:110px;
    }
    .spanEmailError, .spanMobileError {
         top: -12px;
    left: 0;
    }

}

.trn-status .col-md-9{
    padding-left:0px!important
}