/* LOGIN SECTION*/
.LoginWrapper{ background:url('../img/login-bg2.png')no-repeat 100% / cover;}
/*.LoginWrapper{ background:#f5f5f5;}*/
.LoginWrapper .loginGridBoxwrapper{padding:90px 50px;background:#fbd9ee;border-top-left-radius:45%;}
.LoginWrapper .Login-text-Content{margin: 100px;padding: 20px;background-color:rgba(251, 217, 238, 0.5);border: 1px solid rgba(0,0,0,0.5);}
.LoginWrapper .Login-text-Content > h1{font-size: 55px;line-height: 70px;text-transform: uppercase;font-weight:700;color: #e3688e;margin-bottom:20px;}
.LoginWrapper .Login-text-Content > ul > li{font-size: 16px;line-height:20px;margin-bottom:5px;}



/*DATATABLE SECTION*/
.dataTables_wrapper .dataTable tr{font-size:12px;line-height:16px;}

.dataTables_wrapper .pagination .page-item.active>.page-link{background: #652d5e;}
.dataTables_wrapper .pagination .page-item:hover>.page-link{background: #823078;}

.btn-primary:hover {color: #fff;background-color: #823078;border-color: #823078;}

/* PLAN SECTION */
.m-pricing-table-4{padding: 3em 0px;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed{width: 100%;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items{box-shadow: none;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item{transition: all .5s ease-in-out;border-right: 2px solid #999999;padding-top: 15px;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item:hover{transform: scale(1.1);border: 2px solid #d54878;border-radius: 15px;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item:hover .m-pricing-table-4__btn{margin-bottom: 1.5rem;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .m-pricing-table-4__features{color: #000000;}
.m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .pricingcustomfeature{padding: 0px 25px;}
.m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .pricingcustomfeature > span{display: block;text-align: left;padding-left: 20px;color: #000000;margin-bottom: 10px;font-weight: 500;}
.m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .pricingcustomfeature > span > img{margin-left: -24px}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .m-pricing-table-4__btn{margin-bottom: 1.5rem;}
.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item .m-pricing-table-4__btn .btn{padding: 10px 12px;font-size: 12px;}
.accountrepresentative{position: relative;}
.accountrepresentative .user-avatar{position: absolute;bottom: 0px;left: 10px;}
.accountrepresentative .user-avatar .imgborder{position: relative;border: 1px solid #ccc;border-radius: 50%;width: 60px;height: 60px;}
.accountrepresentative .user-avatar .imgborder > img{position: absolute;bottom: 0px;width: 57px;}
.accountrepresentative .user-detail{padding-left:125px;}
.accountrepresentative .user-detail > ul.userinner-info {padding-left:0px;list-style: none;}
.accountrepresentative .user-detail > ul.userinner-info > li{padding-left: 100px;position: relative;min-height: 18px;margin-bottom: 5px;}
.accountrepresentative .user-detail > ul.userinner-info > li > span{position: absolute;left: 0px;width: 90px;font-size: 14px;line-height: 16px;}
.accountrepresentative .user-detail > ul.userinner-info > li > p{font-size: 14px;line-height: 16px;margin-bottom: 8px;}
#changeplan .accountrepresentative .user-detail{padding:20px 0px 20px 150px;}
#changeplan .accountrepresentative .user-avatar{bottom: 50%;margin-bottom: -70px;}
#changeplan .accountrepresentative .user-avatar .imgborder{width: 122px;height: 122px;}
#changeplan .accountrepresentative .user-avatar .imgborder > img{width: 120px;}