* {
  box-sizing: border-box;
}

html{
	font-size:10px;
}


body{
	display:block;
	position:relative;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:1.5rem;
	line-height:135%;
	margin:0;
	padding:0;
	background-color:#fafafa;
	min-height: 100vh;
}




/* global */

h1{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:3rem;
	font-weight:100;
	line-height:135%;
	margin:0 0 3rem 0;
	padding:0;
}

h3{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size:2rem;
	line-height:135%;
	margin:4rem 0 1rem 0 ;
	padding:0;
}


a{
	display:inline-block;
	position:relative;
	color:rgba(41,77,126,1.00);
	text-decoration:underline;
	text-decoration-color:rgba(41,77,126,0.2);
	text-decoration-style:dashed;
}

.ajaxSpinner{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:1rem;
	background-color:red;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="number"],
input[type="datetime"],
input[type="datetime-local"],
select,
textarea{
	display:block;
	position: relative;
	padding:0.5rem;
	font-size:1.6rem;
	line-height:100%;
	border:#d0d0d0 solid 1px;
	border-radius:0.5rem;
	width:100%;
	background-color: white;
}

.form-error input[type="text"],
.form-error input[type="email"],
.form-error input[type="date"],
.form-error input[type="time"],
.form-error input[type="number"],
.form-error input[type="datetime"],
.form-error input[type="datetime-local"],
.form-error select,
.form-error textarea{
	border:#B00000 solid 1px;
}


label{
	display:block;
	color:#303030;
	font-weight:300;
	font-size:1.4rem;
	line-height:100%;
	margin-bottom:0.5rem;
}


input[disabled]{
	background-color:#f0f0f0;
}


.pageWarning{
	display:flex;
	flex-direction:column;
	margin:0 0 3rem 0;
	padding:1.5rem;
	background-color:#F0A821;
	font-size:1.3rem;
	font-weight:300;
	width:100%;
	line-height:110%;
}

.pageWarning__item{
	margin-bottom:1rem;
}


.pageWarning__item:last-child{
	margin-bottom:0;
}


.button{
	display:inline-block;
	position:relative;
	font-size:1.5rem;
	line-height:100%;
	padding:0.9rem 2.4rem 0.7rem 2.4rem;
	border-radius: 30rem;
	background-color:#FF7A00;
	text-transform:uppercase;
	color:#ffffff;
	cursor:pointer;
}


/* main backend structure */


.content__wrapper{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	position:relative;
	margin:0;
	padding:0;
	/*min-height: 100vh;
	max-height: 100vh;
 	height: 100vh;
  	overflow: hidden;*/
}



/* sidebar */
.sidebar__wrapper {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	position:relative;
	margin:0;
	padding:0;
	flex-grow:0;
	min-height: 100vh;
}

.sidebar__left{
	display:flex;
	flex-direction:column;
	padding:0 0.5rem;
	margin:0;
	background: linear-gradient(to bottom, #2f83d0 0%,#703eff 33%,#7212b0 66%,#ac188b 100%);
	min-height: 100vh;
}


.sidebar__right{
	display:flex;
	flex-direction:column;
	width:21rem;
	height:100%;
	min-height: 100vh;
	background-color:#2E3A54;
	background: linear-gradient(30deg, #0e1d3c 0%,#2e3a54 100%); 
}



/* sidebar breadcrumbs */
.breadcrumbs{
	display:flex;
	align-items:flex-start;
	margin: 4rem 1rem 2.5rem 1rem;
	padding:0;
	list-style:none;
}
.breadcrumbs__item{
	display:block;
	position:relative;
}
.breadcrumbs__link{
	display:inline-block;
	position:relative;
	color:#e0e0e0;
	font-size:1.1rem;
	line-height:100%;
	font-weight:100;
	text-transform:uppercase;
	text-decoration:none;
}

.breadcrumbs__link:after{
	content:'/';
	display:inline-block;
	position:relative;
	padding:0 0.5rem;
}

.breadcrumbs__item:last-child .breadcrumbs__link:after{
	content:'';
	display:none;
}

.breadcrumbs__item:last-child .breadcrumbs__link{
	font-weight:500;
	color:#ffffff;
}

.breadcrumbs__image{
	display:inline-block;
	position:relative;
	top:3px;
}



/* sidebar menu */
.sidebarLeft__buttons{
	display:flex;
	flex-direction:column;
	margin-top:7rem;
}


.sidebarLeft__button{
	display:flex;
	margin:0 0 1rem 0rem;
	width:4.8rem;
	height:4.8rem;
	padding:0.9rem;
	background-color:RGBA(0,0,0,0.1);
	border-radius:1rem;	
	border:solid 1px RGBA(255,255,255,0);
	box-sizing: border-box;
}

.sidebarLeft__button_active{
	background-color:#fbfbfb;
	background: linear-gradient(45deg,  #d5e2fd 0%,#fbfbfb 100%);
	border:solid 1px RGBA(255,255,255,1);
}




.sidebarLeft__icon{
	display:inline-block;
	position:relative;
	width:100%;
	height:100%;
}

.sidebarLeft__icon_active{

}


/* sidebar_right */
.sidebarRightPage__items{
	display:flex;
	flex-direction:column;
}

.sidebarRightPage__item{
	display:flex;
	justify-content:space-between;
	text-decoration:none;
	color:#f0f0f0;
	font-size:1.4rem;
	padding:1rem;
	line-height:100%;
	border-top:#3D4D6B solid 1px;
}

.sidebarRightPage__item_spacer{
	font-size:1.1rem;
	text-transform:uppercase;
	color:#808080;
	padding-top:2rem;
}

.sidebarRightPage__item:last-child{
	border-bottom:#3D4D6B solid 1px;
}

.sidebarRightPage__item_active{
	background-color:RGBA(255,255,255,0.3);
	background-blend-mode: screen;
	font-weight:500;
}

.sidebarRightPage__link{
	display:inline-block;
	position:relative;
	line-height:100%;

}




/* content */
.content__outside {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	position:relative;
	margin:0;
	padding:0;
	flex-grow:1;
	
	min-height:100vh;
	max-height:100vh;
}



/*
** content__inside
*/

.content__inside{
	display:flex;
	position:relative;
	flex-direction:column;
	justify-content:flex-start;
	align-items: stretch;
	padding:1.5rem;
	margin:0;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	overflow-y:scroll;
	min-height:calc(100vh);
	height: -moz-available;
	height: -webkit-fill-available;	
	scrollbar-width: thin;
	
}




.content_inline{
	display:flex;
	position:relative;
	flex-direction:row;
	justify-content:space-between;
	align-items: stretch;
	margin:0;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
}


.content__twoColumns{
	display:flex;
	position:relative;
	flex-direction:row;
	justify-content:space-between;
	align-items: stretch;
	margin:0 0 3rem 0;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
}


.content__left{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	padding:0 1rem 0 0;
	width: -moz-available;
	width: -webkit-fill-available;	
}

.content__left_inline{
	flex-direction:row;
}

.content__left_inline > *{
	margin-left:1rem;
}

.content__left_inline > *:first-child{
	margin-left:0;
}


.

.content__right{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	padding:0 0 0 1rem;
	width: -moz-available;
	width: -webkit-fill-available;		
}

.content__size_10{  width:calc(10% - 1rem);  min-width:calc(10% - 1rem);  max-width:calc(10% - 1rem);  }
.content__size_20{  width:calc(20% - 1rem);  min-width:calc(20% - 1rem);  max-width:calc(20% - 1rem);  }
.content__size_30{  width:calc(30% - 1rem);  min-width:calc(30% - 1rem);  max-width:calc(30% - 1rem);  }
.content__size_33{  width:calc(33.3% - 1rem);  min-width:calc(33.3% - 1rem);  max-width:calc(33.3% - 1rem);  }
.content__size_40{  width:calc(40% - 1rem);  min-width:calc(40% - 1rem);  max-width:calc(40% - 1rem);  }
.content__size_50{  width:calc(50% - 1rem);  min-width:calc(50% - 1rem);  max-width:calc(50% - 1rem);  }
.content__size_60{  width:calc(60% - 1rem);  min-width:calc(60% - 1rem);  max-width:calc(60% - 1rem);  }
.content__size_66{  width:calc(66.6% - 1rem);  min-width:calc(66.6% - 1rem);  max-width:calc(66.6% - 1rem);  }
.content__size_70{  width:calc(70% - 1rem);  min-width:calc(70% - 1rem);  max-width:calc(70% - 1rem);  }
.content__size_80{  width:calc(80% - 1rem);  min-width:calc(80% - 1rem);  max-width:calc(80% - 1rem);  }
.content__size_90{  width:calc(90% - 1rem);  min-width:calc(90% - 1rem);  max-width:calc(90% - 1rem);  }
.content__size_100{ width:calc(100% - 1rem); min-width:calc(100% - 1rem); max-width:calc(100% - 1rem); }

.content-page-rDescription{
	font-size:1.3rem;
	line-height:145%;
	color:#808080;
	font-weight:300;
}

/* top_sidebar */
.topSidebar{
	display:flex;
	justify-content:space-between;
	color:#ffffff;
	background-color:#101010;
	align-items:flex-start;
	align-content:center;
	padding:0.5rem 1.5rem;
	width:calc(100%);
}

.topSidebar__left, 
.topSidebar__center,
.topSidebar__right{
	display:flex;
	font-size:1.6rem;
	font-weight:100;
	line-height:100%;
	flex-grow:1;
	padding:1rem 0;
	margin:0;
}
.topSidebar__center,
.topSidebar__right{
	flex-grow:0;
	
}
.topSidebar__center{
	padding-right:0.5rem;
}

.topSidebar__link{
	color:#ffffff;
	text-decoration:none;
}


.form-depended{
	padding: 1.5rem;
	background-color:RGBA(0,0,0,0.05);
	border:#ffffff solid 1px;
}



/* ****************************************************************************
** smallBoxes 
*******************************************************************************/
.smallBoxes__items{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	align-content:center;
	padding:1.5rem 0.5rem;
	width:calc(100% - 1rem);
	font-size:1.2rem;
}

.smallBoxes__item{
	display:flex;
	flex-direction:column;
	width:25%;
	margin:0 1rem;
	justify-content:space-between;
	align-items:stretch;
	align-content:center;
	padding:0;
	min-height:9rem;
	border-radius:1rem;
}


.smallBoxes__top{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	align-content:center;	
	margin:0;
	padding:1rem;
}

.smallBoxes__bottom{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:stretch;
	align-content:center;	
	margin:0;
	padding:0.7rem 0 ;
	line-height:100%;
	width:100%;
	text-decoration:none;
	color:#ffffff;
	background-color:RGBA(0,0,0,0.3);
	text-transform:uppercase;
	border-radius:0 0 1rem 1rem;
}


.smallBoxes__left{
	display:flex;
	flex-direction:column;
	flex-grow:0;
}


.smallBoxes__right{
	display:flex;
	width:9rem;
	min-width:9rem;
	max-width:9rem;
	height:9rem;
	min-height:9rem;
	max-height:9rem;	
	flex-grow:1;
	background-position:center;
	background-repeat:no-repeat;
	background-size:80%;
	opacity:0.2;
	background-blend-mode: multiply;
	transition:ease-in-out 200ms;
}


.smallBoxes__item:hover .smallBoxes__right{
	background-size:90%;
	opacity:0.3;
}


.smallBoxes__title{
	font-size:4.5rem;
	line-height:100%;
	font-weight:100;
	color:#ffffff;
}


.smallBoxes__description{
	font-size:1.4rem;
	line-height:120%;
	font-weight:300;
	color:#ffffff;
	margin-top: 0.5rem;
}



/*
** pane
*/
.subTitle{
	display:block;
	position:relative;
	font-size:1.6rem;
	line-height:135%;
	margin:-1rem 0 3rem 0;
	font-weight:300;
	background-color:white;
	padding:1.5rem;
	font-style:italic;
	color:#808080;
	border:#f0f0f0 solid 1px;
	border-radius:1rem;
}


h3.paneHead{
	margin-top: 0 ;
}


.pane{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	align-content:flex-start;
	/*border:#f0f0f0 solid 1px;*/
	border-top:#d0d0d0 solid 4px;
	background-color:#ffffff;
	font-size:1.4rem;
	padding:1.5rem;
	margin:0 0 3rem 0;
	width:100%;
	width: -moz-available;
	width: -webkit-fill-available;
	box-shadow:0px 0px 2px RGBA(0,0,0,0.1);
	border-radius: 0.5rem;
	color:#505050;
}


.pane__header{
	display:block;
	position:relative;
	font-size:1.8rem;
	font-weight:300;
	padding:0 0 1rem 0;
	margin:0;
}



/*
** forms
*/
form.blockForm *{
	pointer-events:none;
	transition:ease 100ms;
	opacity:0.7;
}

.form-group{
	display:flex;
	flex-direction:column;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	margin-bottom:1.5rem;
}

.form-group:last-child{
	margin-bottom:0;
}

.form-group:last-child > div:last-child .form-item{
	margin-bottom:0;
}



.form-item{
	display:flex;
	flex-direction:column;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	margin-bottom:1.5rem;
	position: relative;
}

.form-item_autosize{
	display:flex;
	flex-direction:row;
	width: auto;
}

.form-item-checkbox{
	margin-top:2rem;
}


.info-text,
.error-text{
	display:block;
	font-size:1.1rem;
	color:#a0a0a0;
	line-height:100%;
	margin-bottom:0.5rem;
	margin-top:0.3rem;
}

.error-text{
	color:#B00000;
}

.info-text + .error-text{
	margin-top:0;
}


.form-error .info-text{
	color:#B00000;
}

.form-error > label{
	color:#B00000;
}

.form-error > input[type="text"],
.form-error > textarea{
	border-color:#B00000;
}


.form-error-header{
	display:block;
	position:relative;
	margin:0 0 2rem 0;
	padding:1.5rem;
	border-radius:0.5rem;
	background-color:RGBA(220,0,0,0.3);
	border:#B00000 solid 1px;
	width: 100%;
	font-size:1.4rem;
	line-height:100%;
	color:#c00000;
	font-weight:400;
}

.form-inline{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:stretch;
	position: relative;
}

.form-inline > .form-item{
	margin-right:1rem;
}

.form-inline > .form-item:last-child{
	margin-right:0;
}

.form-field-inset{
	display:block;
	position:relative;
}


.form-item_prefix .form-field-inset{
	display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;	
}


.form-item_prefix .form-field-inset > span{
	display: inline-block;
	line-height:100%;
	border-radius:5px 0 0 5px;
	padding: 3px;
	color:#808080;
	background-color:#e0e0e0;
	border:#d0d0d0 solid 1px;
	border-right:0 none;
	font-size:1.2rem;
}


input[type="checkbox"]{
	display:block;
	position:absolute;
	left:-5000px;
	top:-5000px;
	width:1px;
	height:1px;
	opacity:0.1;
}

.form-checkbox-custom{
	display:inline-block;
	position:relative;
	width:36px;
	height:18px;
	background-color:#eeeeee;
	border:#a6a6a6 solid 1px;
	border-radius:30px;
	cursor:pointer;
}


.form-checkbox-custom:before{
	display:block;
	position:absolute;
	content:'';
	width:16px;
	height:16px;
	left:0;
	top:0;
	background-color:#ffffff;
	box-shadow:1px 2px 3px RGBA(0,0,0,0.2);
	border-radius:50%;
	transition:linear 50ms;
}


input[type="checkbox"]:checked + .form-checkbox-custom:before{
	left:18px;
	box-shadow:-1px 2px 3px RGBA(0,0,0,0.2);
}

input[type="checkbox"]:checked + .form-checkbox-custom{
	background-color:#32cd32;
	border:#238f23 solid 1px;
}


.form-checkbox-wrapper{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	align-content:center;
}

.form-checkbox > label{
	cursor: pointer;
}

.form-checkbox-label{
	display:inline-block;
	margin-left: 10px;
}


.btn{
	display:inline-block;
	position:relative;
	width:auto;
	font-size:1.6rem;
	line-height:100%;
	font-weight:400;
	color:#000000;
	padding:0.8rem 2rem 1rem 2rem;
	cursor:pointer;
	box-shadow:1px 0px 2px RGBA(0,0,0,0.1);
	border:#b0b0b0 solid 1px;
	border-radius:0.5rem;
}



.addNewElement__link{
	display:inline-block;
	position:relative;
	white-space:nowrap;
}

.addNewElement__link_inline{
	margin-bottom: 2rem;
}


.addNewElement__emptyspace{
	display:inline-block;
	position:relative;
	padding:0 2rem;
}

.plusLink{
	padding-left:23px;
	padding-right:10px;
}

.plusLink:before{
	display:inline-block;
	position:absolute;
	content:"";
	width:17px;
	height:17px;
	background-image:url('/assets/images/plus_blue.svg');
	background-position:center;
	background-repeat:no-repeat;
	margin-left:-23px;
	margin-top:1px;
}


.pencil{
	padding-left:23px;
	padding-right:10px;
}

.pencil:before{
	display:inline-block;
	position:absolute;
	content:"";
	width:17px;
	height:17px;
	background-image:url('/assets/images/pencil.svg');
	background-position:center;
	background-repeat:no-repeat;
	margin-left:-23px;
	margin-top:1px;
}


.delete{
	padding-left:23px;
	padding-right:10px;
}

.delete:before{
	display:inline-block;
	position:absolute;
	content:"";
	width:17px;
	height:17px;
	background-image:url('/assets/images/delete.svg');
	background-position:center;
	background-repeat:no-repeat;
	margin-left:-23px;
	margin-top:1px;
}





.form-group-panel{
	display:flex;
	position:relative;
	justify-content:flex-start;
	align-items:flex-start;
	flex-direction:column;
	margin:1rem 0;
	padding:1rem;
	border:#e0e0e0 solid 1px;
	width:calc(100% + 1rem);
	margin-left:-1rem;
}

.form-group-title{
	display:block;
	position:relative;
	font-size:1rem;
	text-transform:uppercase;
	padding:3px;
	line-height:100%;
	margin-top:-1.8rem;
	background-color:#f0f0f0;
	margin-bottom:2rem;
	color:#808080;
}


/*
** table
*/


.tablePane__table{
	width:100%;
	width: -moz-available;
	width: -webkit-fill-available;	
	margin:0 -1.5rem;
	width:calc(100% + 3rem);
	position:relative;
	color:#505050;
}

.tablePane__table tr td,
.tablePane__table tr th{
	border-top:#f0f0f0 solid 1px;
	font-size:1.4rem;
	line-height:100%;
	padding:1rem 0.5rem;
	text-align:left;
	color:#505050;
	background-color:#ffffff;
	transition:ease-in-out 100ms;
}

.tablePane__table tr:last-child td{
	border-bottom:#f0f0f0 solid 1px;
}

.tablePane__table tr td:last-child,
.tablePane__table tr th:last-child{
	text-align:right;
	padding-right:1.5rem;
}

.tablePane__table tr td:first-child,
.tablePane__table tr th:first-child{
	padding-left:1.5rem;
}

.tablePane__table tr:hover td,
.tablePane__table tr:hover th{
	background-color:#fafafa;
}

/*
** calendar
*/
.calendar__tabsWrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
.calendar__tabs{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	align-content:center;
	border-bottom:#e0e0e0 solid 1px;
}

.calendar__tab{
	display:inline-block;
	position:relative;
	padding:1rem 2rem;
	border-top:#e0e0e0 solid 1px;
	border-left:#e0e0e0 solid 1px;
	border-right:#e0e0e0 solid 1px;
	border-bottom:#e0e0e0 solid 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	cursor:pointer;
	background-color:#f0f0f0;
}

.calendar__tab.active{
	border-bottom:#fafafa solid 1px;
	background-color:#fafafa;
}


.calendar__tab:first-child{
	border-top-left-radius: 10px;
}


.calendar__tab:last-child{
	border-top-right-radius: 10px;
}


.calendar__panel{
	display:none;
	flex-direction:column;
	width:100%;
	margin:0;
	padding:0;
	align-items:flex-start;
	justify-content:flex-start;
}


.calendar__panel.active{
	display:flex;
}

.calendar__timeline{
	display:flex;
	position:relative;
	width:100%;
	height:auto;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	min-height:2rem;
}

.calendar__hour{
	display:block;
	font-size:1.1rem;
	wont-weight:300;
	color:#e0e0e0;
	text-align:left;
	position:absolute;
	border-bottom:#f0f0f0 solid 1px;
	margin-left: -1px;	
}

.calendar__hourMarker{
	display:inline-block;
	width: 2rem;
	text-align:center;
	margin-left:-1.1rem;
}


.calendar__hour:after{
	display:block;
	position:absolute;
	content:"";
	width:1px;
	height:5px;
	background-color:#e0e0e0;
	bottom:0;
	right:0;
}

.calendar__hour:before{
	display:block;
	position:absolute;
	content:"";
	width:1px;
	height:2px;
	background-color:#e0e0e0;
	bottom:0;
	left:50%;
}

.calendar__hour:last-child:after{
	display:none;
}



.calendar__timelineRow{
	display:flex;
	position:relative;
	width:100%;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:flex-start;
	margin:0;
	padding:0;
	min-height:6.8rem;
	border-bottom: #f0f0f0 solid 1px;
}

.calendar__timelineCell{
	display:block;
	position:absolute;
	left:0;
	top:2px;
	width:10%;
	height:6.4rem;
	overflow:hidden;
	border-radius:5px;
	text-decoration:none;
}

.calendar__timelineItemTitle{
	display:block;
	font-size:1.4rem;
	font-weight:300;
	line-height:100%;
	color:#ffffff;
	padding:5px 2px 0 5px;
	text-decoration:none;
}

.calendar__timelineItemInfo{
	display:block;
	font-size:1.2rem;
	font-weight:300;
	line-height:100%;
	color:#808080;
	padding:5px;
}


/* calendar */
.calendar__row{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}

.calendar__col{
	display:flex;
	flex-direction:column;
}

.calendar__col_left{
	flex-grow:1;
}

.calendar__col_leftImage{
	padding:0.4rem 1rem;
	align-items:center;
	align-content:center;
	justify-content:center;
}

.calendar__col_right{
	flex-grow:1;
}


.calendar__title{
	font-weight:700;
	font-style:normal;
}

.calendar__action{
	display:block;
	position:relative;
	border-top:#f0f0f0 solid 1px;
	padding:1rem 0 0 0;
	margin:1rem 0 0 0;
}



/* data tables */
.dataTables_wrapper {
	width:100%;
}


.dataTables_length > label {
	display: flex;
	align-content: center;
	align-items: center;
}

.dataTables_length > label  > select{
	margin-left: 5px;
	margin-right:5px;
}



/* flexdatalist */
.flexdatalist-results li.item{
	display:flex;
	flex-direction:column;
	cursor:pointer;
}


.flexdatalist-results  .item-post{
	font-size:1.1rem;
	font-weight:300;
	color:#c0c0c0;
	line-height:145%;
}


.flexdatalist-results  .item-alarm{
	font-size:1.1rem;
	font-weight:300;
	color:#FF6E00;
	line-height:145%;
}


.QR-wrapper{
	display:flex;
	flex-direction:column;
	align-content:center;
	align-items:center;
	justify-content:center;
	max-height:calc(100% - 3rem);
}



.QR-image{
	display:block;
	max-height:calc(100% - 8rem);
}


/**/
.content__twoColumns_files{
	margin-bottom:0.1rem;
}

.content__left_nopadding{
	padding:0; 
}

.fileContent{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	margin:0;
	padding:0;
	position:relative;
}

.fileContent__top{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	min-width:100%;
	max-width:100%;
}


.fileContent__bottom{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:calc(100% - 1px);
	min-width:calc(100% - 1px);
	max-width:calc(100% - 1px);
	min-height:100px;
	border:#d8d8d8 solid 1px;
	box-shadow:none;
	padding:1px;
	margin-top:-1px;	
}


.fileManager__pane{
	border-top:0 none;
	border-radius: 0;
	margin:0;
	width:50%;
	min-width:50%;
	max-width:50%;	
	font-family: "IBM Plex Mono";
	max-height: 500px;
	min-height: 500px;
	padding:1px;
	box-shadow:none;
	border:#d8d8d8 solid 1px;
}

.fileManager__paneBottom{
	border-top:0 none;
	border-radius: 0;
	margin:0;
	width:calc(100% );
	min-width:calc(100%);
	max-width:calc(100%);	
	min-height:100px;
	height:100px;
	border:#d8d8d8 solid 1px;
	box-shadow:none;
	position:relative;
	
}

.fileManager__paneBottom_preview{
	min-height:150px;
	height:150px;
}

.flieList__wrapper{
	display:flex;
	flex-direction:column;
    overflow-y: scroll;
	scrollbar-width: thin;
	max-height: 496px;
	min-height: 496px;
	border:#d8d8d8 solid 1px;
	width: 100%;
}


.flieList__column{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	margin:0;
	padding:0;
	
	
}


.libraryFiles__elementWrapper{
	display:flex;
	padding:0;
	margin:0;
	color:#303030;
	width:100%;
	cursor:pointer;
	user-select: none;
}

.libraryFiles__elementWrapper:hover{
	background-color:#f0f0f0;
}

.libraryFiles__elementName{
	display:flex;
	flex-direction:column;
	width:65%;
	min-width:65%;
	max-width:65%;
	height:29px;
	overflow:hidden;
	color:#00174F;
	padding: 3px 4px;
	line-height: 23px;
}


.libraryFiles__elementExt{
	display:flex;
	position:relative;
	flex-direction:column;
	width:10%;
	min-width:10%;
	max-width:10%;
	height:29px;
	overflow:hidden;
	color:#00174F;
	border-right:#d8d8d8 solid 1px;
	padding: 3px 16px 3px 1px;
	text-align:right;
	line-height: 23px;
}

.libraryFiles__elementFolder{
	color:#6B8B15;
	font-weight:700;
}

.libraryFiles__elementFolderExt{
	color:#e0e0e0;
}

.libraryFiles__elementSize{
	color: #3070a0;
	padding: 3px 8px 3px 1px;
	height:29px;
	width:15%;
	min-width:15%;
	max-width:15%;
	text-align:right;
	border-right:#e8e8e8 solid 1px;
}


.fileManager__paneBottom{
	padding:0;
}


.fileManager__bottomInside{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
}

.fileManager__bottomLeft{
	display:flex;
	flex-direction:column;
	width:148px;
	height:148px;
	min-width:148px;
	max-width:148px;	
	background-color:#FFFFFF;
	border-right:#e8e8e8 solid 1px;
	padding:10px;
	flex-grow:0;
}

.fileManager__previewImage{
	display:block;
	position:relative;
	width:128px;
	height:128px;
	object-fit:cover; 
}

.fileManager__bottomRight{
	display:flex;
	flex-direction:column;
	padding:10px;
	flex-grow:1;
}

.libraryFiles__elementWrapper.active{
	background-color:#D5D9C9;
}


.fileManagerPreview__wrapper,
.fileManagerPreview__image{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	left:0;
	top:0;
	object-fit:contain;
}


.fileManagerPreview__previewImage{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	left:0;
	top:0;
	object-fit:contain;
}


.libraryFiles__elementExtLbl{
	display:block;
	position:absolute;
	right:5px;
	top:13px;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#a0a0a0; 
}


.libraryFiles__elementExtLbl_yes{
	background-color:rgba(124,211,46,0.1);
}


.libraryFiles__elementExtLbl_no{
	background-color:rgba(184,24,49,0.50);
}




.content__left_topmnu{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	
	position:relative;
	height:20px;
	font-size:1.2rem;
	line-height:100%;
	padding:0;
	margin:0;
	text-transform: uppercase;
}

.addNewElement__btn{
	display:block;
	position:relative;
	text-decoration:none;
	color:#505050;
	border:#d8d8d8 solid 1px;
	padding:4px 8px 0px 4px;
	margin:0;
}

.addNewElement__btn:hover{
	color:#000000;
	background-color:rgba(149,171,231,0.50);
	border-color:rgba(65,110,215,1.00);
	z-index:1000;
}

.addNewElement__label{
	display:inline-block;
	position:relative;
	background-color:#d8d8d8;
	color:#FFFFFF;
	margin:-4px 0 0 -4px;
	padding:4px 4px;
	margin-right:4px;
	text-align:center;
	width:20px;
}

.addNewElement__btn:hover .addNewElement__label{
	color:#FFFFFF;
	background-color:rgba(65,110,215,1.00);
}

.content__leftHiddenForm{
	display:block;
	position:fixed;
	left:-3000px;
	top:-300px;
	width:1px;
	height:1px;
	overflow:hidden;
}



.upload-progress__wrapper{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fafafa;
	text-align:center;
	font-weight:300;
}

.upload-progress__wrapper.hidden{
	display:none;
}


.uploadProgress__bar{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background-color:rgba(96,177,21,0.80);
}

.uploadProgress__text{
	display:block;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:300;
	text-transform:uppercase;
	z-index:100;
}







.drag-n-drop__area{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	width:100%;
	height:8rem;
	background-color:RGBA(0,0,0,0.05);
	border:#ffffff solid 1px;
	border-radius:5px;
}




.formFiles__elementExtLbl{
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius: 50%; 
	right:5px;
	top:14px;
}



.qr_content{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
}

.qr_content__left{
	display:flex;
	flex-direction:column;
	min-width:30rem;
	min-height:30rem;
	max-width:30rem;
	max-height:30rem;
	width:30rem;
	height:30rem;
	flex-grow:0;
}


.qr_content__image{
	display:block;
	min-width:30rem;
	max-width:30rem;
	width:30rem;
	height:30rem;
	object-fit:cover;	
}



.qr_content__rignt{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	align-items:flex-start;
	justify-content:flex-start;
	width:calc(100% - 29rem);
	padding-left:1rem;
}


.qr_content__owner{
	display:block;
	padding:5px 4px 4px 4px;
	background-color:#505050;
	color:#ffffff;
	width:100%;
	font-size:1.1rem;
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:1rem;
}

.qr_content__title{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	position: relative;
	font-size: 2.2rem;
	font-weight: 300;
	padding: 0 0 1rem 0;
	margin: 0;
	width:100%;
	
}


.qr_content__body{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	position: relative;
	font-size: 1.8rem;
	font-weight: 300;
	padding: 0 0 1rem 0;
	margin: 0;
	width:100%;
}

.qr_content__body > table{
	font-size:1.2rem;	
	padding:2rem 0;
}

.qr_content__body > table tr td{
	border-bottom: #e0e0e0 solid 1px;
}


.qr_content__settings{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	padding: 0 0 1rem 0;
	margin: 0;
	width:100%;
}


.qr_content__scores{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
	padding: 1rem 0 1rem 0;	
	font-size: 1.3rem;
	font-weight: 300;
	text-transform:uppercase;
	width:100%;
	border-top:#e0e0e0 solid 1px;
}


.qr_content__scoresItem{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	padding: 0 0 1rem 0;
	margin: 0;	
	font-size: 1.3rem;
	font-weight: 300;
	text-transform:uppercase;
	padding: 0 1rem 0 0;
}

.qr_content__byDefault{
	font-size:1rem;
	line-height:100%;
	color:#80b0a0;
	text-transform:uppercase;
}



.tablePane__table tr td.defaultPointsCell{
	color:#80b0a0;
	width:8rem;
}
.tablePane__table tr td.userPointsCell{
	color:#505050;
	width:8rem;
}




textarea#content{
	min-height:400px;
}




.mainPage__right{
	display:flex;
	flex-direction:column;
	width:25%;
	min-width:25%;
	max-width:25%;
}




.fbQR__TableName{
	
}




/* articles */


/* categories_list */
.treespacer-wrapper{
	display:inline-block;
	position:relative;
}

.treespacer{
	display:inline-block;
	position:absolute;
	top:-22px;
	height:38px;
	width:100%;
}


.tablePane__table tr td.itemDepth_0{
	font-weight:700;
	color:#102030;
}

.tablePane__table tr td.itemDepth_1{
	font-weight:400;
	color:#404040;
}

.tablePane__table tr td.itemDepth_2{
	font-weight:300;
	color:#505050;
	font-style:italic;
}


/* CP FORUM */
.tablePane__category{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	margin:0 0 2rem 0;
	padding:0;
}

.tablePane__category:last-child{
	margin:0;
}




.tablePane__categoryRow{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
	margin:0 0 0.5rem 0;
	padding:0 0 0 0.5rem;	
	font-weight:700;
	color:#303030;
}



.tablePane__categoryTopics{
	display:block;
	width:100%;
}

.tablePane__categoryTopics .tablePane__table tr{
	background-color:#fafafa;
	line-height:100%;
}

.tablePane__categoryTopics .tablePane__table th{
	font-size:1.2rem;
	font-weight:300;
	background-color:#fafafa;
}