div#main-ui-publicbadge .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
    background: 0 0;
    padding-top: 37px;
    background-color: #e6e6e6;
    width: 84%!important
}

div#main-ui-publicbadge .mainItem .x-panel-body.x-panel-body-noheader.x-column-layout-ct {
    border: none;
    width: 100%!important
}

div#main-ui-publicbadge .mainItem .x-panel-body.x-panel-body-noheader {
    border: none;
    border: none;
    background-color: #fff
}

div#main-ui-publicbadge .x-panel.leftPanel_coumn.x-column {
    border-radius: 4px;
    margin-right: 20px;
    padding: 14px;
    width: 22%!important;
    background-color: #fff
}

pad {
}

div#main-ui-publicbadge {
    background-color: #ccc!important
}

div#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column {
    border-radius: 4px;
    width: 68%!important;
    padding: 14px;
    background-color: #fff
}

div#main-ui-publicbadge tr.trLeanerProfileImage {
    display: block;
    margin-bottom: 17px;
    height: 200px
}

div#main-ui-publicbadge .profile-img {
    width: 200px;
    height: 200px;
    position: relative;
    display: block;
    background-size: cover!important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px!important;
    border-radius: 100%;
    border: solid 2px #ccc;
    background-color: #fff!important
}

div#main-ui-publicbadge td.tdLeanerProfileImage {
    height: 200px;
    width: 100%;
    display: block
}

div#main-ui-publicbadge .x-panel.leftPanel_coumn.x-column .x-panel-bwrap:first-child {
}

div#main-ui-publicbadge .x-panel.leaner-pnl.x-column .x-panel-bwrap {
    margin-top: 0!important
}

div#main-ui-publicbadge .x-panel.leftPanel_coumn.x-column .x-panel.leaner-pnl.x-column .x-panel-body.x-panel-body-noheader {
    height: initial
}

div#main-ui-publicbadge .dv-mycourses {
}

div#main-ui-publicbadge .leftPanel_coumn .dv-mycourses table td.tdLeanerProfileImage:hover {
    background-color: #fff!important
}

div#main-ui-publicbadge tr.trLeanerProfileImage:hover {
    background-color: #fff!important
}

div#main-ui-publicbadge .profile-img:hover {
    background-color: #fff!important
}

.profile-img {
}

div#main-ui-publicbadge .divuserName {
    font-size: 32px;
    font-weight: 700;
    color: #28abe2;
    padding-bottom: 36px
}

div#main-ui-publicbadge table.tbluserInfo td div {
    font-size: 14px;
    font-weight: 600;
    color: #484848;
    line-height: 22px
}

div#main-ui-publicbadge .trPublicURL+.trPublicURL .divPublicURL {
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px
}

div#main-ui-publicbadge span.spnAboutMeTopic {
    text-align: center!important;
    display: block;
    padding-bottom: 10px;
    font-size: 18px
}

div#main-ui-publicbadge table.tblUserBadges {
    margin-left: auto;
    margin-right: auto;
    display: block
}

div#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column .x-panel.leaner-pnl.x-column {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%!important;
    top: auto;
    left: auto
}

div#main-ui-publicbadge .main-userBadgesdiv {
    font-size: 14px;
    font-weight: 600;
    color: #484848;
    line-height: 26px;
    text-align: center;
    margin-bottom: 24px
}

div#main-ui-publicbadge table.tblUserBadges tbody {
    display: block;
    width: 100%!important
}

div#main-ui-publicbadge table.tblUserBadges tbody tr {
    width: 100%!important;
    display: block;
    border-bottom: none
}

div#main-ui-publicbadge table.tblUserBadges tbody tr td {
    margin-right: 1%!important;
    display: inline-block;
    width: 23%
}

div#main-ui-publicbadge .badgeimag {
    background-position: center!important;
    width: 100%!important;
    height: 122px!important;
    background-size: contain!important
}

div#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column table.tblUserBadges tbody tr td:hover {
    background-color: #fff!important
}

div#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column table.tblUserBadges tbody tr td {
    background-color: #fff
}

div#main-ui-publicbadge .leftPanel_coumn .dv-mycourses table td.tdLeanerProfileImage {
    background-color: #fff
}

div#main-ui-publicbadge tr.trPublicPortfolio {
    border-bottom: none!important
}

div#main-ui-publicbadge table.tbluserInfo tr {
    border-bottom: none!important;
    padding: 0!important
}

div#main-ui-publicbadge table.tbluserInfo tr td {
    padding: 0
}

div#main-ui-publicbadge tr.trLeanerProfileImage {
    margin-bottom: 32px!important
}

div#ext-comp-1074 {
}

div#main-ui-publicbadge .x-panel.mainItem {
    background: inherit;
    width: 101%!important;
    border: none;
    margin-top: 20px;
    text-shadow: inherit!important;
    right: auto;
    padding: 0
}

.x-panel-footer.x-panel-btns {
    width: 100%!important
}

div#main-ui-publicbadge .btnsavebadges {
}

div#main-ui-publicbadge .x-btn .x-btn-tl,div#main-ui-publicbadge .x-btn .x-btn-tr,div#main-ui-publicbadge .x-btn .x-btn-tc,div#main-ui-publicbadge .x-btn .x-btn-ml,div#main-ui-publicbadge .x-btn .x-btn-mr,div#main-ui-publicbadge .x-btn .x-btn-mc,div#main-ui-publicbadge .x-btn .x-btn-bl,div#main-ui-publicbadge .x-btn .x-btn-br,div#main-ui-publicbadge .x-btn .x-btn-bc {
    background: no-repeat
}

div#main-ui-publicbadge button.x-btn-text {
    background-color: #25abe2;
    padding: 10px;
    height: auto!important;
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px
}

div#main-ui-publicbadge .mainItem .x-panel-body.x-panel-body-noheader.x-column-layout-ct .x-column-inner {
}

div#main-ui-publicbadge .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

div#main-ui-publicbadge .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

div#main-ui-publicbadge .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

div#main-ui-publicbadge input:checked+.slider {
    background-color: #8bc34a
}

div#main-ui-publicbadge input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

div#main-ui-publicbadge input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

div#main-ui-publicbadge .slider.round {
    height: 22px;
    width: 49px;
    border-radius: 34px
}

div#main-ui-publicbadge .slider.round:before {
    border-radius: 50%
}

.divPublicPortfolio span.spnPublicPortfolio {
    width: 72px;
    display: inline-block;
    text-align: left;
    color: #656565;
    line-height: 14px;
    font-size: 12px
}

div#main-ui-publicbadge .leftPanel_coumn .divPublicPortfolio span.spnPublicPortfolio {
    width: auto;
    display: inline-block;
    text-align: left;
    color: #484848;
    line-height: 14px;
    font-size: 14px
}

div#main-ui-publicbadge .leftPanel_coumn span.slider.round {
    margin-top: 3px
}

div#main-ui-publicbadge .divPublicPortfolio span.spnPublicPortfolio:hover {
    background-color: #fff!important
}

#main-ui-publicbadge .x-panel-body.x-panel-body-noheader .mainItem .x-panel-body.x-panel-body-noheader.x-column-layout-ct {
    background-color: #eee!important;
    padding-left: 8%;
    padding-right: 8%;
    border: none!important;
    width: 84%!important
}

#main-ui-publicbadge .x-panel-body.x-panel-body-noheader .mainItem .x-panel-body.x-panel-body-noheader.x-column-layout-ct .x-column-inner {
    width: 100%!important;
    height: inherit
}

div#main-ui-publicbadge .x-panel.leftPanel_coumn.x-column .x-panel-body.x-panel-body-noheader.x-column-layout-ct {
    background-color: #fff!important;
    padding: 0;
    min-height: 300px;
    height: inherit!important;
    width: 100%!important
}

div#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column .x-panel-body.x-panel-body-noheader.x-column-layout-ct {
    background-color: #fff!important;
    padding: 0
}

div#main-ui-publicbadge .x-panel-body.x-panel-body-noheader {
    overflow-x: hidden!important;
    background-color: #eee;
    border: none
}

div#main-ui-publicbadge .x-panel-footer.x-panel-btns .x-panel-fbar.x-small-editor.x-toolbar-layout-ct {
    width: 84%!important;
    padding-left: 8%!important;
    padding-right: 8%;
    height: 88px
}

#main-ui-publicbadge .mainItem a.fa.fa {
    font: normal normal normal 32px/1 FontAwesome;
    font-size: 14px;
}

.mainItem .divPublicURL a {
    margin-left: 2px;
    margin-right: 2px;
    color: unset
}

#main-ui-publicbadge .mainItem a.fa.fa-facebook-square {
    border-radius: 0
}

#main-ui-publicbadge .mainItem a.fa.fa-facebook-square {
    color: #395798
}

#main-ui-publicbadge .mainItem a.fa.fa-twitter-square {
    color: #01b9f4
}

#main-ui-publicbadge .mainItem a.circle-icon-hover.fa.fa-linkedin-square {
    color: #1282c3
}

#main-ui-publicbadge .x-panel.rightPanel_coumn.x-column .x-panel-body.x-panel-body-noheader.x-column-layout-ct {
    width: 100%!important
}

#main-ui-publicbadge .x-panel.leaner-pnl.x-column {
    width: inherit;
    height: inherit
}

table.tbluserInfo {
    width: inherit!important
}

table.tbluserInfo {
    width: 100%!important
}

div#main-ui-publicbadge {
    background-image: url(https://images.netexam.com/images/10193/apek-logo-changes-profile.png);
    background-repeat: no-repeat;
    padding-top: 58px;
    background-position-x: 9%;
    background-position-y: 0;
    background-size: 146px;
    background-color: #28abe2!important
}

#main-ui-publicbadgeDetails .x-panel-body.x-panel-body-noheader.x-panel-body-noborder {
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important
}

#main-ui-publicbadgeDetails .x-panel.mainItem {
    width: 100%!important;
    border: none!important
}

#main-ui-publicbadgeDetails .x-panel.mainItem .x-panel-body.x-panel-body-noheader {
    width: 100%!important;
    border: none!important
}

#main-ui-publicbadgeDetails .x-panel.leaner-toppnl {
    width: 100%!important;
    background-color: #ccc!important
}

#main-ui-publicbadgeDetails table.tbluserInfo {
    width: 100%!important
}

#main-ui-publicbadgeDetails .x-panel.mainItem .x-panel-body.x-panel-body-noheader .x-panel.leaner-pnl.x-column {
    width: 100%!important
}

#main-ui-publicbadgeDetails .x-panel.rightPanel_coumn.x-column {
    width: 76%!important
}

#main-ui-publicbadgeDetails .x-panel.leaner-toppnl .x-panel-body.x-panel-body-noheader {
    padding: 19px;
    padding-right: 8%;
    border: none;
    padding-left: 8%;
    width: 84%!important;
    background-color: #eee
}

#main-ui-publicbadgeDetails span.spnLeanerDeatails {
    font-size: 15px;
    display: inline-block;
    width: 88%;
    word-break: break-word;
    white-space: pre-line
}

#main-ui-publicbadgeDetails .tdLeanerDeatails button {
    background-color: #25abe2;
    padding: 7px;
    height: auto!important;
    width: 134px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 4px
}

#main-ui-publicbadgeDetails td.tdLeanerDeatails {
    text-align: right
}

#main-ui-publicbadgeDetails .divLeanerDeatailsc {
    text-align: left
}

#main-ui-publicbadgeDetails .x-panel.bottomPanalItem {
    padding-left: 8%!important;
    padding-right: 8%;
    padding-top: 3%
}

#main-ui-publicbadgeDetails .profile-img {
    width: 80px;
    margin-right: 10px;
    height: 80px;
    border: solid 2px #25abe2;
    background-size: cover!important;
    border-radius: 100%
}

#main-ui-publicbadgeDetails .badgeimag {
    width: 200px;
    height: 200px!important;
    background-size: cover!important;
    border-radius: 100%
}

#main-ui-publicbadgeDetails .divbadgename {
    font-size: 32px;
    font-weight: 700;
    color: #252525;
    padding-bottom: 23px
}

#main-ui-publicbadgeDetails .divbadgecompanyname {
    font-size: 16px;
    padding-bottom: 10px
}

#main-ui-publicbadgeDetails span.spnbadgecompanyname {
    font-weight: 700;
    color: #252525
}

#main-ui-publicbadgeDetails .divbadgedes {
    font-size: 14px;
    width: 80%
}

#main-ui-publicbadgeDetails .x-panel.leftPanel_coumn.x-column {
    margin-right: 1%
}

#main-ui-publicbadgeDetails button.btn-back {
    margin-right: 10px
}

#main-ui-publicbadgeDetails {
    background-image: url(https://images.netexam.com/images/10193/apek-logo-changes-profile.png);
    background-repeat: no-repeat;
    padding-top: 58px;
    background-position-x: 9%;
    background-position-y: 0;
    background-size: 146px;
    background-color: #28abe2!important;
    border: none
}

#main-ui-publicbadgeDetails .x-panel-body.x-panel-body-noheader {
    border: none
}

div#main-ui-publicbadge .badgeimag {
    cursor: pointer
}

.badge-Verify-button .x-window-tr,.badge-Verify-button .x-window-tc,.badge-Verify-button .x-window-tl {
    background: 0 0!important;
    background-color: #fff!important
}

.badge-Verify-button span.x-window-header-text {
    font-size: 16px;
    color: #0094da;
    font-weight: 500
}

.badge-Verify-button .x-window-header.x-unselectable.x-window-draggable {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 4px;
    font-family: sans-serif;
    padding-right: 4px
}

.badge-Verify-button .x-window-mr,.badge-Verify-button .x-window-mc,.badge-Verify-button .x-window-ml {
    background: 0 0!important;
    background-color: #fff!important;
    border: none!important
}

.badge-Verify-button .x-window-body {
    border: none!important;
    padding: 2%!important;
    width: 97%!important;
    min-height: 92px
}

.badge-Verify-button .x-window-tl {
    border-bottom: solid 1px #ccc
}

.badge-Verify-button .badge-dialog-date {
    font-size: 14px;
    line-height: 42px;
    font-family: sans-serif;
    border-bottom: solid 1px #ccc;
    background-image: url(http://images.netexam.com/images/10229/right-trns-new-one.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position-y: center
}

.badge-Verify-button .badge-dialog-company {
    font-size: 14px;
    line-height: 42px;
    border-bottom: solid 1px #ccc;
    background-image: url(http://images.netexam.com/images/10229/right-trns-new-one.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    font-family: sans-serif;
    background-position-y: center
}

.x-window.badge-Verify-button.x-window-plain {
    border: solid 1px #7f7f7f;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75)
}

.x-window.badge-Verify-button.x-window-plain .x-tool.x-tool-close {
    background-image: url(http://images.netexam.com/images/10229/search-tab-searchbar.png)!important;
    width: 14px;
    background: 0 0!important;
    height: 19px;
    margin-top: -4px
}

.x-window.badge-Verify-button.x-window-plain .x-tool.x-tool-close:before {
    content: "X";
    color: #0094da;
    font-size: 16px;
    font-weight: bolder;
    font-family: cursive
}

.x-window.badge-Verify-button .x-window-bl.x-panel-nofooter {
    display: none
}

#main-ui-publicbadgeDetails .tdLeanerDeatails button {
    cursor: pointer
}

div#main-ui-publicbadge .profile-img {
    width: 196px!important;
    height: 196px!important;
    border: solid 2px #737373
}

body div#main-ui-publicbadge .x-panel.leftPanel_coumn.x-column {
    background-color: #efefef!important;
    min-height: 364px!important
}