@media all and
	(-ms-high-contrast: none),
	(-ms-high-contrast: active)
{
html
{
    display: flex;
    flex-direction: column;
}}
body
{
    display: flex;
    flex-direction: column;
	/* а можно 360 вместо 390 поставить? а то не всем смартфонам это одинаково полезно, карапузы еще в моде*/
	min-width: 360px;
    min-height: 100vh;
	background-color: #f1f1f1;
}
footer
{
    margin-top: auto;
}

a
{
    color: #000
}
a:hover
{
    color: #404040; /* lighten 25% */
    text-decoration: none;
}

.square
{
	position: relative;
	display: block;
	overflow: hidden;
}
.square::before
{
	display: block;
	content: '';
	padding-bottom: 100%;
}
.square > :first-child
{
	position: absolute;
	top: 0;
	width: 100%;
}

.alert
{
	border-radius: 0 !important;
}

.breadcrumb
{
	background-color: unset;
}

.card,
.card-img,
.card-img-top
{
	border-radius: 0;
}

.card-link-top
{
	display: inline-block;
	margin-bottom: .75rem;
	font-weight: 500;
	line-height: 1.2;
}

/*@media (min-width: 576px)*/
@media (min-width: 320px)
{
.card-columns
{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}}
@media (min-width: 768px)
{
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}}
@media (min-width: 992px)
{
.card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}}

@media (min-width: 768px) and (max-width: 991px)
{
.carousel-nav .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: absolute;
	top: 0;
	right: -33.3333%;
	z-index: -1;
	visibility: visible;
}}

@media (min-width: 576px) and (max-width: 768px)
{
.carousel-nav .active.col-sm-6.carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: absolute;
	top: 0;
	right: -50%;
	z-index: -1;
	visibility: visible;
}}

/* SM */
@media (min-width: 576px)
{
.carousel-nav .carousel-item
{
	margin-right: 0;
}

.carousel-nav .active + .carousel-item
{
	display: block;
}

.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item
{
	transition: none;
}

.carousel-nav .carousel-item-next
{
	position: relative;
	transform: translate3d(0, 0, 0);
}

.active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item
{
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}

.carousel-nav .carousel-item-prev.carousel-item-right
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	visibility: visible;
}

.active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item
{
	display: block;
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
}}

/* MD */
@media (min-width: 768px)
{
.carousel-nav .active + .carousel-item + .carousel-item
{
	display: block;
}

.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item
{
	transition: none;
}

.carousel-nav .carousel-item-next
{
	position: relative;
	transform: translate3d(0, 0, 0);
}

.carousel-nav .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item
{
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}

.carousel-nav  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
}}

/* LG - 4 */
@media (min-width: 991px)
{
.carousel-nav .active + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
}

.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item
{
	transition: none;
}

.carousel-nav .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: absolute;
	top: 0;
	right: -25%;
	z-index: -1;
	visibility: visible;
}

.carousel-nav  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}

.carousel-nav .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
}}

/* LG - 6 */
@media (min-width: 991px)
{
.carousel-nav .active.col-lg-2 + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-nav .active.col-lg-2 + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
}

.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-nav .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	transition: none;
}

.carousel-nav .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item  + .carousel-item
{
	display: block;
	position: absolute;
	top: 0;
	right: -16.666666666%;
	z-index: -1;
	visibility: visible;
}

.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}

.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
.carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item
{
	display: block;
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
}}

.pagination .page-link
{
	border-radius: 0 !important;
	color: #000;
	white-space: nowrap;
}
.pagination-responsive .page-link
{
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
}
@media (min-width: 576px)
{
.pagination-responsive .page-link
{
	padding: .5rem .75rem;
	font-size: inherit;
	line-height: 1.25;
}}

@media (min-width: 992px)
{
.pagination-responsive .page-link
{
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
}}

.text-truncate2,
.text-truncate3
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}
.text-truncate3
{
	word-break: keep-all; /* fallback */
	word-break: break-word;
}
@supports (display: -webkit-box)
{
	.text-truncate2,
	.text-truncate3
	{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: unset;
	}
}

.btn-google
{
	color: #fff;
	background-color: #d73d32;
	border-color: #be2419;
}
.btn-facebook
{
	color: #fff;
	background-color: #3b5998;
	border-color: #22407f;
}

.btn-google-main,
.btn-facebook-main
{
	font-size: .875rem;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border-color: #9e9e9e;
	border-radius: 2px;
}
.btn-google-main img,
.btn-facebook-main img
{
	margin-right: 5px;
	vertical-align: text-bottom;
}

.btn-google-main2,
.btn-facebook-main2
{
	color: #fff;
	border-radius: 2px;
}
.btn-google-main2:hover,
.btn-facebook-main2:hover
{
	color: #ddd;
}
.btn-google-main2
{
	background-color: #0086f8;
	border-color: #0071d4;
}
.btn-facebook-main2
{
	background-color: #23589b;
	border-color: #1b4a83;
}
.btn-google-main2 img,
.btn-facebook-main2 img
{
	margin-right: 5px;
	vertical-align: sub;
}

/* Main */

.links-default
{
    background-color: #efece6;
}
@media (max-width: 766.98px)
{
.links-content
{
    display: none;
}}

.wrapper-default
{
	flex: 1 0 auto;
    background-color: #f1f1f1;
}
.wrapper-default > .row
{
	position: relative;
}
.wrapper-default > .row > .container
{
	overflow: hidden;
}

/*
.navbar
{
	background-color: #fff;
}

.navbar-menu
{
	flex-direction: row;
}

.navbar-search,
.navbar-search > .input-group
{
    width: 100%;
}
*/

.navbar
{
	font-size: 1rem;
	text-transform: uppercase;
	
	border: none;
	border-bottom: 1px solid #ddd !important;
}

/*.navbar-brand > img
{
	position: relative;
	top: -3px;
	left: -13px;
}*/

.navbar-brand .fa-stack
{
	margin: -3px -2px 0 -8px;
}
.navbar-brand .fa-stack-2x
{
	color: #ff6d5a;
}

.navbar-brand span
{
	color: #7c766e;
}
.navbar-brand span > em
{
	color: #cac4ba;
	font-style: normal;
}
@media (max-width: 766.98px)
{
.navbar-brand
{
	width: 40px;
}}

.nav-divider
{
	width: .96px !important;
	background-color: #ddd !important;
}

.navbar-nav > .active,
.navbar-nav > .upload
{
	color: #0097db !important;
}
.navbar-nav > .nav-link
{
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	color: rgba(0,0,0,.5);
}
.navbar-nav > :not(.nav-divider) + .nav-link:last-child
{
	padding-left: 0 !important;
}
.navbar-nav > .nav-link > i
{
	display: inline-block !important;
}

.navbar .form-control
{
	border: none;
	box-shadow: none;
	text-transform: none;
}
.navbar .form-control::-webkit-input-placeholder
{
	text-transform: uppercase;
}
.navbar .form-control::-moz-placeholder
{
	text-transform: uppercase;
}
.navbar .form-control:-ms-input-placeholder
{
	text-transform: uppercase;
}
.navbar .form-control::-ms-input-placeholder
{
	text-transform: uppercase;
}
.navbar .form-control::placeholder
{
	text-transform: uppercase;
}
.navbar .form-btn
{
	background-color: #fff;
	box-shadow: none;
}

/*
.navbar-splitted
{
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #e7e7e7;
}
.navbar-splitted > .navbar-brand
{
	margin-right: 0;
	padding-right: 1rem;
	border-right: 1px solid #e7e7e7;
}

.navbar-splitted .form-inline
{
	border-left: 1px solid #e7e7e7;
}
.navbar-splitted .form-control
{
	border: none;
	box-shadow: none;
	text-transform: none;
}
.navbar-splitted .form-control::-webkit-input-placeholder
{
	text-transform: uppercase;
}
.navbar-splitted .form-control::-moz-placeholder
{
	text-transform: uppercase;
}
.navbar-splitted .form-control:-ms-input-placeholder
{
	text-transform: uppercase;
}
.navbar-splitted .form-control::-ms-input-placeholder
{
	text-transform: uppercase;
}
.navbar-splitted .form-control::placeholder
{
	text-transform: uppercase;
}

.navbar-splitted .btn
{
	background-color: #fff;
	box-shadow: none;
}
.navbar-splitted .nav-link
{
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	border-left: 1px solid #e7e7e7;
}

.navbar-splitted .navbar-menu .nav-link
{
	border-left: none;
}
.navbar-splitted .navbar-menu .nav-link + .nav-link
{
	padding-left: 0 !important;
}
@media (max-width: 350px)
{
	.navbar-splitted .navbar-menu .nav-link
	{
		padding-left: .5rem !important;
		padding-right: .5rem !important;
		font-size: 50%;
	}
}
@media (max-width: 400px)
{
	.navbar-splitted .navbar-menu .nav-link
	{
		font-size: 70%;
	}
}

.navbar-splitted .active,
.navbar-splitted .upload
{
	color: #0097db !important;
}
*/

.categories > .panel
{
    background-color: #d3d6db;
}
.categories a.active
{
    color: #f36d5d;
}

.footer
{
    background-color: #404040;
	padding: 2rem 0;
}
.footer a
 {
	 color: gray;
 }
.footer a:hover
{
    color: lightgrey;
}
.footer a + a
{
	margin-left: 1rem;
}

.footer2
{
	background-color: #303030;
	padding: 2rem 0;
}
@media (min-width: 768px)
{
.footer2 .bordered
{
	border-right: 1px solid #acacac;
}}

.footer2 .navigation
{
	color: white;
}
.footer2 .navigation a
{
	padding-left: 0;
	padding-right: 0;
	font-size: .875rem;
	color: inherit;
}
.footer2 .copyright
{
	color: #acacac;
}
.footer2 .copyright > a
{
	color: inherit;
}
.footer2 .suggestion
{
	color: #acacac;
	border-top: 1px solid #acacac;
}
@media (min-width: 768px)
{
.footer2 .suggestion
{
	margin-top: 0 !important;
	border-top: 0;
	padding-top: 0 !important;
}}
.footer2 .suggestion > p
{
	font-size: .875rem;
}
.footer2 .suggestion > button
{
	border-radius: 0;
	color: #fff;
	background-color: #00c2e0;
}

.landing
{
	background-position-x: 50%;
    background-size: cover;
}
.landing.livrozilla
{
    background: url(/theme/issuu2/static/pictures/brazil.jpg) no-repeat;
}
.landing.diazilla
{
    background: url(/theme/issuu2/static/pictures/italy.jpg) no-repeat;
}
.landing.pptde
{
    background: url(/theme/issuu2/static/pictures/germany.jpg) no-repeat;
}
.landing.slideshowes
{
    background: url(/theme/issuu2/static/pictures/spain.jpg) no-repeat;
}
.landing h1
{
	margin-top: 3.5rem;
    margin-bottom: 3.5rem;
	color: white;
	line-height: 1.3;
}
.landing .upload
{
    float: right;
	margin-top: 8rem;
}
.landing .btn
{
    background-color: #efece6;
    color: #f36d5d;
    font-weight: bold;
}

.thumbnail
{
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    margin-right: 2px;
    border: none;
}
.thumbnail .card-link-top
{
	margin-bottom: .75rem;
	font-size: 1rem;
}
/* for .stretched-link */
.thumbnail .card-link-top:hover:after
{
	background: rgba(255,255,255,.5)
	url(view.png) center no-repeat;
}
.thumbnail .card-text
{
    font-size: .75rem;
}

.thumbnail-2 .card-img-top
{
	overflow: hidden;
	height: 200px;
}
.thumbnail-2 .card-link
{
	font-weight: 500;
	line-height: 1.2;
}
.thumbnail-2 .card-link,
.thumbnail-2 .card-link > *
{
	min-height: 2.5rem;
}

.flashcards .card-link-top,
.flashcards2 .card-link-top
{
	display: block;
}
.flashcards .card-link
{
	font-size: 1rem;
}
.flashcards .card-text
{
	font-size: .75rem;
}
.flashcards .card-text > img
{
	vertical-align: sub;
}
.flashcards .card-text > span
{
	color: gray;
	margin: 0 .25rem;
}

.snippet
{
	position: relative;
}
.snippet h3
{
	margin-bottom: 0;
	font-size: 1.125rem;
	color: #1a0dab;
}
.snippet p
{
	margin-bottom: 0;
	line-height: 1.54;
}
.snippet a
{
	color: #006621;
	font-size: .875rem;
}

@-webkit-keyframes deblur
{
	0%
	{
		-webkit-filter: blur(2px);
	}
	100%
	{
		-webkit-filter: blur(0px);
	}
}

.main
{
	font-family: 'Roboto', sans-serif !important;
}
.main .card
{
	border: 0;
	color: #fff;
}
.main .card-img
{
	background-size: cover;
}

.main-hero
{
	overflow: hidden;
}
.main-hero .card-img
{
	height: 75vh;
	min-height: 400px;
	border: solid 2px black;
	background-image: url("/theme/issuu2/static/main/woman.jpg");
	transform: scale(1.02);
}
.main-hero .card-img-overlay
{
	right: 20%;
}
.main-hero .card-img-deblur
{
	-webkit-animation: deblur 2s;
}
.main-hero .card-title
{
	margin-top: 50px;
	font-size: 2rem;
	word-break: keep-all;
}
.main-hero .card-text
{
	font-size: .875rem;
}
.main-hero .btn-grey
{
	padding: .25rem 1.75rem;
	background-color: #d2d2d4;
	color: #000;
	border-color: #b9b9bb;
	border-radius: 0;
}
@media (min-width: 768px)
{
	.main-hero .card-img-overlay
	{
		max-width: 50%;
		left: 50px;
	}
	.main-hero .card-text
	{
		font-size: inherit;
	}
	.main-hero .card-title
	{
		margin-top: 100px;
		font-size: 2.875rem;
	}
}

.main-block .card-img
{
	height: 500px;
}
.main-block .card-title
{
	margin-top: 1rem;
}
.main-block .card-text
{
	font-size: .875rem;
}
.main-block .text-orange
{
	font-size: inherit;
	color: #c3a860 !important;
	text-transform: uppercase;
}
@media (min-width: 768px)
{
	.main-block .card-img-overlay
	{
		left: 50px;
		max-width: 40%;
	}
	.main-block .card-img-overlay.text-right
	{
		left: auto;
		right: 50px;
	}

	.main-block .card-title
	{
		margin-top: 50px;
	}
	.main-block .card-text
	{
		font-size: .875rem;
	}
}

.main-join
{
	padding: 1.25rem;
	text-align: center;
}
.main-join button,
.main-access button
{
	width: 80%;
}
.main-join button + button,
.main-access button+ button
{
	margin-top: .5rem;
}
.main-join a
{
	display: block;
	margin-top: .5rem;
	padding-left: 0;
}
.main-join a > span
{
	display: block;
}
@media (min-width: 576px)
{
	.main-join
	{
		text-align: left;
	}
	.main-join button,
	.main-access button
	{
		width: auto;
	}
	.main-join button + button,
	.main-access button + button
	{
		margin-top: 0;
	}
	.main-join button:last-of-type
	{
		margin-right: 2rem;
	}
	.main-join a
	{
		text-align: left;
	}
}
@media (min-width: 768px)
{
	.main-join
	{
		padding: 2rem calc(50px + 1.25rem);
	}
	.main-join a
	{
		display: inline-block;
		margin-top: 0;
	}
}

.main-table .card-img
{
	background-image: url("/theme/issuu2/static/main/table.jpg");
}

.main-science .card-img
{
	background-image: url("/theme/issuu2/static/main/science.jpg");
}

.main-phone .card-img
{
	background-image: url("/theme/issuu2/static/main/phone.jpg");
}

.main-square .card-img
{
	background-image: url("/theme/issuu2/static/main/square.jpg");
}

.main-flashcards .carousel-control
{
	width: auto;
}
.main-flashcards .carousel-icon
{
	color: #b3b5b7;
}

.main-flashcards .card-img-square
{
	position: relative;
}
.main-flashcards .card-img-square:after
{
	display: block;
	content: '';
	padding-bottom: 100%;
}
.main-flashcards .card-img-top
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-flashcards .card-title
{
	height: 3rem;
}

.catalog
{
    /*padding-top: 1.5rem;*/
}
.catalog .breadcrumb
{
    font-size: 1.5rem;
    margin-bottom: 0;
}

.viewer-wrapper
{
    background: #474747
        url(/viewer_next/web/images/texture.png);
}
.viewer-wrapper.bg-inherit
{
    background: inherit;
}

.viewer-next
{
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    height: 80vh;
}
.viewer-next.bordered
{
    border: 1px solid #333333;
}

.viewer-text
{
    color: #efece6;
	background-color: inherit;
}

.viewer-info
{
    background-color: #efece6;
}
.viewer-info .addthis
{
    float: right;
    margin-top: .5rem;
}
.viewer-info .download
{
    float: right;
    margin-top: .75rem;
    color: #fff;
    background-color: #d9534f;
}
.viewer-info .breadcrumb
{
    margin-bottom: 0;
}
.viewer-info .breadcrumb li
{
    color: rgba(135, 132, 125, .55);
}
.viewer-info .breadcrumb li > a
{
    font-size: 1.125rem;
    color: inherit;
}
.viewer-info .breadcrumb > li + li::before
{
    content: ">";
}
.viewer-info .title
{
    font-size: 1.875rem;
}
.viewer-info .tags
{
    padding: .5rem 0 .75rem;
}
.viewer-info .tags .nav-link
{
    margin: 0 .25rem
}

.viewer-similar
{
    margin-top: 1rem;
}

.download h4
{
    margin-top: .75rem;
    margin-bottom: 1.5rem;
}
.download .recaptcha,
.download .formats
{
    margin-bottom: 1rem;
    padding: .9375rem;
    color: #9aa8a9;
    background-color: #404040;
}
.download .formats a:first-of-type
{
    margin-left: 0;
}
.download .formats a:last-of-type
{
    margin-right: 0;
}
.download .format
{
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
    padding: 30px 0;
    background-color: #f36d5d;
}
@media (min-width: 544px)
{
	.download .format
	{
	    margin-right: .5rem;
	    margin-left: .5rem;
	    margin-bottom: 0;
	}
}

.download .disabled
{
    opacity: .5;
    cursor: not-allowed;
}
.download .disabled a
{
    pointer-events: none;
}

.upload
{
    position: relative;
    overflow: hidden;
}
.upload input
{
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-info
{
    display: none;
    padding-top: 1rem;
}
.upload-info .progress
{
    width: 95%;
}
.upload-info .close
{
    margin-top: -3px;
}

.upload-area
{
    border: 5px dashed #f36d5d;
}

.social-providers
{
    margin-left: -8px;
    margin-top: 19px;
}

.container-wide
{
	max-width: 1367px !important;
}
@media (max-width: 1366.98px)
{
.container-wide
{
	max-width: 100% !important;
}}

.container-full > .container-wrap
{
	min-height: calc(100vh - 10rem - 90px);
}

.viewerX
{
	overflow-x: hidden;
}

.viewerX > .row
{
	margin-right: -.5rem !important;
	margin-left: -.5rem !important;
}
.viewerX > .row > .col,
.viewerX > .row > [class*="col-"]
{
	padding-right: .5rem;
	padding-left: .5rem;
}
@media (min-width: 992px) and (max-width: 1367px)
{
.viewerX [class^="col-"][class$="-9"] .panel
{
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.viewerX [class^="col-"][class$="-3"] .panel
{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}}

.viewerX-header h1
{
	font-size: 1.125rem;
}
@media (min-width: 576px)
{
.viewerX-header h1
{
	font-size: 1.25rem;
}}
@media (min-width: 768px)
{
.viewerX-header h1
{
	font-size: 1.5rem;
}}

.viewerX-header .breadcrumb
{
	display: inline-flex;
	font-size: .875rem;
}

.viewerX-main .carousel-control
{
	width: 5%;
}
.viewerX-main .carousel-icon
{
	color: #b3b5b7;
}
.viewerX-main .card-img-square
{
	position: relative;
}
.viewerX-main .card-img-square:after
{
	display: block;
	content: '';
	padding-bottom: 100%;
}
.viewerX-main .card-img-top
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.viewerX-main .card-title
{
	height: 3rem;
}

.viewerX-iframe
{
	width: 100%;
	height: 70vh;
}

.viewerX-flashcard
{
	position: relative;
	background-color: #fff;
}
.viewerX-flashcard img
{
	width: 5rem;
	height: 5rem;
	object-fit: cover;
	margin-left: -.25px;
}
.viewerX-flashcard span
{
	font-size: 1.125rem;
}

.above-content > span,
.below-content > span,
.sidebar-top-content > span,
.sidebar-bottom-content > span
{
	position: relative;
	display: block;
	color: grey;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}
.above-content > ins,
.above-content > div > ins,
.below-content > ins,
.below-content > div > ins
{
	height: 120px;
	max-height: 120px;

}
@media (max-width: 565.98px)
{
	.above-content > ins,
	.above-content > div > ins,
	.below-content > ins,
	.below-content > div > ins
	{
		height: initial;
		max-height: initial;
	}
}

.stepper
{
	display: flex;
	height: 100px;
	padding: 0;
	border-bottom: 5px solid #0097db;
	list-style: none;
}
.stepper > .stepper-item
{
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
}
.stepper > .stepper-item:before
{
	position: absolute;
	display: block;
	top: 48px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #0097db;
}
.stepper > .stepper-item.active:before,
.stepper > .stepper-item.active ~ .stepper-item:before
{
	background: #929191;
}
.stepper > .stepper-item:not(:last-child):before
{
	content: '';
}
.stepper > .stepper-item > .stepper-link
{
	position: relative;
	color: #929191;
	font-size: .875rem;
}
.stepper > .stepper-item > .stepper-link:after
{
	display: inline-block;
	position: absolute;
	top: 24px;
	left: calc(50% - 14px);
	width: 30px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	font-size: 30px;
	content: "\f058";
	color: #0097db;
	background-color: white;
}
.stepper > .stepper-item.active > .stepper-link:after,
.stepper > .stepper-item.active ~ .stepper-item > .stepper-link:after
{
	content: "\f192";
}
.stepper > .stepper-item.active ~ .stepper-item > .stepper-link:after
{
	color: #929191;
}
.stepper > .stepper-item > .stepper-indicator
{
	position: absolute;
	display: none;
	bottom: 0;
	left: calc(50% - 5px);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #0097db;
}
.stepper > .stepper-item.active > .stepper-indicator
{
	display: block;
}

.stepper-inner
{
	position: relative;
	border: 1px solid #929191;
	border-top: none;
}
.stepper-inner > *
{
	display: none;
}
.stepper-inner > .active
{
	display: block;
}
.stepper-inner .vertical-gutter
{
	margin-bottom: 1rem;
}
.stepper-inner .upload-zone
{
	border: 2px dashed #0097db;
}
.stepper-inner .upload-zone.active
{
	border-color: #ff6824;
}
.stepper-inner .upload-progress,
.stepper-inner .upload-status
{
	display: none;
	width: 100%;
	margin-bottom: 0;
}

.stepper-inner .analyze-spinner
{
	position: relative;
	font-size: 200px;
	color: #0097db;
	line-height: 1px;
}
.stepper-inner .analyze-spinner > :first-child
{
	-webkit-text-stroke: 12.5px #fff;
}
@media (max-width: 575.98px)
{
.stepper-inner .analyze-spinner
{
	font-size: 100px;
}
.stepper-inner .analyze-spinner > :first-child
{
	-webkit-text-stroke: 6px #fff;
}}
.stepper-inner #analyze-progress
{
	position: absolute;
	display: block;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
}
.stepper-inner .analyze-card
{
	height: 100%;
	padding: 1rem .5rem 0;
	background-color: #f1f1f1;
}
.stepper-inner .analyze-card > *
{
	margin-bottom: 1rem;
}

.stepper-inner .details-form label
{
	font-weight: 500;
}
.stepper-inner .details-form .row > label
{
	font-weight: bold;
}
.stepper-inner #details-category button
{
	margin-bottom: .5rem;
}
.stepper-inner #details-category + small
{
	margin-top: -.5rem;
}

.sidebar
{
	position: relative;
	min-width: 41px;
	min-height: calc(100vh - 4rem - 90px);
	border-right: 1px solid #ddd;
	background-color: white;
	white-space: nowrap;
}
.sidebar.collapse
{
	display: block;
}
.sidebar.hide
{
	display: none;
}
.sidebar.show
{
	flex: 0 0 auto;
	width: auto;
	max-width: 200px;
}
/* TODO: sidebar-expand-[N] ? */
@media (max-width: 575.98px)
{
	.sidebar.show
	{
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1;
	}
}

.sidebar:not(.show) .sidebar-wrapper
{
	position: absolute;
	left: 0;
	height: 100%;
	z-index: 1;
}

.sidebar-header
{
	padding-right: .5rem;
}

.sidebar-toggle
{
	width: 40px;
	height: 40px;
	border-radius: 0;
}
.sidebar-toggle:focus
{
	box-shadow: none !important;
}
.sidebar-toggle > :first-child
{
	margin-right: 2px;
}


.sidebar .list-group-item
{
	padding-left: 10px;
	border: 0;
	border-radius: 0;
	color: inherit;
}

.sidebar .list-group-item > .list-group
{
	margin-top: .725rem;
	margin-left: -10px;
	margin-bottom: -.725rem;
	margin-right: -1.25rem;
}

.sidebar .list-group-item.active
{
	background-color: #e9ecef;
}
.sidebar .list-group-item:not(.active) > .list-group
{
	display: none;
}

.sidebar:not(.show) .sidebar-header,
.sidebar:not(.show) .sidebar-item
{
	width: 40px;
	overflow: hidden;
}
.sidebar:not(.show) .sidebar-item:hover
{
	min-width: 180px;
}

.sidebar .list-group-item-action:focus,
.sidebar  .list-group-item-action:hover
{
	background-color: #dee2e6;
}

.sidebar .list-group-item > .fa,
.sidebar .list-group-item > .fa-stack
{
	margin-right: 10px;
	color: #7f7f7f;
}
.sidebar .list-group-item > .fa-stack
{
	font-size: .5em;
}

.sidebar .text-muted .list-group-item > .fa,
.sidebar .text-muted .list-group-item > .fa-stack
{
	color: #bfc0bf;
}

.modal-header
{
	background: #00a6e8;
	color: #fff;
}
.modal-header > .close
{
	color: #fff;
	text-shadow: none;
	opacity: 1;
}
.modal-content
{
	border: none;
}
.modal-footer
{
	/*border-top: none;*/
}

.search-results-header {
	padding-bottom: 1rem;
}
@media (min-width: 768px)
{
.search-results-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
}}
.search-results-header__query {
	margin-top: 1rem;
}
.search-results-header__sections {
	margin-top: 1rem;
}

.card-body.text-2-lines
{
    padding-bottom: .8rem;
}
.card-body.text-2-lines .card-title,
.card-body.text-2-lines .card-link
{
    margin: 0;
    height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel
{
	background-color: #fff;
}
@media (min-width: 768px)
{
.panel
{
	border: 1px solid #dedede;
	border-radius: .25rem;
}}