/*
	xs < 576px	
	sm ≥ 576px	
	md ≥ 768px	
	lg ≥ 992px
	xl ≥ 1300px
	xxl ≥ 1550px 
*/


:root { /* definice barev pro AEC */
		--extranet_primary_color: #3558a2;					/* ifp-blue */
    --extranet_primary_color_lighten: #4670C8;  /* lighter = hover v.*/
    --extranet_primary_color_darken: #282828;   /**/
    
    --ifp-blue-lt: #6AB1ED; /* nahradit #0088c5? */
 
}

.arc-en-ciel .montserrat, .kiosque-aec .montserrat {
    font-family: Marianne !important;
}

.kiosque-aec body :not(i):not(.la):not(:before),
.kiosque-aec li :not(i):not(.la):not(:before),
.content-aec :not(i):not(.la):not(:before),
.arc-en-ciel .dashboard,
.kiosque-aec .dashboard { font-family: Marianne !important; font-weight: 400;}

.kiosque-aec li {font-weight: 300;}
.content-aec .container .container {padding: 0!important; margin: 0 auto !important;}

.arc-en-ciel .container, .kiosque-aec .container {
    width: 100%; 
}


@media (min-width: 768px) {
    .arc-en-ciel .container, .kiosque-aec .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .arc-en-ciel .container, .kiosque-aec .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .arc-en-ciel .container, .kiosque-aec .container {
        width: 100%; 
    }
}

.arc-en-ciel .button, .arc-en-ciel .button-list-primary .button-primary, .arc-en-ciel .button-list-primary a, .arc-en-ciel .button-list-primary button, .arc-en-ciel .button-primary, .arc-en-ciel .button-primary-container .button-primary, .arc-en-ciel .button-primary-container a, .arc-en-ciel .button-primary-container button, .kiosque-aec .button, .kiosque-aec .button-list-primary .button-primary, .kiosque-aec .button-list-primary a, .kiosque-aec .button-list-primary button, .kiosque-aec .button-primary, .kiosque-aec .button-primary-container .button-primary, .kiosque-aec .button-primary-container a, .kiosque-aec .button-primary-container button
	{border-radius: 2px; border-width: 2px; text-transform: none !important; font-size: 18px !important; font-weight: bold; line-height: 24px !important; padding: 10px 20px 10px !important; transition: 0.25s !important;}

.arc-en-ciel .button--filled:hover:not(.button-primary--no-hover-bg), .arc-en-ciel .button-primary--filled:hover:not(.button-primary--no-hover-bg), .kiosque-aec .button--filled:hover:not(.button-primary--no-hover-bg), .kiosque-aec .button-primary--filled:hover:not(.button-primary--no-hover-bg) {
    background-color: var(--extranet_primary_color) !important;
    border-color: var(--extranet_primary_color_lighten) !important;
}	
.arc-en-ciel .button-list-primary .button-primary:hover, .arc-en-ciel .button-list-primary a:hover, .arc-en-ciel .button-list-primary button:hover, .arc-en-ciel .button-primary-container .button-primary:hover, .arc-en-ciel .button-primary-container a:hover, .arc-en-ciel .button-primary-container button:hover, .arc-en-ciel .button-primary:hover:not(.button-primary--no-hover-bg), .arc-en-ciel .button:hover:not(.button-primary--no-hover-bg), .kiosque-aec .button-list-primary .button-primary:hover, .kiosque-aec .button-list-primary a:hover, .kiosque-aec .button-list-primary button:hover, .kiosque-aec .button-primary-container .button-primary:hover, .kiosque-aec .button-primary-container a:hover, .kiosque-aec .button-primary-container button:hover, .kiosque-aec .button-primary:hover:not(.button-primary--no-hover-bg), .kiosque-aec .button:hover:not(.button-primary--no-hover-bg) 
	{box-shadow: inset 350px 0 0 0 var(--extranet_primary_color_lighten); border-color: var(--extranet_primary_color_lighten); }
	


a.button-primary:first-letter {text-transform: uppercase;}

side-bar-filter {overflow-y: visible !important;}


/* fake loader + error *
.arc-en-ciel .loading:before, .kiosque-aec .loading:before {
    content: url(images-5/if-ellipsis-loader.svg);
}
.arc-en-ciel .loading:before, .kiosque-aec .loading:before {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.28571429em;
    text-align: center;
    width: 100%;
    color: var(--extranet_primary_color);
    margin-top: 10px;
}
/* err *
.arc-en-ciel .ifp-msg, .kiosque-aec .ifp-msg {font-size: 18px; color: var(--ifp-blue); min-height: 43px; margin: 13px auto 0; width: 60%; xmin-width: 250px;}  
*/
