body { background: #fff; }

:root
{
	--padd: clamp(20px, 1.5vw, 50px);
	--padd-inv: clamp(-50px, -1.5vw, -20px);
	--padd-double: clamp(20px, 3vw, 100px);
	--padd-double-inv: clamp(-100px, -3vw, -20px);

	--mic32: "mic-32-new-web",sans-serif;

	--main-blue: #0C419A;
	--main-blue-hover: #0A3A7F;
	--main-blue-focus: #082E66;
	--light-blue: #E7ECF5;
	--light-blue2: #D7DFEF;
	--main-red: #CD545B;

	--h1-fs: clamp(18px, 1.5vw, 50px);
}

.ui.table thead tr:first-child { position: sticky !important; top: 0; z-index: 9; }
#mainContentContainer > .ui.table.very.basic thead tr:first-child { background: #e7ecf5; }

.notificationMessage { animation-duration: .3s; animation-name: notificationSlideIn; position: fixed; transition: all .3s; top: 0; width: 340px; left: calc(50% - 170px); background: #fff; box-shadow: 0 0 50px 0 rgba(0,0,0,.1); display: block; z-index: 99; padding: 30px 50px 30px 30px; border-radius: 0 0 20px 20px; font-size: 1.2rem; border-top: 4px solid var(--main-blue); }
.notificationMessage:after { content: '×'; display: block; position: absolute; top: 10px; right: 10px; color: rgba(0,0,0,.2); width: 20px; height: 20px; text-align: center; line-height: 19px; font-weight: 700; font-size: 26px; cursor: pointer; }
.notificationMessage.hidden { opacity: 0; top: -50px !important; }
.notificationMessage.error { border-top: 4px solid var(--main-red); color: var(--main-red); }
@keyframes notificationSlideIn {from { top: -50px; } to { top: 0; }}

.linkInTable { color: inherit; text-decoration: underline dotted; } .linkInTable:hover { color: inherit; text-decoration: underline; }

table .light { opacity: .3; }
table th a { color: #161f50; text-decoration: none; }
table th a:hover { text-decoration: none; }

.pusher { padding: var(--padd); }
.pusher > #header {  }
.pusher > #header .logoColumn { display: flex; margin: 15px 0 35px 0; width: auto; }
.pusher > #header .logoColumn a { display: inline-block; padding: 0 var(--padd); }
.pusher > #header .siteTitle { font-family: var(--mic32); color: var(--main-blue); border-left: 2px solid var(--light-blue); margin-left: 10px; padding: 10px 0 10px var(--padd); float: right; font-size: 18px; }
.pusher > #header .orgaLogo { margin-left: 30px; float: right; }
.pusher > #header .orgaLogo img { height: 60px; width: auto; display: block; }
.pusher > #mainContent { background: var(--light-blue); padding: var(--padd-double); }
.pusher > #footer { padding: var(--padd); }

#mainContent { min-height: 80vh; }
.loginPage #mainContent { display: flex; justify-content: center; align-items: center; }
.loginPage #mainContent #mainContentContainer { width: 90%; max-width: 500px; }

.menuContent { margin-top: 20px !important; }
.menuContent .item { font-family: var(--mic32); color: var(--main-blue) !important; }

h1.mainTitle { cursor: default; background: var(--light-blue2); display: flex; justify-content: space-between; padding: var(--padd) var(--padd) 0 var(--padd); margin: var(--padd-double-inv) var(--padd-double-inv) var(--padd-double) var(--padd-double-inv); }
h1.mainTitle > .title { font-size: var(--h1-fs); margin: var(--padd-inv) 0 0 var(--padd-inv); position: relative; display: inline-block; font-family: var(--mic32); color: #fff; background: var(--main-blue); padding: var(--padd); text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding-right: var(--padd-double); clip-path: polygon(0% 0%, 99% 0%, 95% 100%, 0% 100%); }
h1.mainTitle > .title .label { font-weight: initial; letter-spacing: initial; }
h1.mainTitle > .title:after { content: ''; display: block; position: absolute; }
h1.mainTitle > .right { margin-top: -5px; }
h1.mainTitle > .right .custom.vertical.divider { width: 2px; background: #fff; display: inline-block; height: 2rem; margin: 0 .5rem; position: relative; top: 9px; }

tr .showOnTrHover { opacity: 0; } tr:hover .showOnTrHover { opacity: 1; }

.dashboardItem { display: flex; align-items: center; }
.dashboardItem + .dashboardItem { margin-top: 1rem; padding-top: 1rem; border-top: 2px solid var(--light-blue2); }
.dashboardItem .picto { margin-right: 20px; }
.dashboardItem .picto .huge.icon { font-size: 3rem; }
.dashboardItem .content { padding: 0.5rem 2rem 0.5rem 0; }
.dashboardItem .content .header { color: var(--main-blue); font-weight: bold; font-size: 1.4rem; margin-bottom: .2rem; line-height: 1.1; }
.dashboardItem .content .meta { color: var(--main-blue); }
.dashboardItem .action { margin-left: auto; }

.quickAccessBlock { display: flex; justify-content: space-between; flex-wrap: wrap; }
.quickAccessBlock .quickAccess { display: flex; flex-wrap: wrap; background: var(--main-blue); background: var(--main-blue); width: 47%; aspect-ratio: 1/1; justify-content: center; align-content: center; }
.quickAccessBlock .quickAccess:nth-child(n+3) { margin-top: 6%; }
.quickAccessBlock .quickAccess > i { font-size: 2.2vw; color: #fff; margin-bottom: 0.5rem; }
.quickAccessBlock .quickAccess > i .corner.icon { text-shadow: -2px -2px 0 var(--main-blue), 2px -2px 0 var(--main-blue), -2px 2px 0 var(--main-blue), 2px 2px 0 var(--main-blue); }
.quickAccessBlock .quickAccess > i .top.left.corner.icon { top: 8px; left: -16px; }
.quickAccessBlock .quickAccess .content { color: #fff; display: block; font-family: var(--mic32); font-size: 1vw; padding: 0 2rem; text-align: center; line-height: 1.2; }

.quickAccessBlock .quickAccess, .quickAccessBlock .quickAccess * { transition: all .2s; }
.quickAccessBlock .quickAccess:hover { transform: scale(1.05); }
/*.quickAccessBlock .quickAccess:hover * { transform: scale(1.1); }*/

.mic32 { font-family: var(--mic32); }
.main-blue { color: var(--main-blue); }

.ui.button.fluid + .ui.button.fluid { margin-top: 0.5rem; }

/* Trumbowyg -----------------------------------------------------------------------------*/

.trumbowyg-editor-box { background: #fff; }
.trumbowyg-display-content { }
.trumbowyg-display-content a { color: var(--main-blue); text-decoration: underline dotted; }
.trumbowyg-display-content a:hover { text-decoration: none; }

/* SemanticUi Rewrite -----------------------------------------------------------------------------*/

.ui.container { max-width: 1400px !important; width: auto !important; }
.ui.segment, .ui.segments { box-shadow: none !important; border-radius: 0 !important; border: 0 !important; }

.ui.grid > .column:not(.row), .ui.grid > .row > .column { padding-left: 1.5rem; padding-right: 1.5rem; }

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { padding-top: .92857143em !important; }

form .ui.red.pointing.prompt.label { width: 100% !important; }
form .ui.red.pointing.prompt.label:before { left: 10% !important; }
form .ui.red.pointing.prompt.label ul { margin: 0; padding: 0 0 0 1em; }

.ui.divider:not(.vertical):not(.horizontal):not(.hidden) { border-top: 2px solid rgba(0,0,0,.05) !important; }
.ui.divider { margin: 1.5rem 0 !important; }

/*[type="number"] { text-align: right !important; -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; }*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.ui.styled.accordion .accordion > .content, .ui.styled.accordion > .content { border-top: 1px dashed rgba(34,36,38,.15) !important; }

.ui.button { border-radius: 25px !important; }

.ui.primary.button, .ui.primary.buttons .button { background-color: var(--main-blue); }
.ui.basic.primary.button, .ui.basic.primary.buttons .button { box-shadow: 0 0 0 1px var(--main-blue) inset !important; color: var(--main-blue) !important; }
.ui.primary.button:hover, .ui.primary.buttons .button:hover { background-color: var(--main-blue-hover); }
.ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover { box-shadow: 0 0 0 1px var(--main-blue-hover) inset !important; color: var(--main-blue-hover) !important; }
.ui.primary.button:focus, .ui.primary.buttons .button:focus { background-color: var(--main-blue-focus); }
.ui.basic.primary.button:focus , .ui.basic.primary.buttons .button:focus  { box-shadow: 0 0 0 1px var(--main-blue-focus) inset !important; color: var(--main-blue-focus) !important; }

h1.ui.header { font-family: var(--mic32); color: var(--main-blue); font-size: clamp(30px, 2vw, 50px); }
.ui.header { font-weight: 400; margin: 2rem 0; }

.ui.blue.label, .ui.blue.labels .label { background-color: var(--main-blue) !important; border-color: var(--main-blue) !important; }
.ui.blue.message { background-color: var(--light-blue2); color: var(--main-blue); box-shadow: 0 0 0 1px var(--main-blue) inset,0 0 0 0 transparent; }

.mainTitle .ui.label, table .ui.label { background-color: #fff; }
tr.disabled .label { opacity: .4; }

.ui.table td.negative label { color: #9f3a38 !important; }
.ui.table td.positive label { color: #2c662d !important; }

.ui.label.circular.circular-compact { padding: .5em .75em !important; } .ui.label.circular.circular-compact .icon { margin: 0 .25em 0 0; }

.ui.selection.dropdown { min-width: 10rem; }

.ui.header { color: var(--main-blue); }
.ui.dividing.header { border-bottom: 2px solid var(--light-blue2); padding-bottom: 1rem; }

.ui.definition.table tr td.definition, .ui.definition.table tr td:first-child:not(.ignored) { background: #f9fafb; }

.ui.segments .segment:not(.inverted) + .segment:not(.inverted) { margin-top: 2px; }

.ui.inverted.blue.segment { background-color: var(--main-blue) !important; }
.ui.inverted.blue.segment .ui.form .field > label { color: #fff; }

.ui.modal .content img { max-width: 100%; }

/* Filter Dropdown ------------------------------------------------------------------------*/

.dropdown-filter-dropdown { position:relative; display:inline-block; }

.dropdown-filter-icon { margin-left: 8px; position: relative; top: 4px; border: 1px solid black; border-radius: 20px; height: 20px; width: 20px; display: inline-block; line-height: 20px; text-align: center; }
.dropdown-filter-icon:hover { cursor: pointer; background: #fff; }
.dropdown-filter-icon i { display: none; }
.dropdown-filter-icon:after { content:  "›"; display: block; position: absolute; top: 0; left: 0; left: 8px; font-size: 20px; transform: rotate(90deg); }

.checkbox-container { max-height: 400px; overflow-y: scroll; }

.dropdown-filter-content { display: none; position: absolute; background-color: #fff; min-width: 240px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); z-index: 1; padding: 20px; border-radius: 20px; }
.dropdown-filter-content div + div { margin-top: 5px; }

.dropdown-filter-content div.dropdown-filter-search { margin-bottom:10px; margin-top:10px; }
.dropdown-filter-content div.dropdown-filter-search input { width: 100%; padding: 0 10px; border-radius: 20px; border: 1px solid #ddd; height: 30px; line-height: 30px; }

.dropdown-filter-content div.dropdown-filter-sort { border-radius: 20px; text-align: left; cursor: pointer; background-color: rgba(0, 0, 0, .1); }
.dropdown-filter-content div.dropdown-filter-sort:hover { background-color: rgba(0, 0, 0, .2); }
.dropdown-filter-content div.dropdown-filter-sort span { padding: 0 10px; height: 30px; line-height: 30px; color:#000; }

/* Responsive -----------------------------------------------------------------------------*/


/*- than Tablet*/
@media (max-width: 767px)
{
}

/*Tablet and +*/
@media (min-width: 768px)
{
}

/*- than Small Monitor*/
@media (max-width: 991px)
{
	.showOnSmallMonitorAndLess { display: block !important; }
	.hideOnSmallMonitorAndLess { display: none !important; }
}

/*Small Monitor and +*/
@media (min-width: 992px)
{
	.showOnSmallMonitorAndLess { display: none !important; }
	.hideOnSmallMonitorAndLess { display: inherit !important; }
}

/*Large Monitor and +*/
@media (min-width: 1200px)
{
	.menuMobileToggle { display: none !important; }
}

/*Large Monitor and -*/
@media (max-width: 1199px)
{
	.pusher .menuContent { display: none; }
	.menuMobileToggle { display: block !important; position: fixed; top: 20px; right: 20px; z-index: 99; }

	.pusher > #header .logoColumn a { padding: 0 var(--padd) 0 0; } .mainLogo { max-width: 30vw; }
}