/* CSS Document */

body > .debug  { min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; margin:10px; background:#000 url(medium/status-bug.svg) no-repeat 10px center; color:#fff; font-weight:bold;}

/*boites de messages espaces admin*/
div#container .msg-error { 		min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-error.svg) no-repeat; color:#c1351b; font-weight:bold;}
div#container .msg-operation { 	min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-ok.svg) no-repeat; color:#407800; font-weight:bold;}
div#container .msg-info  { 		min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-help.svg) no-repeat; color:#2472ba; font-weight:bold;}
div#container .msg-warning { 	min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-warning.svg) no-repeat; color:#bb7535; font-weight:bold;}
div#container .msg-wait  { 		min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-loading.svg) no-repeat; font-weight:bold;}
div#container .msg-debug  { 	min-height:64px; font-size:0.9em; margin:1em 0px 1em 0px; padding:10px 10px 10px 80px; background:url(medium/status-bug.svg) no-repeat; font-weight:bold;}



#mainToolbarStatus {
    text-align:left;
    padding-left:65px;
}

.icon--loading {
    animation: rotate 0.8s infinite linear;
    border: 4px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
}

.icon--success {
    &::after {
        content: '\f058';
    }
}

.icon--warning {
    &::after {
        content: '\f071';
    }
}

.icon--error {
    &::after {
        content: '\f2f0';
    }
}

.icon--info {
    &::after {
        content: '\f05a';
    }
}

.icon--help {
    &::after {
        content: '\f059';
    }
}

.toast-icon::after {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', monospace;
}

.icon--upload {
    background-image: url(medium/status-loading.svg);
}
.icon--debug {
    background-image: url(medium/status-bug.svg);
}



.window_panel .window_header .bookmarkImg 	{ background-image: url('small/shape-star.svg'); }
.window_panel .window_header .minimizeImg 	{ background-image: url('small/arrow-down.svg'); }
.window_panel .window_header .cascadeImg 	{ background-image: url('small/windows-blank-dual.svg'); }
.window_panel .window_header .maximizeImg 	{ background-image: url('small/windows-blank.svg'); }
.window_panel .window_header .closeImg 		{ background-image: url('small/shape-cross.svg'); }




ul.iconPanel {margin:0px !important; padding:0px 0px 30px;}
ul.iconPanel li {width:96px; display:inline-block; margin-top:10px; text-align:center; vertical-align:top; padding:10px 5px;}
ul.iconPanel li span {display:block;}
ul.iconPanel li a:hover img {opacity:0.8;}
ul.iconPanel li a:active img {opacity:0.5;}


.btn-icon {padding-left:30px; background-position:4px center; background-repeat: no-repeat;}
.btn-icon-ok {background-image: url(small/status-ok.svg);}
.btn-icon-cancel {background-image: url(small/status-error.svg);}
.btn-icon-add {background-image: url(small/action-add.svg);}
.btn-icon-edit {background-image: url(small/tool-pencil.svg);}
.btn-icon-delete {background-image: url(small/shape-cross.svg);}
.btn-icon-email {background-image: url(small/com-mail.svg);}
.btn-icon-view {background-image: url(small/tool-magnifier.svg);}