/* Basics and overrides */
* {
    box-sizing:border-box;
}

::placeholder {
    color:#888;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(0,0,0,0.5);
}

input, textarea, .tagify {
    border:1px solid #ccc;
    background-color:#fafafa;
}

.clearfix::after {
    display: table;
    clear:both;
    content: ' ';
}

img {
    max-width:100%;
}

html {
    height: 100%;
}

body {
    height: 100%;
}

#start-page-image{
    background: #f4f4f4 no-repeat url(../img/woman-hero.png) fixed right 10px bottom;
	background-size: 30%;
	overflow-y: auto!important;
	display: flex;
	flex-direction: column;
	height: 100dvh;
}

#start-page-image #startpage{
	flex: 1;	
}

#start-page-image header, #start-page-image #startpage, #start-page-image footer{
}

#start-page-image footer{
	align-self: flex-end;
}

form p {
    font-size:14px;
}


.newidea textarea, .newidea input {
    color:#666;
}

i.date-conversion {
    font-style:normal;
}

.verdana {
    font-family: Verdana;
}

.datepicker {
    font-size: 13px;
}

#content {
	margin: 0 auto;
	width: 100%;
}

.fullogo {
    height: 100%;
    align-items:center;
    justify-content: center;
    color:white;
    margin-top:-3px;
    display: flex;
    white-space:nowrap;
}

.fullogo__image {
    width:35px;
    margin-top:8px;
}

.fullogo__text {
    padding-left:5px;
}

.fullogo__title {
    font-weight: 200;
    display: block;
    text-transform: uppercase;
    font-size:21px;
    font-family: 'Roboto', sans-serif;
	color: #222;
}
.fullogo__title strong {
    font-size:22px;
    font-weight: bold;
}

.fullogo__powered {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size:11px;
    margin-top:-3px;
	color: #222;	
}

.spacer {
    height: 50px;
}

a.button_small {
    white-space: nowrap;
}

#modal {
    max-width: 900px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width:90%;
    transform: translate(-50%, -50%);
    min-height: 250px;
    z-index: 150000;	
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .15);	
}

#modal button.button_close{
	position: absolute;
	float: right;
	margin: 10px!important;
	color: #808080;
	background: #fff;
}

#modal button.button_close:hover{
	color: #222;
}

#modal h1{
	color: #000;
	text-align: center;
	font-family: arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

#modal a{
	color: #113667;
}

#modal a:hover{
	color: #000;
}

#modal p{
	color: #000;
	text-align: center;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
	max-width: 600px;
}

#modal div.button-group{
	display: flex;
	justify-content: center;	
	margin-top: 20px;
}

#modal a.button{
	border-radius: 32px;
	border: 1px solid #113667;
	background: linear-gradient(97deg, #F8C0D8 21.62%, #FDD1A5 100%);
	display: flex;
	width: 151px;
	padding: 16px;
	justify-content: center;
	align-items: center;
}

#modal a.button.cancel{
	display: flex;
	width: 151px;
	padding: 16px;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	border: 1px solid #113667;
	background: #FFF;
}

.modal {
    max-width: 900px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width:90%;
    transform: translate(-50%, -50%);
    min-height: 250px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.5);
    z-index: 15000;
}

.modal__content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    right: 0;
    align-items: center;
    justify-content: center;
}

.modal__msg {

}

.modal__close {
    z-index: 15001;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    float:none !important;
    padding: 5px 15px;
    padding-left:15px !important;
    padding-right:15px !important;
    font-size: 18px !important;
    margin:0 !important;
    cursor: pointer !important;
}

.verify {
    display: inline-block;
    border-radius: 3px;
/*    padding: 5px 10px; */
    cursor: pointer;
    color: white;
    font-size: 14px;
    transform:scale(1, 0);
    background-color: #0f96d6;
    transition:color 250ms ease, transform 250ms ease;
}

.verify:hover {
    color:#f4f4f4;
}

.verify[isvalid=false] {
    transform:scale(1, 1);
}

.tagify__tag div::before {
    box-shadow: 0 0 0 16px #b7e4f9 inset;
}

.tagify__input {
    width:100%;
    max-width: 100%;
    min-width: 0;
}

.tagify.tagify--focus {
    border-color:#ccc !important;
}

.filler {
/*    flex:1; */
}

.switch {
    margin-top:5px;
    opacity: 1 !important;
    border:none !important;
}

.button {
    position: relative;
    transition:all 200ms ease;
}

.button::before, .verify::before {
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    box-shadow: 0px 0px 0px -1px inset rgba(0, 0, 0, 0);
    border-radius: 3px;
    z-index:2;
    transition:all 200ms ease;
}

.button:hover, .verify:hover {
	opacity: 0.8;
}

.button:active::before, .verify:active::before{
}

.button:active, .verify:active {
    background-color: #FEC503;
}



.tagify {
    background-color: #fafafa;
    border-color:#ccc;
}

em.version {
    border: 1px solid #666;
}

.tagify__input:empty::before {
    font-size: 13px;
    line-height: 2.4;
    opacity: 1 !important;
    color:#888 !important;
}

/* Elements */

.text-badge {
    position: absolute;
    top: -3px;
    right: 0;
    border-radius: 12px;
    padding: 4px 10px;
    background-color: #F34E4A;
    color: white !important;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.6);
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:200;
    opacity:0;
    transition:all 200ms ease;
    background-color:rgba(255, 255, 255, 0.5);
}

.loader-overlay--visible {
    opacity:1;
}

.loader-overlay__icons {
    font-size:20px;
    top: 50%;
    left: 50%;
    position: absolute;
    transition:all 150ms ease;
    transform: translate(-50%, -50%) scale(1, 1);
	color: #222;
}

.loader-overlay--completed, .loader-overlay--failed {
    background-color: #fff;
}

.loader-overlay__complete-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5, 1.5);
    color:#28A529;
}

.loader-overlay__failed-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5, 1.5);
    color:#F34E4A;
}

.loader-overlay--failed .loader-overlay__failed-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1, 1);
}

.loader-overlay--completed .loader-overlay__complete-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1, 1);
}

.loader-overlay--completed .loader-overlay__loading-icon, .loader-overlay--failed .loader-overlay__loading-icon  {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5, 1.5);
}


/* Report list */
.report-list {
    margin-left:0 !important;
    background-color: #f4f4f4;
	list-style: none;
}

.no-result {
    padding: 50px !important;
    font-size: 13px !important;
    background-color:white;
	text-align: center;
	height: calc(100dvh - 380px);
}

.report-list .report-list__item {
    margin-bottom: 12px;
    /*border-bottom:8px solid #f4f4f4;*/
}

/* Report item */
.report-item {
    position: relative;
    box-sizing:border-box;
    padding: 16px !important;
    padding-top: 8px !important;
	padding-bottom: 8px!important;
	box-sizing: border-box;
	overflow: hidden;
}

.report-item:after{
    content: '';               /* Empty content for the pseudo-element */
    position: absolute;        /* Position it at the bottom of the box */
    bottom: 0;                 /* Align it at the bottom */
    left: 0;
    right: 0;
    height: 16px;              /* Set height of the empty space (padding) */
    background-color: #fff;   /* Or the background color of the box */
}

.focushit2.report-item:after{
	background-color: #fce9e1;
}

.report-item * {
    box-sizing:border-box;
}

.report-item .order, .report-item .rating {
    display: flex;
    margin-top: 5px;
    align-items:center;
    justify-content: space-between;
}

.order .btn-group, .rating .btn-group {
    display:inline-flex;
    flex:1;
    margin-top:0px;
}

.order .report-item__comment-tool, .rating .report-item__comment-tool {
    margin-right:5px;
}

.report-item:focus {
    /*background-color : #dcebf3 !important;*/
}

.report-item .report-item__body .report-item__comment {
    font-size: 12px;
    display: none;
    position: relative;
    color:black;
}

.report-item .report-item__body .report-item__comment.nocommentset {
    color:#878787;
}

.report-item .report-item__body .report-item__comment.input--dirty {
    color:black;
}

.report-item__content {
    display: flex !important;
    float:none !important;
    justify-content: flex-end;
}

.report-item__title {
    padding:5px 0;
    font-size:16px;
	min-height: 40px;
}

.report-item__content::after {
    content: "";
    clear: both;
    display: table;
}

.report-item__sidebar {
    flex:1;
    width:30%;
    padding-left:15px;
	min-width: 260px;
	order: 2;
}

.report-item__sidebar.large{
	min-width: 400px;
}

.report-item__body {
    display: flex;
    flex-direction:column;
    width:70%;
    justify-content: flex-start;
	order: 1;
}

.report-item__body .abstract, .report-item__body .passage, .report-item__body .claim, .report-item__body .summary {
	line-height: 18px;
	font-family: verdana;
	font-size: 13px;
    color:#444;
	
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 5px;
	border: solid 1px #ddd;
	border-radius: 7px;
}

.big-screen .report-item__body .abstract, .big-screen .report-item__body .passage, .big-screen .report-item__body .claim, .big-screen .report-item__body .summary{
    -webkit-line-clamp: 10;	
}

.report-item__body .summary{
	margin-bottom: 10px;
	-webkit-line-clamp: 14;
}

.report-item__body .summary:last-child{
	margin-bottom: 0;
}

.big-screen .report-item__body .abstract, .big-screen .report-item__body .passage, .big-screen .report-item__body .claim {
	margin-bottom: 0;
}

.report-item__body .claim {
    margin-bottom: 5px;
}

.report-item__body .passage {
    font-style: italic;
	line-height: 18px;
	font-family: verdana;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 0;	
}

.big-screen .report-item__body .passage {
	margin-top: 0;	
}

.report-item__toolbar {
    display: flex;
    justify-content: space-between;
    padding:0;
}

.report-item__tool {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #f4f4f4;
    transition: 250ms ease all;
    padding:4px 10px;
    min-width: 20px;
    border: 1px solid #666;
}

.report-item__tool:hover {
    background-color:#0D96D7;
    color:white;
}

.report-item__segment {
    flex:1;
    padding:10px;
}

.report-gallery-box{
	border-radius: 7px;
	border: 1px solid #ddd;
    display: flex;
	margin-bottom: 3px;
	flex-direction: column;
	background-color: #fff;
	min-width: 220px;
	max-width: 270px;
	z-index: 2;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

.report-item__sidebar.large .report-gallery-box{
	min-width: 380px;
	max-width: 380px;
	min-height: 480px;
	max-height: 480px;
}

.report-item__img {
    height: 250px;
	width: 100%;
    position: relative;
    max-height: 250px;
    background-color: #fff;
    align-items:center;
    overflow:hidden;
	margin-bottom: 5px;
	min-width: 170px;
}

.report-item__sidebar.large .report-item__img{
	min-height: 450px;
}

.report-item__img span.ai-explain{
	float: left;
	cursor: pointer;
}

.report-item__img span.ai-explain:hover{
	color: #808080;
}

.report-item__img span.expand-image{
	cursor: pointer;
}

.report-item__img span.expand-image:hover{
	color: #808080;
}

.deleted .report-item__sidebar {
    display: none;
}

.report-item__details {
    position: relative;
    font-size: 12px;
	float: left;
	border-radius: 7px;	
	min-width: 220px;
	max-width: 270px;	
	width: 100%;
}

.report-item__details span, .report-item__details div{
	display: inline-block;
	float: left;
}

.report-item__details-link {
    color: #0D96D7;
    font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	width: 100%;	
}

#abstract-panel, #portfolio-panel{
}

#abstract-panel{
	border-bottom-left-radius: 10px;
}

#portfolio-panel{
	border-bottom-right-radius: 10px;	
}

.report-item__details-tool {
    position: absolute;
    bottom:5px;
    right:5px;
    font-size:16px;
}

.report-item__details-link a {
    color:inherit;
	display: inline-block;
	margin-bottom: 5px;
}

.report-item__details-link a:hover {
	color: #113667;
}

.report-item__img a {
    height: 190px;
    z-index: 20;
    width: 150px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-size: contain!important;
    background-position: top center;
    background-repeat: no-repeat;
}

.report-item__sidebar.large .report-item__img a{
	height: 390px;
	width: 320px;
}

.report-item__pdf {
    padding: 5px;
    font-size: 18px;
	color: #808080!important;
}

.report-item__pdf:hover{
	color: #222!important;
}

.report-item__details .auth, .report-item__details .classes {
	clear: left;
    color:#444;
	width: 100%;
}

.report-item__details .auth .tooltip, .report-item__details .classes .tooltip {
	float: none!important;
	margin-left: 0!important;
}

.report-item__details .auth strong, .report-item__details .classes strong {
    font-weight: bold !important;
    font-style:normal !important;
    text-transform: normal;
    margin-top:5px;
	margin-right: 5px;
    display: inline-block;
	float: left;
}

#summarylist li .expand_result{
    display: block;
	margin: 0;
	border-radius: 17px;
	color: #0D96D7;
	border: solid 1px #0D96D7;
	padding: 5px 10px;
	font-size: 14px;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 47px);
	background-color: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .15);		
}

#summarylist li:hover .expand_result{
}

#summarylist li .expand_result:hover{
	color: #fff;
	background-color: #0D96D7;
}

.expand_result--reverse {
}

.full-document {
}

.full-document p {
    font-family: 'Verdana', sans-serif !important;
}

#validation-bar{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 18px;
	background-color: #ddd;
	display: none;	
	border-radius: 17px;
	margin-bottom: 5px;
}

#validation-bar:before{
	position: absolute;
    content: attr(data-label);
	color: #222;
	padding: 3px;
	font-size: 12px;
    text-align: center;
	top: 0;
	left: 0;
	right: 0;
}

#validation-bar span{
	background-color: #7cc4ff;
	display: inline-block;
	height: 23px;
}

#portfolio-fulldoc-list{
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	overflow: hidden;
	min-height: 250px;	
	max-height: 250px;
}

#idea-image-box #portfolio-fulldoc-list{
	max-height: calc(100dvh - 200px);
	overflow-y: auto;
}

#idea-image-box #portfolio-fulldoc-list::-webkit-scrollbar{
	width: 8px;
 	background : #ddd;
	border-radius: 17px;
}

#portfolio-fulldoc-list .gallery{
	display: flex;
	justify-content: center;
}

#portfolio-fulldoc-list .gallery a{
	flex-grow: 2;
	min-width: 150px;
	min-height: 200px;
}

#portfolio-fulldoc-list .active{
	background-color: #fff;
	display: block;
}

#portfolio-fulldoc-list .no-image-found{
	padding: 50px;
	border: solid 1px #ddd;	
	min-height: 250px;
	min-width: 150px;
	background-size: contain!important;
}

#portfolio-fulldoc-list .gallery--more-images{
}

.circle-icon {
    background: #113667!important;
    width: 30px!important;
    height: 30px!important;
    border-radius: 50%!important;
    text-align: center!important;
    line-height: 20px!important;
    vertical-align: middle!important;
    padding: 7px!important;
	color: #fff;
}

#portfolio-fulldoc-list .gallery{
	min-height: 220px;
}

#portfolio-panel .panel__body{
	max-width: 1000px!important;
}

.full-document__image {
	flex: 1;
    display: none;
    height: auto;
	min-height: 230px!important;
	min-width: 190px!important;
	width: auto;
	border: solid #fff 10px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index:0;
	float: left;
	margin-right: 10px;
	border-radius: 7px;
}

/* Docitem */
.docitem {
    display: flex !important;
    max-width: 100%;
    padding:15px 15px !important;
    margin-bottom:10px;
}

.docitem__control {
    flex:1;
}

.docitem__control input {
    width:auto !important;
    margin-right:5px !important;
    margin-bottom:5px !important;
}

.docitem__title {
    flex:3;
    padding:0 15px;
}

.docitem__dates {
    flex:1;
}

.docitem__status {
    flex:1;
}

.docitem .note {
    font-style:italic;
    font-size:14px;
    font-family: Georgia, Times, serif;
}

.docitem a, .docitem strong {
    color:#0f96d7;
    cursor: pointer;
}

/* Layout */
.container {
	display: flex;
    width:100%;
}

.document-view-box {
	justify-content: center;
}

.container--fluid {
    max-width:none;
}

.pull-right {
    float:right;
}

.pull-right + * {
    clear:left;
}

.viewholder {
    position: absolute;
    top:0px;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
}

.viewholder--nopadding {
    padding-top:0;
}

.viewholder .container {
    height: 100%;
}


.app-container {
    height: 100dvh;
    overflow: hidden;
    display:flex;
}

.app-container__content {
    overflow-y: auto;
    flex:1;
    position: relative;
}

.app-container__menu {
    flex:0 1;
    position: relative;
	width: 75px;
}

.app-container .app-container__menu .menu {
    height: 100% !important;
    padding:15px !important;
}

.app-container__menu .menu h1 {
    float:none;
    margin-left:0 !important;
    white-space: nowrap;
    width:100%;
    text-align: center;
    padding-bottom:10px;
    margin-bottom:5px;
    border-bottom:1px solid white;
}

.vertical-navbar {
    width:100%;
    text-align: center;
}

.vertical-navbar.sub-menu{
	padding-left: 10px;
	border-left: solid 3px #0D96D7;
}

.vertical-navbar--dropout {
    width:auto;
    background-color:#081847;
    position: absolute;
    top:0;
    left:100%;
    display:none;
}

.vertical-navbar__item {
    position: relative;
    word-wrap:break-word;
    display:block;
    padding:10px;
 /*   border-bottom:1px solid #081847; */
    background-color:transparent;
    cursor:pointer;
    color:white;
    transition:all 250ms ease;
}

.vertical-navbar__item.delete {
    background-color:#f24f4a !important;
    color: white !important;
}

.vertical-navbar__item.locked {
    color:#666!important;
    cursor:not-allowed !important;
}

.vertical-navbar__item.locked:hover {
    color:#666;
}

.vertical-navbar__item.locked:hover .vertical-navbar--dropout {
    display: none;
}


.vertical-navbar__item.locked::after {
    /*position: absolute;
    font-family: 'Font Awesome 5 Free';
    content: '\f023';
    right: 10px;
    font-size: 18px;
    background-color: #071847;*/
}

.vertical-navbar__item--space {
    margin-bottom:15px;
}

.vertical-navbar__item i, vertical-navar__item .fas {
    font-size: 26px;
}

.vertical-navbar__item:hover {
    color:#fcfeff;
}

.vertical-navbar__item--active {
    color:#fcfeff;
}

.vertical-navbar__item:hover .vertical-navbar--dropout {
     display: block;
}
 
.vertical-navbar__link {
}

.side-menu {
    display: flex;
    height: 100%;
    z-index:10;
    width: 100%;
    position: relative;
}

.side-menu__title {
    word-wrap:break-word;
    font-size:14px;
    padding:10px;
    text-align: center;
}

.side-menu--expanded .side-menu__title span{
	margin-top: 0;
	display: inline-block;
}

.side-menu__title span{
	display: none;
	margin-top: 5px;
}

.side-menu__toolbar .vertical-navbar__item {
   /*  border-bottom: 1px solid #081847; */
}

.side-menu__text {
    display: block;
    padding:15px;
    font-size: 16px;
    background-color: #f4f4f4;
	font-family: arial;
}

.side-menu__text--limited {
    max-height: 200px;
    overflow-y: auto;
}

.navbar-logout{
	margin-bottom: 10px;
}

.side-menu__logo {
	margin-top: 10px;
    height: 50px;
   /*  border-bottom:2px solid #081847; */
    padding:15px;
	cursor: pointer;
	border-radius: 7px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.side-menu__logo:hover{
	background-color: #222;
}

.side-menu__toggler {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	width: 100%;
    color:white;
    z-index:1000;
    content: ' ';
    border-bottom:1px solid #f4f4f4;
    background-color:#f4f4f4;
    cursor:pointer;
    color: #ccc;
    transition:all 250ms ease;
}

.panel .side-menu__toggler{
	margin-bottom: 0px;
}

.side-menu__toggler:hover {
    color: #808080;
}

.side-menu__toggler::after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    content: '\f100';
    font-size: 16px;
    font-weight:700;
}

/* Panel toggle */

.panel__toggler--header{
	display: none;
	flex: 1;
    background-color: #D9D9D9;
    max-height:50px;
	min-height: 50px;	
    align-items:center;
    justify-content: center;
	color: #113667;
	margin-bottom: 5px;
}

.panel__toggler--header span{
	display: inline-block;
	margin-left: 5px;
}

.panel__toggler {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 75px;
	min-width: 75px;
	display: none;
	flex: 1;
    max-height: 50px;
	min-height: 50px;
	width: 100%;
    color: #113667;
    z-index: 1000;
    content: ' ';
    border-bottom: 1px solid #D9D9D9;
    background-color: #D9D9D9;
    cursor: pointer;
    transition: all 250ms ease;
}

.panel__expander {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 75px;
	min-width: 75px;
	display: none;
	flex: 1;
    max-height: 50px;
	min-height: 50px;
	width: 100%;
    color: #113667;
    z-index: 1000;
    content: ' ';
    border-bottom: 1px solid #D9D9D9;
    background-color: #D9D9D9;
    cursor: pointer;
    transition: all 250ms ease;
	text-align: center;
}

#rightpanel .panel__toggler{
	left: 0;
}

#rightpanel .panel__expander{
	right: 0;
}

.panel .panel__toggler{
	margin-bottom: 0px;
}

.panel__toggler:hover, .panel__expander:hover {
    color: #808080;
}

.panel__toggler::after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    content: '\f100';
    font-size:26px;
    font-weight:700;
}

.panel__expander::after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    content: '\f424';
    font-size: 18px;
    font-weight:700;
}

.menu--wide {
    margin-left:5px;
    display: none !important;
}

.menu--right {
    float:none;
    display: block;
}

.menu--wide-block {
    margin-left:0;
}

.side-menu__main {
    position: relative;
    flex:1;
    width:75px;
    background: #303437;
    color: #5e6567;
}

.side-menu--expanded .menu--wide{
    display: initial !important;
}

.side-menu--expanded .menu--wide-block {
    display: block !important;
}

.side-menu--expanded .menu--right {
    float:right;
}

.side-menu--expanded .vertical-navbar__item {
    text-align: left;
	font-weight: 100;
}

.side-menu--expanded .vertical-navbar__item svg{
	min-width: 20px;
	max-width: 20px;
	text-align: center;
}

.side-menu--expanded .switch {
    margin-top:0;
}

.side-menu--expanded .side-menu__main {
    width: 160px;
}
.side-menu__toggler::after {
    content: '\f424';
}

.side-menu__toggler--active::after {
    content: '\f422';
}

.side-menu__text .inventor-name{
	display: block;
	width: 100%;
}

.side-menu__body {
    visibility: hidden;
    opacity: 0;
    width:100px;
    position: absolute;
    left:75px;
    top:0;
    bottom:0;
    z-index:1000;
    background-color:#0c2342;
    transition:all 200ms ease;
    overflow-x:hidden;
}


#fulldoc_main .side-menu-scroll__body{
	display: none;
}

#fulldoc_main .side-menu--expanded .side-menu-scroll__body{
	display: block;	
}

#fulldoc_main .side-menu-scroll__body{
	overflow-y: auto;
	height: calc(100% - 200px);
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
}

#fulldoc_main .side-menu-scroll__body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.side-menu-scroll__body{
	height: calc(100% - 70px);
	overflow-y: auto;
}

#fulldoc_main .side-menu-scroll__body div{
	float: left;
	width: 100%;
}

/* Panels */
.panels {
    display: flex;
    height: 100%;
	width: 100%;
    flex-direction: row;
}

.panel {
    position: relative;
    flex: 2;
    overflow-x:hidden;
    height: 100%;
    min-width: 200px;
}

.panel--noscroll .panel__body {
    height: 100%;
}

.panel--hide-scroll{
	overflow: hidden!important;
}

.panel--padded {
    padding:15px;
}

.panel--1 {
    flex:1;
}

.panel--2 {
    flex:2;
}

.panel--3 {
    flex:3;
}

.panel--4 {
    flex:4;
}

.panel__body {
    overflow-y: auto;
    flex:1;
    display:flex;
    flex-direction:column;
}

#fulldoc_main .panel__body{
	max-width: 620px;
	width: 100%;
	margin: 0 auto;
}

.panel--collapsed {
    flex:0 !important;
    width: 0px !important;
    min-width: 0px !important;
    overflow:visible !important;
    padding:0 !important;
}

.panel__collapser {
    position: absolute;
    bottom: 0;
    z-index: 3;
    color:#33a4db;
    height:30px;
    width:30px;
    min-height:30px;
    cursor:pointer;
    transition:250ms ease all;
}

.panel__collapser--left {
	display: none;
	background-color: #113667;
	width: 100%;	
	color: #fff;
	text-align: center;
	padding-top: 8px;
	font-weight: bold;
}

.panel__collapser--right {
	display: none;
	background-color: #113667;
	width: 100%;	
	color: #fff;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	z-index: 999;
}

#fulldoc_main .panel__collapser--right{
	display: none;
	background-color: #113667;
	width: 100%;	
	color: #fff;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}

#fulldoc_main .tabs__body{
	overflow: hidden;
	min-width: 180px;
	max-width: 280px;
}

#fulldoc_main .panel--right--expand .tabs__body{
	overflow: hidden;
	min-width: 180px;
	max-width: 480px;
}

#fulldoc_main #rightpanel .tabs__body--active{
	overflow: hidden;
	overflow-y: auto;
	max-height: calc( 100dvh - 140px );
	min-height: calc( 100dvh - 140px );	
}

#rightpanel .tabs__body--active{
	overflow: hidden;
	overflow-y: auto;
	max-height: calc( 100dvh - 120px );
	min-height: calc( 100dvh - 120px );	
}

#idea-framework.case-progress #rightpanel .tabs__body--active{
	max-height: calc( 100dvh - 170px );
	min-height: calc( 100dvh - 170px );	
}

#leftpanel .tabs__body--active{
	overflow: hidden;
	overflow-y: auto;
	max-height: calc( 100dvh - 120px );
	min-height: calc( 100dvh - 120px );	
    background: var(--left-sidebar-body-bg);
    color: #5e6567;
}

#workflow-framework #rightpanel .tabs__body--active{
	overflow: hidden;
	overflow-y: auto;
	max-height: calc( 100dvh - 121px );
	min-height: calc( 100dvh - 121px );	
}

#workflow-framework #rightpanel .tabs__body--active::-webkit-scrollbar{
	width: 8px;
 	background : transparent;
	border-radius: 17px;
}

#workflow-framework #rightpanel .tabs__body--active div.scroll-content{
	max-height: calc( 100dvh - 260px );
	min-height: calc( 100dvh - 260px );	
	overflow-y: auto;
}

#rightpanel .current-document-label{
	height: 35px;
	padding: 8px;
	font-size: 14px;
	margin-top: -8px;
	margin-bottom: 18px;
}

#rightpanel .current-document-label .box{
	display: flex;
	float: left;
	flex-direction: column;
}

#rightpanel .current-document-label label{
	font-size: 12px;
	flex: 1;
}

#rightpanel .current-document-label span.current{
	flex: 1;
	font-weight: bold;	
}

#workflow-framework #leftpanel .tabs__body--active{
	overflow: hidden;
	overflow-y: auto;
	max-height: calc( 100dvh - 120px );
	min-height: calc( 100dvh - 120px );	
}

.panel__collapser:hover {
    color:#2c8ebd;
}

.panel__collapser::after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-size:32px;
    font-weight:700;
}

.panel--collapsed{
	display: none!important;
}

.panel--collapsed .panel__body {
    display: none;
}

.panel--collapsed .panel__collapser {
    position: absolute;
    width:30px;
}

.panel--collapsed .panel__collapser--left {
}

.panel--collapsed .panel__collapser--right {
}

.panel--collapsed .panel__collapser--left::after {
}

.panel--collapsed .panel__collapser--right::after {
}

#fulldoc_main #collapsed--menu{
	margin-top: 10px;
}

#collapsed--menu{
	display: none;
	min-width: 20px;
	max-width: 20px;
	height: 100%;
	margin-right: 10px;
	z-index: 999;	
}

#collapsed--menu ul{
	display: block;
	height: 20px;
	height: 100%;
}

#collapsed--menu ul li{
	display: inline-block;
	cursor: pointer;
	width: 22px;
	height: auto;
	line-height: 20px;
	align-content: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	writing-mode: vertical-lr;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;	
	margin-bottom: 10px;
	background: #222;
	border: solid 1px #222;
	padding: 10px 3px 10px 0px;
	letter-spacing: 1px;
}

.panel--sticky {
    display: flex;
    flex-direction: column;
    height: auto;
}

.panel--stats {
	min-width: 250px;
	max-width: 250px;
}

#main .panel:first-child {
	margin-right: 10px;
	margin-left: 10px;
}

#main .panel:last-child {
	border-left: solid 1px #ddd;
}

#main .document-view-box  .panel:last-child{
	border-left: none;
}

#fulldoc_main  .panel:first-child {
	padding: 28px;
	padding-top: 10px;
	border-bottom: solid 1px #ddd;
	min-height: 300px;
}

#fulldoc_main  .panel:last-child {
	border-bottom: solid 1px #ddd;
	border-radius: 0!important;	
    margin-left:12px;
    margin-right:12px;
}

#fulldoc_main .side-menu__main{
	margin-right: 10px;
}

.panel--left, .panel--right {
    flex:2;
	max-width: 250px;
	min-width: 250px;
}

.panel--left{
    flex:3;	
}

 .panel--right--expand, .panel--left--expand {
    flex:3;
	max-width: 450px!important;
	min-width: 450px!important;
}

.panel--content {
    flex:5;
	background-color: #fff;		
	box-shadow: rgba(33, 36, 67, 0.04) 0px 10px 20px, rgba(33, 36, 67, 0.04) 0px 2px 6px, rgba(33, 36, 67, 0.04) 0px 0px 1px;	
	margin-top: 5px;
	border-top-left-radius: 7px;
	border-left: solid 1px #ddd;
	border-top: solid 1px #ddd;
}


.panel--content .panel__body{
	margin: 0 auto;
}


/* Tabs */
.tabs {
    display: block;
}

.tabs--margin-top{
	margin-top: 7px;
}

.tabs--expand {
    flex:1;
    display:flex;
    flex-direction: column;
}

.tabs--full {
    display: flex;
    flex-flow: column;
    flex: 1;
}

.tabs--full .tabs__body--active {
    flex: 1;
}

.tabs--expand .tabs__body--active {
    flex:1;
}

.tabs .tabs__bar, .sub-tabs__bar {
	flex: 0 1 auto;
    margin-left:0px !important;
}

.tabs .tabs__bar.sidebar__tabs{
	display: flex;
	justify-content: center;
}

.tabs .tabs--right .tabs__tab{
    float: right;
	margin-left: 3px;
}

.tabs--sticky {
    overflow-y:auto;
}

.tabs__bar--fixed {
    position: absolute !important;
    transform:translateY(-100%);
    z-index: 10;
    background-color: #fff;
    padding-bottom: 4px !important;
    transition:all 250ms ease-out;
}

.tabs__bar--fixed::before {
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height:1px;
    background-color: #ccc;
    z-index:2;
    content: ' ';
    display: block;
}

.tabs__bar--fixed-on {
    transform:translateY(0);
}

.tabs__bar .tabs__tab, .sub-tabs__bar .sub-tabs__tab {
	flex: 1;
    position: relative;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    z-index:1;
    display: inline-block;
    padding:5px 10px;
    color: #222;
    font-size:14px;
    cursor:pointer;
    line-height: 1.5;
	margin-right: 3px;
	border-bottom: none;
	min-width: 35px;
	max-width: 35px;
	text-align: center;
}

#leftpanel .sub-tabs__bar .sub-tabs__tab{
	color: #222;
}

.sub-tabs__bar .sub-tabs__tab {
	min-width: 30px;
	max-width: 150px;	
}

#workflow-case #index_tabs .tabs__tab--active{
	min-width: 30px;
	max-width: 350px;
	padding: 8px;
	margin-top: 3px;
	margin-bottom: -3px;
}

.tabs__bar .tabs__tab span.icon{
	display: block;
	margin-top: -4px;
	padding-bottom: 4px;
}

#leftpanel .tabs__bar .tabs__tab span.icon{
	color: #222;
}

#leftpanel .tabs__bar .tabs__tab:hover span.icon{
	color: #808080;
}

.tabs__bar .tabs__tab:hover{
	color: #ccc;
}

#leftpanel .tabs__bar .tabs__tab:hover{
	color: #fff;
}

#index_tabs.tabs__bar .tabs__tab:hover{
	color: #222;
}

.tabs__bar li.tabs__tab {
    margin-left: 4px !important;
}

.tabs__bar li.tabs__tab:first-child {
    margin-left: 0 !important;
}

.tabs--spicy .tabs__tab {
    background-color: #0D96D7;
    color: white;
}

.tabs__tab a {
    display: block;
    color:inherit;
}

.tabs div.tabs__tab--active, .sub-tabs__bar div.sub-tabs__tab--active {
    z-index: 3;
    border-bottom: solid 2px #222;
    cursor: default;
}

#leftpanel .tabs div.tabs__tab--active, #leftpanel .sub-tabs__bar div.sub-tabs__tab--active{
    border-bottom: solid 2px #222;	
}

.tabs div.tabs__tab--active a{
	font-weight: bold;
}

.tabs--noclick .tabs__tab {
    cursor:default !important;
}

.tabs .tabs__body, .sub-tabs .sub-tabs__body {
    display: none;
}

.tabs__body textarea, .tabs__body input:not([type=checkbox]) {
    float:none;
    display: block;
    font-size:12px !important;
    background-color:#fafafa;
    border: 1px solid #ddd;
    color:#666;
    line-height: 16px;
    padding:10px;
}

.tabs__body textarea, .tabs__body input:not([type=checkbox]) {
    float:none;
    display: block;
    font-size:14px !important;
    background-color:#fafafa;
    color:#666;
    line-height: 16px;
    padding:10px;
	border-radius: 7px;
	font-family: arial;
}

#leftpanel .tabs__body textarea, .tabs__body input:not([type=checkbox]) {
	background: #fff;
	color: #222;
	border-color: #fff;
}

.tabs .tabs__body--active, .sub-tabs .sub-tabs__body--active {
    display: block;
    z-index: 2;
    position: relative;
    border-top: 1px solid #e2e2e2;
    background-color: #fff;
    padding:10px 15px;
}

#idea-framework .panel--content .tabs .tabs__body--active, #workflow-framework #workflow-case .tabs .tabs__body--active{
	height: calc(100dvh - 80px);
	width: 100%;
	overflow-y: auto;
}

#idea-framework.case-progress .panel--content .tabs .tabs__body--active{
	height: calc(100dvh - 120px);	
}

#leftpanel .sub-tabs .sub-tabs__body--active{
	background-color: var(--left-sidebar-body-bg);
	border-top: solid 1px #9e9e9e;
	padding-top: 5px;
}

#leftpanel .tabs .tabs__body--active{
	border-top: solid 1px #97a4ad;
}

.sub-tabs .sub-tabs__body--active {
	padding: 0;
}

.tabs__body--nopadding {
    padding:0 !important;
}

.tabs--pad {
    margin-bottom:15px;
}

/* Specifics */

.version-holder {
    margin-top:2px;
    margin-bottom:5px;
}

.version-holder .inputtext {
    display: inline-block;
}

.version-list {
    display: inline-block;
    vertical-align: middle;
	width: 100%;
}

.version-list__item {
    display: inline-block;
}

.selectize-input {
    box-shadow: none !important;
	border: solid #ededed 1px;
	border-radius: 7px;
}

.highlight-control__remove:hover{
	color: #808080;
}

.selectize-input input{
	display: inline-block;
}

#highlighter-add{
	width: 100%;
	border: solid 1px #0D96D7;
	color: #0D96D7;
	background: none;
}

#highlighter-add:hover{
	background: #0D96D7;
	color: #fff;
}

/* Components */


/* Pill */

#summarylist .pill{
	padding-left: 0;
}

#summarylist .pill .ai-summary-button{
	float: right;
	margin-left: 5px;
}

.pill {
    color: #222;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    font-style: normal;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding-left: 10px;
}

.pill span{
	margin-top: 2px!important;
}

#fulldoc_main .pill{
	padding-right: 10px;
}

.pill--topleft {
    position: absolute;
    top:0;
    left:0;
}

/* Buttons */
.btn-group {
    margin-top:5px;
    display:flex;
    border: 1px solid #666;
    border-radius: 4px;
}

.btn {
    text-align: center;
    cursor:pointer;
    color:white;
    font-size:14px;
    transition:all 250ms ease;
}

.btn--faded {
    background-color:#fff !important;
    color: #000 !important;
}

.btn-group > .btn {
    flex:1;
    display: block;
    text-align: center;
    padding:5px 10px;
}

.btn-group > .btn:first-child {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

.btn-group > .btn:last-child {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

.rating-group .btn-warning,
.rating-group .btn-info,
.rating-group .btn-success{
	background-color: #fff;
	color: #222;
}

.rating-group .btn-warning, .rating-group .btn-warning:hover{
	border-color: #F34E4A;
}

.rating-group .btn-warning:hover{
	background-color: #f77572!important;	
	color: #fff!important;
}

.rating-group .btn-warning:hover, .rating-group .btn-info:hover, .rating-group .btn-success:hover{
	color: #fff;
}

.rating-group .btn-info, .rating-group .btn-info:hover{
	border-color: #B2B2B2;
}

.rating-group .btn-info:hover{
	background-color: #dbdbdb!important;
	color: #222!important;
}

.rating-group .btn-success:hover, .rating-group .btn-success{
	border-color: #28A529;
}

.rating-group .btn-success:hover{
	background-color: #79b37a!important;
	color: #fff!important;
}

.rating-group .btn-warning.btn--active{
	background-color: #F34E4A!important;
	border-color: #F34E4A;
	color: #fff!important;
}

.rating-group .btn-warning.btn--active:hover{
	 background-color: #b43a36!important;
}

.rating-group .btn-success.btn--active{
	background-color: #28A529!important;
	border-color: #28A529;	
	color: #fff!important;
}

.rating-group .btn-success.btn--active:hover{
	background-color: #248325!important;
}

.rating-group .btn-info.btn--active{
	background-color: #B2B2B2!important;
	border-color: #B2B2B2;		
	color: #fff!important;
}

.rating-group .btn-info.btn--active:hover{
	 background-color: #909090!important;
}
 
.btn-warning {
    background: #F34E4A;
}

.btn-warning:hover {
    background: #b43a36;
    color:white;
}

.btn-alert {
    background: #F9913D;
}

.btn-alert:hover {
    background: #b4662f;
    color:white;
}

.btn-success {
    background: #28A529;
}

.btn-success:hover {
    background: #248325;
    color:white;
}

.btn-info {
    background: #B2B2B2;
}

.btn-info:hover {
    background: #909090;
    color:white;
}

/* Labels */

.label {
    display: inline-block;
	min-width: 100%!important;
	width: 100%!important;
	font-weight: bold;
}

.label--dulled {
    background-color: none;
	color: #000;
	border: none;
	padding-left: 0;
	padding-right: 0;
    font-weight: normal;
	min-width: 100%!important;
	width: 100%!important;
	font-weight: bold;
	font-size: 14px;
}

#leftpanel .label--dulled{
	color: #222;
}

.label em{
	display: block;
	height: 15px;
	line-height: 10px;
	float: right;
	border-radius: 3px;
	font-size: 12px;
	background: #808080;
	padding: 3px;
	color: #fff;
	margin-top: 4px;
	font-style: normal;
}

.label em.beta{
	background: #222;
}

.label em.required{
	background: #f24f4a;
}

.input--dirty {
    color:black !important;
}

.save-watcher {
    background: #0f96d7;
    padding:5px 15px;
    border-radius: 3px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 250ms ease;
    max-height: 0px;
    overflow: hidden;
}

.save-watcher--triggered {
    max-height: 50px;
    opacity: 1;
    visibility: visible;
}

.invalid-msg {
    display: none;
    font-size:12px;
    padding:5px;
    color: #9c3439;
}

.mute-watcher--muted {
    color:#eee !important;
    background-color:#b5b4b4 !important;
}

input[isvalid=false] {
    background-color: #f4bbbe !important;
}

.scoped-expander {
    cursor: pointer;
}

.scoped-expander--active {
    background-color:#0D96D7;
    color:white;
}

.badge {
    position: absolute;
    top:-3px;
    right:-3px;
    background-color: #ffe2e7;
    width:12px;
    height:12px;
    content: ' ';
    display: block;
    border:5px solid red;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.mini-badge {
    position: absolute;
    top: 0;
    right: 5px;
    background-color: #fc4464;
    width: 5px;
    height: 5px;
    content: ' ';
    display: block;
    border: 1px solid #fc4464;
    border-radius: 12px;
}

.image-processing{
	text-align: center;
	width: 100%;
	z-index: 10;
}

.spinner-loader {
    position: absolute;
    top:25%;
    left:50%;
    transform: translate(-50%, -50%);
	z-index: 0;
}

.mark--initial {
    background-color: #f38585;
    color:black;
}

#highlighter-component{
	clear: left;
	width: 100%;
	min-width: 200px;
}


.highlighted {
    color:black;
    /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);*/
	/*border-radius: 14px;
	display: block-inline;*/
    padding: 1px 1px;
}

.highlight-input .items{
    padding-right: 30px !important;
	margin-bottom: 5px;
}

.highlight-control {
	display: block;
	position: relative;
	width: 100%;
	float: left;
}

.highlight-control__remove {
    cursor:pointer;
    color: #ccc;
    position: absolute;
    top:7px;
    right:10px;
    z-index:1000;
}

.highlight-input .item {
    background-image:none !important;
    border:none !important;
    position: relative;
}

.selectize-control.multi .selectize-input .item {
    /*color:#000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);*/
}

.highlight-input .item.active::after {
    background-color: rgba(0, 0, 0, 0.2);
}

.btn--primary {
    background-color:#0D96D7;
    display:inline-block;
    border-radius: 17px;
    margin:5px 0;
    padding:5px 15px;
    transition:all 250ms ease;
}

.btn--secondary {
    border: solid 1px #0D96D7;
	color: #0D96D7;
    display:inline-block;
    border-radius: 17px;
    margin:5px 0;
    padding:5px 15px;
    transition:all 250ms ease;
}

.btn--secondary:hover{
    background-color: #0D96D7;
	color: #fff;
}

.btn--primary:hover {
    background-color: #0d6ba7;
}
/* Fixes */

.lightbox {
    z-index: 1000000 !important;
}

.lightboxOverlay {
    z-index: 999999 !important;
}

#content #doclist li.header {
    display: flex!important;
}


#doclist li.header span.next, #doclist li.header span.prev {
    float:none;
    width:auto;
    flex-basis:30%;
}

#doclist li.header span.info {
    float:none;
    width:auto;
    flex:1;
}

.full-document p {
    font-size: 13px;
    line-height: 18px;
	font-family: verdana;
}

.full-document h1 {
    margin-top:5px;
    font-size:21px;
    text-transform: none;
}

.full-document h2 {
    margin-top:15px;
    font-size:20px;
    margin-bottom:5px;
    font-weight: bold;
}

.bg--light {
    background-color:white;
}

.container--fluid .panel--collapsed .panel__collapser--left, .container--fluid .panel--collapsed .panel__collapser--right {
    color:white;
    border-radius: 50%;
    background-color: #33a4db;
    font-size:26px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5)
}

.container--fluid .panel--collapsed .panel__collapser--left {
    transform:translateX(40px);
}
.container--fluid .panel--collapsed .panel__collapser--left::after {
    top:45%;
    left:55%;
}
.container--fluid .panel--collapsed .panel__collapser--right {
    transform:translateX(-40px);
}
.container--fluid .panel--collapsed .panel__collapser--right::after {
    left:45%;
    top:45%;
}

/* Media queries */
@media screen and (max-width: 1700px) {
    .container--wide .panel--collapsed .panel__collapser--left, .container--wide .panel--collapsed .panel__collapser--right {
        color:white;
        border-radius: 50%;
        background-color: #33a4db;
        font-size:26px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5)
    }

    .container--wide .panel--collapsed .panel__collapser--left {
        transform:translateX(40px);
    }
    .container--wide .panel--collapsed .panel__collapser--left::after {
        top:45%;
        left:55%;
    }
    .container--wide .panel--collapsed .panel__collapser--right {
        transform:translateX(-40px);
    }
    .container--wide .panel--collapsed .panel__collapser--right::after {
        left:45%;
        top:45%;
    }
}
/*
@media screen and (max-width: 1400px) {
    .panel--stats {
        position: absolute;
        top: 15px;
        right: 0;
        width: 250px;
        z-index: 10000;
        height: 100%;
        margin-bottom:0;
        margin-right:0 !important;
        box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.75);
    }
    .panel--collapsed .panel__collapser--left, .panel--collapsed .panel__collapser--right {
        color:white;
        border-radius: 50%;
        background-color: #33a4db;
        font-size:26px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5)
    }

    .panel--collapsed .panel__collapser--left {
        transform:translateX(40px);
    }
    .panel--collapsed .panel__collapser--left::after {
        top:45%;
        left:55%;
    }
    .panel--collapsed .panel__collapser--right {
        transform:translateX(-40px);
    }
    .panel--collapsed .panel__collapser--right::after {
        left:45%;
        top:45%;
    }
}
*/


/* HACKS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .side-menu {
        min-width:75px;
    } /* IE11 */

    .side-menu--expanded {
        min-width:250px;
    } /* IE11 */

    .side-menu--expanded .menu--wide {
        display:inline-block !important;
    }

    .app-container__menu {
        min-width:75px;
    }

    .app-container__menu--expanded {
        min-width: 250px;
    }
}