/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
	font-size: 16px;
}

body {
	background-color: #fff;
	color: #444;
	height: 100%;
	font-weight: normal;
	line-height: 1.3em;
	font-size: 16px;
}





/* Misc classes */

.fnt-bold {
	font-weight: bold;
}

.fnt-normal {
	font-weight: normal;
}

.fnt-light {
	font-weight: normal;
	color: #888;
}

.fnt-italic {
	font-style: italic;
}

.fnt-underline {
	text-decoration: underline;
}

.fnt-smallest {
	font-size: 8px;
}

.fnt-smaller {
	font-size: 10px;
}

.fnt-small {
	font-size: 12px;
}

.fnt-default {
	font-size: 14px;
}

.fnt-large {
	font-size: 16px;
}

.fnt-larger {
	font-size: 18px;
}

.fnt-largest {
	font-size: 20px;
}

.fnt-huge {
	font-size: 38px;
}

.korp-ui-fnt-lower {
	text-transform: lowercase !important;
}

.fnt-icon-smaller:before {
	font-size: 12px;
	margin-right: 2px;
}

.hidden {display: none !important;}

.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

div.more {padding-top: 6px;}
.more a, a.more {color: #666;}
.more a:hover, a.more:hover {color: #002;}


.single-line {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.transition-fast {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.border-all-default {
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.border-all-large {
	-webkit-border-radius: 6px;
	 -khtml-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

.border-all-larger {
	-webkit-border-radius: 8px;
	 -khtml-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.border-all-big {
	-webkit-border-radius: 10px;
	 -khtml-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

/* 
   Alignment 
------------------------------------------------------------------- */

/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


/* Columns */

.col2 {width: 47%;}



/* ################################################################ 
   CONTROLS
################################################################### */

.control.no-border {
	border: 0;
}

textarea {
	resize:vertical;
}


form.form > fieldset > div.row.buttons {
	text-align: right;
}



fieldset {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

fieldset > div.header {
	display: block;
	width: 100%;
	-webkit-border-radius: 4px 4px 0 0;
	 -khtml-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

fieldset > div.header > legend {
	line-height: 1.5em;
	display: inline;
}

fieldset > div.header a{
	font-weight: normal;
	float: right;
	margin-left: 1em;
	font-size: 1rem;
}

fieldset:hover > div.header a.korp-link-hoverable {
	display: inline;
}




.form-row {
	table-layout: fixed;
	display: table;
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	padding: 5px 10px;
	min-height: 41px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
.form-row:last-of-type {
	border-bottom: 0;
}
.form-row:hover a.korp-link-hoverable {
	display: inline;
}


.form-row-label {
	text-align: left;
	display: table-cell;
	width: 250px;
	vertical-align: top;
	padding: 3px;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}


.form-row-content {
	text-align: left;
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}



@media only screen and (max-width : 480px) {
	.form-row {
		display: block;
	}
	.form-row-label {
		display: block;
		width: 100%;
		max-width: 100%;
}
	.form-row-content {
		display: block;
		width: 100%;
		max-width: 100%;
}
	
	.control {
		max-width: 100%;
	}
}

@media only screen and (max-width : 320px) {
	.form-row {
		display: block;
	}
	.form-row-label {
		display: block;
		width: 100%;
	}
	.form-row-content {
		display: block;
		width: 100%;
	}
	
	.control {
		max-width: 90%;
	}
}



.form-row-content .print {
	line-height: 1.5em;
	padding: 3px;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
.form-row-content > div, .form-row-content > p {
	padding: 0 0 3px 0;
}
.form-row-content .print p, .form-row-content .print div {
	margin: 0;
	padding: 0 0 3px 0;
}



.form-row-actions {
	text-align: right;
	display: table-cell;
	width: 30px;
	visibility: hidden;
}

.form-row:hover .form-row-actions {
	visibility: visible;
}




.ctrl-tiny {
	width: 6em;
} 
.ctrl-smaller {
	width: 10em;
} 
.ctrl-small {
	width: 14em;
} 
.ctrl-default {
	width: 18em;
} 
.ctrl-large {
	width: 22em;
} 
.ctrl-larger {
	width: 26em;
} 
.ctrl-full {
	width: 100%;
} 

@media only screen and (max-width:480px) {
	.control {
		width: 100%;
	} 
}

@media only screen and (max-width:320px) {
	.control {
		width: 100%;
	} 
}


























.post-date {
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 0;
}
.post-date a {color: #444;}

.post-body {padding-top: 12px;}

.post-meta {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}


ul.nice-list {
	border-top: 1px solid #F0F0F0;
	margin-left: 0;
	margin-right: 0;
}
ul.nice-list li {
	border-bottom: 1px solid #F0F0F0;
	list-style: none;
	padding: 6px 5px;
}
ul.nice-list li a {text-decoration: none;}
ul.nice-list li a:hover {text-decoration: underline;}
ul.nice-list span {color: #666;}

#sidebar ul.nice-list li,#sidebar ul.nice-list {border-color: #E0E0E0;}



/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb {	
	background: #DAD6D0;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 1px;
}
.thumbnails a.thumb:hover {background: #AAA;}
.thumbnails .thumb img {display: block;}



/* 
   Layout 
------------------------------------------------------------------- */

/* Common */
.center-wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}



.content#content-two-columns {background: url('img/content-two-columns.gif') repeat-y left top;}


/* Main */

#main {
	padding: 0;
}

#main .text-separator {
	color: #AAA;
	padding: 0 5px;
}



/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}



.kui-link-delete  {
	float: right;
}




table.data {
	background-color: transparent;
}
table.data tr {
	border-bottom: 1px solid #E5E5E5;
} 









.kui-data-table {
	width:100%;
	border-collapse: collapse; 
	border-spacing: 0;
	vertical-align: top;
	text-align: left;
}

.kui-data-table thead {
	background-color: #fafafa;
}

.kui-data-table td, .kui-data-table th {
	text-align: left;
	padding: 0.1em;
	margin: 0.1em;
	min-height: 1.3em;
	border-bottom: 1px solid #E5E5E5;
	vertical-align: top;
}


.kalinka-important {font-size:1.1em;}
.kalinka-secondary {font-size:0.9em;}
.kalinka-exergue {font-weight: bold;}
.kalinka-normal {font-weight: normal;}
.kalinka-comment {font-style: italic;}
.kalinka-explanation {font-weight: normal; font-size: 0.8em;}
.korp-data-error {color: red}
.korp-data-warning {color: orange !important;}
.korp-data-selected {color: blue}
.korp-data-comment {font-style: normal; color: #666666;}
.korp-data-secondary {font-size: 11px; color: #999999;}
.korp-data-tertiary {font-size: 10px; color: #666666;}
.korp-data-highlight {font-weight: bold;}
.korp-data-disabled {text-decoration: line-through}



.kalinka-preloading-big {
	height:128px;
	background-image:url('img/kalinka-preloading-big.png');
	background-repeat:no-repeat;
	background-position:center;
}


.kalinka-preloading-small {
	background-image:url('img/kalinka-preloading-small.png');
	background-repeat:no-repeat;
	background-position: center right;
}


/* -------------------------- */
/* COULEURS                   */
/* -------------------------- */ 




.kalinka-style-hover, .kalinka-style-selected {
	background-color: #F3F6F4;
}

.outer {
    position: relative; 
    width:75%;
}
.outer a {
    position: absolute;  
    top: 1px; 
    left:7em;
}



div.kalinka-dnd-selectable ul.placeholder {
	border : 1px dotted #D9D9D9;
	list-style-type: none; 
	min-height:2em;
	width: 47%;
	padding:0.5em;
	margin:0.5em 0;
	background-color: #FAFAFA;
}

div.kalinka-dnd-orderable ul.placeholder {
	list-style-type: none; 
	min-height:2em;
	width: auto;
	padding:0;
	margin:0;
	border:0;
}

div.kalinka-dnd-selectable ul.selected {
	float: left;
}

div.kalinka-dnd-selectable ul.unselected {
	float: right;
}

div.kalinka-dnd-selectable li, div.kalinka-dnd-orderable li  {
	border : 1px dotted #D9D9D9;
	margin: 5px; 
	padding: 5px; 
	font-size: 1em; 
	width: auto;
	background-color: #EDEDED;
	min-height:2em;
}









/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

.kalinka-disabled, .korp-disabled {
	opacity: .35; 
	filter:Alpha(Opacity=35); 
}
.kalinka-disabled:hover, .korp-disabled:hover {
	opacity: 1; 
	filter:Alpha(Opacity=100); 
}







	
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.ui-autocomplete .ui-menu-item p {
	margin:0;
	padding: 0;
	border: 0;
}

.ui-autocomplete .ui-menu-item p.title {
	font-weight:bold;
}

.ui-autocomplete .ui-menu-item p.description {
	font-weight:normal;
	font-size: 90%;
}





div.korp-row-set {
	margin: 0;
	padding: 0;
	border : 0;
	position: relative;
	width: 100%;
}

div.korp-row-set div.korp-header {
	margin:0;
	padding: 0;
	border : 0;
	border-bottom : 1px solid #E9E9E9;
}

div.korp-row-set div.korp-action-container {
	padding : 0;
	margin:0;
	border : 0;
	border-bottom : 0;
	position: absolute;
	right: 0;
	top: 0;
}


div.korp-row p {
	margin: 0;
	padding: 0 0 3px 0;
	border : 0;
}

div.korp-row p.last {
	margin: 0;
	padding: 0;
	border : 0;
}



div.korp-label {
	position: absolute;
	left: 0;
	width : 199px;
}

div.korp-labeled-content {
	margin-left: 200px;
}


a.korp-img-link {
	position: relative;
	margin: 0;
	padding: 2px;
	border:0;
	padding-left: 16px;
}

a.korp-img-link span {
	position: absolute;
	left: 0;
	top:0;
	margin:0;
	padding:0;
	border:0;
}










.select2-search {
	z-index:30000 !important;
}








/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */



table.fieldset tr {
	border-top : 1px solid #E9E9E9;
}
table.fieldset tr.last {
	border-bottom : 1px solid #E9E9E9;
}

table.fieldset tr td {
	margin: 4px 0 4px 0;
	padding: 4px 0 4px 0;
	border: 0;
}


table.fieldset tr td .row {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	border : 0;
	width: 100%;
}


table.fieldset label {
	padding-left : 1em;
	width: auto;
	font-size: 10px;
	font-style: italic;
}




.korp-ctrl-error {
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.korp-ctrl-error:focus {
    border-color: #953B39;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392;
		
}







.korp-kernel-dashboard-group .selected .korp-ctrl-label {
	display: inline;
}

.korp-kernel-dashboard-group .selected .korp-label {
	display: none;
}

.korp-kernel-dashboard-group .unselected .korp-ctrl-label {
	display: none;
}

.korp-kernel-dashboard-group .unselected .korp-label {
	display: inline;
}





/* *************** */
/* inline specific */
/* *************** */
nav.menu-list a {
    line-height: 13px;
    display: list-item;
    list-style-type: none;
}



/* *************** */
/* inline specific */
/* *************** */
nav.menu-inline {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
nav.menu-inline a {
	line-height: 15px;
	display: inline-block;
}
nav.menu-inline span {
    font-size: 13px;
	line-height: 17px;
	color: #999;
    margin: 0;
}




/* *********************************************
   EFFECTS
   ********************************************* */
.korp-effects-hoverable:hover {
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}


/* *********************************************
   LIST
   ********************************************* */

.korp-list {
	display: table;
	width: 100%;
}

.korp-list .header {
	display: table-header-group;
	background-color: #F9F9F9;
	color: #269FCF;
}
.korp-list .footer {
	display: table-footer-group;
	background-color: #F9F9F9;
	color: #269FCF;
}

fieldset .korp-list .header, fieldset .korp-list .footer {
	background: none;	
}



.korp-list .body {
	display: table-row-group;
}

.korp-list .row {
	display: table-row;
	position: relative;
}

.korp-list .body .row:hover {
	background-color: #F6F6F6;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -ms-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.korp-list .body .row.selected {
	background-color: #F2F2F2;
	}


.korp-list .row > div {
	display: table-cell;
	padding: 3px;
	border-bottom: 1px solid #E5E5E5;
	vertical-align: top;
}

.korp-list .row.no-border > div {
	padding-bottom: 0;
	border-bottom: none;
}

.korp-list .row .korp-link-hoverable span {
	margin: -3px;
}
.korp-list .row:hover a.korp-link-hoverable {
	display: inline;
}


.korp-list .tools {
	border-bottom: 1px solid #E5E5E5;
	background-color: #F9F9F9;
	display: table-caption;
}

.korp-list .tools .sort {
	float: right;
	display: inline;
	padding: 3px;
	font: 11px/16px arial,​​Helvetica,​​sans-serif;
	font-weight: normal;
	color: #888;
}

.korp-list .tools .sort a, .korp-list .tools .sort a:visited {
	color: #888;
	margin: 0 0 0 10px;
}

.korp-list .tools .sort a.selected, .korp-list .tools .sort a:hover {
	color: #222;
}

.korp-list .cheader {
	color: #269FCF;
}




/* *********************************************
   INDICATOR
   ********************************************* */


div.korp-indicator-container > div.body {
	position: relative;
	padding: 0.5em 0;
	width: calc(100% + 0.5em);
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   

.korp-indicator {
	position: relative;
	width: 32%;
	margin : 0.25em;
	padding : 0.5em;
	color: #000;
	border: 1px solid #999;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   


div.korp-indicator:hover {
	border-color: #269FCF;
	background-color: #f8f8f8;
}

.korp-indicator .categories {
	position: absolute;
	font-size: 9px;
	font-weight: normal;
	right: 10px;
	bottom: 10px;
	display: inline;
}

.korp-indicator .categories > div {
	display: inline;
}

.korp-indicator .content {
	padding: 30px 5px;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.korp-indicator .content h1 {
	font-size: 14px;
	font-weight: bold;
}

.korp-indicator .content h2 {
	font-size: 12px;
	font-weight: bold;
}

.korp-indicator .content > p {
  	display:block;
	margin: 2px;
	padding: 2px;
	
}

.korp-indicator .korp-list .header, .korp-indicator .korp-list .footer {
	background: none;
}

.korp-indicator .korp-list .body .row:hover {
	background: none;
}



/* *********************************************
   ALERT
   ********************************************* */
.korp-alert {
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	        border-radius: 3px;
}

.korp-alert-error {
	background-color: #F9F2F4;
    color: #C7254E;
}


/* *********************************************
   ALERT
   ********************************************* */
.korp-alert {
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	        border-radius: 3px;
}

.korp-alert-error {
	background-color: #F9F2F4;
    color: #C7254E;
}


/* *********************************************
   QUICK CREATE
   ********************************************* */
   
.korp-quick-create {
	display: none;
	cursor: pointer;
}   
   
.korp-quick-create .filters {
	list-style: none;
	margin: 5px;
	padding: 0;
}

.korp-quick-create .filters li {
    background: none repeat scroll 0 0 #aaa;
    display: inline-block;
    font-weight: bold;
    line-height: 15px;
    padding: 10px 20px;
    margin: 0 10px 0 0;
    position: relative;
    border-radius : 5px;
    color: #fff;
    cursor: pointer;
}

.korp-quick-create .filters li.active {
    background: none repeat scroll 0 0 #00A909;
}


.korp-quick-create .content {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.korp-quick-create .content .item {
	margin : 5px;
	padding : 5px;
	width: 23%;
	border: 1px solid #DBDBDB;
    -webkit-border-radius: 5px; 
       -moz-border-radius: 5px; 
	        border-radius: 5px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}


.korp-quick-create .content .item > div {
	margin : 0;
	padding : 0;
	color: #444;
	position: relative;
}

.korp-quick-create .content .item > div:hover {
	background-color: #FFAA00;
}


.korp-quick-create .content .item > div .title {
	color: #446BB3;
	position: absolute;
	font-weight: bold;
	left: 10px;
	top: 10px;
}

.korp-quick-create .content .item > div .categories {
	position: absolute;
	font-weight: normal;
	right: 10px;
	bottom: 10px;
	display: inline;
	font-size: x-small;
}

.korp-quick-create .content .item > div .categories > div {
	display: inline;
}
.korp-quick-create .content .item > div .categories > div:after {
	content: " - ";
}
.korp-quick-create .content .item > div .categories > div:last-child:after {
	content: "";
}

.korp-quick-create .content .item > div .content {
	padding: 30px 5px;
	display: block;
	font-weight: normal;
	font-size: medium;
}

.korp-quick-create .content .item > div .content h2 {
	color: #000;
	font-weight: bold;
	margin: 2px 0;
	padding: 2px 0;
	font-size: medium;
}

.korp-quick-create .content .item > div .content > p, .korp-quick-create .content .item > div .content > div{
	color: #333;
	display:block;
	margin: 2px 0;
	padding: 2px 0;
	font-size: small;
	
}

.korp-quick-create .content .item > div .korp-list .header, .korp-quick-create .content .item > div .korp-list .footer {
	background: none;
}

.korp-quick-create .content .item > div .korp-list .body .row:hover {
	background: none;
}


/* *********************************************
   CARD
   ********************************************* */
article.card, article.card div, article.card p, article.card header {
	margin: 0;
	padding: 0;
	line-height: 1.45em;
	-webkit-transition: all .2s ease-in;
	   -moz-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
	        transition: all .2s ease-in;
}

article.card {
	display: table;
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    border-spacing: 5px 0;
    background: #fff;
    border: 2px solid #ddd;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
article.card:hover {
	border-color: rgb(29, 142, 187);
}

article.card header {
	display: table-cell;
	margin: 0 5px 0 0;
	font-size: large;
    border-right: 2px solid #ddd;
	width: 25%;
	vertical-align: top;
	height: 100%;
	text-align: left;
}
article.card:hover header {
	border-right-color: rgb(29, 142, 187);
}


article.card > .content {
	display: table-cell;
}

article.card > .content > .actions {
	padding: 5px 0 0 0;
	margin-left: -4px;
	display: block;
	text-align: left;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

article.card > .content > .actions a {
	display: inline-block;
	padding: 2px 4px;
	color: #999;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
}

article.card:hover > .content > .actions a {
	color: rgb(29, 142, 187);
}

article.card > .content > .actions a:hover {
	color: #FFF;
	background-color: rgb(29, 142, 187);
}

article.card > .actions {
	display: table-cell;
	width: 40px;
	vertical-align: text-bottom;
	text-align: right;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}



article.card div, article.card p, article.card .default {
	font-size: 14px;
	font-weight: normal;
}

article.card .secondary {
	color: #888;
}

article.card div.h1, article.card div.h2, article.card div.h3, article.card div.h4, article.card div.h5 {
	color: #333;
	font-weight: bold;
}
article.card div.h1 {
	font-size: 27px;
}
article.card div.h2{
	font-size: 23px;
}

article.card div.h3{
	font-size: 19px;
}

article.card div.h4{
	font-size: 15px;
}

article.card div.h5 {
	font-size: 12px;
}

article.card:hover div.color {
	color: rgb(29, 142, 187);
}

article.card a.icon {
	height: 16px;
	width: 16px;
	line-height: 26px;
	padding: 5px;
	color: #999;
	background-color: #FFF;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-transition: all .2s ease-in;
	   -moz-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
	        transition: all .2s ease-in;
}

article.card:hover a.icon {
	color: rgb(29, 142, 187);
}










nav.menu-popup {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

nav.menu-popup > div a.icon {
	margin: O;
	font-size: 12px;
	font-family: icomoon;
	padding: 0.5em 1em 0;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
	        border-radius: 3px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

znav.menu-popup:hover > div a{
	color: #FFF !important;
    background-color: #269FCF;
}

nav.menu-popup > ul {
	z-index: 22;
	display: block;
	top: 100%;
	right: 0;
	position: absolute;
    list-style: none;
    padding: 5px 10px 5px 5px;
    margin: -5px -3px 0 0;
    background-color: #269FCF;
    text-align: left;
    opacity: 0;
    min-width: 16em;
    pointer-events:none;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
nav.menu-popup:hover > ul, nav.menu-popup > ul:hover {
    opacity: 1;
    pointer-events:all;
}

nav.menu-popup > ul > li {
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
 }
 
nav.menu-popup > ul > li > a {
    display: inline-block;
    position: relative;
	margin: 3px !important;	
	padding: 5px !important;
    border: 0 !important;
    font-size: 13px;
    color: #fff !important;;
	width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
            transition: all 0.2s;
}
 
nav.menu-popup:hover > ul > li > a:hover, .nav.menu-popup:hover > ul > li > a:active {
    color: #269FCF !important;
    background: rgb(255, 255, 255) !important;
}
 




/* *********************************************
   CARD
   ********************************************* */
div.cards {
	border: 0;
	padding: 0;
	margin: 5px 0;
}   

div.cards > div.title {
	padding: 0.5em 0;
    color: #269FCF;
    font-size: 20px;
    font-weight: bold;
}   

div.cards > div.content {
	position: relative;
	padding: 0;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   

.cards-content-header {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-spacing: 4px 0;
	position: relative;
	border: 0;
	background-color: #269FCF;
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   

.cards-content-header a, .cards-content-header a:visited {
	color: #fff;
}

.cards-content-header-actions {
	display: table-cell;
	width: 150px;
}


.cards-content-header-search {
	text-align: right;
	display: table-cell;
	width: 22em;
}
 
.cards-content-header-search form {
	padding: 5px;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
.cards-content-header-search input {
	border-color: #269FCF;
	width: 20em;
}

.cards-content-header-sort {
	padding: 5px;
	display: table-cell;
	text-align: right;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   

.cards-content-header-sort a:link, .cards-content-header-sort a:hover, .cards-content-header-sort a:visited {
	margin: 0 5px;
	border-bottom: 1px solid #269FCF;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
}
.cards-content-header-sort a.selected {
	border-bottom: 1px solid #FFF;
}

.card-body-separator {
	margin-top: 0.5em;
}

.card-body-links a:after {
	color: #000;
	content: " - ";
}
.card-body-links a:last-child:after {
	content: "";
}
.card-body-details {
	margin:0 !important;
}
.card-body-details td {
	font-size: 12px !important;
	border:none !important; 
	padding:0 1em 0 0 !important;
}


.card-body-comment {
	margin-top: 0.5em;
	width: 100%;
}
.card-body-comment th, .card-body-comment td {
	padding: 0;
}

.card-body-comment td > div {
	padding-top: 0.5em;
}
.card-body-comment td > div:first-child {
	padding-top: 0; 
}

.card-body-section {
	display: table;
	table-layout: fixed;
	margin-top: 1em;
	width: 100%;
}

.card-body-section > div {
	vertical-align: top;
	display: table-cell;
	margin:0;
	padding:0 0 0 5px;  
}

.card-body-section > div:first-child {
	width: 200px;
	border-right: 1px solid #ddd;
	padding-left: 0;
}



.card-tools-content {
}

.card-expander-container {
	position: relative;
}
.card-expander {
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-right: 0.75em;
	font-weight: normal;
	visibility: hidden;
}
.card:hover .card-expander {
	visibility: visible;
}













 
.dialog-container form.form > fieldset {
	background-color: transparent;
}
.dialog-container form.form > fieldset > div.header {
	background-color: transparent;
}
.dialog-container form.form > fieldset > div.header > legend {
	color: #222;
}















.white-popup {
	position: relative;
	background: url("res/bg.jpg") repeat scroll 0 0 #fcfcfc;
	width: auto;
	max-width: 800px;
	margin: 20px auto;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}


@media only screen and (min-width:768px) {
	.white-popup {
		min-width: 600px;
	}
}

.white-popup .ui.icon.close {
	position: absolute;
	top: 0.5em;
	right: 0.3em;
	padding: 0;
	line-height: 1em;
}


/* *********************************************
   ARTICLE
   ********************************************* */


div.page-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


div.page-margins {
	border: 0;
	margin: 0;
	padding: 0;
}


div.page-header {
	padding: 1em 0;
	position: relative;
	width: 100%;
	display: inline-block;
}





.page-header-content {
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

.page-header-content-main-nav {
	display: table-cell;
	vertical-align: middle;
}

.page-header-content-other {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.page-header-content-other form {
	display: inline-block;
	margin: 0;
}





nav.user-session {
	display: inline-block;
}

nav.user-session a, nav.user-session a:visited {
	display: inline-block;
    padding: 6px;
	color: #FFF;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}












div.page-header div.navigation {
	vertical-align: top;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

div.page-header div.navigation nav {
	display: inline-block;
	vertical-align: top;
}


div.page-header div.navigation nav > a, div.page-header div.navigation nav > a:visited {
	display: inline-block;
    padding: 6px;
	font-size: 15px;
	color: #FFF;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
div.page-header div.navigation nav > a:hover {
  	background-color: rgba(255, 255, 255, 0.2);
}

nav.main-nav div.popup {
	padding-top: 1em;
  	background-color:  #DCEEF5;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	position: absolute;
	top:100%;
	left: 0;
	width: 100%;
	display: block;
	visibility: hidden;
  	filter: alpha(opacity=0);
  	opacity: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	     -o-transition: all .2s linear;
	        transition: all .2s linear;
	z-index: 100;
}



nav.main-nav a.trigger {
	display: inline-block;
	position: relative;
	font-size: 40px;
	line-height: 1em;
	font-weight: bold;
	padding: 2px;
	padding-left: 0;
	margin: 2px;
	margin-left: 0;
	color: #FFDB83;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;

}

nav.main-nav a.trigger:before {
    content: "☰";
    font-size: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

nav.main-nav:hover a.trigger {
	background-color: rgba(255, 255, 255, 0.2);
}

nav.main-nav:hover div.popup {
	visibility: visible;
  	filter: alpha(opacity=100);
  	opacity: 1;
}

div.submenu a, div.submenu a:visited {
	display: table-row;
	font-weight: normal;
	padding: 4px;
	margin: 4px;
	color: #333;
}
div.submenu a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

div.popup div.page-content {
	padding: 1em 0 3em 0;
}

div.popup div.actions {
	vertical-align: top;
	padding: 0;
	font-size: 0;
}



/* *********************************************
   RECALL
   ********************************************* */
div.page-recall {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}   


div.page-recall div.resume {
	display: block;
	width: 100%;
	margin: 0;
	padding: 8px 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

div.page-recall div.views {
	display: block;
	width: 100%;
	padding: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

div.page-recall div.views > div{
	vertical-align: top;
}

div.page-recall div.views div.item {
	margin: 0.25em 0.5em 0 0;
	position: relative;
}

div.page-recall div.views div.item a {
	display: block;
	text-align: center;
	border-top: none;
	margin: 0 0 0.5em 0;
}

div.page-recall div.views div.item .ui.header {
	min-width: 2em;
	font-weight: normal;
	font-size: 0.95rem;
	cursor: pointer;
}

div.page-recall .ui.label {
	margin: 0 0 0.5em 0;
}

div.page-recall a.icon span {
	font-size: 0.75em;
	position: absolute;
	width: auto;
	right: -0.75em;
	top: -0.75em;
	font-weight: bold;
	line-height: 1em;
	padding: 7px 10px;
	background-color: rgba(80, 80, 80, 0.8);
	color: #eee;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

div.page-recall a.icon:hover, div.page-recall a.icon.active {
	background-color: rgb(38,159,207);
}

.page-recall a .korp-ui-action,.page-recall a:visited .korp-ui-action {
	color: #fff;
	opacity: 0.85;
    transition: all 0.2s linear 0s;
}
.page-recall a:hover .korp-ui-action {
	opacity: 1;
}










a.recall-icon {
	margin-left: 0.5em;
	font-size: 13px;
	display: inline-block;
	padding: 1em 0;
	width: 5em;
	color: #000;
	position: relative;
	text-align: center;
	background: rgba(38,159,207,0.2);
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	        transition: all .4s linear;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}



div.page-recall div.actions {
	display: block;
	width: 100%;
	padding: 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}


























div.page-body {
	padding: 1em 0;
	margin: 0;
	min-height: 100%;
}

/* *********************************************
   ZONE
   ********************************************* */
div.page-footer-nav {
	display: block;
	padding: 1em 0;
	position: relative;
	width: 100%;
    background-color: #514F4F;
}

div.page-footer-copyright {
	display: block;
	padding: 3em 0 4em 0;
	position: relative;
	width: 100%;
    background-color: #323232;
    color: #707070;
    font-size: 14px;
}

div.korp-copyright p {
    margin-top: 5px;
    float: left;
}
div.korp-copyright .address {
    display: inline;
    float: right;
    font-size: 24px;
    line-height: 36px;
}
div.korp-copyright .address > div {
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
}
div.korp-copyright .address > div:last-child {
    border-left: 1px solid #707070;
    padding: 0 0 0 20px;
}




/* *********************************************
   BOUTON
   ********************************************* */
div.button:not(.ui) {
    display: inline-block;
    font-weight: normal;
    margin: 0;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    transition: all 0.4s linear 0s;
    width: 20%;	
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}
div.button:not(.ui) a {
	position: relative;
	display: inline-block;
	width: 100%;
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	        transition: all .4s linear;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

div.button:not(.ui) .tip {
    background-color: rgba(80, 80, 80, 0.9);
    color: #EEEEEE;
    font-weight: bold;
    line-height: 1em;
    overflow: visible;
    padding: 6px;
    position: absolute;
    right: 2px;
    top: -5px;
    width: auto;	
}










/* *********************************************
   NAVIGATION
   ********************************************* */

a.nav-button, a.nav-button:visited {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	display: block;
	text-align: center;
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	        transition: all .4s linear;
}																																			
   

nav.nav-list {
	padding-left: 3px;
	display: inline-block;	
}

nav.nav-list .trigger {
	padding: 1em 0;
}

nav.nav-list .content {
	padding: 1em;
	position: absolute;
	top:100%;
	left: 0;
	width: 100%;
	display: block;
	visibility: hidden;
  	filter: alpha(opacity=0);
  	opacity: 0;
  	background-color:  #CACACA;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	     -o-transition: all .2s linear;
	        transition: all .2s linear;
	z-index: 100;
}




/* *********************************************
   NAVIGATION
   ********************************************* */
.page-content {
	padding: 0;
    margin: 0 auto;
    width: 80%;
}

@media only screen and (max-width : 1024px) {
	.page-content {
	    width: 90%;
	}
	div.button:not(.ui) {
		width: 25%;
	}
}

@media only screen and (max-width : 768px) {
	.page-content {
	    width: 92%;
	}
	div.button:not(.ui) {
		width: 33.3333%;
	}
}

@media only screen and (max-width : 480px) {
	.page-content {
	    width: 94%;
	}
	div.button:not(.ui) {
		width: 50%;
	}
}

@media only screen and (max-width : 320px) {
	.page-content {
	    width: 96%;
	}
	div.button:not(.ui) {
		width: 100%;
	}
}




form.quick-search input {
	background-color: rgba(255, 255, 255, 0.5);
	color: #444444;
	border: 0;
	font-size: 13px;
	width: 20em;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;	        
	        box-sizing: content-box;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
	        appearance: textfield;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
   	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
}


form.quick-search input::-webkit-search-decoration, form.quick-search input::-webkit-search-cancel-button {
	display: none; 
}


form.quick-search input:focus {
	background-color: #fff;
	border: 0;
}


form.quick-search input:-moz-placeholder {
	color: #999;
}
form.quick-search input::-webkit-input-placeholder {
	color: #999;
}


/* *********************************************
   CALENDAR
   ********************************************* */
.korp-kernel-desktop-calendar .fc-toolbar {
	font-size: 14px;
}

.korp-kernel-desktop-calendar-popup-quick-create {
	z-index:100;
	position: relative;
	background: #FFF;
	padding: 40px 15px 10px;
	width: 200px;
	margin: 20px auto;
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.korp-kernel-desktop-calendar-popup-quick-create .mfp-close {
	font-size: 22px;
}

.korp-kernel-desktop-calendar-popup-quick-create a {
	font-size: 1em;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-weight: normal;
    padding: 0.5em;
    margin:0.25em 0;
    position: relative;
    text-align: center;
    text-transform: lowercase;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	     -o-transition: all .3s linear;
	        transition: all .3s linear;
    width: 100%;
}

.korp-kernel-desktop-calendar-popup-quick-create a, .korp-kernel-desktop-calendar-popup-quick-create a:visited {
    background: none repeat scroll 0 0 rgba(38, 159, 207, 0.2);
    border: 1px solid rgba(38, 159, 207, 0.1);
}

.korp-kernel-desktop-calendar-popup-quick-create a:hover {
    background-color: #269fcf;
    border: 1px solid #2393bf;
}


.korp-calendar-event {
	font-size: 12px;
	line-height: 1.2em;
	text-transform: lowercase;
	white-space: normal;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
.korp-calendar-event .korp-calendar-event-content {
	border-width: 3px 3px 4px 3px;
	border-style: solid;
	padding: 3px;
	height: 100%;
	max-width: 100%;
	white-space: normal;
	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.fc-daygrid-event.korp-calendar-event .korp-calendar-event-content {
	border-bottom-width: 3px;
}


.korp-calendar-event, .korp-calendar-event:hover, .korp-calendar-event:visited,
.korp-calendar-event a, .korp-calendar-event a:hover, .korp-calendar-event a:visited {
	color: #222222;
}

.korp-calendar-event .header {
	font-size: 10px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	text-transform: lowercase;
	padding-bottom: .2em;
	margin-bottom: .2em;
	font-weight: bold;
	display: table;
	table-layout: fixed;
	width: 100%;
}


.korp-calendar-event .tags {
	font-size: 10px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	text-transform: lowercase;
	padding-bottom: .2em;
	margin-bottom: .2em;
	font-weight: normal;
	width: 100%;
}

.korp-calendar-event .tags .item {
}

.korp-calendar-event .tags .item:after {
	padding: 0 .2em;
	content: "\2219";
}
.korp-calendar-event .tags .item:last-child:after {
	padding: 0 0 0 .2em;
	content: "";
}

.korp-calendar-event .header .content {
	margin-right: 1em;
	display: table-cell;
}

.korp-calendar-event .header .menu  {
	display: table-cell;
	width: 2em;
	position: relative;
	text-align: right;
}

.korp-calendar-event .header .menu .trigger {
	padding: 0 0.5em;
}

.korp-calendar-event .header .menu .trigger:after {
	content: "\25BE";
}

.korp-calendar-event .header .menu .popup {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	margin: 1em 0 0;
	background-color: #666;
}

.korp-calendar-event .header .menu .popup a {
	display: block;
	padding: .3em;
	margin: .3em;
}

.korp-calendar-event .header .menu:hover .popup {
	display: block;
}

.korp-calendar-event .fc-title {
}

.korp-calendar-event .actions {
	padding-bottom: .2em;
	margin-bottom: .2em;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	width: 100%;
}

.korp-calendar-event .actions a {
	font-size: 10px;
	margin-left: 0.4em;
	font-weight: bold;
}

.korp-calendar-event .actions a:first-child {
	margin-left: 0;
}




.korp-tip {
	max-width: 500px;
	width: 500px;
}


/* *********************************************
   GRID & RESPONSIVE
   ********************************************* */
.kdevice {
	display: inline-block;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;	        
	        box-sizing: content-box;
}
.kdevice:before {
   clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
} 
.kdevice:after {
   clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
} 

@media only screen and (min-width: 1025px) {

	.kdevice.desktop-full {
		width: 100%;
	}
	.kdevice.desktop-half {
		width: 50%;
	}
	.kdevice.desktop-third {
		width: 33.3333%;
	}
	.kdevice.desktop-quarter {
		width: 25%;
	} 
	.kdevice.desktop-fifth {
		width: 20%;
	}

}

@media only screen and (min-width: 769px) and (max-width : 1024px) {

	.kdevice.laptop-full {
		width: 100%;
	}
	.kdevice.laptop-half {
		width: 50%;
	}
	.kdevice.laptop-third {
		width: 33.3333%;
	}
	.kdevice.laptop-quarter {
		width: 25%;
	} 
	.kdevice.laptop-fifth {
		width: 20%;
	}

}

@media only screen and (min-width : 481px) and (max-width : 768px) {

	.kdevice.tablet-full {
		width: 100%;
	}
	.kdevice.tablet-half {
		width: 50%;
	}
	.kdevice.tablet-third {
		width: 33.3333%;
	}
	.kdevice.tablet-quarter {
		width: 25%;
	} 
	.kdevice.tablet-fifth {
		width: 20%;
	}
}

@media only screen and (min-width : 321px) and (max-width : 480px) {

	.kdevice.phablet-full {
		width: 100%;
	}
	.kdevice.phablet-half {
		width: 50%;
	}
	.kdevice.phablet-third {
		width: 33.3333%;
	}
	.kdevice.phablet-quarter {
		width: 25%;
	} 
	.kdevice.phablet-fifth {
		width: 20%;
	}
}

@media only screen and (min-width : 0px) and (max-width : 320px) {

	.kdevice.smartphone-full {
		width: 100%;
	}
	.kdevice.smartphone-half {
		width: 50%;
	}
	.kdevice.smartphone-third {
		width: 33.3333%;
	}
	.kdevice.smartphone-quarter {
		width: 25%;
	} 
	.kdevice.smartphone-fifth {
		width: 20%;
	}
}



/* *********************************************
   UI
   ********************************************* */
.ui.dropdown .menu {
	z-index: 101 !important;
}

.white-popup form.ui.segment.dialog {
	background: transparent ;
	border-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.korp-component-common-inline-editor {
	margin: 0em;
	padding: 0.65em 1em;
	font-size: 0.97em;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	outline: medium none;
	color: rgba(0, 0, 0, 0.7);
	border-radius: 0.3125em;
	-webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
	   -moz-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	        transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	-webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	        box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}
.korp-component-common-inline-editor:focus {
    border-bottom-left-radius: 0;
    border-color: rgba(0, 0, 0, 0.2);
    border-top-left-radius: 0;
    box-shadow: 0.3em 0 0 0 rgba(0, 0, 0, 0.2) inset;
    color: rgba(0, 0, 0, 0.85);
}

select {
	-webkit-appearance: none;
}

input[type='file'] {
	margin: 0em;
	padding: 0.65em 1em;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	outline: medium none;
	color: rgba(0, 0, 0, 0.7);
	border-radius: 0.3125em;
	-webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
	   -moz-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	        transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	-webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	        box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}

.korp-ui-select2 {
	margin: 0em;
	padding: 0.5em 1em;
	font-size: 0.97em;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	outline: medium none;
	color: rgba(0, 0, 0, 0.7);
	border-radius: 0.3125em;
	-webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
	   -moz-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	        transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
	-webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	        box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}

.korp-ui-select2 .select2-choice {
	border: none;
    box-shadow: none;
    background: none;
}

.korp-ui-select2 .select2-choice div {
	background: none;
	border: none;
}

.korp-ui-select2 .select2-choice div b{
	background: none;
}

.korp-ui-select2.select2-container-active {
    border-bottom-left-radius: 0;
    border-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(39, 41, 43, 0.3);
    border-top-left-radius: 0;
    box-shadow: 0.3em 0 0 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 0 0 0 rgba(39, 41, 43, 0.3) inset;
    color: rgba(0, 0, 0, 0.85);
    color: rgba(0, 0, 0, 0.85);    
}

.korp-ui-select2 ul.select2-choices {
	border: none;
	box-shadow : none;
	background: none;
	margin : -1px 0 -7px 0 !important;
}

.korp-ui-select2 ul.select2-choices li.select2-search-field input.select2-input {
	border: none;
	box-shadow : none;
}

.korp-ui-select2.select2-container .select2-choice .select2-arrow {
	background : none !important;
	border-left: none !important;
}

.korp-ui-select2 ul.select2-choices li.select2-search-choice {
	margin: 0.3em;
}

.korp-ui-select2-result {
	color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    font-size: 1em;
    line-height: 1.33;
    overflow: hidden;
    padding: 0.5em;
}

.korp-ui-select2-result .description {
	color: rgba(0, 0, 0, 0.4);
	font-size: 0.85em;
	line-height: 0.85em;
	margin: 0;
	padding: 0;
}

.select2-results li {
	border-bottom: 1px solid rgba(39, 41, 43, 0.15) !important;
}

.select2-results .select2-highlighted {
    background: none repeat scroll 0 0 #eaeaea !important;
	color: rgba(0, 0, 0, 0.8) !important;
}




.korp-ui-diffusion-label {
	width: 12em;
	max-width: 12em;
}

.korp-ui-menu-item {
	text-transform: capitalize;
}

.ui.form .field.error .korp-ui-select2, .ui.form .fields.error .field .korp-ui-select2,
.ui.form .field.error .korp-component-common-inline-editor, .ui.form .fields.error .field .korp-component-common-inline-editor {
    background: #fff6f6 none repeat scroll 0 0;
    border-color: #e0b4b4;
    box-shadow: none;
    color: #9f3a38;
}


/* *********************************************
   CARD
   ********************************************* */

.korp-ui-card-statuses {
	float:right; 
	width:12em;
	text-align:center;
}

.korp-ui-card-statuses.auto {
	width:auto;
}

.korp-ui-card-tags {
	padding:0 !important; 
	margin:0 !important;
}

/* *********************************************
   CARDLET   
   ********************************************* */





.korp-ui-cardlet {
    border: 0 none;
    display: inline-block;
    padding: 0 0.5em 0.5em 0;
    vertical-align: top;
    width: 20%;
   	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

.korp-ui-cardlet.big {
    width: 33.3333%;
}


.korp-ui-cardlet .indicator {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.korp-ui-cardlet .value {
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
}

.korp-ui-cardlet .content {
    text-transform: lowercase;
	font-size: 0.8rem;
    text-align: center;
    padding: 0;
}

.korp-ui-cardlet .content .header {
    font-weight: bold;
	color: #000;
}
.korp-ui-cardlet .content .description {
    font-weight: normal;
	color: #666;
}

.korp-ui-cardlet a.ui.segment:hover {
	background-color: #ebebeb;
}

@media only screen and (max-width:1024px) {
	.korp-ui-cardlet {
		width: 25%;
	}
	.korp-ui-cardlet.big {
		width: 33.3333%;
	}
}

@media only screen and (max-width:768px) {
	.korp-ui-cardlet {
		width: 33.3333%;
	}
	.korp-ui-cardlet.big {
		width: 50%;
	}
}

@media only screen and (max-width:480px) {
	.korp-ui-cardlet {
		width: 50%;
	}
	.korp-ui-cardlet.big {
		width: 100%;
	}
}

@media only screen and (max-width:320px) {
	.korp-ui-cardlet {
		width: 50%;
	}
	.korp-ui-cardlet.big {
		width: 100%;
	}
}


.picker__select--month, .picker__select--year {
	display: inline !important;
	width: auto !important;
	font-size: 1rem !important;
}


/* *********************************************
   LOGIN
   ********************************************* */
.page-kernel-login {
	background-color: #F6F6F6;
	margin: 2em auto;
	padding: 1em;
	border: 2px solid rgba(38,159,207, 1);
	max-width: 600px;
    -webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	        transition: all .4s linear;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing:border-box;	        
	         box-sizing:border-box;
}

.page-kernel-login .header {
	border-bottom: 2px solid #888;
	background: none;
}

.page-kernel-login .header legend {
	font-size: 30px;
	font-weight: bold;
	color: rgba(38,159,207, 1);
}







/* *********************************************
   ADDRESS
   ********************************************* */
.korp-ctrl-kernel-address-postal-radio .row > div:nth-child(1) {
	width: 30px;
}
.korp-ctrl-kernel-address-postal-radio .row > div:nth-child(2) {
	padding: 0;
	width: auto;
}


/* *********************************************
   FILE
   ********************************************* */

.korp-ui-highlightable:hover, .korp-ui-highlighted {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
}


/* *********************************************
   KERNEL INDICATOR
   ********************************************* */

.korp-indicator-kernel-user-count .korp-list .row > div:nth-child(1) {
	min-width: 100px;
	text-align: left;
}
.korp-indicator-kernel-user-count .korp-list .row > div:nth-child(2) {
	width: 100px;
	text-align: right;
}
.korp-indicator-kernel-user-count .korp-list .footer {
	font-weight: bold;
}



.korp-indicator-kernel-object-count .korp-list .row > div:nth-child(1) {
	min-width: 100px;
	text-align: left;
}
.korp-indicator-kernel-object-count .korp-list .row > div:nth-child(2) {
	width: 100px;
	text-align: right;
}



/* *********************************************
   UI
   ********************************************* */

.ui.table td {
    vertical-align: top;
}
.ui.table tfoot th {
    background: #f0f0f0 none repeat scroll 0 0;
}

.ui.form select {
	padding: 0.68em 1em !important;
}   


.ui.very.basic.segment {
	padding: 0;
	margin: 0;
}



.korp-file-container {
	
}


.korp-file-container .file {
	margin: 0;
	padding: 0 0 0 133px;
	border: 0;
	width: 400px;
	min-height: 128px;
}

.korp-mime-type {
	width: 80px;
	height: 91px;
	display: inline-block;
}

.korp-mime-type-png {
	background-position: 0 0;	
	background-repeat: no-repeat;
	background-image: url(mime-type/png.png);  
}

#korp-scrollup {
    background: rgba(0, 0, 0, 0) url("res/scrollup.png") no-repeat scroll 0 0;
    bottom: 20px;
    height: 38px;
    right: 20px;
    width: 38px;
}


.korp-kernel-desktop-selector-navigation {
	margin-top: 1em !important;
}

.korp-kernel-desktop-selector-navigation tr {
	cursor: pointer;
}
.korp-kernel-desktop-selector-navigation tr:hover, .korp-kernel-desktop-selector-navigation tr.selected {
	background-color: rgba(192, 192, 192, 0.1);
}

.korp-kernel-desktop-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.korp-widget-view,
.korp-system-widget-file-view, 
.korp-system-widget-file-form-view,
.korp-system-widget-link-view, 
.korp-system-quick-search-view,
.korp-system-widget-editor-view {
	cursor: pointer;
}

.korp-widget-view:hover, .korp-widget-view.selected,
.korp-system-widget-file-view:hover, .korp-system-widget-file-view.selected,
.korp-system-widget-link-view:hover, .korp-system-widget-link-view.selected,
.korp-system-quick-search-view:hover, .korp-system-quick-search-view.selected,
.korp-system-widget-editor-view:hover, .korp-system-widget-editor-view.selected
 {
	background-color: rgba(192, 192, 192, 0.1);
}
.korp-system-widget-file-content, .korp-system-widget-link-content, .korp-system-widget-editor-content, .korp-system-quick-search-content {
	padding-left: 0 !important;
}

.korp-system-widget-file-dragover {
	border: 4px dashed grey !important;
	border-radius: 10px !important;
}

.korp-system-widget-file-blur-image {
	transition: opacity 0.2s;
	opacity: 0.4;
};

.korp-system-widget-file-overlay-image {
	position: relative;
}

.korp-system-widget-file-overlay-image img {
	height: 250px!important;
	width: 250px!important;
}


.korp-system-widget-file-overlay-image .korp-system-widget-file-overlay-content {
	color: black;
	text-align: center;	
	height: 250px!important;
	width: 250px!important;
	margin-top: -258px!important;
	margin-left: 4px !important;
	font-size: 13px;
 	line-height: 1em;
 	border: 2px solid grey!important;
}


.korp-system-widget-file-overlay-image .korp-system-widget-file-overlay-content {
	position: absolute;
	opacity: 0;
	transition: .2s ease;
}


.korp-system-widget-file-overlay-image:hover .korp-system-widget-file-overlay-content {
	opacity: 1;
}

.korp-system-widget-file-name-image {
	position: absolute;
	bottom: 20px;
	width: 250px !important;
}

.korp-system-widget-file-document-description ul {
	padding-left: 0px;
}


.korp-document-error {
	color: red
}

.korp-document-error:hover {
	color: red
}




.korp-ctrl-choice .remove.icon {
	font-size: 0.857143em;
	margin:0;
	padding:0;
	right: 3em;
	top: auto;
	position: absolute;
	opacity: 0.5;
	z-index: 30;
}

.korp-ctrl-choice input[value=''] ~ .remove.icon,
.korp-ctrl-choice input:not([value]) ~ .remove.icon,
.korp-ctrl-choice.loading .remove.icon {
	display: none;
}





.korp-ui-reporting-hoverable,.korp-ui-widget-hoverable {
	cursor: pointer;
}
.korp-ui-reporting-hoverable:hover,.korp-ui-widget-hoverable:hover {
	background-color: rgba(0, 0, 0, 0.05) !important;
}


/* *********************************************
   TEMPLATE
   ********************************************* */

.korp-template-row {
	padding-top: 1em;
}

#korp-template-header {
}

#korp-template-recall {
}

#korp-template-body {
	min-height: 60%
}

#korp-template-footer {
	margin-top: 6em;
	margin-bottom: 2em;
}


/* *********************************************
   VUE REPORTING
   ********************************************* */
.ui.bottom.segment.pushable {
	margin-bottom: 0;
}

.ui.left.menu {
	height:auto;
	border: none !important;
	box-shadow: none !important;
	
}
.ui.left.fixed.menu {
	background-color:rgba(255, 255, 255, 0);
}

.item.korp-reporting-menu-header {
	padding-left:0px !important; 
	width:1px;
}

.korp-reporting-menu-header::before {
	width: 0px !important;
}

.ui.sidebar.menu {
	width:100%;
	padding-top: 1em;
}

.korp-reporting-menu-item::before {
	width: 0px !important;
}

.korp-inline-block-top {
	display: inline-block;
	vertical-align: top;
}

/* #### Widget System File Uploader #### */

.korp-system-widget-uploader-file-container {
	border: 1px solid #D3D3D3 !important;
	border-radius: 10px !important;
}

.korp-system-widget-uploader-file-container:hover {
	cursor: pointer;
}

.korp-system-widget-uploader-file-dragover {
	border: 3px solid green !important;
	border-radius: 10px !important;
}

.ui.korp-system-widget-uploader-file-miniature {
	display: inline-block;
	margin: 5px;
	min-height: 180px!important;
	max-height: 180px!important;
	text-align: right;
}

.ui.korp-system-widget-uploader-file-miniature img {
	height: 150px!important;
}


.ui.korp-system-widget-uploader-file-miniature .close.icon {
	margin-right: -12px!important;
}

.ui.korp-system-widget-uploader-file-miniature .close.icon {
    cursor: pointer;
}

.ui.korp-system-widget-uploader-file-miniature .close.icon:hover {
	color: red!important;
	margin-right: -12px!important;
}


.ui.very.basic.segment.padded {
	padding: 0.5em;
}

.ui.segment.selectable {
	cursor: pointer;
}

.ui.segment.selectable:hover {
	background-color: rgba(200,200,200,0.1) !important;
	border-radius: 3px !important;
}

.ui.fitted.list {
	margin:0;
}



/* *********************************************
   BASE
   ********************************************* */
.korp-ui-list-indicators-target > td {
	border-top: 0px!important;
}

tr:hover + tr.korp-ui-list-indicators-target, tr.hover {
    background: rgba(0,0,0,.05);
}


.korp-ui.reporting-index {
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
	border-top : 4px solid rgba(200,200,200,0.4) !important;
}
.korp-ui.reporting-index:hover {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}


/* *********************************************
   SURCHARGES FOMANTIC-UI
   ********************************************* */
.ui.table i.ui.icon.ellipsis.vertical {
	padding-top:3px;
	opacity: 0.2;
	transition: opacity 0.5s linear;
}

.ui.table tr:hover i.ui.icon.ellipsis.vertical {
  opacity: 1;
  transition: opacity 0.5s linear;
}

.korp-ui.component-views.ui.segment {
	padding : 0;
}

.korp-ui.component-views.ui.segment > .korp-ui.views {
	background: rgba(128,128,128, 0.1);
	width: 100%; 
	border: 0;
	border-radius: 0;
}

.korp-ui.component-views.ui.segment > .korp-ui.views  > .default.text{
	color: rgb(128,128,128);
}



.ui.segment.korp-ui-view-selector {
	padding: 0;
	margin-bottom: -5px !important;
}

.ui.segment.korp-ui-view-selector .ui.selection.dropdown {
	background:  #dcddde !important;
	width: 100%; 
	border: 0;
	border-radius: 0;
}