.main-content{padding-top: 96px;max-width: 800px;margin: auto; width: 100%;padding: 96px 16px 16px 16px}


.satrap-register{width: 100%;padding: 24px;background: #F0FBFC;border-radius: 8px;margin-top: 32px}
.satrap-register .button-register{width: 135px;height: 48px;background: #13727D;text-align: center;border-radius: 8px;border: none;color: #fff}

.switch {position: relative;display: inline-block;width: 44px;height: 24px;}
.switch input {display:none;}
.switch  .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #EAECF0;-webkit-transition: .4s;transition: .4s;}
.switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: white;box-shadow: 0px 1px 3px rgba(8, 48, 71, 0.1), 0px 1px 2px rgba(8, 48, 71, 0.06);-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: #22959C;}
.switch input:focus + .slider {box-shadow: 0 0 1px #22959C;}
.switch input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}

.profile-detail .profile-thumbnail{width: 56px;height: 56px}
.profile-detail .description{font-size: 12px;line-height: 18px}
.profile-detail > div{gap: 5px}

.menu-container .item{border-bottom: 1px solid #EAECF0;}
.menu-container .item a{padding-bottom: 20px;}
.menu-container .item:not(:first-child) a{padding-top: 20px;}
.menu-container .item .title:after{content: "";width: 16px;height: 16px;background: transparent url("data:image/svg+xml,%0A%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.186387 7.44998C-0.0621289 7.20146 -0.0621289 6.79854 0.186387 6.55002L6.55002 0.186386C6.79854 -0.0621288 7.20146 -0.0621288 7.44998 0.186386C7.69849 0.434903 7.69849 0.837825 7.44998 1.08634L1.53632 7L7.44998 12.9137C7.69849 13.1622 7.69849 13.5651 7.44998 13.8136C7.20146 14.0621 6.79854 14.0621 6.55002 13.8136L0.186387 7.44998Z' fill='%23101828'/%3E%3C/svg%3E%0A") no-repeat center center;display: block}


@media(max-width:800px){
    .main-content {width: 100%;padding: 56px 16px 80px 16px;}
    /*header .internal-header {display: none !important;}*/
    header .single-profile-header {display: none!important;}
}

@media(max-width:600px){
    .satrap-register{flex-direction: column;gap: 16px;padding: 28px 16px 16px 16px;;position: relative;margin-top: 24px}
    .satrap-register .button-register{width: 100%}
    .satrap-register .title{font-size: 12px;line-height: 18px}
    .satrap-register:before{content: "";width: 40px;height: 40px;background: #F0FBFC url("../images/information-register-satrap.svg") center center no-repeat;border-radius: 50%;border: 5px solid #FFF;position: absolute;top: -20px}
    .menu-profile-box{flex-direction: column;gap: 24px;align-items: flex-start!important;margin-top: 24px}
    .profile-detail .profile-thumbnail{width: 48px;height: 48px}
    .profile-detail .profile-name{font-size: 16px;line-height: 28px}
    .night-mode-toggle{width: 100%;justify-content: space-between!important;}

    .menu-container .item .title{font-size: 14px;line-height: 20px}
    .menu-container .item a{gap: 8px;}
    .menu-container .item:not(:first-child) a{padding-top: 18px;}
    .menu-container .item:not(:first-child) a{padding-bottom: 18px;}
    .menu-container .item:last-child{border: none}
    .menu-container{margin-top: 24px}

    .menu-profile-box.user-login{flex-direction: row;align-items: center!important;margin-top: 8px}
    .edit-profile .title{display: none}
    /*.night-mode-toggle{margin-top: 24px}*/

}