.page_spinner{
    content: " ";
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0.3);
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    position: fixed;
    z-index: 1;
}
.search{
    margin-left: 25px;
    min-width: 300px;
}
.navbar-logo{
    margin-left: 20px;
}
.balloka_logo{
    width: 175px;
}
.balloka_logo_m{
    width: 135px;
}
.loading_div{
    animation: blink .8s linear infinite;
}
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}
.balloka_loading{
    background: #6752A2;
    width: 90px;
    height: 90px;
    border-radius: 99px;
    position: relative;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px 1px;
}
.balloka_loading>img{
    width: 90px;
    display: block;
    position: absolute;
    padding: 15px;
}
.notificationContent>div{
    padding: 20px;
    box-sizing: border-box;
}
.menuL{
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.action_body{
    margin-top: 25px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.honeys_body{
    display: inline-block;
}
.honey_button img{
    width: 30px;
}
.comments_body{
    display: inline-block;
    margin-left: 15px;
}
.comment_button img{
    width: 25px;
}
.post_right{
    position: absolute;
    right: 20px;
    top: 35px;
    text-align: center;
}
.post_count{
    font-weight: 300;
    color: #808080;
    font-size: 11px;
}
.post_count a{
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 17px;
    color: #3A3A3A!important;
}
.post_count_honeys{
    margin-bottom: 17px;
}
.chat-text-left{
    padding-right: 50px;
}
.post_divider{
    width: 100%;
    height: 4px;
    background: #F8F8F8;
    margin: 25px 0;
    border-radius: 99px;
}
.link_post{
    display: inline-block;
}
.no_connection{
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999999;
    display: none;
}
.no_connection_body{
    display: table;
    margin: auto;
    text-align: center;
    margin-top: 250px;
}
.no_connection_body>span{
    font-size: 22px;
    color: #6752A2;
    margin-top: 30px;
    display: block;
}
.no_connection_body>i{
    margin-top: 15px;
    display: block;
    animation: blink 1.5s linear infinite;
}
.courses_image{
    width: 200px;
    height: 100px;
    border-radius: 9px;
    object-fit: cover;
    margin-right: 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px 1px;
}
.studioDetailBody input{
    width: 100%;
    padding: 7px 15px;
    border-radius: 9px;
    border: 1px solid #D7D7D7;
}
.studioDetailBody textarea{
    width: 100%;
    padding: 7px 15px;
    border-radius: 9px;
    border: 1px solid #D7D7D7;
    resize: none;
}
.select2-results__group{
    display: block;
    margin-bottom: 7px;
}
.dropzone{
    margin-top: 10px;
    border-radius: 9px;
}
.delete_courses{
    text-align: center;
    margin-top: 15px;
}
.delete_courses>a{
    color: #6752A2;
    font-size: 12px;
}
.delete_courses>a:hover{
    color: #6752A2;
    text-decoration: underline;
}
.delete_contents{
    text-align: center;
    margin-top: 15px;
}
.delete_contents>a{
    color: #6752A2;
    font-size: 12px;
}
.delete_contents>a:hover{
    color: #6752A2;
    text-decoration: underline;
}
.dropzoneImageLoading{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: #6752A2;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
    padding: 20px;
    font-style: normal;
    font-weight: 600;
    animation: blink 0.7s linear infinite;
}
.studioDetailStatus{
    background: #BBBBBB;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 30px;
    display: block;
    color: #FFFFFF;
    border-radius: 9px;
    text-transform: uppercase;
    font-weight: 600;
}
.newContentsInfo{
    font-size: 11px;
    font-style: italic;
    color: #CC3333;
    text-align: center;
}
.detail_tab{
    display: none;
}
.ghost_file{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.ghost_file>div{
    margin-top: 0;
    background: transparent!important;
    height: 90%;
    border: 3px dashed #FFFFFF;
    margin: 10px;
    box-sizing: border-box;
    filter: drop-shadow(5px 5px 7px #000000);
}
.ghost_file span{
    top: 0!important;
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 600;
    text-shadow: 0 1px 2px #000000;
}
.studioDetailImage>img{
    background: linear-gradient(rgb(0 0 0 / 0%), rgb(103 82 162 / 86%));
}
.coursePhotoEditAction{
    color: #6752A2!important;
    border-color: #6752A2!important;
}
.courseContentMediaVideo{
    display: none;
}
.courseContentMediaAudio{
    display: none;
}
.nefesAnimasyon{
    height: 400px;
    text-align: center;
}
.anim-circle {
    color: transparent;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    display: block;
    margin-left: 250px;
    margin-top: 200px;
    border-radius: 50%;
    background: rgba(103, 82, 162, 0.889);
    animation: breathe 6s linear infinite;
  }
 @keyframes breathe {
 0% {
    box-shadow: 0 0 0 15px rgba(103, 82, 162, 0.3), 0 0 0 30px rgba(103, 82, 162, 0.3), 0 0 0 45px rgba(103, 82, 162, 0.3), 0 0 0 60px rgba(103, 82, 162, 0.3), 0 0 0 75px rgba(103, 82, 162, 0.3);
 }
 50% {
    box-shadow: 0 0 0 25px rgba(103, 82, 162, 0.3), 0 0 0 50px rgba(103, 82, 162, 0.3), 0 0 0 75px rgba(103, 82, 162, 0.3), 0 0 0 100px rgba(103, 82, 162, 0.3), 0 0 0 125px rgba(103, 82, 162, 0.3);
 }
 100% {
    box-shadow: 0 0 0 15px rgba(103, 82, 162, 0.3), 0 0 0 30px rgba(103, 82, 162, 0.3), 0 0 0 45px rgba(103, 82, 162, 0.3), 0 0 0 60px rgba(103, 82, 162, 0.3), 0 0 0 75px rgba(103, 82, 162, 0.3);
 }
}
.contentsLinkBlank{
    margin-left: 10px;
}
.contentsLinkBlank i{
    font-size: 22px;
}
.progressBar{
    margin-top: 10px;
    background: #E3E3E3;
    border-radius: 9px;
}
.progressDiv{
    background: #6752A2;
    border-radius: 9px;
    width: 0%;
}
.progressText{
    padding: 10px;
    color: #FFFFFF;
}
.noCourseContent{
    text-align: center;
    margin-top: 300px;
    width: 100%;
}
.noCourseContent>a{
    font-size: 22px;
    color: #ADADAD!important;
}

@media only screen and (max-device-width: 960px), only screen and (max-width: 960px) {
    .search{
        display: none;
    }
}