<<<<<<< HEAD .update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label{color:#000;font-size:12px;font-weight:700}@media only screen and (min-width:1366px)and (max-width:1919px){.update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label{font-size:14px}}@media only screen and (min-width:1920px){.update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label{font-size:16px}}.update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label .el-form--label-top{padding:0 0 5px}.update-password-details .form-action-wrapper .password-validations-container{margin-top:10px}.update-password-details .form-action-wrapper .password-validations-container .validation-rules .validation-rules-row{-ms-flex-preferred-size:0;flex-basis:0}.update-password-details .form-action-wrapper .password-validations-container .validation-rules .validation-rules-row+.validation-rules-row{margin-right:5px;margin-left:5px}.update-password-details .general-err-msg{font-size:1em;text-align:center;color:red}.update-password-details .er-form{margin-top:20px;margin-bottom:20px}.update-password-details .er-form .er-form-item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.update-password-details .er-form .er-form-item .el-form-item__label{color:#000;font-size:1em;font-weight:700}.update-password-details .er-form .er-form-item .el-form-item__content .el-input{color:#000}.update-password-details .el-form-item--mini.el-form-item,.update-password-details .el-form-item--small.el-form-item{margin-bottom:10px}.verify_dialog .el-dialog{border-radius:10px}.verify_dialog .el-dialog .p-tag{opacity:.7;font-size:12px;margin:10px 0 5px;color:#000}.verify_dialog .el-dialog .el-dialog__body{padding:5px 20px 0}.verify_dialog .el-dialog .el-dialog__header{padding:16px 20px 10px}.verify_dialog .el-dialog .el-dialog__footer{padding:16px 20px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.verify_dialog .el-dialog .el-dialog__headerbtn{top:18px}.verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close{color:#f54e5e;font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close{font-size:20px}}@media only screen and (min-width:1920px){.verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close{font-size:24px}}.verify_dialog .el-dialog .el-form--label-top .el-form-item__label{padding:0;font-weight:700;font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.verify_dialog .el-dialog .el-form--label-top .el-form-item__label{font-size:16px}}@media only screen and (min-width:1920px){.verify_dialog .el-dialog .el-form--label-top .el-form-item__label{font-size:20px}}.verify_dialog .el-dialog .el-form-item--small{display:block;margin-bottom:0}.verify_dialog .el-dialog .el-form-item__content{width:100%}.verify_dialog .el-dialog .otp-msg{padding:16px 16px 16px;text-align:center;word-break:break-word}.verify_dialog .el-dialog .time-tag{padding-top:6px;text-align:left}.verify_dialog .el-dialog .resend-otp{padding-top:16px;text-align:right;font-size:12px}.verify_dialog .el-dialog .time-container{padding-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.verify_dialog .el-dialog .p-verify-tag{text-align:center;word-break:break-word}.tooltip{display:block!important;z-index:10000;font-size:.5rem}@media screen and (max-width:1440px){.tooltip{font-size:.8rem}}.tooltip .tooltip-inner{background:#508ff4;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#508ff4;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.user-profile .personal-data .el-form-item__label{width:92px}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .personal-data .el-form-item__label{width:105px}}@media only screen and (min-width:1920px){.user-profile .personal-data .el-form-item__label{width:128px}}.user-profile p{font-size:1em;color:#3a9cff}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile p{font-size:.9em}}@media only screen and (min-width:1920px){.user-profile p{font-size:.85em}}.user-profile .el-form-item__error{padding-left:1em}.user-profile .user-profile-header{width:60%}.user-profile .user-profile-photo{position:relative;display:inline-grid;grid-template-rows:repeat(3,25%);grid-template-columns:repeat(3,25%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.user-profile .user-profile-photo .el-image{width:100px;height:100px;grid-row:1/3;position:relative;grid-column:1/3;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .user-profile-photo .el-image{width:125px}}@media only screen and (min-width:1920px){.user-profile .user-profile-photo .el-image{width:130px}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .user-profile-photo .el-image{height:125px}}@media only screen and (min-width:1920px){.user-profile .user-profile-photo .el-image{height:130px}}.user-profile .user-profile-photo .el-image:before{display:block;content:"";width:100%;padding-top:100%}.user-profile .user-profile-photo .el-image>.el-image__inner{position:absolute;top:0;right:0;bottom:0;left:0}.user-profile .user-profile-photo .er-button{margin:2px;border:unset;-webkit-box-shadow:0 1px 1px 0 rgba(65,69,73,.3),0 1px 3px 1px rgba(65,69,73,.15);box-shadow:0 1px 1px 0 rgba(65,69,73,.3),0 1px 3px 1px rgba(65,69,73,.15)}.user-profile .upload-photo-buttons{grid-row:3/3;grid-column:3/3;place-self:self-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);background:#fff}.user-profile .user_details_container{padding-bottom:20px}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .user_details_container{padding-bottom:30px}}@media only screen and (min-width:1920px){.user-profile .user_details_container{padding-bottom:40px}}.user-profile .el-input--small{font-size:.9em}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .el-input--small{font-size:.9em}}@media only screen and (min-width:1920px){.user-profile .el-input--small{font-size:1em}}.user-profile .edit-icon .el-input__suffix-inner{color:#000;cursor:pointer;padding:0 5px}.user-profile .er-form.er-form--user-profile{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-profile .er-form .grid-container{display:grid;grid-template-columns:auto auto auto auto;grid-gap:10px;padding:10px}.user-profile .er-form .grid-container>div:first-child{text-align:center;padding:0}.user-profile .er-form .grid-container>div{text-align:center;padding:10px 0}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .grid-container>div{padding:19px 0}}@media only screen and (min-width:1920px){.user-profile .er-form .grid-container>div{padding:23px 0}}.user-profile .er-form .item1{grid-row:1/4}.user-profile .er-form .er-form-item .el-input__inner{border:none;border-bottom:1px solid #dcdfe6;font-size:.9em;height:2.1rem;line-height:2.1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .el-input__inner{font-size:1.1em}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .el-input__inner{font-size:1.3em}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .el-input__inner{height:2.3em}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .el-input__inner{height:1.8rem}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .el-input__inner{line-height:2.3em}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .el-input__inner{line-height:1.8rem}}.user-profile .er-form .er-form-item .el-input__inner:not(.is-disabled .el-input__inner){background:#fbfaff}.user-profile .er-form .er-form-item .el-input-group__append{background-color:#f5f7fa;border-left:0;border-top:0;border-right:0;border-bottom:1px solid #dcdfe6}.user-profile .er-form .er-form-item .el-input-group__append .el-button{margin:-5px -30px;padding:7px 12px}.user-profile .er-form .er-form-item .el-input-group__append .el-button:focus,.user-profile .er-form .er-form-item .el-input-group__append .el-button:hover{padding:7px 12px}.user-profile .er-form .er-form-item .er-select .el-input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{padding-left:15px;font-size:.9em;height:2rem;line-height:2rem}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{font-size:1.1em}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{font-size:1.3em}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{height:2rem}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{height:1.8rem}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{line-height:2rem}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__inner{line-height:1.8rem}}.user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix{left:0;position:relative;width:40px;text-align:center;padding:0 1.5px;height:2rem;line-height:2rem}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix{height:2rem}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix{height:1.9rem}}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix{line-height:2rem}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix{line-height:2.1rem}}.user-profile .er-form .er-form-item .el-form-item__label{color:#000;font-size:12px;font-weight:700}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .el-form-item__label{font-size:14px}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .el-form-item__label{font-size:16px}}.user-profile .er-form .er-form-item .el-form-item__label .el-form--label-top{padding:0 0 5px}.user-profile .er-form .er-form-item .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:unset;line-height:unset}.user-profile .er-form .er-form-item .el-form-item__content .el-input{color:#000;min-width:190px}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .er-form .er-form-item .el-form-item__content .el-input{min-width:225px}}@media only screen and (min-width:1920px){.user-profile .er-form .er-form-item .el-form-item__content .el-input{min-width:280px}}.user-profile .el-form-item--mini.el-form-item,.user-profile .el-form-item--small.el-form-item{margin:0}.user-profile .user-Profile-divider{height:10em}.user-profile .user_details_container--email,.user-profile .user_details_container--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.user-profile .user-profile-verified{font-size:16px;color:#57e657;margin-right:5px;line-height:2.1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .user-profile-verified{line-height:2rem}}@media only screen and (min-width:1920px){.user-profile .user-profile-verified{line-height:2.1rem}}.user-profile .user-profile-not-verified{font-size:16px;color:#ed6c41;margin-right:5px;line-height:2.1rem}@media only screen and (min-width:1366px)and (max-width:1919px){.user-profile .user-profile-not-verified{line-height:2rem}}@media only screen and (min-width:1920px){.user-profile .user-profile-not-verified{line-height:2.1rem}}.user-profile .edit-icon{font-size:16px}.user-profile .el-button:not(.is-disabled) .edit-icon{color:#000} ======= .update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label { color: #000; font-size: 12px; font-weight: 700; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label { font-size: 14px; } } @media only screen and (min-width: 1920px) { .update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label { font-size: 16px; } } .update-password-details .update_pass_form .er-form .er-form-item .el-form-item__label .el-form--label-top { padding: 0 0 5px; } .update-password-details .form-action-wrapper .password-validations-container { margin-top: 10px; } .update-password-details .form-action-wrapper .password-validations-container .validation-rules .validation-rules-row { -ms-flex-preferred-size: 0; flex-basis: 0; } .update-password-details .form-action-wrapper .password-validations-container .validation-rules .validation-rules-row + .validation-rules-row { margin-right: 5px; margin-left: 5px; } .update-password-details .general-err-msg { font-size: 1em; text-align: center; color: red; } .update-password-details .er-form { margin-top: 20px; margin-bottom: 20px; } .update-password-details .er-form .er-form-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .update-password-details .er-form .er-form-item .el-form-item__label { color: #000; font-size: 1em; font-weight: 700; } .update-password-details .er-form .er-form-item .el-form-item__content .el-input { color: #000; } .update-password-details .el-form-item--mini.el-form-item, .update-password-details .el-form-item--small.el-form-item { margin-bottom: 10px; } .verify_dialog .el-dialog { border-radius: 10px; } .verify_dialog .el-dialog .p-tag { opacity: 0.7; font-size: 12px; margin: 10px 0 5px; color: #000; } .verify_dialog .el-dialog .el-dialog__body { padding: 5px 20px 0; } .verify_dialog .el-dialog .el-dialog__header { padding: 16px 20px 10px; } .verify_dialog .el-dialog .el-dialog__footer { padding: 16px 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .verify_dialog .el-dialog .el-dialog__headerbtn { top: 18px; } .verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close { color: #f54e5e; font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close { font-size: 20px; } } @media only screen and (min-width: 1920px) { .verify_dialog .el-dialog .el-dialog__headerbtn .el-dialog__close { font-size: 24px; } } .verify_dialog .el-dialog .el-form--label-top .el-form-item__label { padding: 0; font-weight: 700; font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .verify_dialog .el-dialog .el-form--label-top .el-form-item__label { font-size: 16px; } } @media only screen and (min-width: 1920px) { .verify_dialog .el-dialog .el-form--label-top .el-form-item__label { font-size: 20px; } } .verify_dialog .el-dialog .el-form-item--small { display: block; margin-bottom: 0; } .verify_dialog .el-dialog .el-form-item__content { width: 100%; } .verify_dialog .el-dialog .otp-msg { padding: 16px 16px 16px; text-align: center; word-break: break-word; } .verify_dialog .el-dialog .time-tag { padding-top: 6px; text-align: left; } .verify_dialog .el-dialog .resend-otp { padding-top: 16px; text-align: right; font-size: 12px; } .verify_dialog .el-dialog .time-container { padding-top: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .verify_dialog .el-dialog .p-verify-tag { text-align: center; word-break: break-word; } .tooltip { display: block !important; z-index: 10000; font-size: 0.5rem; } @media screen and (max-width: 1440px) { .tooltip { font-size: 0.8rem; } } .tooltip .tooltip-inner { background: #508ff4; color: #fff; border-radius: 16px; padding: 5px 10px 4px; } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #508ff4; z-index: 1; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: #000; padding: 24px; border-radius: 5px; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden="true"] { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s, visibility 0.15s; transition: opacity 0.15s, visibility 0.15s; } .tooltip[aria-hidden="false"] { visibility: visible; opacity: 1; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .user-profile .personal-data .el-form-item__label { width: 92px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .personal-data .el-form-item__label { width: 105px; } } @media only screen and (min-width: 1920px) { .user-profile .personal-data .el-form-item__label { width: 128px; } } .user-profile p { font-size: 1em; color: #3a9cff; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile p { font-size: 0.9em; } } @media only screen and (min-width: 1920px) { .user-profile p { font-size: 0.85em; } } .user-profile .el-form-item__error { padding-left: 1em; } .user-profile .user-profile-header { width: 60%; } .user-profile .user-profile-photo { position: relative; display: inline-grid; grid-template-rows: repeat(3, 25%); grid-template-columns: repeat(3, 25%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .user-profile .user-profile-photo .el-image { width: 100px; height: 100px; grid-row: 1/3; position: relative; grid-column: 1/3; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .user-profile-photo .el-image { width: 125px; } } @media only screen and (min-width: 1920px) { .user-profile .user-profile-photo .el-image { width: 130px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .user-profile-photo .el-image { height: 125px; } } @media only screen and (min-width: 1920px) { .user-profile .user-profile-photo .el-image { height: 130px; } } .user-profile .user-profile-photo .el-image:before { display: block; content: ""; width: 100%; padding-top: 100%; } .user-profile .user-profile-photo .el-image > .el-image__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .user-profile .user-profile-photo .er-button { margin: 2px; border: unset; -webkit-box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15); box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15); } .user-profile .upload-photo-buttons { grid-row: 3/3; grid-column: 3/3; place-self: self-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); background: #fff; } .user-profile .user_details_container { padding-bottom: 20px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .user_details_container { padding-bottom: 30px; } } @media only screen and (min-width: 1920px) { .user-profile .user_details_container { padding-bottom: 40px; } } .user-profile .el-input--small { font-size: 0.9em; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .el-input--small { font-size: 0.9em; } } @media only screen and (min-width: 1920px) { .user-profile .el-input--small { font-size: 1em; } } .user-profile .edit-icon .el-input__suffix-inner { color: #000; cursor: pointer; padding: 0 5px; } .user-profile .er-form.er-form--user-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .user-profile .er-form .grid-container { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px; padding: 10px; } .user-profile .er-form .grid-container > div:first-child { text-align: center; padding: 0; } .user-profile .er-form .grid-container > div { text-align: center; padding: 10px 0; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .grid-container > div { padding: 19px 0; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .grid-container > div { padding: 23px 0; } } .user-profile .er-form .item1 { grid-row: 1/4; } .user-profile .er-form .er-form-item .el-input__inner { border: none; border-bottom: 1px solid #dcdfe6; font-size: 0.9em; height: 2.1rem; line-height: 2.1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .el-input__inner { font-size: 1.1em; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .el-input__inner { font-size: 1.3em; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .el-input__inner { height: 2.3em; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .el-input__inner { height: 1.8rem; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .el-input__inner { line-height: 2.3em; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .el-input__inner { line-height: 1.8rem; } } .user-profile .er-form .er-form-item .el-input__inner:not(.is-disabled .el-input__inner) { background: #fbfaff; } .user-profile .er-form .er-form-item .el-input-group__append { background-color: #f5f7fa; border-left: 0; border-top: 0; border-right: 0; border-bottom: 1px solid #dcdfe6; } .user-profile .er-form .er-form-item .el-input-group__append .el-button { margin: -5px -30px; padding: 7px 12px; } .user-profile .er-form .er-form-item .el-input-group__append .el-button:focus, .user-profile .er-form .er-form-item .el-input-group__append .el-button:hover { padding: 7px 12px; } .user-profile .er-form .er-form-item .er-select .el-input { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { padding-left: 15px; font-size: 0.9em; height: 2rem; line-height: 2rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { font-size: 1.1em; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { font-size: 1.3em; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { height: 1.8rem; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { line-height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__inner { line-height: 1.8rem; } } .user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix { left: 0; position: relative; width: 40px; text-align: center; padding: 0 1.5px; height: 2rem; line-height: 2rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix { height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix { height: 1.9rem; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix { line-height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .er-select .el-input .el-input__prefix { line-height: 2.1rem; } } .user-profile .er-form .er-form-item .el-form-item__label { color: #000; font-size: 12px; font-weight: 700; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .el-form-item__label { font-size: 14px; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .el-form-item__label { font-size: 16px; } } .user-profile .er-form .er-form-item .el-form-item__label .el-form--label-top { padding: 0 0 5px; } .user-profile .er-form .er-form-item .el-form-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: unset; line-height: unset; } .user-profile .er-form .er-form-item .el-form-item__content .el-input { color: #000; min-width: 190px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .er-form .er-form-item .el-form-item__content .el-input { min-width: 225px; } } @media only screen and (min-width: 1920px) { .user-profile .er-form .er-form-item .el-form-item__content .el-input { min-width: 280px; } } .user-profile .el-form-item--mini.el-form-item, .user-profile .el-form-item--small.el-form-item { margin: 0; } .user-profile .user-Profile-divider { height: 10em; } .user-profile .user_details_container--email, .user-profile .user_details_container--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .user-profile .user-profile-verified { font-size: 16px; color: #57e657; margin-right: 5px; line-height: 2.1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .user-profile-verified { line-height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .user-profile-verified { line-height: 2.1rem; } } .user-profile .user-profile-not-verified { font-size: 16px; color: #ed6c41; margin-right: 5px; line-height: 2.1rem; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .user-profile .user-profile-not-verified { line-height: 2rem; } } @media only screen and (min-width: 1920px) { .user-profile .user-profile-not-verified { line-height: 2.1rem; } } .user-profile .edit-icon { font-size: 16px; } .user-profile .el-button:not(.is-disabled) .edit-icon { color: #000; } >>>>>>> e3e3b39a8456ce624c95ac31e95c0aadd30519c6