.common-buttonStyle,.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .buttonSec button{border-radius:25px;color:#fff;font-weight:400;height:35px;border:none;text-transform:capitalize}.app-C-Scroll{-ms-overflow-style:none}.app-C-Scroll::-webkit-scrollbar{width:5px;height:5px}.app-C-Scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.app-C-Scroll::-webkit-scrollbar-thumb{border-radius:10px;background:#5761ce}.userProfilePage{font-family:Poppins,sans-serif;padding:20px;position:relative}.userProfilePage .spinners{text-align:center;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;z-index:99;background:#fff;opacity:.5;border-radius:15px}.userProfilePage .spinners .ant-spin-spinning{justify-content:center;height:100%;display:flex;align-items:center}.userProfilePage .head{display:flex;flex-direction:column;margin:5px 0 20px 0}.userProfilePage .head h2{color:#474747;font-size:24px;font-weight:400;margin:0}.userProfilePage .head h2 span{color:#86d295}.userProfilePage .head small{font-weight:300;font-size:12px}.userProfilePage .bodySec{box-shadow:8px 8px 40px rgba(0,0,0,.0392156862745098);border-radius:20px;background-color:#fff;padding:20px}.userProfilePage .bodySec .agencyDatils{border-bottom:1px solid #dfdfdf;margin:0 0 10px 0;padding:0 0 10px 0}.userProfilePage .bodySec .agencyDatils h4{color:#86d295;font-size:18px;font-weight:400;margin:0;text-transform:capitalize}.userProfilePage .bodySec .agencyDatils h4 span{color:#474747}.userProfilePage .bodySec .agencyDatils h4 .anticon{color:#86d295;padding:6px}.userProfilePage .bodySec .agencyDatils small{font-weight:300;font-size:12px}.userProfilePage .bodySec .agencyForm{border-bottom:1px solid #dfdfdf;margin:0 0 10px 0;padding:0 0 10px 0}.userProfilePage .bodySec .agencyForm .ant-form{display:flex;flex-flow:wrap;justify-content:space-between}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item{width:100%;flex-direction:row}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .ant-form-item-label{text-align:left;color:#474747;font-weight:400;flex:1}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .ant-form-item-control{flex:2}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .ant-input-affix-wrapper,.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .ant-select .ant-select-selector{border:1px solid #dfdfdf;box-shadow:none;border-radius:28px;width:100%;resize:none}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .ant-form-item-required:before{position:absolute;right:0;margin-right:-10px}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .buttonSec{display:flex;justify-content:center}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .buttonSec button{background-color:#86d295;padding:0 30px}.userProfilePage .bodySec .agencyForm .ant-form .ant-form-item .buttonSec button.cancel{margin:0 15px;background-color:#ebebeb;color:#aaa}.userProfilePage .bodySec .lefts{display:flex;justify-content:center;padding:40px 0 0 0}.userProfilePage .bodySec .lefts .imgSec{position:relative}.userProfilePage .bodySec .lefts .imgSec .ant-avatar-image,.userProfilePage .bodySec .lefts .imgSec img{width:120px;height:120px;border-radius:50%;overflow:hidden}.userProfilePage .bodySec .lefts .imgSec .avatar-uploader{position:absolute;bottom:10px;right:10px;background:#fff;width:22px;height:22px;border-radius:50%;border:1px solid #86d295;display:flex;align-items:center;justify-content:center;cursor:pointer}.userProfilePage .bodySec .lefts .imgSec .avatar-uploader .anticon{color:#86d295}.userProfilePage .bodySec .right .ant-form{display:flex;flex-flow:wrap;justify-content:space-between}.userProfilePage .bodySec .right .ant-form .ant-form-item{width:49%}.userProfilePage .bodySec .right .ant-form .ant-form-item .ant-form-item-label{text-align:left;color:#474747;font-weight:400}.userProfilePage .bodySec .right .ant-form .ant-form-item .ant-input-affix-wrapper,.userProfilePage .bodySec .right .ant-form .ant-form-item .ant-select .ant-select-selector{border:1px solid #dfdfdf;box-shadow:none;border-radius:28px;width:100%;resize:none}.userProfilePage .bodySec .right .ant-form .ant-form-item .ant-form-item-required:before{position:absolute;right:0;margin-right:-10px}.userProfilePage .bodySec .right .chnPass{color:#86d295;cursor:pointer}.userProfilePage .bodySec .right .pheader{display:flex;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding:0 0 10px 0;margin:0 0 15px 0;align-items:center}.userProfilePage .bodySec .right .pheader h3{color:#86d295;font-weight:500;width:100%;margin:0}.userProfilePage .bodySec .right .pheader button{color:#428180;width:auto;padding:0 10px;font-size:24px;border-radius:5px;font-weight:400;height:35px;border:none;text-transform:capitalize;background:transparent}.userProfilePage .bodySec .right .passwordSec,.userProfilePage .bodySec .right .passwordSec .ant-form-item{width:100%}.userProfilePage .bodySec .right .footers{width:100%!important}.userProfilePage .bodySec .right .footers .ant-form-item-control-input-content{display:flex;justify-content:flex-end}.userProfilePage .bodySec .right .footers .ant-btn{background:#86d295;border-radius:23px;border:1px solid #72cf97}@media only screen and (max-width:768px){.userProfilePage .bodySec .lefts{padding:20px 0 20px 0}}@media only screen and (max-width:580px){.userProfilePage{padding:15px}.userProfilePage .head h2{font-size:18px}.userProfilePage .bodySec{padding:15px}.userProfilePage .bodySec .agencyDatils h4{font-size:16px}.userProfilePage .bodySec .right .ant-form{flex-direction:column}.userProfilePage .bodySec .right .ant-form .ant-form-item{width:100%}.userProfilePage .bodySec .right .ant-form .ant-form-item input,.userProfilePage .bodySec .right .ant-form .ant-form-item label{font-size:12px}.userProfilePage .bodySec .right .pheader h3{font-size:14px}}