.toolbox-top-separator{
	margin-bottom:auto;
	margin-right:auto;
}

/* ============================
PERSONAL
============================ */

.bgp-img-inline {
    width: 1.2em;
	min-width: 1.2em;
    height: 1.2em;
}

.my-book {
    display: block;
	height: 1em;
	line-height: 1;
}

.my-book.loading{
	pointer-events: none;
	opacity: .5;
}

.bg_favorite {
    font-size: 0.75em;
    color: #90694a;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
}

.bg_favorite:hover {
    text-decoration: underline;
    transition: text-decoration-color .1s ease;
}

.bg_favorite .fa-heart {
    color: crimson;
}

.bg_favorite .fa-remove {
    color: #AB343A;
}

span.bg_response {
    display: block;
}

.bookmarked{
	position: relative;
}

.bookmarked .btn-paragraph-bookmark{
	position: absolute;
	top: .2em;
	left: calc( 100% + 3px );
	color: var(--accent-color);
	cursor: pointer;
}

.bg_personal {
    width: 100%;
    text-align: right;
}

.bg_personal a {
    color: maroon;
}

i#user_info_btn,
i#user_profile_btn,
i#user_logout_btn,
i#user_delete_btn {
    font-size: 3em;
    color: #B49477;
    cursor: pointer;
}

i#user_info_btn:hover,
i#user_profile_btn:hover,
i#user_logout_btn:hover,
i#user_delete_btn:hover {
    color: #E7D7B8;
}

i#user_info_btn:active,
i#user_profile_btn:active,
i#user_logout_btn:active,
i#user_delete_btn:active {
    color: #D0B272;
}

#register_my_book a {
    color: grey;
}

.divider-block {
    height: 20px;
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin: 10px 0;
}

.email {
    height: 20px;
    width: 180px;
    margin-top: -5px;
}


/*** НАЧАЛО: Внедряем кнопку Favorite ***/

div#bg-favorite-button {
	/* color:#d00; */
    cursor: pointer;
}
/*
.bg_stop_btn {
    background-image: url("../images/stop.png");
}

.bg_return_btn {
    background-image: url("../images/return.png");
}
*/
.rating-box {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 0.8333rem;
    font-weight: bold;
}


/*** КОНЕЦ: Внедряем кнопку Favorite ***/

.mybook-popup {
	display: flex;
	gap: .5em;
	align-items: center;
    position: fixed;
	top: 50%;
    min-width: 250px;
    max-width: 90vw;
    margin: 0 0 0 2em;
    padding: 15px;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    color: var(--text-color, #000);
    text-decoration: none;
    background-color: var(--widget-bg);
    box-shadow: 4px 4px 10px -4px #3a3a3a3a;
	opacity: 0;
    z-index: 1001;
	animation: 3s fadeUp;
}

@keyframes fadeUp{
	0% {
		opacity: 0;
		transform: translateY(0);
	}
	25%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.mybook-popup .fa {
    float: left;
    margin-right: 6px;
}

div.popup_message {
    position: fixed;
    left: 50%;
    top: 50%;
    min-width: 250px;
    max-width: 900px;
    transform: translate(-50%, -50%);
    z-index: 1002;
    margin: 0px;
    padding: 25px 15px;
    border: 12px solid #f8f4eb;
    border-radius: 6px;
    font-family: sans-serif;
    font-size: 130%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    color: #000000;
    text-decoration: none;
    text-align: center;
    background-color: rgba(255, 254, 254, 0.99);
    box-shadow: 5px 5px 5px -3px rgba(118, 118, 118, 0.9);
}


/*** НАЧАЛО: Внедряем кнопку Bookmark ***/

div#bg-bookmark-button {
	/* color:#dc0; */
    cursor: pointer;
}


/*** КОНЕЦ: Внедряем кнопку Bookmark ***/


/*** НАЧАЛО: Внедряем кнопку Personal ***/

div#bg-personal-button {
	/* color:#00d; */
    cursor: pointer;
}


/*** КОНЕЦ: Внедряем кнопку Personal ***/


/* ============================
LOGIN
============================ */

ul.anycomment-socials li:before,
.wppb-user-forms ul li:before {
    border: 0 !important;
}


/********************************************/


/*	Кнопки управления при разрешении 		*/


/*  монитора до 960 пикселей 				*/


/*	и книжной ориентацией экрана			*/


/********************************************/

@media(orientation:portrait) and (max-width: 960px) {
    
    div#back-to-top {
        right: 10px !important;
        width: 48px;
        height: 48px;
        z-index: 101;
    }
    .wppb-form-field label {
        width: calc(100vw - 44px) !important;
    }
    .wppb-form-field input,
    .wppb-form-field input[type=text],
    .wppb-form-field input[type=number],
    .wppb-form-field input[type=email],
    .wppb-form-field input[type=url],
    .wppb-form-field input[type=password],
    .wppb-form-field input[type=search],
    .wppb-form-field select,
    .wppb-form-field textarea,
    .wppb-checkboxes,
    .wppb-radios,
    #wppb-login-wrap .login-username input,
    #wppb-login-wrap .login-password input {
        width: calc(100vw - 40px) !important;
    }
}

@media(min-width: 1000px){
	.bookmarked .btn-paragraph-bookmark{
		left: calc( 100% + 1em );
	}
}