body{
	font-family: 'Hind', serif;
	font-weight: 300;
	text-rendering: optimizelegibility;
	font-size: 16px;
}

@font-face {
  font-family: 'icomoon';
  src:
    url('fonts/icomoon/icomoon.ttf?bnd277') format('truetype'),
    url('fonts/icomoon/icomoon.woff?bnd277') format('woff'),
    url('fonts/icomoon/icomoon.svg?bnd277#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}



a{
	text-decoration: none;
	color: #2C4F68;
}
#content-inner a.textlike{
	color: black;
}
a:hover{
	color: gray;
}


.bigger{
	font-size: 2em !important;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-16{
	font-size: 16px;
}
.icon-32{
	font-size: 32px;
}
.icon-64{
	font-size: 64px;
}
.icon-128{
	font-size: 128px;
}



table td, table th{
	padding: 5px;
}
table th{
	font-size: 0.9em;
}

h1{
	font-size: 2em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: black;
	padding: 0.5em 0;
}
h2{
	font-size: 1.7em;	
	color: #2C3E50;
	padding: 0.5em 0;
}
h3{
	color: #555;
	font-size: 1.5em;
	padding: 0.5em 0;
}


strong, b{
	font-weight: bold;
}

.ma0{
	margin: 0;
}
.pa0{
	padding: 0;
}

.colc2{
	-webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}
.colc3{
	-webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
}

.bolder{
	font-weight: bold;
}

.all-hidden{
	display: none;
}

.hint{
	color: gray;
	background-color: #E5E5E5;
	border-radius: 4px;
	padding: 0.5em;
}
/*
ENUM TAG
*/
.enum-tag{
	display: inline-block;
	padding : 2px 5px;
	border-radius: 3px;
	min-width: 70px;
	background-color: LightGray;
	color: black;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.2em;
	margin: auto 0.3em;
}
.enum-tag.smaller{
	min-width: 30px;
	padding : 2px 3px;
	
}

.online, .ok, .active, .sent, .enum-tag.open, .validated, .yes{
	background-color: YellowGreen ;
}

.progress, .in_progress, .free{
	background-color: #90C093;
}

.offline, .ko, .canceled, .no{
	background-color: IndianRed;
}
.deleted{
	background-color: DimGray;
	color: white;
}
.pending, .enum-tag.close{
	background-color: #79B5DA ;
}
.pinned{
	background-color: MediumVioletRed ;
}


.green{
	color: #4D9D4E ;
}
.red{
	color: IndianRed ;
}
.orange{
	color: orange ;
}
.blue{
	color: #79B5DA ;
}
.white{
	color: white;
}
.lightgreen{
	color: #55CC55;	
}

.enum-tag i{
	vertical-align: middle;
}

.warning, .problem{
	color: #C58712;
	padding: 5px;
	border-left: solid 3px #C58712;
}
.success{
	color: #378532;
	padding: 5px;
	border-left: solid 3px #378532;
}
.error{
	color: #A1220B;
	padding: 5px;
	border-left: solid 3px #A1220B;
}

.new{
	border-left: 2px YellowGreen solid;
}
.me{
	border-left: 2px DodgerBlue solid;
}




.selectize-dropdown .highlight{
  margin: 0 !important;
  padding: 0 !important;
}


/* NAVIGATION */

div.pagination{   
	margin: 0 auto 2em;
    text-align: center;
}

div.pagination>*{
	padding: 5px;
	background-color: #2C4F68;
	color: white;
	border-radius: 4px;	
}
div.pagination strong{
	background-color: #587F74;
}
div.pagination a:hover{
	color:#2C3E50;
	opacity: 0.7;
	
}

/*
showover
*/
.showhover .invisible{
	visibility: hidden;
}
.showhover:hover  .invisible{
	visibility: visible;
}


.colorsample{
	display: inline-block;
	vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0px 0px 4px -1px #888;
  margin: 2px;
  padding: 0px;
}
.colorsample64, input[type="color"].colorsample64{
  width: 64px;
  height: 64px;
}

.colorsample-mini{
	width: 1em;
	height: 1em;
}


/* TABLE OPTIONS */
tbody tr:nth-child(2n+1) {
background-color: #f6f6f6;
}
table #options{
	background-color: white;
}
table #options>td{
	border-width: 2px;
}
table #options thead tr{
	background-color: transparent;
}

/*
ROWLIGHTABLE
*/
.rowlightable>*:hover{
	background-color: #eee;
}
.rowlightable tr.current{
	font-weight: inherit;
	background-color: #D5FAC1;
	border-left : 3px #629547 solid;
	border-right : 3px #629547 solid;
}
table tfoot tr.search input,table tfoot tr.search select{
	width: 100%;
}

.tableView tbody{
	border-top: solid gray 1px;
}
.tableView tfoot{
	display: table-header-group;
	box-shadow: 0px 0px 3px 2px #ccc inset;
	background-color: #eee;
}
.tableView thead{
	border-bottom: solid gray 1px;
}

.tableView tfoot td, .tableView tfoot th{
	border: none;
}

/* NOTIFICATION */
#notifications{
	position: fixed;
	top: 20px;
	right: 20px;
}
.notification{
	background-color: white;
	border: dotted 1px lightgray;
	box-shadow: 2px 2px 2px gray;
	font-size: 15px;
	padding: 1em;
	width: 300px;
	max-width: 300px;
	position: relative;
	margin-bottom: 0.5em;

    animation:    slideLeft 1.0s 0.0s 1 ease-out forwards;
}
@keyframes slideLeft {
    0% { 
    	transform: translateX(300px);   
    }
    100% { 
    	transform: translateX(0px); 
    }
}


kbd{
	-moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

strong{
	font-weight: bold;
}

/*
MENU
*/

.current{
	font-weight: bold;
}

/*
CONTENT PAGE LIST
*/
.content_pages-list{
	list-style: none inside;
	margin: 0;
	padding: 0;
}
.content_pages-list li{
	padding: 2px;
	margin: 0;
}
.content_pages-list li:hover{
	background-color: white;
}

/*
ACTIONLINKS
*/
.actionlinks{
	margin: 0.5em auto;
	padding: 0.5em;
	background-color: #eee;
	text-align: left;
	/*box-shadow: 0px 0px 3px 2px #ccc inset;*/
  line-height: 2em;
  text-align: right;
	
}
.actionlinks a{
	display: inline-block;
	padding: 0.2em 0.8em;
	text-decoration: none;
	min-width: 8em;
	text-align: center;
	/*background-color: #17AA8D;*/
	color: black;
	border-radius: 0.3em;
}


.actionlinks a.current{
	background-color: #2C3E50;;
	color: white;	
}
.actionlinks a:hover{
	text-decoration: none;
	background-color: #138C74;
	color: white;
}
/*
SUBLINKS
*/
.sublinks{
	margin: 0.5em auto;
	padding: 0;
	/*background-color: #17AA8D;*/
	text-align: left;
	
}
.sublinks a{
	/*display: inline-block;*/
	padding: 0.5em;
	text-decoration: none;
	min-width: 8em;
	text-align: center;
	/*background-color: #17AA8D;*/
	color: black;
}


.sublinks a.current{
	/*background-color: #2C3E50;;*/
	color: white;	
}
.sublinks a:hover{
	text-decoration: none;
	/*background-color: #138C74;*/
	color: white;
}


.sticky-top{
  /*margin-bottom: 2em;*/
  position: sticky;
  background: rgba(255,2552,255,0.9);
  top: 0;
  z-index:100;
  box-shadow: black 0px 6px 15px -15px;
}
.sticky-bottom{
  /*margin-top: 2em;*/
  position: sticky;
  background: rgba(255,2552,255,0.9);
  bottom: 0;
  z-index:100;
  box-shadow: black 0px -6px 15px -15px;
}

.sticky-bottom [class*="grid-"] > div{
  align-self: end;
}
.notsticky-bottom{
  
  background: rgba(255,2552,255,0.9);
  box-shadow: black 0px -6px 15px -15px;
}

/*
SHARES
*/


.share{
}
.share .shareicon{
  background-image: url(socials_icon.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  /*margin: 4px auto;*/
  opacity: 1;
    -webkit-transition: opacity .6s ease-in;
    -moz-transition: opacity .6s ease-in;
    -o-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in;
}

.share .shareicon:hover{
  opacity: 0.5;
}
.share .shareicon span{
  display: none;
}
.button_facebook{/*18*/
  background-position: 0 -16px;
}

.button_email{/*17*/
  background-position: 0 -0px;
}
/*.button_google{
  background-position: 0 -368px;
}*/
.button_linkedin{
  background-position: 0 -32px;
}
.button_twitter{
  background-position: 0 -48px;
}

/*
SOCIALS
*/
.socials{
  padding: 1rem;
}
.socials i{
  border-radius: 50%;
  padding: 0.3em;
  color: gray;
  color: rgba(255,255,255,0.5);
  font-size: 32px;
  display: inline-block;
}
.socials-nofill i{
  background-color: inherit;
  background: inherit;
  color: inherit;
}

.socials>a>span{
  display: none;
}
.socials>a{
  opacity: 1; 
}
.socials>a:hover{ 
  text-decoration: none;
  opacity: 0.8; 
  transition: opacity .25s ease-in-out; 
  -moz-transition: opacity .25s ease-in-out; 
  -webkit-transition: opacity .25s ease-in-out; 
}

.icon-facebook{
  background-color: #3B5998;
}
.icon-twitter{
  background-color: #49A2D6;
}
.icon-googleplus{
  background-color: #C96247;  
}
.icon-linkedin{
  background-color: #0077B5;
}
.icon-tumblr{
  background-color: #2C4762;
}
.icon-vimeo{
  background-color: #1AB7EA;  
}
.icon-flickr{
  background-color: #FF2D9A;
}
.icon-youtube{
  background-color: #C61424;
}
.icon-viadeo{
  background-color: #EE7600;
}
.icon-instagram{
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
}

/*
MEDIAS
*/
#folders{
	min-height: 300px;
}
#folders > .treefolders{
	margin: 1em 0;
	font-size: 0.8em;
	padding: 0;
}
.treefolders{
	padding-left: 1em;
}
.treefolders .droppable-folders{
	background-color: tomato;
}
#folders .actions{
	text-align: center;
	/*position: fixed;*/
	width: inherit;

}
.movable-files{
	cursor: move;	
}
#files{
}
#previewfile{
}
#files button, #folders button{
	width: auto;
}

.preview img{
	max-width: 800px;
}
.files{
}
.file{
	display: inline-block;
	width: 150px;
	min-height: 200px;
	margin: 5px;
	border-radius: 10px;
	text-align: center;
	padding: 4px;
	background: white;
	vertical-align: top;
	border: solid 1px lightgray;
	box-shadow: 1px 1px 1px 1px #EEE;
	cursor: pointer;
	position: relative;
}
.file:hover{
	background-color: #EEE;
}


.file.selected{
	background-image: url(tick.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}


.file.pending h3{
	background-color: lightgray;
	background-image: url(wait.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.file.error h3{
	background-color: tomato;
	background-image: url(error.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.file.encoding h3{
	background-color: #6BA0F3;
	background-image: url(computing.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.file h3{
	font-size: 12px;
}
.file h3 a{
	text-decoration: none;
}
.file p{
	margin:0;
	font-size: 13px;
	color: gray;
}
.file p.filesize{
	font-size: 11px;
}
.file .thumbnail{
	display: table-cell;
    height: 128px;
    vertical-align: middle;
    width: 140px;
}
.file .thumbnail a{
	display: block;
}
.file .thumbnail img{
	max-width: 128px;
	max-height: 128px;
}
.file.video .thumbnail a::after{
	background: url("play.png") no-repeat scroll center center transparent;
    content: "";
    height: 128px;
    left: 8px;
    position: absolute;
    top: 24px;
    width: 128px;
	display: block;
}

.file.selected{
	border-color: black;
}
.du-progress{
	border-radius: 2px;
	width: 90%;
	border: 1px solid gray;
}
.progress-txt{
	background: url(computing.gif) no-repeat 5px center transparent;
	padding-left: 25px;
}

.files-sorts button.desc::after{
	content: " ↑";
}
.files-sorts button.asc::after{
	content: " ↓";
}
.dragfileover{
	background: pink;
}

.sortHandle{
	cursor: move;
	font-size: 1.5em;
	vertical-align: middle;
}

#bo .module{
	display: inline-block;
	min-width: 120px;
	min-height: 100px;
	border-radius: 4px;
	border: solid 1px gray;
	box-shadow: 2px 2px 1px lightgray;
	padding: 0.5em;
	margin: 2px;
	background-color: #EEE;
}
#bo .module h3{
	line-height: 1em;
	color: #043A47;
}
#bo #bo_translation{
	display: block;
}

.tablesorter>tbody>tr:hover, .tablesorter>tbody>tr:hover>td{
	background-color: #FBFFDA;
}

.menuDetails, .miniMenu{
	position: absolute;
	background-color: white;
	border: solid black 1px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menuDetails li, .miniMenu li{
	padding: 3px;
	background-color: #eee;	
  list-style: none;
}
.menuDetails li:hover, .miniMenu li:hover{
	background-color: lightgray;
}

.miniMenu{
	background-color: #19BC9C;
	/*border: solid black 1px;*/
	list-style: none;
	margin: 0 1em;
	padding: 0;
	font-size: 0.8em;

	/*max-width: 15em;*/
	/*text-align: right;
	float: right;*/
	z-index: 1;
}

.miniMenu+*{
	clear: both;  
}

.miniMenu li{
	padding: 0;
	margin: 0;
  list-style: none;
}

.miniMenu li a{
	display: block;
	min-width: 15em;
	margin: 0;
	padding: 1em;
	color: black;
	background-color: #19BC9C;	
	text-decoration: none;
}
.miniMenu li a:hover{
	background-color: #31A48D;
	text-decoration: none !important;
}

.miniMenu-horizontal{
	margin: 1em auto;
	width: auto;
	text-align: center;
	min-width: 100px;
}
.miniMenu-horizontal li{
	display: inline-block;
}

kbd{
	-moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}


/*
FORM
*/


form .hint{
	color: gray;
	font-size: small;
}


input, select, textarea, .button, button{
	padding        : 8px;
	/* bug in chrome ?*/
	/*overflow       : auto;*/
	border: gray 1px solid;
	border-radius  : 3px 3px 3px 3px;
	/*box-shadow     : 0px 1px 1px rgba(0, 0, 0, 0.1) inset;*/
	-moz-box-sizing: border-box;
	font-size      : 13px;
	line-height    : 18px;
	color          : rgb(48, 48, 48);
	background-color: #FFFFFF;
	text-decoration: none;
}

input[type=number]{
	width: 6em;
}
input[type="number"]:invalid {
    box-shadow: none;
}

[required]{
	border-left: solid 1px red;
}

input[disabled], select[disabled], button[disabled]{
	opacity: 0.5;
}
.button{
	display: inline-block;
}
input[type=submit], input[type=button], .button, button{
	background-color: #2C3E50;
	/*box-shadow: 0px 0px 2px rgba(255, 255, 255, 1);*/
	color: #19BC9C;
	/*text-shadow: 0px 0px 2px white;*/
	font-weight: normal;
	font-size: 1.1em;
	border: transparent 1px solid;
	text-decoration: none !important;
	width: auto;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover, .button.hover{
	background-color: #ccc;
	color: #2C3E50;
}

input[type=submit].current, input[type=button].current, .button.current, button.current{
	font-weight: bold;
	background-color: #ccc;
	color: black;
}

.secbutton, input[type=submit].secbutton, button.secbutton{
	background-color: transparent;
	font-size: 1.0em;
	min-width: 0;
	width: auto;
	color: #2C3E50;
	cursor: pointer;
	padding: 0 0.5em;
	margin: 0;
	line-height: 1.4em;
	vertical-align: middle;
}
.secbutton:hover, input[type=submit].secbutton:hover, button.secbutton:hover, button.secbutton.hover{
	background-color: transparent;
	color: #19BC9C;
}
button.secbutton.current {
	color:  #19BC9C;
}

.icobutton, button.icobutton, button.icobutton{
	padding: 0 !important;
}

input[type=submit].largeButton, input[type=button].largeButton, .button.largeButton, button.largeButton{
	min-width: 50%;
}


input[type="color"]{
    display: inline-block;
    /*vertical-align: middle;*/
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px -1px #888;
    margin: 2px;
    padding: 0px;
  }

input[type="color"]::-webkit-color-swatch{
  border-radius: 50%;  
}

input[type="color"]::-webkit-color-swatch-wrapper{
  padding: 0px;
}
  
input[type="color"]::-moz-color-swatch{
  border-radius: 50%;  
  padding: 0px;
}
input[type="color"]::-moz-focus-inner{
  padding: 0px;
  border: none;
}
input[type="color"].empty::-webkit-color-swatch{
	background-image: url(transparent.gif) !important;
}
input[type="color"].empty::-moz-color-swatch{
	background-image: url(transparent.gif) !important;	
}

.aligned-fields label{
	min-width: 20em;
}
.multiline-fields label{
	display: block;
}
.freewidth{
	max-width: none;
	min-width: none;
	width: auto;
}

.button-action{
	background-color: #55DA47;
	padding: 1em;
	color: black;
	font-weight: bold;
	display: inline-block;
	border-radius: 5px;
}


form label{
	font-weight: bold;
	vertical-align: sub;
}
.radioLbl, .checkboxLbl{
	color: #666;
	font-weight: normal;
}
.mandatory{
	color: tomato;
	padding: 0 2px;
}
legend{

	color: #2C3E50;
	font-weight: bold;
	margin-top: 1em;

	font-size: 1.2em;
}

.grouped{
	/*border-left: solid 4px #ddd;*/
	background-color: #fafafa;
}
.grouped label{
	margin-top: 0;
}

/*
@font-face {
    font-family: 'museo-sans';
    src: url('fonts/MuseoSans_500-webfont.eot');
    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/



/*
	MASSMAILING RULES
*/
.rules-model{
	display: none;
}


.rules .selectize-control {
	display: inline-block;
	min-width: 15em;
	vertical-align: middle;
}
.rules-and{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
.rules-model+.rules-group .rules-and{
	display: none;
}

.rule button{
	color: white;
	padding: 4px;
	width: 1.6em;
	height: 1.6em;
	line-height: 1em;
	border-radius: 50%;
}
.rule button:hover{
}


.wrapper-cols{
	display: block;	
}
.wrapper-cols.sidebar-visible{
  display: grid;  
  grid-template-columns: 1fr 85%;
}
.contentOnly .wrapper-cols{
  display: block;
}
.wrapper-cols.sidebar-visible .menu-sidebar{
  display: block;
}
.wrapper-cols .menu-sidebar{
  display: none;
}
/*
BO
*/
/*
.menu-sidebar .toggleMSC{
	position: fixed;
	top: 0;
	left: 0;
	width: auto;
	color: gray;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	z-index: 15;
	font-weight: bold;
	line-height: 17px;
	
}
.menu-sidebar .toggleMSC:hover{
	color: black;
}
.menu-sidebar-content{
	top :0;
	left: 0;
	position: fixed;
	height: 100%;
	min-width: 150px;
	padding-top: 1.5em;
	box-shadow: 1px 0px 2px black;
}
.menu-sidebar-content h2{
	font-size: 1em;
	padding: 0.3em;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-weight: bold;
	text-transform: uppercase;
	
}
.menu-sidebar-content a{
	text-decoration: none;
}
.menu-sidebar-content ul{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.menu-sidebar-content li{
	display: block;
	margin: 0;
	padding: 0;
}
.menu-sidebar-content ul a{
	padding: 0.5em;
	line-height: 1.5em;
	display: block;
}
.menu-sidebar-content ul a:hover{
	text-decoration: none;
}
*/


.card{
	padding         : 0.5em;
	margin          : 1em;
	background-color: #FFF;
	border-radius   : 2px 2px 2px 2px;
	box-shadow      : 0px 2px 4px rgba(0, 0, 0, 0.2);
	vertical-align  : top;
	width: auto;
}
.card-effect{
	padding         : 0.5em;
	background-color: #FFF;
	border-radius   : 2px 2px 2px 2px;
	box-shadow      : 0px 2px 4px rgba(0, 0, 0, 0.2);
	vertical-align  : top;
}



.dimmed{
	color: gray;	
}


.w15{
	width: 15%;
}

.w60p{
	width: 60px;
}
.mw300p{
	max-width: 300px;
}
.mw350p{
	max-width: 350px;
}
.help{
	background-color: #ddd;
	border-radius: 0.5em;
	padding: 0.5em;
}
/*
.primary-fg, .secondary-bg .primary-fg{
	color: #293540;	
}
.secondary-fg, .primary-bg .secondary-fg{
	color: #79BDE0 ;	
}
.dimmed-fg{
	color: #EAEAEA;	
}
.primary-bg .dimmed-fg{
	color: #293540;
}
.secondary-bg .dimmed-fg{
	color: #44617D;
}

.primary-bg{
	background-color: #293540;
	color: white;
}
.primary-bg a, .primary-bg button, .primary-bg .secbutton{
	color: #79BDE0;
	text-align: left;
}
.primary-bg a:hover, .primary-bg button:hover, .primary-bg .secbutton:hover{
	color: black;	
}
.secondary-bg{
	background-color: #79BDE0;
	color: white;
}
.secondary-bg a, .secondary-bg button, .secondary-bg .secbutton{
	color: #293540;
	text-align: left;
}
.secondary-bg a:hover, .secondary-bg button:hover, .secondary-bg .secbutton:hover{
	color: white;	
}*/

.tertiary-bg{
	background-color: #eee;
	color: black;
}
.bloody-fg{
  color: #AA0000FF;
}

/*
CONTENT, PAGES & MENUS
*/

.pages{
	
}
.pages .content_page_category{
	
}
.pages .content_page{
	width: 90%;
	border-bottom : lightgray 1px dashed;
	padding: 0.5em;
}
.pages .content_page a{
	text-decoration: none;
}
.content_pages-list, .pages{
	position: relative;
}
.menu-item{
	margin: 0 0.3em;
	padding: 0.5em;
	min-width: 250px;
}
.menu-items{
	min-height: 2em;
}
.menu-items .menu-item{
	min-width: 0;
}
.menu-vertical{
	width: 300px;
}
.menu-vertical .menu-item{	
	display: block;
	margin-top: 0.5em;
}
.menu-horizontal .menu-item{
	display: inline-block;
}
.menu-horizontal .icon-sort:before{
	transform: rotate(90deg);	
	display: inline-block
}
.setOrientation.current{
	color: white;
}

/*
DROPDOWN MENU

*/

.dropdown{
	font-size: 1em;
	line-height: 1em;
	position: relative;
	vertical-align: middle;
}
.dropdown a{
	color: #000;
}
.dropdown a:hover{
	color: black;
}
.dropdown .hideable{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: white;
	box-shadow: 1px 1px 3px gray;
	position: absolute;
	top: 100%;
	/*right: 0;*/
	text-align: right;
	border-top: solid 1px black;
	z-index: 1000;
	min-width: 12em;
}
.dropdown ul li{
	padding: 0.5em;
	/*width: 150px;*/
}
.dropdown ul a{
	display: block;
	color: black;
	padding: 0.5em;
	border-radius: 0px;
}
.dropdown ul a:hover{
	color: white;
	background-color: #808080;
}

.dropdown.login{
	position: absolute;
	bottom: 0px;
	right: 0em;
	width: 200px;
	background-color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}


/*
return_mailTable
*/
#return_mailTable #hAction, #return_mailTable td[headers=hAction]{
	width: 10em;
}

/*
TIMELINE
*/

.timeline{
	border-bottom: 3px solid gray;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.timeline-massmailings{
	
}
.timeline .timeline-event:first-child{
	background-color: black;
	color: white;
}
.timeline .timeline-event{
	display: inline-block;
	border-radius: 50%;
	background-color: lightgray;
	padding: 0.5em;
	text-align: center;
	width: 3em;
	height: 3em;
	line-height: 2em;
	position: absolute;
	top: -1.5em;
}
/*
microformat
*/

.microformat{
	
}
.microformat em{
	font-style: normal;
	color: gray;
	font-size: 0.8em;
	display: inline-block;
	width: 8em;
}
.microformat dl{
	margin-bottom: 1em;
}
.microformat dt{
	
}

.microformat>dd{
	margin-left: 0;
}
.microformat dd{
	margin-left: 1em;
}


/**********
			lightbox
****************/
.lightbox{
	
}
.lightbox-open{
	width: 99vw;
	height: 99vh;
	background-color: rgba(127,127,127,0.5);
	vertical-align: middle;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 999;	
	text-align: center;
}
.lightbox-open>*{
	margin: 0 auto;
	text-align: initial;
	background-color: white;
	padding: 1vh;
	border-radius: 0.5em;	
	/*width: 100%;
  height: 100%;*/
  /*text-align: center;*/
  display: inline-block;
	animation: fadeInScale 0.6s ease-in-out;
}
.lightbox-html{
	overflow-y: scroll;
}
.lightbox-img{
	overflow: hidden;
}
.lightbox-img figcaption{
	vertical-align: middle;
	color: gray;
	padding-top: 0.5em;
}
.lightbox-img img{
	opacity: 1;
	max-height: 90vh;
	max-width: 93vw;
  transition: transform .3s;
  transform-origin: 0 0;
}

.lightbox-close > *{
	animation: fadeOutScale 0.6s ease-in-out;
}

@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeOutScale {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}

/* LOADER */
.loader {
	width: 1em;
	height: 1em;
	margin: auto;
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-indent: -9999em;
}
.loader:before {
	content: '';
	width: 1em;
	height: 5px;
	background: rgb(0,0,0);
	opacity: 0.1;
	position: absolute;
	top: 1.5em;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.58s linear infinite;
		-o-animation: shadow 0.58s linear infinite;
		-ms-animation: shadow 0.58s linear infinite;
		-webkit-animation: shadow 0.58s linear infinite;
		-moz-animation: shadow 0.58s linear infinite;
}
.loader:after {
	content: '';
	width: 1em;
	height: 1em;
	background: rgb(26,54,104);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	animation: cssload-animate 0.58s linear infinite;
		-o-animation: cssload-animate 0.58s linear infinite;
		-ms-animation: cssload-animate 0.58s linear infinite;
		-webkit-animation: cssload-animate 0.58s linear infinite;
		-moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@-o-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-o-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-o-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-o-transform: translateY(0) rotate(90deg);
	}
}

@-ms-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-ms-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-ms-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-ms-transform: translateY(0) rotate(90deg);
	}
}

@-webkit-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-webkit-transform: translateY(0) rotate(90deg);
	}
}

@-moz-keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		-moz-transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		-moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		-moz-transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		-moz-transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {
	0%,
	100% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1);
	}
}

@-o-keyframes shadow {
	0%,
	100% {
		-o-transform: scale(1, 1);
	}
	50% {
		-o-transform: scale(1.2, 1);
	}
}

@-ms-keyframes shadow {
	0%,
	100% {
		-ms-transform: scale(1, 1);
	}
	50% {
		-ms-transform: scale(1.2, 1);
	}
}

@-webkit-keyframes shadow {
	0%,
	100% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.2, 1);
	}
}

@-moz-keyframes shadow {
	0%,
	100% {
		-moz-transform: scale(1, 1);
	}
	50% {
		-moz-transform: scale(1.2, 1);
	}
}


.loaderBG{
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(57,123,238,1), rgba(255,255,255,1) 100%);
	background-size: 0%;
	animation: loaderBGanim linear 5s forwards;
}

@keyframes loaderBGanim {
	0% {
	  background-size: 0;
	}
	100% {
	  background-size: 100%;
	}
  }

.format-money{
		
}
.format-money input{
	width: 6em;
	text-align: right;
}

.format-money:after{
	content: '';
	color: gray;
}
.format-money-euro:after{
	content: '€';
}
.format-percentage:after{
	content: '%';
	color: gray;
}

#purchase .discount_wt input{
	width : 6em;
}
#purchase tfoot tr td, #purchase tfoot tr th{
	border-bottom: none;
}
#purchase .selected, #purchase .selected td, #purchase .selected th{
	background-color:  #FEFFBB;
}
.purchase-comment{
	border-color: lightgray;	
}
#purchase td, #purchase th{
	vertical-align: middle;
}


.meter{
	width: 100%;
	max-height: 40px;
	vertical-align: middle;
}


.chart {
  clear: both;
  padding: 0;
  width: 100%;
}
@media (min-width: 700px) {
  .chart {
    /*background: url("https://cl.ly/QSpc/bg-chart.png") right top repeat-x;*/
    height: 250px;
    margin: 0 auto;
  }
}
.chart li {
  display: block;
  height: 125px;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}
@media (min-width: 700px) {
  .chart li {
    display: inline-block;
    height: 425px;
    margin: 0 1.8% 0 0;
    width: 6%;
  }
}
.chart .axis {
  display: none;
  top: 0;
  width: 8%;
}
@media (min-width: 700px) {
  .chart .axis {
    display: inline-block;
  }
}
.chart .label {
  background: #cccccc;
  margin: -9px 0 71px 0;
}
.chart .bar-value {
  letter-spacing: -3px;
  opacity: .4;
  width: 100%;
  font-size: 30px;
  font-size: 1.675em;
}
@media (min-width: 700px) {
  .chart .bar-value {
    position: absolute;
    font-size: 1.5em;
    top: -1.5em;
  }
}
.chart .bar-value span {
  font-size: 0.5em;
}
.chart .bar-name {
  font-weight: 800;
  opacity: .5;
  overflow: hidden;
  text-transform: uppercase;
  width: 100%;
  font-size: 1.2em;
}
@media (min-width: 700px) {
  .chart .bar-name {
    bottom: 0px;
    position: absolute;
    font-size: 0.7em;
    transform: translateY(3em);
  }
}
.chart .bar {
  background: #97D876;
  border: 1px solid #97D876;
  background-size: 100%;
  background-image: linear-gradient(#A1CD4E, #97D876 70%);
}



.workflows{
	text-align: center;
}

.workflow-step{
    position: relative;
    vertical-align: middle;
    display: inline-block;
    min-width: 190px;
    margin: 0px 1em 1em;
}
.workflow-step:last-child:after{
	background: none;
}
.workflow-step:after{
	content: " ";
	background: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWElEQVRoge3YsUtVYRzH4SdECBIEF2lpaRKamhwd3BpbQ3AMgv4FN69/gGuzqzi6OQpOLk2BBA53CCmIivJtyAvHe+8597znXs5P6H3gt3++y8vhUBRFURT/sQGG2Mej4JZOfiDd3REex+bkS2N3jvXQokzjAxI+YSMyKse0AQlfsBWX1V7dgISfeBOX1k7TgIRb7EXFtTFrwOg+YDmosVHbAQmnWI3JrJczIOESz0JKa+QOSLjGy4jYaboMSPiGVwG9E7oOSPiNt/0n3zfPgNEzu9N7dcW8A5J/nx5hFjHgc+/VFYsY8K736op5wn9ht//k+7rG32A7oHdCl/grvIiInSY3/gJPQ0pr5MSfYCUms17b+EMsBTU2mhX+B+/D6lpoiv+O13Fp7dTFD7EZ2NXatPiPeB4ZlWM8/gxroUWZqr8Wj/EkNiffAF9x4IE+k0VRFEXxoP0F/VM6Xa41LScAAAAASUVORK5CYII=) 
		center right no-repeat
		;
	display: block;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -40px;
}
.workflow-step .workflow{
	text-align: center;
	margin: 0.5em auto;
    border: 1px solid #D3D3D3;
    background-color: #EEE;
}

.workflow-history .workflow, .workflow-future .workflow{
	opacity: 0.2;
}
.workflow-step .workflow-current{
	font-weight: bold;
	color: white;
	background-color: black;
}
.workflow-next .workflow{
	color: green;
}

.cartarea p, .cartarea ul{
	color: black;
}



/**********
			lightbox
****************/
.lightbox{
	
}
.lightbox-open{
	width: 100%;
	height: 100%;
	background-color: rgba(127,127,127,0.5);
	vertical-align: middle;
	text-align: center;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;	
}
.lightbox-open figure{
	background-color: white;
	padding: 1em;
	border-radius: 0.5em;	
	/*width: 100%;
  height: 100%;*/
  display: inline-block;
	animation: fadeInScale 1.2s ease-in-out;
}

.lightbox-open figcaption{
	vertical-align: middle;
	color: gray;
	padding-top: 0.5em;
}
.lightbox-open img{
	opacity: 1;
}

.lightbox-close figure{
	animation: fadeOutScale 1.2s ease-in-out;
}

@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeOutScale {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}



/*
TOOLTIP
*/

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: help;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}


/*
wider tooltip
*/
.tooltip-bigger:after{
	width: 400px;
  margin-left: -200px;
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}


/*
venn diagram
*/
.venn{
	position: relative;	
	margin-bottom: 1em;
	margin-top: 1em;
}
.venn>div{
	border-radius: 50%;
	width: 6em;
	height: 6em;
	line-height: 6em;
	position: relative;
	display: inline-block;
	/*border: solid gray 1px;*/
	text-align: center;
}
.venn .groupA{
	right: -1em;	
	background-color: rgba(0,170,250, 0.6);
}
.venn .groupB{
	left: -1em;
	background-color: rgba(250,250,35, 0.6);
}

/*
MENU Burger
*/
.burger {
	position: absolute;
	display:  none;
	width: 30px;
	height: 30px;
	margin: 0.5em;
	background: none;
	border: none;
	border-radius: none;
	
	top: 0;
	right: 0;

	z-index: 10;
}
.burger span {
	margin: 0 auto;
	position: relative;
	top: 12px;
}
.burger span:before, .burger span:after {
	position: absolute;
	content: '';
}


.burger span, .burger span:before, .burger span:after {
	width: 30px;
	height: 6px;
	background-color: #000;
	display: block;
	box-shadow: 0px 0px 5px white;
}

.burger.active span, .burger.active span:before, .burger.active span:after
 {
	background: #F50;
	box-shadow: none;
}

.burger span:before {
	margin-top: -12px;
}
.burger span:after {
	margin-top: 12px;
}

.burger span {
	transition-duration: 0s;
	transition-delay: 0.2s;
}.burger.active span{
	background-color: rgba(0,0,0,0.0);	
	transition-delay: 0.2s;
}
.burger span:before {
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s;
}.burger.active span:before{
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0s, 0.2s;
}
.burger span:after {
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s;
}.burger.active span:after{
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0s, 0.2s;
}


.tile-menu{
	font-size: 1.5em;
}
.tile-menu > div{
	box-shadow: 2px 2px 3px grey;
	border: solid black 1px;
}

.memberTree li{
	list-style-type: none;
	position: relative;
}
.memberTree ul ul > li:before{
	display: block;
	position: relative;
	content: " ";
	left: 0;
	top: 3em;
	background: gray;
	width: 1em;
	height: 3px;
}

.memberTree ul ul > li:last-child{
	background: linear-gradient(gray,gray) left top no-repeat;
	background-size: 5px 44%;
	border: transparent;
}

.memberTree ul ul > li{
	border-left: solid gray 5px;
	padding-top: 1em;
}
.memberTree .card{
	margin: 0 1em;
  width: 50%;
}


td[headers=hActions], th#hActions{
	min-width: 50px;
}
td[headers=hActions] button{
	padding: 0;
}
.rowselect td[headers=hActions], .rowselect th#hActions{
	min-width: 70px;
}
/*
CONTENT PAGE LIST
*/
.content_pages-list{
	list-style: none inside;
	margin: 0;
	padding: 0;
}
.content_pages-list li{
	padding: 2px;
	margin: 0;
}
.content_pages-list li:hover{
	background-color: white;
}

/*
content_pageTable
*/
#content_pageTable #hState{
	width: 100px;
}
#content_pageTable #hId_content_page_category{
	width: 150px;
}
#content_pageTable #hViews{
	width: 120px;
}
#content_pageTable #hPublished_at{
	width: 150px;
}
#content_pageTable #hComments{
	width: 120px;
}
#content_pageTable #hName{
	width: auto;
}



@media print {
	
  h1 {
    page-break-before: avoid;
    padding: 0 !important;

    /* page break before main headers */
  }
  h1, h2, h3, h4{
  	color: black !important;
  	background: none !important;
  }
  h1{  	
  	font-size: 1.4em;
  }
  h2{
  	font-size: 1.3em;
  }
  h3{
  	font-size: 1.4em;
  }
  h4{
  	font-size: 1.5em;
  }
  .account-admin{
    margin: 0;
    padding: 0 !important;
  }
  body{
    margin: 0 !important;
    padding: 0 !important;
    
  }
  body #container{
  	font-size: 12px;
  }
  table{
  	width: 100% !important;
  }

  table{
  	page-break-inside:auto;
  }
  table td, table th{
  	width: auto !important;
  }
  table tr{
  	page-break-inside:auto;
  }
  header, footer, .header, .footer, #topbar, .menu-sidebar, .feedback-service, nav.navigation, .noprint, .share , .trust, #header-outer, #footer-outer{
    display: none;
  }
  #content-inner{
  	width: 100% !important;
  }

  a.secbutton:after, a[href^="actions/"]:after{
    content: "";
  }


}



.tobor{
	display: none;
}

/*
BACK TO TOP
*/

@media screen and (prefers-reduced-motion: no-preference) {
  html,
  body {
    scroll-behavior: smooth;
  }
}
.back-to-top-link {
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: white;
  box-shadow: black 0px 0px 10px 0px;
  padding: 0.25rem;

  position: sticky;
  top: calc(100vh - 5rem);
  pointer-events: all;
}
.back-to-top-wrapper {
  position: absolute;
  top: 100vh;
  right: 0.25rem;
  bottom: -5em;
  width: 3em;
  pointer-events: none;
  z-index: 1000;
}

.ui-menu a{
  display: block;
}