body {font-family: 'Roboto', sans-serif;}
.list_content h5{font-weight:bold;padding-left:4px;padding-right:4px;word-wrap: break-word;word-break: break-word;}
.content_read,.title_read{word-wrap: break-word;word-break: break-word;}
.body_theme{background-color:#eaeef6}
a{text-decoration:none!important}
svg{width:24px;height:24px;}
.svg-small svg{width:15px;height:15px;}
.svg-20 svg{width:20px;height:20px;}
.svg-18 svg{width:18px;height:18px;}
/*scrool bar*/
::-webkit-scrollbar{width:5px;height:7px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#525965}
::-webkit-scrollbar-thumb:active{background:#525965}
::-webkit-scrollbar-track{background:0 0;border:0 #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:0 0}
::-webkit-scrollbar-track:active{background:0 0}
::-webkit-scrollbar-corner{background:0 0}
.padding_table>tbody>tr>td{padding:0.15rem 0.18rem;}
.lh-02{line-height: 1.2!important;}
.table{--bs-table-hover-color: #f3f3f3!important;--bs-table-hover-bg: rgb(22 22 22 / 90%);}
.bg-form{background: rgb(219 219 219 / 20%);}
.max-300{max-width:300px}
.display_canvas_image img{width:320px;height:231px; object-fit:cover}
.graph_general{max-width:700px;margin:auto;}
.graph_general svg{width: unset;height: unset;}
#graph_gender{width:210px;height:210px;}
#graph_gender svg{width: unset;height: unset;}
.graph svg{width: unset;height: unset;}
.wave_light{border-right: 1px solid rgb(191, 191, 191);width:0%;z-index:111;position:absolute;overflow:hidden;top:0;}
.wave_dark img{opacity: 0.5;}
/*odontogram gigi*/
.ODON_LIST svg path{fill:black!important;stroke:none!important;}
.ODON_LIST svg{width:50px!important;;height:50px!important;;}
.CAR svg path{fill:#e5315e!important;}
.AMF svg path{fill:#ae36ff!important;}
.FIS svg path{fill:#0dafac!important;}
.GIF svg path{fill:#ff9836!important;}
.image_odontogram svg path:hover{fill:#7f7f7f;}
.seri_kiri {top:0;left:0;bottom:0;}
.seri_kanan {top:0;right:0;bottom:0;}
.seri_atas {top:0;right:0;left:0;}
.seri_bawah {bottom:0;right:0;left:0;}
.seri_tengah {margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.seri_kiri svg path{stroke-width:15px!important;}
.seri_kiri svg{width:20px;height:47px;}
.seri_atas svg path{stroke-width:15px!important;}
.seri_atas svg {width: 44px;height:21px;}
.seri_kanan svg path{stroke-width:15px!important;}
.seri_kanan svg {width:20px;height:47px;}
.seri_bawah svg path{stroke-width:15px!important;}
.seri_bawah svg {width:44px;height:20px;}
.seri_tengah svg path{stroke-width:15px!important;}
.seri_tengah svg {width: 26px;height: 12px;}
.image_odontogram{width:54px;height:54px;}
.image_odontogram svg path{fill:white;stroke:black;stroke-width:5px;paint-order: stroke;}
.geraham_atas {top:-5px;left:0;right:0;}
.geraham_atas svg {width: 50px !important;height: 28px !important;}
.geraham_bawah {bottom:-3px;left:0;right:0;}
.geraham_bawah svg {width: 50px !important;height: 25px !important;}
.geraham_kiri {left:-3px;top:0;bottom:0;}
.geraham_kiri svg {height: 50px;width: 21px !important;}
.geraham_kanan {right:-3px;top:0;bottom:0;}
.geraham_kanan svg {height: 50px !important;width: 25px !important;}
.geraham_tengah svg {width: 21px !important;height: 30px !important;}
.geraham_tengah {margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
/*new more style*/
.gelang_pasien{height:90.70px}
.gelang_pasien img{height:85px;object-fit:cover}
.vertical-sub{vertical-align:sub}
.vertical-sub svg{vertical-align:sub}
.fit-content{width:fit-content}
.image_150_profil{object-fit:cover;width: 150px;height: 150px;}
.image_150_profil img{object-fit:cover;width: 150px;height: 150px;}
.cursor-disabled{cursor:not-allowed !important;}
.z-index-hight{z-index:1099}
.min-height-0{min-height:0!important}
.lh-04{line-height: 1.04!important;}
.btn-not:hover{background-color: #d4d4d4!important;}
.btn-actions:hover{background-color:#305ba0!important;border-color:#305ba0!important;color:white!important}
.btn-actions:hover .text-success{color:white!important}
.btn-theme:hover{background-color:#5ca573!important;border-color:#5ca573!important;color:white!important}
.btn-theme .text-muted:hover{color:white!important}
.list_home_user {position: relative;margin: 10px 6px 43px;width: 183px;}
.svg_home_site svg{width:500px;height:500px}
.avatar_40{width:40px;height:40px;object-fit:cover}
.avatar_20{width:20px;height:20px;object-fit:cover}
.avatar_25{width:25px;height:25px;object-fit:cover}
.avatar_60{width:60px;height:60px;object-fit:cover}
.avatar_30{width:30px;height:30px;object-fit:cover}
.site_icon{width:33px;height:33px;object-fit:cover}
.m-10 {margin: 0.1rem!important;}
.avatar_other{width:90px;height:90px}
.border-white-transparent{border-color:rgb(255 255 255 / 22%)!important;}
.popup_youtube_player{position:relative;width:100%;height:0;padding-bottom:56.25%}
.popup_youtube_player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.text_featured{display:table;margin:0 auto;color:white;padding:2px 1rem 2px 1rem;border-radius:1rem;margin-top:-1rem;}
.bg-theme{background-color: #7624c7;}
.color-theme{color: #7624c7;}
.border-theme{border: 2px #7624c7 solid;background-color:#7624c7}
.outer_featured{margin-bottom:1rem;}
.featured_list_post{position:absolute;top:0;right:7px;display:flex}
.sticky_button{margin: 0 3px 0 3px;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:25%;border-bottom-right-radius:25%;color:#0d5df0;background-color:rgb(13 202 240 / 35%);}
.sticky_button.active_sticky{background-color: #23c0df;color: white;padding: 1px;}
.headline_button{margin: 0 3px 0 3px;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:25%;border-bottom-right-radius:25%;color: #ff0a21;background-color: rgb(255 117 117 / 33%);}
.headline_button.active_headline{background-color: #ff5767;color: white;padding: 1px;}
.disable_select{-youbkit-touch-callout: none;-youbkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.max-50vh{max-height:50vh}
.border-radius-0{border-radius:unset}
.text-normal{word-wrap:normal;word-break:normal;}
.ms-10{margin-left:0.1rem!important;}
.toast_fixed {position: fixed;z-index: 1;bottom: 10px;right: 0;left: 0;max-width: 350px;margin: auto;}
.bg-none, .bg-unset, .bg-0{background:unset;background-color:unset}
.shadow-soft{box-shadow: 0px 2px 11px 0px rgb(214 214 214 / 42%);}
.fake_bg_post{width:100%;height:200px;background:#f1f1f1}
.show_image_custom img{width:50px;height:50px;object-fit:cover;}
.bg-dark-1{background:#3a145c;}
.mb-2rem{margin-bottom:2rem}
.video_thumbnail_feed{background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.empty_headline{height:450px;width:100%;background:#dddddd;border-radius:2.25rem!important;}
.margin-5{margin:-5px}
.btn-instagram {color: #fff;background-color: #ff3e80;border-color: #ff3e80;}
.image_150 img{max-width:150px}
.image100 img{max-width:100px}
.image200 img{max-width:200px}
.image-h-250 img{height:250px;width:100%;object-fit:cover}
.text-white-80{--bs-text-opacity: 1;color: rgb(255 255 255 / 80%)!important;}
.text-white-theme{--bs-text-opacity: 1;color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;}
.text-white-theme span{--bs-text-opacity: 1;color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;}
.image_20{width:20px;height:20px}
.image_25{width:25px;height:25px}
.image_30{width:30px;height:30px;object-fit:cover}
.image_40{width:40px;height:40px;object-fit:cover}
.image_50{width:50px;height:50px;object-fit:cover}
.image_70{width:70px;height:70px}
.width-150{width:150px;}
.width-140{width:140px;}
.width-120{width:120px;}
.rounded-bottom-1{border-bottom-left-radius: 2.25rem!important;border-bottom-right-radius: 2.25rem!important;}
.rounded-1{border-radius:2.25rem!important;}
.rounded-2{border-radius:1.25rem!important;}
.rounded-3{border-radius:1rem!important;}
.rounded-4{border-radius:0.7rem!important;}
.small-1{font-size: .833em;}
.small-2{font-size: .711em;}
.small-3 {font-size: .755em;}
.lh-13{line-height: 1.3!important;}
.small-1{font-size: .833em;}
.small-2{font-size: .711em;}
.small-3 {font-size: .755em;}
.image_post{height:250px;object-fit:cover}
.gradient-white{background-image: linear-gradient(to top,rgb(255 255 255), rgb(35 40 47 / 0%));}
.background-image{background-image:linear-gradient(to top,rgb(36 21 21), rgb(35 40 47 / 0%))}
.post_wrapper{width:50%;float:left;}
.bg-pink-1 {background-color: #ff636c!important;}
.image_wrapper{height:450px;object-fit:cover;width:100%}
.avatar_header{height:32px;width:32px;object-fit:cover}
.h-200{height:200px}
.height-300{height:300px}
.height-250{height:250px}
.height-230{height:230px}
.height-200{height:200px}
.height-150{height:150px}
.height-100{height:100px}
.width-320{width:320px}
.width-250{width:250px}
.cover_page{width:100%;height:100px;object-fit:cover}
.cover_page img{width:100%;height:100px;object-fit:cover}
.avatar_page img{width:80px;height:80px;margin-top:-30px;object-fit: cover;}
.avatar_card img{width:80px;height:80px;object-fit: cover;}
.bg_dark_transparent{background-color:rgb(0 0 0 / 43%)}
.bg_pink{background-color:#ff8c93!important;}
.text_pink{color:#ff8c93!important;}
.border_pink{border-color:#ff8c93!important;}
.bg_dashboard {display: block;bottom: 0;width: 100%;position: fixed;max-width: 100em;z-index: -1;left: 0;right: 0;opacity: .8;}
.bg_dashboard svg{width:100%;height:100%}
.new_avatar{position:absolute;left:0;right:0;bottom:60px}
/*video call*/
.live_friend video{width:600px;height:600px;object-fit:cover;background:rgb(25 25 25 / 22%)}
.live_me video{width:600px;height:600px;object-fit:cover;background:rgb(17 17 17 / 30%)}
.live_small{max-width:200px;justify-content:center;margin: auto;display: flex; max-height:200px}
.live_small video{transition: all .3s ease;border-radius:5px;max-width:200px;max-height:200px;object-fit:cover;margin:auto;padding:2px}
.avatar_call img{width:150px;height:150px}
.avatar_call {width:150px;height:150px}
.bg-call-content{max-width:350px;width:100%;min-height:500px;}
.bg-call-video{max-width:350px;width:100%;min-height:500px;background: linear-gradient(rgb(41 8 77 / 91%),rgb(231 7 89 / 91%));}
.bg-get-video {max-width: 350px;width: 100%;min-height: 500px;background: linear-gradient(rgb(41 8 77 / 91%),#9c27b0);}
.bg_vc {position:fixed;width:100%;}
.bg_vc svg{object-fit:cover;width:100%;height:100%}
/*old more style*/
.btn-active-warning{background:#ffc107;color:white}
.btn-active-info{background:#0dcaf0;color:white}
.custom_bullet .swiper-pagination-bullet{width: 23px;height: 23px;background: #fc6681;margin: 0 4px;color: white;font-size: 12px;padding: 3px;}
.horizontal_style .swiper-pagination-bullet{border-radius: 0.5rem;width: 100%;height: 12px;background: #fc6681;margin: 0 1px!important;color: white;font-size:8px;padding: 1px;}
.custom_bullet,.horizontal_style{left:unset!important;bottom:unset!important;}
.mb-19{margin-bottom:1rem!important;}
.bg-pink{background: #fc6681}
.bg-pink:hover{background-color:#dc3545;border-color:#dc3545;}
.truncate_2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.truncate_two{display:-webkit-box;max-width:400px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-2{display:-webkit-box;max-width:400px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-3{display:-webkit-box;max-width:400px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-4{display:-webkit-box;max-width:400px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bg_transparent{background-color:rgb(0 0 0 / 56%);}
.swiper_thumbnail .swiper-slide{width:100px!important;opacity: 0.6;}
.swiper_thumbnail .swiper-slide img{padding:2px;display: block;width: 100px;height: 100px;object-fit: cover;}
.swiper_thumbnail .swiper-slide-thumb-active{opacity:1;}
.bg-white-50{background-color:rgb(255 255 255 / 52%)}
.shadow-0 .btn_like_art{box-shadow:unset!important;background:#ffffffb8}
.text-white-70{color:rgb(255 255 255 / 71%)!important}
.thumbnail_link img{width:70px;height:70px;object-fit:cover}
.focos_post{border:2px #1999ff solid!important}
.bg_shared{background-color:rgb(255 255 255 / 52%)}
.bg_reply{background-color:rgb(255 255 255 / 52%)}
.el-checkbox>input[type="checkbox"]+.el-checkbox-style:before{border-radius:50%!important}
.bg_message_send{background:rgb(233 245 255)}
.bg_message_get{background:white}
.post_message{max-height:300px;overflow:auto;border-top:21px transparent solid;width:100%}
.close_replied{margin-top:-21px}
.reply_widget {position: absolute!important;bottom: 0;left: 0;right: 0;margin: auto;justify-content: center;display: flex;z-index: 5;background:rgb(65 65 65 / 50%);}
.bg-reply-shared{color:#0a879a;}
.bg-reply-shared:hover{background:rgb(137 188 229 / 34%);color:#0a879a;}
.avatar_reply_shared{width:33px;height:33px}
.message_upload_clear{margin-top:-33px;z-index:5}
.messages_post_layout{min-height:121px;max-height:300px;margin-bottom:0px;border-top:14px #ffffff solid;border-bottom:14px #ffffff solid}
.min-250{min-width:250px}
.message_box{width:100%;height:54px;padding:13px 20px}
.z-index-3{z-index:3!important}
.z-index-4{z-index:4!important}
.z-index-6{z-index:6!important}
.z-index-7{z-index:7!important}
.z-index-8{z-index:8!important}
.message_avatar_widget{margin-top: -33px;padding: 10px;}
.bullet_custom .swiper-pagination-bullet{width: 23px;height: 23px;background: #fc6681;margin: 0 4px;color: white;font-size: 12px;padding: 3px;}

.custom_swiper .swiper-button-next:after, .custom_swiper .swiper-button-prev:after{font-size:14px}
.btn-ping {color: #fff;background-color: #fc6681;border-color: #fc6681;}
.container_deep{max-width:1200px}
.featured_article{width:180px;height:190px;margin:5px}
.featured_article img{width:100%;height:100px;object-fit:cover}
.bg-deep{background-color: #7624c7!important;}
.btn-purple{color: #fff;background-color: #8f1fa2;border-color: #8f1fa2;}
.image-150{width:150px;height:100px;object-fit:cover}
.title_article{height:75px;overflow:hidden}
/*button site*/
.btn_outline_sidebar svg{padding:2px;margin:0!important}
.btn_outline_sidebar{width: 33px;height: 33px;align-items: center;justify-content: center;display: flex;border-radius: 5rem;}
.btn_sidebar svg{padding:2px;margin:0!important}
.btn_sidebar{background: #ff296d;width: 33px;height: 33px;align-items: center;justify-content: center;display: flex;border-radius: 5rem;color: #ffffff;}
.btn-sound-features svg{padding: 2px;}
.btn-sound-features{background: #ff296d;width: 60px;height: 30px;align-items: center;justify-content: center;display: flex;border-radius: 5rem;color: #ffffff;}
.widget_player{bottom:111px;position:fixed;margin:auto;z-index:112}
.text-sound{color:#f383a9!important}
.bg-sound{color:#f383a9!important}
.border-sound{border-color:#f383a9!important}
.btn-outline-sound{border:1px #f383a9 solid;display:flex;align-items:center;justify-content:center;color:#f383a9!important}
.btn-outline-sound:hover{background-color:#f383a9!important;color:#fff!important;border:1px #f383a9 solid}
.btn-sound{display:flex;align-items:center;justify-content:center;background-color:#f383a9!important;color:white!important}
.btn-sound:hover{background-color:#FFF!important;color:#f383a9!important;border:1px #f383a9 solid}
/*button scree*/
.add_button_screen{display:none}
.image-100{width:150px;height:100px;object-fit:cover}.z-index-1{z-index:1}
.icon_ratation svg{transform: rotate(180deg)}
/*cusom style*/
.swiper_photos img{width:100%;height:400px;object-fit:cover}
#swiper_photos img{width:100%;height:400px;object-fit:cover}
.centered{position:absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.dropdown-menu.header_dropdown{min-width:300px}
.header_website{min-height:66px}
.dropstart .dropdown-toggle::before{content:none;}
.hidden_arrow.dropdown-toggle::after{content:none;}
.hidden-arrow.dropdown-toggle::after{content:none;}
.fixed-start {position: fixed;top: 0;left: 0;z-index:1000;}
.fixed-end {position: fixed;top: 0;right: 0;z-index: 5;}
.d-inline-flex{display:inline-flex!important}
.head_settings .swiper-slide{width:50px}
.display-4{font-size: 2.5rem;}
.cursor-grab{cursor: grab!important;}
.cursor-move{cursor: move!important;}
.main_color{color:#ff488b!important}
.main_bg{background:#ff488b!important}
.main_border{border-color:#ff488b!important;}
.features_sidebar{width:66px;margin:7px;text-align:center!important}
.features_sidebar h6{text-align:center!important}
.features_block{margin-left:-8px;width:calc(100% + 16px)}
.features_sidebar:hover{transition:all .2s;transform:scale(0.97)}

/*headline*/
.width-fit-content{width:fit-content!important}
.p-relative{position:relative!important}
.swiper-slide.headline_news{position:relative}
.headline_news .photo_headline{width:100%;margin:0 auto;text-align:center;cursor:pointer;height:450px;object-fit:cover}
.headline_news .title_headline a{text-decoration:none;color:#FFF}
.headline_news .title_headline{width:100%;position: absolute;bottom: 0;color: #FFF;padding:15px;background-image:linear-gradient(to top,rgb(36 21 21), rgb(35 40 47 / 0%))}
.headline_news .title_headline h3{padding-bottom:4px;font-size:27px;font-weight:bold}
.title_read {font-weight:bold}
.font-bold {font-weight:bold!important}
.custom-file-input{display:none}
/*sound widget played*/
.e-0{right:0!important}
.s-unset{left:unset!important}
.current-grab{cursor:grab!important}
.z-index-2{z-index:2}
.history_widget{max-height:300px;overflow-y:scroll}
.stared_widget{max-height:300px;overflow-y:scroll}
.voter_widget{max-height:300px;overflow-y:scroll}
.liked_widget{max-height:300px;overflow-y:scroll}
.sound_list.amplitude-playing{background-color:#ae9de3!important;color:#fff!important}
.sound_list:hover{transition:all .2s;transform:scale(0.99)}
.sound_list.amplitude-playing .text-muted{color:white!important}
.widget_sound{max-width:400px;min-width:300px}
.thumb_50{width:50px;height:50px;}
.sound_avatar{padding-top:3px}
.sound_avatar img{text-align: center;display: flex;width: 200px;height: 200px;border-radius: 50%;box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);margin: 25px auto;padding: 10px;}
.played_widget{margin-top: -55px;position: relative;padding-bottom: 20px;}
.played_widget_icon{margin: auto;transition: all .2s;width: 41px;height: 41px;display: flex;align-items: center;justify-content: center;color: #17a2b8;border-radius: 50%;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.bg_wave svg{width: 100%;height: 100%;}
.bg_wave{width:100%}
.widget_area_sound{margin-top: -378px}
/*check box and get foto*/
.photos_input{position:relative;display:inline-flex;margin:4px}
.photos_input b{text-transform:capitalize}
.photos_input img{width:100px;height:100px;border-radius:5px;object-fit:cover}
.photos_input .el-checkbox-style{background:rgba(213,213,213,.62);position:absolute!important;left:0;right:0;top:0;bottom:0;margin:auto;font-size:25px;font-weight:700;align-items:center;justify-content:center;vertical-align:middle;display:flex;cursor:pointer}
.photos_input .el-checkbox-style:hover{background:#24c55d}
.photos_input .open_new svg{width:21px;height:21px}
.photos_input .open_new{position:absolute;left:0;top:0;cursor:pointer;width:33px;height:33px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:50%;color:#00b7ff}
.photos_input .open_new:hover{background:#FFF}
.el-radio,.el-checkbox{position:relative;font-size:100%}label.el-radio,label.el-checkbox{display:block;cursor:pointer}.el-radio>input[type="radio"],.el-checkbox>input[type="checkbox"]{display:none}.el-radio>input[type="radio"][disabled],.el-checkbox>input[type="checkbox"][disabled]{cursor:not-allowed}.el-radio>input[type="radio"]+.el-radio-style,.el-checkbox>input[type="checkbox"]+.el-checkbox-style{position:relative;display:inline-block;width:1.4em;height:1.4em;vertical-align:middle;cursor:pointer}.el-radio>input[type="radio"]+.el-radio-style:hover:before,.el-checkbox>input[type="checkbox"]+.el-checkbox-style:hover:before{border-color:#20a0ff}.el-radio>input[type="radio"]+.el-radio-style:before,.el-checkbox>input[type="checkbox"]+.el-checkbox-style:before{position:absolute;top:0;left:0;display:inline-block;width:1.4em;height:1.4em;content:'';border:1px solid #C0CCDA}.el-radio>input[type="radio"]+.el-radio-style:after,.el-checkbox>input[type="checkbox"]+.el-checkbox-style:after{position:absolute;display:none;content:''}.el-radio>input[type="radio"][disabled]+.el-radio-style,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style{cursor:not-allowed;color:#D3DCE6}.el-radio>input[type="radio"][disabled]+.el-radio-style:hover,.el-radio>input[type="radio"][disabled]+.el-radio-style:before,.el-radio>input[type="radio"][disabled]+.el-radio-style:after,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style:hover,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style:before,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style:after{cursor:not-allowed}.el-radio>input[type="radio"][disabled]+.el-radio-style:hover:before,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style:hover:before{border:1px solid #D3DCE6;animation-name:none}.el-radio>input[type="radio"][disabled]+.el-radio-style:before,.el-checkbox>input[type="checkbox"][disabled]+.el-checkbox-style:before{border-color:#D3DCE6}.el-radio>input[type="radio"]:checked+.el-radio-style:before,.el-checkbox>input[type="checkbox"]:checked+.el-checkbox-style:before{animation-name:none}.el-radio>input[type="radio"]:checked+.el-radio-style:after,.el-checkbox>input[type="checkbox"]:checked+.el-checkbox-style:after{display:block}.el-radio>input[type="radio"]+.el-radio-style:before{border-radius:50%}.el-radio>input[type="radio"]+.el-radio-style:after{top:.4em;left:.4em;width:.6em;height:.6em;border-radius:50%;background:#20a0ff}.el-radio>input[type="radio"]:checked+.el-radio-style:before{border:1px solid #20a0ff}.el-radio>input[type="radio"]:checked[disabled]+.el-radio-style:before{border:1px solid #b0d7f5}.el-radio>input[type="radio"]:checked[disabled]+.el-radio-style:after{background:#b0d7f5}.el-checkbox>input[type="checkbox"]+.el-checkbox-style:before{border-radius:3px}.el-checkbox>input[type="checkbox"]+.el-checkbox-style:after{top:.15em;left:.5em;box-sizing:border-box;width:.4em;height:.85em;transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff}.el-checkbox>input[type="checkbox"]:checked+.el-checkbox-style:before{border:#20a0ff;background:#20a0ff}.el-checkbox>input[type="checkbox"]:checked[disabled]+.el-checkbox-style:before{border:#b0d7f5;background:#b0d7f5}.el-radio.el-radio-blue>input[type="radio"]+label:hover:before,.el-checkbox.el-checkbox-blue>input[type="checkbox"]+label:hover:before,.el-radio.el-radio-blue>input[type="radio"]:checked+label:before,.el-checkbox.el-checkbox-blue>input[type="checkbox"]:checked+label:before{border-color:#20a0ff}.el-checkbox.el-checkbox-blue>input[type="checkbox"]:checked+label:before,.el-radio.el-radio-blue>input[type="radio"]+label:after{background:#20a0ff}.el-radio.el-radio-blue>input[type="radio"][disabled]+label:hover:before,.el-checkbox.el-checkbox-blue>input[type="checkbox"][disabled]+label:hover:before{border-color:#D3DCE6}.el-checkbox.el-checkbox-blue>input[type="checkbox"]:checked[disabled]+label:before,.el-radio.el-radio-blue>input[type="radio"]:checked[disabled]+label:before{border-color:#b0d7f5}.el-checkbox.el-checkbox-blue>input[type="checkbox"][disabled]:checked+label:before,.el-radio.el-radio-blue>input[type="radio"]:checked[disabled]+label:after{background:#b0d7f5}.el-radio.el-radio-green>input[type="radio"]+label:hover:before,.el-checkbox.el-checkbox-green>input[type="checkbox"]+label:hover:before,.el-radio.el-radio-green>input[type="radio"]:checked+label:before,.el-checkbox.el-checkbox-green>input[type="checkbox"]:checked+label:before{border-color:#13ce66}.el-checkbox.el-checkbox-green>input[type="checkbox"]:checked+label:before,.el-radio.el-radio-green>input[type="radio"]+label:after{background:#13ce66}.el-radio.el-radio-green>input[type="radio"][disabled]+label:hover:before,.el-checkbox.el-checkbox-green>input[type="checkbox"][disabled]+label:hover:before{border-color:#D3DCE6}.el-checkbox.el-checkbox-green>input[type="checkbox"]:checked[disabled]+label:before,.el-radio.el-radio-green>input[type="radio"]:checked[disabled]+label:before{border-color:#a1efc4}.el-checkbox.el-checkbox-green>input[type="checkbox"][disabled]:checked+label:before,.el-radio.el-radio-green>input[type="radio"]:checked[disabled]+label:after{background:#a1efc4}.el-radio.el-radio-red>input[type="radio"]+label:hover:before,.el-checkbox.el-checkbox-red>input[type="checkbox"]+label:hover:before,.el-radio.el-radio-red>input[type="radio"]:checked+label:before,.el-checkbox.el-checkbox-red>input[type="checkbox"]:checked+label:before{border-color:#ff4949}.el-checkbox.el-checkbox-red>input[type="checkbox"]:checked+label:before,.el-radio.el-radio-red>input[type="radio"]+label:after{background:#ff4949}.el-radio.el-radio-red>input[type="radio"][disabled]+label:hover:before,.el-checkbox.el-checkbox-red>input[type="checkbox"][disabled]+label:hover:before{border-color:#D3DCE6}.el-checkbox.el-checkbox-red>input[type="checkbox"]:checked[disabled]+label:before,.el-radio.el-radio-red>input[type="radio"]:checked[disabled]+label:before{border-color:#f9b3b3}.el-checkbox.el-checkbox-red>input[type="checkbox"][disabled]:checked+label:before,.el-radio.el-radio-red>input[type="radio"]:checked[disabled]+label:after{background:#f9b3b3}.el-radio.el-radio-yellow>input[type="radio"]+label:hover:before,.el-checkbox.el-checkbox-yellow>input[type="checkbox"]+label:hover:before,.el-radio.el-radio-yellow>input[type="radio"]:checked+label:before,.el-checkbox.el-checkbox-yellow>input[type="checkbox"]:checked+label:before{border-color:#f7ba2a}.el-checkbox.el-checkbox-yellow>input[type="checkbox"]:checked+label:before,.el-radio.el-radio-yellow>input[type="radio"]+label:after{background:#f7ba2a}.el-radio.el-radio-yellow>input[type="radio"][disabled]+label:hover:before,.el-checkbox.el-checkbox-yellow>input[type="checkbox"][disabled]+label:hover:before{border-color:#D3DCE6}.el-checkbox.el-checkbox-yellow>input[type="checkbox"]:checked[disabled]+label:before,.el-radio.el-radio-yellow>input[type="radio"]:checked[disabled]+label:before{border-color:#fbeac1}.el-checkbox.el-checkbox-yellow>input[type="checkbox"][disabled]:checked+label:before,.el-radio.el-radio-yellow>input[type="radio"]:checked[disabled]+label:after{background:#fbeac1}.el-switch,.el-switch-style,.el-switch-style:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.el-switch{display:inline-block;font-size:100%;height:1.6em;position:relative}.el-switch .el-switch-style{height:1.6em;left:0;background:#C0CCDA;-webkit-border-radius:.8em;border-radius:.8em;display:inline-block;position:relative;top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:3em;cursor:pointer}.el-switch .el-switch-style:before{display:block;content:'';height:1.4em;position:absolute;width:1.4em;background-color:#fff;-webkit-border-radius:50%;border-radius:50%;left:.1em;top:.1em;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.el-switch>input[type="checkbox"]{display:none}.el-switch>input[type="checkbox"][disabled]+.el-switch-style{cursor:not-allowed;background-color:#D3DCE6}.el-switch>input[type="checkbox"]:checked+.el-switch-style{background-color:#20a0ff}.el-switch>input[type="checkbox"]:checked+.el-switch-style:before{left:50%}.el-switch>input[type="checkbox"]:checked[disabled]+.el-switch-style{background-color:#b0d7f5}.el-switch.el-switch-blue>input[type="checkbox"]:checked+.el-switch-style{background-color:#20a0ff}.el-switch.el-switch-blue>input[type="checkbox"]:checked[disabled]+.el-switch-style{background-color:#b0d7f5}.el-switch.el-switch-green>input[type="checkbox"]:checked+.el-switch-style{background-color:#13ce66}.el-switch.el-switch-green>input[type="checkbox"]:checked[disabled]+.el-switch-style{background-color:#a1efc4}.el-switch.el-switch-red>input[type="checkbox"]:checked+.el-switch-style{background-color:#ff4949}.el-switch.el-switch-red>input[type="checkbox"]:checked[disabled]+.el-switch-style{background-color:#f9b3b3}.el-switch.el-switch-yellow>input[type="checkbox"]:checked+.el-switch-style{background-color:#f7ba2a}.el-switch.el-switch-yellow>input[type="checkbox"]:checked[disabled]+.el-switch-style{background-color:#fbeac1}.el-radio.el-radio-sm,.el-checkbox.el-checkbox-sm,.el-switch.el-switch-sm{font-size:85%}.el-radio.el-radio-lg,.el-checkbox.el-checkbox-lg,.el-switch.el-switch-lg{font-size:125%}

/*more random style*/
.image_fit_100{border-radius:10px;width:100px;height:100px;object-fit:cover;}
.image_fit_150{border-radius:10px;max-width:150px;max-height:150px;width:100%;object-fit:cover;}
.image_fit_200 img{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;border-radius:10px;width:200px;height:200px;object-fit:cover;}
.image_fit{width:75px;height:75px;object-fit:cover}
.image_75{width:75px;height:75px;object-fit:cover}
.photos_popup{margin: auto;max-width: 1000px;width: 100%;max-height: 100%;top: 50%;transform: translateY(-50%);}
.photos_popup img{max-height: 100vh;max-width: 100%;}
.svg-clock{width:100%;height:100%}
.svg_40 svg{width:30px;height:30px}
.svg_50 svg{width:50px;height:50px}
.svg_100 svg{width:100px;height:100px}
.image-50{width:70px;height: 50px;object-fit: cover;}
.image_100{width:100px;height:100px;object-fit: cover;}
.image_55{width:55px;height:55px;object-fit: cover;}
.verified_sidebar{position: absolute;right: 0;bottom: -32px;background: white;border-radius: 50%;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;}
.brand_logo{max-width:133px;}
.brand_logo img{max-width:133px}
.sub_menu {padding: 5px 19px;background: #FFF;border-radius: 19px;transition: all .3s ease;margin: 5px;box-shadow: 1px 2px 8px 0 rgba(202,202,202,.5);}
.list_menu{display:inline-flex;position:relative;align-items:center;justify-content:center;width:auto}
.list_menu img{width:27px;height:27px;object-fit:cover;padding:3px;margin-left:-5px}
.list_menu span{margin:0 7px}
.list_menu a{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;font-weight:600;color:unset}
.description_video_feed{padding: 7px 13px 20px 14px;background: linear-gradient(rgba(0,0,0,0),rgb(0 0 0 / 81%))}
.play_feed_button svg{width:30px;height:30px;}
.play_feed_button{cursor: pointer;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color:rgb(255 255 255 / 81%);border-radius: 50%;background:rgb(0 0 0 / 28%);}
.play_feed_button:hover{background:#e91e63;color:#FFF}
.b-0{bottom:0}.t-0{top:0}.l-0{left:0}.r-0{right:0}.end-33{left:33px}
.new_editor{width:100%;height: 500px;overflow:scroll;}
[contenteditable][placeholder]:empty:before{content: attr(placeholder);position: absolute;color: gray;background-color: transparent;}
.volume_off svg,.volume_on svg{width:24px;height:24px}
.clearfix{clear:both}
.home_avatar{width:34px;height:34px;object-fit:cover;}
.container_profile{margin-left:-10px;width:calc(100% + 20px)}
.icon_runnning svg{width:38px;height:38px}
.icon_runnning{cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;color:#FF9800;background:#FFF;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}
.icon_runnning:hover{border:2px solid #FF9800}
.z-index-5{z-index:5}
.shadow_site{box-shadow:-1px 2px 20px 0 rgba(206,206,206,.35)}
.radius-25{border-radius:25px}
.radius-15{border-radius:15px}
.radius-19{border-radius:19px}
.only_mobile{display:none}
.only_mobile_icon{display:none!important}
.general_icon{margin:auto;transition:all .2s;cursor:pointer;width:41px;height:41px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:#FFF;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}
.general_icon svg{width:24px;height:24px}
.general_icon:hover{border:2px solid #17a2b8}
.discover_icon svg{width:24px;height:24px;margin:0!important}
.site_features span{padding:7px}
.discover_icon{transition:all .2s;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:50%;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}
.btn_like_art{margin:auto;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}
.font-12{font-size:12px!important}
.font-16{font-size:16px!important}
.font-18{font-size:18px}
.font-21{font-size:21px!important}
.content_read p{font-size:17px!important}
.content_read img{max-width:100%}
.content_read iframe{max-width:100%}
.content_read video{max-width:100%}
.max-width-500{max-width:500px}
.publisher_box{padding:12px!important;border-radius:35px}
.decoration-none,.decoration-none a{text-decoration:none!important;color:#6c757d}
.text_message a{text-decoration:none!important;color:#FFF}
.text-black-70{color:#cdcdcd!important}
.custom_btn a{margin:3px;}
.button__social{display:flex;justify-content:center;margin:auto}
.button__social a{margin:3px}
.max-100vh{max-height:100vh}
/*loading spiner background*/
#lokal_loading{position: fixed;top: 10px;left: 0;width: 75px;z-index: 3000;right: 0;margin: auto;display:none;}
#load_spiner{position: fixed;top: 10px;left: 0;width: 75px;z-index: 1000;right: 0;margin: auto;display:none;}
#loader {display: block;position: relative;width: 75px;height: 75px;border-radius: 50%;border: 5px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;}
#loader:before {content: "";position: absolute;top: 3px;left: 3px;right: 3px;bottom: 3px;border-radius: 50%;border: 4px solid transparent;border-top-color: #ff6871;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;border-radius: 50%;border: 3px solid transparent;border-top-color: #ffc107;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} }
@keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
/*box_style*/
.box_style{justify-content:center;align-items:center;display:flex;box-shadow:0 3px 22px 3px rgba(191,191,191,.35);border-radius:15px;padding:21px;text-align:center;width:125px;height:125px;border:1px solid #fff}
.box_style b{font-size:12px}
.box_style small{display:block}

/*ads display*/
.display_ads{width:100%;justify-content:center;text-align:center;margin:15px auto}
.display_ads img{max-width:100%;max-height:100%}
.display_ads video{max-width:100%;max-height:100%}
.display_ads .plyr__controls{opacity:0;}
.display_ads .plyr button.plyr__control.plyr__control--overlaid {background:transparent;border: 1px white solid;}

/*list style */
.played_ svg{width:33px;height:33px}
.played_:hover{background:#17a2b8;color:#fff}
.played_{transition:all .2s;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:#FFF;border-radius:50%;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}

/*download page */
.download_wrapper svg{width:45px;height:45px}
.download_wrapper {position:absolute;z-index:3;margin:auto;left:0;right:0;bottom:-39px;border-radius:50%;width:77px;height:77px;display:flex;justify-content:center;align-items:center;margin:10px auto;color:#fff;background:#17a2b8;padding:5px;border:3px solid #fff}
.download_wrapper:hover{background:#828282}

/*messages */
#mobile_container_chat{height:100%}
.header_chat{padding:15px;position:sticky;top:0;z-index:1}
.footer_chat{position:fixed;bottom:13px;z-index:5;flex:0 0 75%;max-width:75%}
.header_user_list{padding:15px;position:sticky;top:0;color:#4c595f;z-index:1}
.widget__messages{height:calc(100vh - 182px);background-size:cover;overflow:hidden;background-color:rgba(161,173,184,.26);padding:0!important}
.widget__messages:hover{overflow:auto}
.messages_userlist{height:calc(100vh - 207px);overflow:hidden}
.messages_userlist:hover{overflow:auto}
.load_more_chat{display:flex;align-items:center;justify-content:center;margin:10px}
.mw-80{max-width:80%}
.outline-0{outline:0!important}
.padding-0{padding:0!important}
.border-15{border-radius:15px!important}
.status_user{position:absolute;bottom:5px;right:7px}
.status_user svg{width:18px;height:18px}
.user__chat{border-left:2px transparent solid}
.user__chat:hover{border-left:2px #17a2b8 solid}
.svg_13 svg{width:13px;height:13px}
.svg_15 svg{width:15px;height:15px}
.svg_17 svg{width:17px;height:17px}
.svg_18 svg{width:18px;height:18px}
.svg_19 svg{width:19px;height:19px}
.svg_20 svg{width:20px;height:20px}
.svg_45 svg{width:45px;height:45px}
.svg_33 svg{width:33px;height:33px}
.check_delivered svg{width:17px;height:17px}
#button_send svg{width:33px;height:33px}
#button_send{cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#17a2b8;color:#FFF;border-radius:50%;transition:all .2s;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}
#button_send:hover{color:#17a2b8;background:#FFF}
#new_message{resize:none;border-radius:30px!important;background-color:#fff;width:100%;height:54px;padding:13px 20px}
.hide_deleted{position:absolute;right:0;top:-9px;display:none}
.hide_deleted svg{padding:3px;width:27px;height:27px;align-items:center;justify-content:center;margin:auto;background:#fff;position:relative;border-radius:50%;color:#17a2b8;border:2px solid rgba(255,255,255,.43);cursor:pointer}
.hide_deleted svg:hover{background:#17a2b8;color:#f8f9fa}
.drag_message_form{font-size:19px;left:0;cursor:move;background:#9E9E9E;width:33px;height:33px;color:#FFF;display:flex;justify-content:center;align-items:center;border-radius:50%}

/*notifications popup message */
.popup_messages{position:fixed;top:100px;right:100px;z-index:1000}
.hide_notif{position:absolute;margin:auto;bottom:-13px;left:0;right:0}
.hide_notif svg{display:flex;text-align:center;width:33px;height:33px;align-items:center;justify-content:center;margin:-17px auto auto;background:rgba(96,125,139,.30196078431372547);position:relative;border-radius:50%;color:#fff;border:2px solid rgba(255,255,255,.43)}
.hide_notif svg:hover{background:#fa6a77}
.messages_notifications{cursor:pointer;position:relative}
.messages_notifications img{width:65px;height:65px;border-radius:50%;border:3px solid #fff}
.count_messages{position:absolute;right:-11px;z-index:6}

/*notifications timeline */
.list_notif{border-left:2px #62b9fe solid;padding-left:29px;position:relative;min-height:100px}
.notif_avatar{position:absolute;left:-24px}
.notif_avatar img{object-fit:cover;width:45px;height:45px;border-radius:50%;border:2px solid #62b9fe;padding:3px;background:#fff}
.icon_notif i{transition:all .2s;cursor:pointer;width:55px;height:55px;font-size:33px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:#FFF;border-radius:50%;box-shadow:0 4px 15px 0 rgba(214,214,214,.66)}

/*list user/list video home */
.user__card{width:150px}
.list__content{display: inline-grid;position: relative;margin: 10px 6px 43px;width: 125px;height: 165px;}
.color-transparent{color:transparent!important}
.list__content:hover{transition:all .2s;transform:scale(0.97)}
.list__content .author img{object-fit:cover;width:55px;height: 55px;border-radius: 50%;border: 3px solid #ffffff;}
.list__content .author{position:absolute;bottom: -40px;left: 0;right: 0;margin: auto;z-index: 1;justify-content: center;text-align:center!important;}
.list__content .layouted img{position:relative;width: 125px;object-fit: cover;height: 100%;border-radius:10px;}
.list__content .category{font-size:14px;position:absolute;bottom:0;color:#FFF;width:100%;height:65px;padding:3px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;overflow:hidden;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));text-align:center}
.player_video{color:#ff488b;background:transparent;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.player_video svg{width:50px;height:50px}
.player_swiper{position: absolute!important;left: 0;right: 0;bottom: 0;top: 0;margin: auto;justify-content: center;align-items: center;display: flex;}

/*User profile 2 */
.profile_span{margin-top:-50px;margin-bottom:20px}
.object-fit-cover{object-fit:cover}
.object-fit-cover img{object-fit:cover}
.user_avatar{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.user_profile{height:400px;position:relative}
.user_image_avatar{position:relative;display:block}
.user_image_avatar img{width:150px;height:150px;object-fit: cover;}
.user_profile .last_active{color:#ffffff!important}
/*User profile */

.back_profile{position:absolute;top:0;left:5px;z-index:1}
.setting_profile{position:absolute;top:0;right:5px;z-index:1}
.box_profile i{font-size:27px}
.margin_profile{margin-top:-86px}
.verified_user svg{position: absolute;bottom: -12px;right: 0;left: 0;margin: auto;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;}
.style_profile{bottom:0;max-height:50%;width:100%}
.style_profile p{line-height:1.3;font-size:12px}
.setting_custom{max-width:700px;width:100%}
.overlay_cover{height:100%;width:100%;position:absolute;opacity:.8;left:0;top:0;right:0;background-image:linear-gradient(to bottom,rgba(255,255,255,.15),rgba(0,0,0,.27))}
.info_profile{background:rgba(0,0,0,.74);padding:10px;height:100%;border-top-left-radius:50%;border-top:12px rgba(255,255,255,.22) solid}
.profile_image{width:99px;height:99px;border:3px solid rgba(255,255,255,.8509803921568627);padding:3px;background:rgba(255,255,255,.52)}
.image_user_cover{width:100%;height:100%}
.card_profile{max-width:400px;overflow:hidden;margin:auto}
.box_shadow{box-shadow:0 8px 60px -10px rgba(165,165,165,.34)}
.last_active{color:#a1a1a1}
.online_text{color:#0cb690}
.thumbnail{max-width:300px;width:100%;max-height:300px;object-fit:cover;border-radius:5px}
.flex{display:flex}
.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 0.2rem rgb(164 164 164 / 9%)}
.btn_message{background: #673ab7;border-radius: 19px;padding: 4px 18px;color: #ffffff;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.btn_message a{color:#ffffff!important}
.btn_follow{background-color:transparent;background-image:none;border-color:#7624c7;color:#7624c7;border-radius:19px;padding:1px 15px;font-size:14px}
.btn_follow:hover{color:white;background:#7624c7}
.btn_follow.active_follow{border-color:#7624c7;background:#7624c7;color:#FFF;border-radius:19px}
.hidden{display:none!important}
.pointer{cursor:pointer!important}
.display_images img{width:100%;border-radius:5px}
.display_images:hover{transition:all .2s;transform:scale(0.99)}
.display_images source{width:100%}
.display_audio{position:relative;max-height:100px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:5px}
.display_video{position:relative;max-height:200px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:100%;padding:5px}
.display_video video{position:relative;max-height:200px;border-radius:5px;width:100%}
.display_video:hover{transition:all .2s;transform:scale(0.97)}
.hash_liked{border-radius:50%;width:38px;height:38px;display:flex;justify-content:center;align-items:center;color:#fca143;background-color:transparent;background-image:none;border-color:#ffa240}
.hash_liked.is_liked{color:#fff;background-color:#ffa240;border-color:#ffa240;border-radius:50%;width:38px;height:38px;display:flex;justify-content:center;align-items:center}
.btn_custom{border-radius:50%;width:38px;height:38px;display:flex;justify-content:center;align-items:center}
.btn_custom:hover{color:#fff!important}
.display_photos{position:relative;max-height:150px;object-fit:cover;overflow:hidden;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:5px}
.display_photos img{width:100%;border-radius:5px}
.display_photos:hover{transition:all .2s;transform:scale(0.97)}
.display_photos source{width:100%}
.avatar_image{width:45px;height:45px;object-fit:cover;}
.avatar_sidebar{width:77px;height:77px;object-fit: cover;}
.load_more{font-weight:500;min-width:160px;background:#FFF;color:#17a2b8;border:2px solid #17a2b8;text-transform:uppercase;display:flex;height:40px;font-size:16px;border-radius:2em;padding:0 25px;margin:33px auto;justify-content:center;align-items:center;box-shadow:0 4px 15px 0 rgba(214,214,214,.66);transition:all .2s}
.load_more:hover{background:#17a2b8;color:#fff}
.number_style{position:absolute;font-size:35px;color:rgba(0, 0, 0, 0.23);font-weight:700;left:-3px;top:-20px}
.change_avatar{cursor: pointer;position: absolute;color: #fff;left: 0;top: 0;right: 0;display: flex;margin: auto;justify-content: center;}
.change_avatar:hover{color:#e0e0e0}
.change_cover{max-width:50px;position:absolute;z-index:1;color:#fff;top:0;left:0;right:0;margin:auto;justify-content:center;display:flex;font-size:25px;cursor:pointer}
.change_cover:hover{color:#e0e0e0}

/*card_custom */
.card_custom.card{border:1px solid rgba(111,111,111,.125);padding-bottom:20px;min-width:227px;max-height:210px}
.card_custom .card-header{background:#FFF;border-bottom:1px solid rgba(158,158,158,.125);padding:1.1rem 1.25rem}
.card_custom .card-header small{font-size:11px}
.card_custom .card-body{margin-top:21px}
.card_custom .card-body img{max-width:65px;max-height:65px;position:absolute;top:23px}

/*Comment On Waves */
.star_on_wave {position: absolute;bottom:0;z-index: 222;transition: all .2s;}
.star_on_wave img {width: 20px;height: 20px;object-fit: cover;cursor: pointer;border-radius: 50%;}
.star_on_wave:hover {transform: scale(1.5);z-index: 1112;}

/*Single Sound*/
.thumbnail_category{border-radius:50%;width:100px;height:100px;object-fit:cover}
.body_sound_category{border-top-right-radius: 3rem;border-top-left-radius: 3rem;}
.body_sound{padding-top:163px;margin-top:-105px;border-top-right-radius: 3rem;border-top-left-radius: 3rem;}
.header_sound_thumb{position:relative}
.thumbnail_sound{border-radius:50%;width:200px;height:200px;object-fit:cover}
.sound_image{background-repeat:no-repeat;background-position:center;background-size:cover;max-width:300px;height:250px;border-radius:15px;position:relative;margin:auto}
.sound_image::before{content:"";background:inherit;width:100%;height:100%;box-shadow:0 10px 40px 0 rgba(76,70,124,.5);display:block;z-index:1;position:absolute;top:30px;transform:scale(0.3);filter:blur(10px);opacity:.9;border-radius:15px}
.sound_image::after{content:"";background:inherit;width:100%;height:100%;box-shadow:0 10px 40px 0 rgba(162,157,199,.5);display:block;z-index:2;position:absolute;border-radius:15px}
.play_pause svg{width:50px;height:50px}
.play_pause div{cursor:pointer;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;}
.play_pause{position:absolute;left:0;right:0;color:#17a2b8;border-radius:50%;width:70px;height:70px;background:#fff;bottom:-28px;margin:auto;text-align:center;display:flex;justify-content:center;align-items:center}
.play_pause .pause_btn{opacity:0;visibility:hidden}
body.player_running .play_pause .pause_btn{opacity:1;visibility:visible}
body.player_running .play_pause .play_btn{opacity:0;visibility:hidden}
.button_stat{display:flex;align-items:center}
.button_stat li a{margin:5px}
.button_stat li{display:flex;align-items:center;margin:10px 5px;font-weight:500;color:#8b8b8b;font-size:14px}
body.waveform_done #waveform:after{opacity:0;visibility:hidden;transform:scale(0.8)}
.image_wave img{max-height:150px!important}

/*sound Playing*/
.playlist_list_sound.playing{background:rgba(0,0,0,.12);color:#000!important}
.playlist_list_sound.playing .art_details h4,.playlist_list_sound.playing .third{color:#000!important}
#waveform{margin:50px 0;position:relative;height:128px}

/*Player*/
.image-45{width:45px;height:45px}
.footer_player{display:none;position:fixed;top:0;left:0;z-index:1200;max-width:400px;width:100%;overflow:hidden;outline:0}
#waveform-load{text-align:center;margin:0 auto;padding-top:50px;padding-bottom:20px}
#waveform-load:empty{padding-top:0;padding-bottom:0}
.player{display:flex;align-items:center;padding:0 15px;height:60px;background-color:#fff;color:#484848;position:relative;box-shadow:0 -2px 6px rgba(0,0,0,.2);z-index:5}
.sound_detail{border-color:rgba(0,0,0,.15);width:390px;min-width:390px;border-right:1px solid rgba(255,255,255,.15);user-select:none}
.sound_inner{width:100%;position:relative;height:60px;display:flex;align-items:center;cursor:pointer}
.sound_inner .sound_artist{width:40px;min-width:40px;height:40px;float:left;border-radius:2px;margin-right:10px}
.sound_inner .sound_artist img{background-color:#e3e3e3;width:40px;height:40px;object-fit:cover;display:block;border-radius:2px}
.title_sound{max-width:calc(100% - 95px)}
.title_sound h3{color:rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:15px;margin:0;transition:all .2s}
.title_sound h3:hover,.sound_controls .amplitude-next:hover,.sound_controls .amplitude-prev:hover,.sound_controls .amplitude-stop:hover{color:#000}
.title_sound p{margin:4px 0 0;font-size:13px;color:rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1;transition:all .2s}
.title_sound p:hover{color:#222}
.title_sound .sound_time_sec{display:none;font-size:13px;margin-top:2px}
.sound_progress{position:relative;padding:0 10px;display:flex;align-items:center;margin:auto;width:100%}
.sound_controls{display:flex;align-items:center;padding:0 15px 0 0}
.sound_controls .amplitude-prev{margin-right:5px;color:rgba(0,0,0,.85);transition:all .2s;cursor:pointer}
.sound_controls .amplitude-play-pause{width:40px;height:40px;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M8,5.14V19.14L19,12.14L8,5.14Z' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-color:#3fb6c6;border-radius:50%}
.sound_controls .amplitude-play-pause.amplitude-playing{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M14,19H18V5H14M6,19H10V5H6V19Z' /%3e%3c/svg%3e")}
.sound_controls .amplitude-next,.sound_controls .amplitude-stop{color:rgba(0,0,0,.85);transition:all .2s;cursor:pointer}
.song_time{display:flex;align-items:center;padding-left:6px}
.current_time,.duration_time{color:rgba(0,0,0,.85);font-size:14px;margin:4px}
.duration_seperate{display:none;margin:0 5px}
.progress_container{position:relative;height:20px;cursor:pointer;max-width:500px;width:100%}
.progress_container input[type=range]{-webkit-appearance:unset;outline:none;width:100%;margin:7.5px 0;position:absolute;z-index:200;top:-7px;height:20px;cursor:pointer;background-color:inherit}
.progress_container input[type=range]::-webkit-slider-runnable-track{width:100%;height:0;cursor:pointer;-webkit-box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);background:#ddd;border:0 solid #010101;border-radius:0}
.progress_container input[type=range]::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 #000,0 0 0 #0d0d0d;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;height:15px;width:15px;border-radius:16px;border:1px solid #3fb6c6;background:#3fb6c6;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}
.progress_container input[type=range]:focus::-webkit-slider-runnable-track{background:#ddd}
.progress_container input[type=range]::-moz-range-track{width:100%;height:0;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0);background:#000;border:0 solid #010101;border-radius:0}
.progress_container input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;height:15px;width:15px;border-radius:16px;border:1px solid #3fb6c6;background:#3fb6c6;cursor:pointer}
.progress_container input[type=range]::-ms-track{width:100%;height:0;cursor:pointer;background:0 0;border-color:transparent;color:transparent}
.progress_container input[type=range]::-ms-fill-lower{background:#003d57;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0)}
.progress_container input[type=range]::-ms-fill-upper{background:#0075a9;border:0 solid #010101;border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(13,13,13,0)}
.progress_container input[type=range]::-ms-thumb{border:1px solid #3fb6c6;background:#3fb6c6;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;height:15px;width:15px;border-radius:16px;cursor:pointer;display:block}
.progress_container input[type=range]::-ms-tooltip{display:none}
@media all and (-ms-high-contrast: none) {
.progress_container ::-ms-backdrop,.progress_container input[type=range].amplitude-song-slider{padding:0}
.progress_container ::-ms-backdrop,.progress_container input[type=range].amplitude-song-slider::-ms-thumb{height:15px;width:15px;border-radius:10px;cursor:pointer;margin-top:-8px}
.progress_container ::-ms-backdrop,.progress_container input[type=range].amplitude-song-slider::-ms-track{border-width:15px 0;border-color:transparent}
.progress_container ::-ms-backdrop,.progress_container input[type=range].amplitude-song-slider::-ms-fill-lower{background:#d9d9d9;border-radius:10px}
.progress_container ::-ms-backdrop,.progress_container input[type=range].amplitude-song-slider::-ms-fill-upper{background:#d9d9d9;border-radius:10px}
}
@supports (-ms-ime-align:auto){.progress_container input[type=range].amplitude-song-slider::-ms-thumb{height:15px;width:15px;margin-top:3px}}
.progress_container input[type=range]:focus::-ms-fill-lower{background:#0075a9}
.progress_container input[type=range]:focus::-ms-fill-upper{background:#00adfb}

/*sound Played Progress*/
.progress_container .amplitude-song-played-progress{position:absolute;left:0;top:8px;right:0;width:100%;z-index:60;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:5px;background:0 0;border:none}
@media all and (-ms-high-contrast:none){.progress_container .amplitude-song-played-progress,.progress_container ::-ms-backdrop{color:#3fb6c6;border:none;background-color:#d9d9d9}}
@supports (-ms-ime-align:auto){.progress_container .amplitude-song-played-progress{color:#3fb6c6;border:none}}
.progress_container .amplitude-song-played-progress[value]::-webkit-progress-bar {background: none;border-radius: 5px;}
.progress_container .amplitude-song-played-progress[value]::-webkit-progress-value {background-color: #3fb6c6;border-radius: 5px;}
.progress_container .amplitude-song-played-progress::-moz-progress-bar {background: none;border-radius: 5px;background-color: #3fb6c6;height: 4px;}

/*sound Buffered Progress*/
.progress_container .amplitude-buffered-progress{position:absolute;left:0;top:8px;right:0;width:100%;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:5px;background:#D7DEE3;border:none}
.progress_container .amplitude-buffered-progress[value]::-webkit-progress-bar{background-color:#d9d9d9;border-radius:5px}
.progress_container .amplitude-buffered-progress[value]::-webkit-progress-value{background-color:#a7a7a7;border-radius:5px;-webkit-transition:width .1s ease;transition:width .1s ease}
.progress_container .amplitude-buffered-progress::-moz-progress-bar{background:#d9d9d9;border-radius:5px;height:4px}
@-moz-document url-prefix(){.progress_container .amplitude-buffered-progress{top:8px;border:none}}
@media all and (-ms-high-contrast:none){.progress_container .amplitude-buffered-progress,.progress_container ::-ms-backdrop{color:#a7a7a7;border:none}}
@supports (-ms-ime-align:auto){.progress_container .amplitude-buffered-progress{color:#a7a7a7;border:none}}
.sound_progress_right{border-color:rgba(0,0,0,.15);display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.15);padding-right:10px;height:60px;width:317px;min-width:317px}
.sound_volume{padding-left:15px;display:flex;align-items:center}
.volume_controls .amplitude-mute.amplitude-not-muted{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23363636' d='M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z' /%3e%3c/svg%3e")}
.volume_controls .amplitude-mute.amplitude-muted{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23363636' d='M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z' /%3e%3c/svg%3e")}
.volume_controls{display:flex;align-items:center}
.volume_controls .amplitude-mute{width:24px;height:24px;cursor:pointer;background-repeat:no-repeat;background-position:center;border-radius:50%}
.volume_controls input[type=range].amplitude-volume-slider{margin-top:0;-webkit-appearance:unset;outline:none;float:left;margin-left:5px;width:120px}
@-moz-document url-prefix(){.volume_controls input[type=range].amplitude-volume-slider{margin-top:0}}
@supports (-ms-ime-align:auto){.volume_controls input[type=range].amplitude-volume-slider{margin-top:3px;height:12px;background-color:rgba(255,255,255,0)!important;z-index:999;position:relative}}
@media all and (-ms-high-contrast:none){.volume_controls input[type=range].amplitude-volume-slider,::-ms-backdrop{margin-top:17px;background-color:rgba(255,255,255,0)!important}}
.volume_controls input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:#a7a7a7}
.volume_controls input[type=range].amplitude-volume-slider::-webkit-slider-thumb{height:12px;width:12px;border-radius:12px;background:#3fb6c6;cursor:pointer;margin-top:-4px;-webkit-appearance:none}
.volume_controls input[type=range].amplitude-volume-slider:focus::-webkit-slider-runnable-track{background:#676767}
.volume_controls input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:#a7a7a7}
.volume_controls input[type=range].amplitude-volume-slider::-moz-range-thumb{height:12px;width:12px;border-radius:12px;background:#3fb6c6;border-color:#3fb6c6;cursor:pointer;margin-top:-4px}
.volume_controls input[type=range].amplitude-volume-slider::-ms-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;border-width:15px 0;color:transparent}
.volume_controls input[type=range].amplitude-volume-slider::-ms-fill-lower{background:#a7a7a7;border-radius:10px}
.volume_controls input[type=range].amplitude-volume-slider::-ms-fill-upper{background:#a7a7a7;border-radius:10px}
.volume_controls input[type=range].amplitude-volume-slider::-ms-thumb{height:12px;width:10px;border-radius:12px;background:#3fb6c6;cursor:pointer;margin-top:2px;border-color:#3fb6c6}
.volume_controls input[type=range].amplitude-volume-slider:focus::-ms-fill-lower{background:#a7a7a7}
.volume_controls input[type=range].amplitude-volume-slider:focus::-ms-fill-upper{background:#a7a7a7}
.volume_controls input[type=range].amplitude-volume-slider::-ms-tooltip{display:none}
.sound_repeat_control,.sound_repeat_control .amplitude-repeat.amplitude-repeat-on{cursor:pointer}
.sound_repeat_control .amplitude-repeat.amplitude-repeat-on,.sound_repeat_control .amplitude-shuffle.amplitude-shuffle-on{color:#3fb6c6}
.sound_repeat_control{padding-left:15px}
.sound_repeat_control .repeat_container{display:flex;align-items:center}
.sound_repeat_control .amplitude-repeat{margin-right:5px}
.sound_repeat_control .amplitude-playback-speed{cursor:pointer;width:30px;height:30px;margin-left:5px;font-weight:500;color:rgba(0,0,0,.85);transition:all .2s;font-size:17px;display:flex;justify-content:center;align-items:center}
.sound_repeat_control .amplitude-playback-speed:hover{color:#000}
.sound_repeat_control .amplitude-playback-speed.amplitude-playback-speed-10:before{content:'1x'}
.sound_repeat_control .amplitude-playback-speed.amplitude-playback-speed-15:before{content:'1.5x'}
.sound_repeat_control .amplitude-playback-speed.amplitude-playback-speed-20:before{content:'2x'}

/*search*/
.input_field{position:relative;width:100%}
.input_field input{padding:8px 53px;border:0;background:rgb(228 228 228 / 26%);display:block;width:100%;font-size:18px;height:48px;color:#555;border-radius:37px}
.input_field input.placeholder{color:#999;font-size:18px}
.input_field input:-moz-placeholder{color:#999;font-size:18px}
.input_field input::-webkit-input-placeholder{color:#999;font-size:18px}
.input_field input:focus,.input_field input:hover{box-shadow:none;outline:0}
.basic_search{box-shadow:-1px 2px 20px 0 rgba(206,206,206,.35);border-radius:37px}
.icon_search{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;padding:14px;height:100%}
.icon_search img{width:25px;height:25px;object-fit:cover}
.icon_search svg{width:24px;height:24px}
.micriphone{transition:all .2s;cursor:pointer;width:38px;height:38px;font-size:33px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:rgba(255, 255, 255, 0.51);border-radius:50%;box-shadow:2px 1px 15px 0 rgba(228,228,228,.66);margin:auto;top:0;right:10px;bottom:0;position:absolute}

.start_microphone {transition:all .2s;cursor:pointer;width:55px;height:55px;font-size:23px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:#FFF;border-radius:50%;box-shadow:0 4px 15px 0 rgba(214,214,214,.66);margin:28px auto}
.start_microphone svg{width:33px;height:33px}
#jumlah svg{width:15px;height:15px}
.hover_scale:hover{transition:all .2s;transform:scale(0.96)}
.home_icon{cursor:pointer;width:33px;height:33px;display:flex;align-items:center;justify-content:center;color:#17a2b8;background:rgba(255, 255, 255, 0.7);border-radius:50%;box-shadow:2px 1px 15px 0 rgba(228,228,228,.66)}
.home_icon svg{width:24px;height:24px}

/*sidebar_primary*/
.z-index-1000{z-index:1000}
.main_wrapper{display:flex;width:100%}
.header_menu span{font-weight:700;font-size:14px;padding:20px 0 10px;display:inline-block;color:#6c7b88}
#primary_sidebar{width:300px;margin-left:-300px;position:relative;height:100vh;z-index:5;width:300px;transition:all .1s}
#primary_sidebar.active{margin-left:0}
#primary_sidebar ul.components{padding:15px}
#primary_sidebar ul p{color:#fff;padding:10px}
#primary_sidebar ul li a i{margin-right:4px;font-size:21px}
#primary_sidebar ul li a{cursor:pointer;padding:7px 10px;display:flex;align-items:center;color:#747b8a}
#primary_sidebar ul li a:hover{color:#7386D5}
#primary_sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}
#end_sidebar{display:block;position:fixed;height:100vh;z-index:5;width:300px;transition:all .1s}
.inside_sidebar:hover{overflow:auto}
.inside_sidebar ul li a svg{margin:0 10px 0 10px}
.inside_sidebar{overflow:hidden;height:100%}
.info_sidebar a{color:unset;position:relative}
.info_sidebar a i{font-size:27px}
.info_sidebar .notification{position:absolute;top:0}
.footer_sidebar a{color:#858585}
.footer_sidebar{border-top:1px #d4d4d4 solid;padding:10px 2px}
#sidebar_close{position:absolute;bottom:50%;right:-16px;cursor:pointer;background:#4f89f4;color:#FFF;width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;display:none}

/*article*/
.related_mobile{width:150px}
.image_alone{width:100%;height:100px;object-fit:cover;border-radius:10px}
.image_one{width:33%;height:100px;object-fit:cover;border-radius:10px}
.image_two{width:50%;height:150px;object-fit:cover;border-radius:10px}
.image_three{width:33.33%;height:130px;object-fit:cover;border-radius:10px}
.image_multi{width:33.33%;height:200px;object-fit:cover;border-radius:10px}
.display_image_upload{width:140px;height:110px;object-fit:cover}
.border_bottom{border-bottom:1px solid #f1f1f1!important}
.image_to_delete:hover{background: #757575;}
.image_to_delete{position:absolute;background:rgba(232,22,6,.61);width:27px;height:27px;color:#FFF;display:flex;align-items:center;justify-content:center;border-radius:50%;top:3px;left:3px;z-index:1;margin:2px}
.upload_image{display:flex;width:100px;height:70px;align-items:center;justify-content:center}
.upload_image svg{width:33px;height:33px}
#swiper_image .swiper-slide img{width:100%;max-height:400px;object-fit:cover;border-radius:9px}
#swiper_image .swiper-pagination{bottom:unset!important}
.more_info{border-left:4px #ff3a55 solid;padding:1px 8px;text-transform:capitalize;margin:0}
.display_image_edit{position:relative;width:140px;height:110px;object-fit:cover;border-radius:9px}
.icon_delete_image:hover{background:#757575}
.icon_delete_image{position:absolute;cursor:pointer;left:7px;top:0;width:25px;height:25px;background:#ff6c6c;color:#fff;align-items:center;display:flex;justify-content:center;border-radius:50%}

/*poup_site*/
.general_icon.video_icon{background: rgb(58 58 58 / 59%);border: transparent;box-shadow: none;}
.site_popup.show_popup{display:block;}
.site_popup{position: fixed;top: 0;left: 0;z-index: 1300;width: 100%;height: 100%;overflow: hidden;outline: 0;display:none;}
.site_modal_content {position: relative;width:100%;height:100%;background: rgb(0 0 0 / 60%);}
.site_modal_body {position: relative;height: 100%;background: white;max-width: 500px;width:100%;justify-content: center;margin: auto;background:#000;}
/*short video*/
.video_thumb{position:relative}
.video_thumb .image_list{margin:7px 3px;width:99px}
.video_thumb .image_list img{width:100%}
.player_popup{height:90vh;width:100%}
.watch_video{max-height:500px}
.watch_video video{max-height:500px;height:100%;width:100%}
.short_video{width:100%;height:100%}
.short_video video{width:100%;height:100%}
.widget_video_features{position:absolute;right:10px;bottom:60px;z-index:3}
.short_avatar{transition: all .2s;width: 50px;height:50px;border-radius:50%;border:2px #bdbdbd solid;}

.list__content.me_video{width:40%}
.list__content.me_video .layouted img{width:100%}
.list__content.related_video{width:40%;height:177px}
.list__content.related_video .layouted img{width:100%;height:177px}

/*row video */
.center_auto{bottom:0;left:0;right:0;top:0}
.row__content{display:inline-grid;position:relative;color:#fff;margin:3px;width:30%;height:177px;cursor:pointer}
.row__content:hover{transition:all .2s;transform:scale(0.97)}
.row__content .items img{width:45px;height:45px;border-radius:50%;border:2px solid #007bff!important;padding:2px}
.row__content .items{position:absolute;left:8px;top:8px;z-index:1}
.row__content .widget{border-radius:16px;position:relative}
.row__content .widget img{position:relative;width:100%;object-fit:cover;height:177px;border-radius:5px}
.row__content .play_ small{font-size:14px;margin:2px}
.row__content .play_ {color:#FFF;background:#fb3358;cursor:pointer;position:absolute;right:6px;bottom:6px;margin:auto;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.row__content .play_ svg{width:50px;height:50px}
.row__content .bottom{font-size:14px;position:absolute;bottom:0;color:#FFF;width:100%;height:65px;padding:3px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));text-align:center}

/*sosmed*/
.sosmed svg{width:18px;height:18px}
.sosmed{display:inline-flex;width:33px;height:33px;margin:3px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:#405de6;box-shadow:0 7px 30px rgba(43,98,169,.5);position:relative;font-size:19px;flex-shrink:0;transition:all .3s}
.sosmed.facebook{background:linear-gradient(45deg,#79a5ff,#006ad7);box-shadow:0 4px 30px rgba(43,98,169,.25)}
.sosmed.whatsapp{background:linear-gradient(45deg,#69f794,#16e887);box-shadow:0 4px 30px rgba(26,228,116,.25)}
.sosmed.telegram{background:linear-gradient(45deg,#79a5ff,#15c9ff);box-shadow:0 4px 30px rgba(67,132,216,.25)}
.sosmed.twitter{background:linear-gradient(45deg,#1dccf2,#8f92ff);box-shadow:0 4px 30px rgba(19,127,212,.26)}
.sosmed.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);box-shadow:0 4px 30px rgba(120,64,190,.6)}
.sosmed.vekontek{background:linear-gradient(45deg,#3f83ff,#617bf7);box-shadow:0 4px 30px rgba(27,86,231,.55)}
.sosmed.websited{background:linear-gradient(45deg,#ff4b86,#ff3853);box-shadow:0 4px 30px rgba(255,108,39,.3)}
.sosmed.youtube{background:linear-gradient(45deg,#ff60c0,#ff0b2c);box-shadow:0 4px 30px rgba(255,108,39,.3)}
.sosmed.pinterest{background:linear-gradient(45deg,#ff568d,#f5659a);box-shadow:0 4px 30px rgba(226,76,98,.23)}
.sosmed.linkedin{background:linear-gradient(45deg,#c67bff,#1da6da);box-shadow:0 4px 30px rgba(105,150,195,.23)}
.sosmed.tiktok{background: #1e1e1e;box-shadow: 0 4px 30px rgb(116 116 116 / 60%);}

/*crop avatar cover*/
.get_crop_image {display: flex;align-items: center;justify-content: space-around;}
.get_crop_image img {max-height: 400px; max-width: 100%; text-align: center;}
.get_crop_image .rcrop-preview-wrapper {border-radius: 50%;overflow: hidden;height: 130px;width: 130px;}

/*welcome*/
.svg-100 svg{width:100%;height:100%}
#login_box .bg_wave_login{position:absolute;width:100%;overflow: hidden;}
#login_box .bg_wave_login svg{object-fit:cover;width:100%;height:100%}
#login_box .bg_wave_login img{object-fit:cover;width:100%;height:100%}
#signup_box .bg_wave_register{position:absolute;width:100%;overflow: hidden;}
#signup_box .bg_wave_register svg{object-fit:cover;width:100%;height:100%}
#signup_box .bg_wave_register img{object-fit:cover;width:100%;height:100%}
.welcome_info h1{font-size:3rem;font-weight:bold}
.welcome_widget{height:80vh}
.welcome_content{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.welcome_content h1{font-size:77px}
.welcome_inner{text-align:right;margin-right:50px}
.welcome_bg{position:fixed;right:0;width:100%;top:0;z-index:-1}
.welcome_sidebar{border-right:unset!important;background:0 0!important}
.bg_welcome_sidebar{object-fit:cover;position:absolute;z-index:-1;width:100%;height:100vh;background-size:cover;overflow:hidden;padding:0!important}
.login_welcome{z-index:1}
.discover_sidebar a{color:#8d8d8d}
.menu_sidebar ul li a:hover{background:#ff679b}
.menu_sidebar ul li a{background: rgb(63 81 181 / 49%);color: #ffffff!important;margin-top: 10px;border-radius: 5px;transition: all .2s;}
.d-flex-mobile{display:flex!important;flex-wrap:wrap;}
.height-168{height:168px}
.max-width-160{max-width:160px;width:100%}
.border-black-50{border:1px #323232 solid!important}
.video_post_popup .btn_like_art{background: rgb(90 90 90 / 11%);border:2px solid #202020;box-shadow: 0 4px 15px 0 rgb(50 50 50 / 66%);}
.padding-mobile{padding:15px}
/*FAQ*/
.faq_explore h1{font-size:77px}
.search_icon_mobile{display:none}
.svg_header svg{width:33px;height:33px}
.margin_container{padding-top:190px;}
/*resposinve mobile*/
@media (max-width:1210px){
.live_friend video{width:400px;}
.live_me video{width:400px;}
}
@media (min-width:1200px){
.custom_width{margin-left:-110px;width:calc(100% + 220px)}
}

@media (max-width:1041px){
#primary_sidebar,#end_sidebar{width:300px}
}
@media (max-width:1000px){
.row__content{width:45%}
.description_video_feed .bd-highlight .font-18{font-size:16px}
}
@media (max-width:900px){
#primary_sidebar,#end_sidebar{width:300px}
#end_sidebar{margin-right:-300px}
#end_sidebar.active{margin-right:0}
#sidebar_close{display:flex}
.track_info{margin-top:62px}
.stared_waves{display:none}
.col_home{width:80%;margin:auto}
.live_friend video{width: 100%;height: 100vh;object-fit: cover;}
.live_me video:hover{opacity:1}
.live_me video{opacity:.5;width: 100px;height: 100px;margin: 3px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;border-radius: 5px;}
.mobile_absolute{position:absolute!important}
.mobile_display_block{display:block!important}
.mobile_width{width:100%;height:100%}
.fixed_top_mobile{position: fixed;right: 0;top: 0;left: 0;z-index: 1030;}
}

@media (max-height:700px){
.menu_sidebar{overflow-y: scroll;}
}
@media (max-width:768px){
.padding-mobile{padding:unset}
.d-flex-mobile{flex-wrap:nowrap}
.footer_chat,.footer_user_chat{max-width:100%}
#mobile_user_chat{display:none}
.only_mobile{display:block!important}
.toast_fixed{bottom:77px}
.only_mobile_icon{display:flex!important}
.only_desktop{display:none!important}
.inside_sidebar{overflow:auto}
.display-4{font-size:27px}
.col_home{width:100%}
.list__content .author img{width:45px;height:45px}
.list__content .layouted img{width:100px}
.list__content{width:100px;height:130px}
}
@media (max-width:700px){
.mobile_block{display:block!important}
.search_icon_mobile{display:block!important}
.is_hidden{display:none!important}
.inside_sidebar{height:100%}
.footer_sidebar{margin-bottom:60px}
.list_notif{margin-left:25px}
.toggle_scroll{display:none}
}
@media (max-width:600px){
.form__send{width:100%!important}
.messages_userlist,.widget__messages{overflow:scroll}
.not_mobile{display:none}
.song_prog_mobi{display:none}
.margin_profile h5{font-size:18px}
.card_profile{margin-bottom:15px;max-width:600px}
.card_profile{height:100vh;margin-left:-2px;width:calc(100% + 4px)}
.image_user_cover{height:100vh;object-fit:cover}
.welcome_inner{margin-right:10px}
.welcome_sidebar{border-right: 1px rgba(102,102,102,.13) solid!important;}
.welcome_widget{height:100%}
.faq_explore h1{font-size:55px}
.headline_news .title_headline h3{font-size:23px;font-weight:bold}
.mobile_margin{margin:0!important}
.mobile_padding{padding:0!important}
.title_read{font-size:25px;font-weight:bold}
.sound_avatar img{width:150px;height:150px;object-fit: cover;}
}
@media (max-width:500px){.description_video_feed {padding:7px 13px 12px 14px}}
@media (max-height:480px){
.style_profile{max-height:63%}
.user__card{width:120px}
.user__card .btn{font-weight:200;padding:2px 9px!important}
}
@media (max-width:480px){
/*.widget_sound{max-width:100vw;height:94vh}*/
/*.player_footer{position:fixed;bottom:0}*/
.history_widget{padding-bottom:200px}
.widget_area_sound{margin-top:unset;position:absolute;top:0}
.footer_player{max-width:100%}
.image-150{width:100px;height:100px}}
@media (max-width:350px){.photos_input img{width:83px}
.svg_header svg{width:25px;height:25px}
.svg_header.btn{padding:0}
}
@media (max-width:300px){
.user__card{width:100%;margin:0!important;margin-bottom:15px!important}
.d_block_mobile{display:block!important}
.list__content.me_video{width:100%;margin: 5px 0}
.list__content.me_video .layouted img{width:100%}
.list__content.related_video{width:100%;margin: 5px 0}
.list__content.related_video .layouted img{width:100%}
.svg_header svg{width:24px;height:24px}
}