/* globales */
.hide {display:none;}
.hideForce {display:none!important;}
.novisib {display: none !important;}
.alCenter{text-align: center;}

.note {font-style:italic;font-size:12px;}
.note a {font-style:normal;text-decoration:underline;}
.text-justify {text-align:justify}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.inline {display:inline-block}


/*.ui-dialog {transition: width 2s, height 2s;}*/
.ui-dialog .sl-label {display:inline-block;width:150px;text-align:right}
.ui-dialog .sl-value {display:inline-block;width:250px;text-align:left;font-weight:bold;padding-left:0.2em}
#ui-dialog-confirm-ajax p {padding:1em;font-size:1em;color:#333}
#ui-dialog-ajax h2 {padding:1em 0!important; margin:0}


/* page */
.dc-atysdefault #content {display:inline-block; width:950px; margin-top:-20px;}
.dc-atysdefault .entry-title .disconnect-top {float:right; line-height:32px; margin-top:-6px;}
.dc-atysdefault .entry h2.entry-title {background:#eee; color:#333; margin:8px 8px 0 8px; padding:0 20px;
 border-top-left-radius:10px; border-top-right-radius:10px;}

.dc-atysdefault .post-content {margin:0 8px; padding:10px 20px 30px 20px; font-size:14px; background:#fff; min-height:450px;}

.dc-atysdefault .post-content h3 {font-size:1.3em}
.dc-atysdefault .post-content p {font-size:1.1em; margin:4px 0}
.dc-atysdefault .post-content a:hover {text-decoration:underline;}
.dc-atysdefault .post-content .box-msg {width:500px; display:inline-block; margin:0 auto; padding:20px; border:1px solid #264D69; border-radius:6px}

.dc-atysdefault .post-content .frm-default {/*margin-top:20px*/}
.dc-atysdefault .post-content .frm-default fieldset {padding:20px; border-radius:6px; display:inline-block; margin:0 auto; border-color:#264D69}
.dc-atysdefault .post-content .frm-default legend {background-color:#42667F; color:#fff; padding:2px 8px; border-radius:6px; font-size:1.2em}
.dc-atysdefault .post-content .frm-default label,
.dc-atysdefault .post-content .frm-default input {display:inline-block; margin:2px 0; font-size:1em; width:80%}

.dc-atysdefault .post-content .frm-login label {/*width:100px; color:#264D69;*/}
.dc-atysdefault .post-content .frm-login input {/*width:200px*/}
.dc-atysdefault .post-content .frm-login p {/*margin:20px 0 0 0*/}



/* popup : .rmb-classic */
.rmb-classic {padding:0;overflow:hidden;border:0;background:transparent;min-width:350px}
.rmb-classic h2 {display:block;background:#225B8D;padding:12px 4%;color:#eaeaff;margin:0;font-size:19px;}
.rmb-classic p {background:#fff;color:#225B8D;font-size:13px;margin-bottom:12px}
.rmb-classic button, .rmb-classic .button {border:0;border-radius:8px;padding:0.4em 0.6em;font-size:14px;font-weight:bold;
 background:#1D5079;color:#eaeaff;min-width:40px;margin:0 8px}
.rmb-classic button:hover, .rmb-classic .button:hover {background:#004579;color:#fff;min-width:40px;} 
.rmb-classic .rmb-content {display:block;background:#fff;padding:24px 4%;text-align:left}
.rmb-classic .rmb-bottom {display:block;background:#efefff;padding:12px 4%;text-align:center}
.rmb-classic .exit {margin:6px 9px;color:#eaeaff}
.rmb-classic .exit:hover {color:#FF3838}

.rmb-content-center .rmb-content p {text-align:center;}


/* ui custom */
.ui-button-flat {border:0!important;border-radius:8px!important;padding: 0.4em 0.6em !important;
 font-size:14px!important;font-weight:bold!important}
.ui-button-light {background:#DBF7FF!important;color:#00495B!important;}
.ui-button-light:hover {background:#F4FCFF!important;color:#003D4C!important;text-decoration:none!important}
.ui-button-dark {background:#264D69!important; color:#eee!important; display:inline-block; min-width:100px; text-align:center;}
.ui-button-dark:hover {background:#1E4869!important;color:#fff!important;text-decoration:none!important}

.ui-autocomplete-loading {
	background: white url("/index.php?pf=atysCommon19/css/images/ui-anim_basic_16x16.gif") center no-repeat;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}



table.tbl-default {
	font-size: 1em;
	border-collapse: collapse;
	margin: 0 0 1em 0;
	width: 100%;
	display:table;
}
table.fixed-headers {
	table-layout:fixed;
}
table.width-auto {
	width:auto !important;
}

table.tbl-default tr {}
table.tbl-default th {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #dfdfdf;
	background: #e8efff/*#eef1ec*/;
	padding: .4em .5em .4em .5em;
	vertical-align: top;
	text-align: left;
}
table.tbl-default td {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #e3e3e3;
	padding: .4em .5em .4em .5em;
	vertical-align: top;
}

table.tbl-default .noactivated td {color:#999}
table.tbl-default .has-details.open td {border-width: 0 0 0 0;}
table.tbl-default .details td {/*display:none;*/}

table.tbl-default .toggle-details {/*vertical-align:middle;*/}
table.tbl-default .toggle-details .toggle {width:16px; height:16px; display:inline-block; text-indent:-99999px; vertical-align:middle; margin:4px;
 overflow:hidden; background-repeat:no-repeat; background-image:url("/index.php?pf=atysCommon19/css/images/ui-icons_777777_256x240.png");}
table.tbl-default .show-details .toggle {background-position: -32px -16px;}
table.tbl-default .hide-details .toggle {background-position: -64px -16px;}
/*
table.tbl-default .toggle-details {width:12px; height:12px; display:inline-block; font-size:12px;}
table.tbl-default .show-details::after {content:'▶'}
table.tbl-default .hide-details::after {content: '▼'}
*/

.form-flat fieldset {padding:8px;border:0}
.form-flat legend {color:#2F72B8;font-size:15px;margin:0}
.form-flat .dropzone {min-height:60px;width:600px;font-style:italic;text-align:center;border-style: dashed;background:#f9ffea}
.form-flat .note {font-style:italic;}
.form-flat label,
.form-flat .label {display:inline-block;width:200px;font-size:12px;margin-bottom:6px;color:#666;}
.form-flat input[type=text],
.form-flat .input {display:inline-block; margin-bottom:10px; color:#333; font-weight:bold; font-size:14px; font-family:arial, sans serif;}
.form-flat input[type=text] {background:none; width:80px; box-sizing: border-box; border:none; border-bottom:1px solid #ccc;}
.form-flat input[type=text]:hover {color:#000;border-bottom:1px solid #999;}
.form-flat input[type=text]:focus {color:#0051A3;border-bottom:1px solid #007fff;}
.form-flat input[type=radio] {vertical-align:middle; margin-left:.2em;margin-right:1em;}
.form-flat input.width400 {width:400px}
.form-flat input.nostyle:hover {border-bottom:1px solid #fff;}
.form-flat input.nostyle:focus {border-bottom:1px solid #fff;}
.form-flat input.autowidth {width:auto;}
.form-flat input[type=submit],
.form-flat .btn-blue {background:#007fff;color:#fff;border:none;border-radius:10px;font-size:14px;}
.form-flat input[type=submit]:disabled, .form-flat input[type=submit]:disabled:hover {background:#aaa}
.form-flat .hidden {display:none;}
.form-flat span.status {display:inline-block;width:16px;height:16px;font-family:Nunito;font-size:16px;line-height:16px;text-align:center;vertical-align:middle}
.form-flat span.status.alert::after {content:'⚠️'}
.form-flat span.status.loading-anim::after {content:'⛭'; color:#2F72B8;}
.form-flat span.status.rotate {animation:rotating 1s linear infinite}

/*#note-info-ui .ui-dialog-titlebar {border:none!important}*/
#note-info-ui p {font-size:15px; color:#333}
#note-info-ui button {border:none;border-radius:6px;padding:4px;color:#fff;font-size:14px;font-weight:600;background-color:#264D69}
#note-info-ui-next {text-align:right}
#note-info-ui-content {font-size:14px; margin-bottom:16px}
#note-info-ui-content>*{font-size:14px; color:#333}
#note-info-ui-content h4 {font-size:17px;margin-bottom:8px}
#note-info-ui-content p {margin-bottom:16px; text-align:justify}
#note-info-ui-content ul {padding:0 32px; text-align:justify}
#note-info-ui-content ul li {font-size:15px; color:#333; font-weight:bold; margin-bottom:4px}
input[name="note-info-ui-checked"] {border-color:#333}
label[for="note-info-ui-checked"] {font-weight:800}


/* Pour fcbo public */
.h150 {height: 150px!important}
.h250 {height: 250px!important}
.h300 {height: 300px!important}
.h350 {height: 350px!important}
.scroll-x {overflow-x:scroll}
.scroll-y {overflow-y:scroll}

.no-text-deco { text-decoration: none; }

/* others */

.w10 {width: 10px!important}
.w20 {width: 20px!important}
.w30 {width: 30px!important}
.w40 {width: 40px!important}
.w50 {width: 50px!important}
.w60 {width: 60px!important}
.w67 {width: 67.5px!important} /* for search criteria alignment 1/4 */ 
.w70 {width: 70px!important}
.w80 {width: 80px!important}
.w90 {width: 90px!important}
.w100 {width: 100px!important}
.w105 {width: 105px!important}
.w110 {width: 110px!important} /* for search criteria alignment 1/3 */ 
.w115 {width: 115px!important}
.w120 {width: 120px!important}
.w125 {width: 125px!important}
.w130 {width: 130px!important}
.w135 {width: 135px!important}
.w140 {width: 140px!important}
.w145 {width: 145px!important}
.w150 {width: 150px!important}
.w160 {width: 160px!important}
.w170 {width: 170px!important}
.w180 {width: 180px!important}
.w190 {width: 190px!important}
.w195 {width: 195px!important} /* for search criteria alignment 1/2 */ 
.w200 {width: 200px!important}
.w210 {width: 210px!important}
.w220 {width: 220px!important}
.w230 {width: 230px!important}
.w240 {width: 240px!important}
.w250 {width: 250px!important}
.w260 {width: 260px!important}
.w270 {width: 270px!important}
.w280 {width: 280px!important} /* for search criteria alignment 2/3 */ 
.w290 {width: 290px!important}
.w300 {width: 300px!important}
.w310 {width: 310px!important}
.w320 {width: 320px!important}
.w330 {width: 330px!important}
.w340 {width: 340px!important}
.w350 {width: 350px!important}
.w360 {width: 360px!important}
.w370 {width: 370px!important}
.w380 {width: 380px!important}
.w390 {width: 390px!important}
.w400 {width: 400px!important}
.w410 {width: 410px!important}
.w420 {width: 420px!important}
.w430 {width: 430px!important}
.w450 {width: 450px!important} /* for search criteria alignment 1/1 */ 
.w460 {width: 460px!important}
.w470 {width: 470px!important}
.w480 {width: 480px!important}
.w490 {width: 490px!important}
.w500 {width: 500px!important}
.w510 {width: 510px!important}
.w520 {width: 520px!important}
.w530 {width: 530px!important}
.w540 {width: 540px!important}
.w550 {width: 550px!important}
.w560 {width: 560px!important}
.w570 {width: 570px!important}
.w580 {width: 580px!important}
.w590 {width: 590px!important}
.w600 {width: 600px!important}
.w610 {width: 610px!important}
.w620 {width: 620px!important}
.w630 {width: 630px!important}
.w640 {width: 640px!important}
.w650 {width: 650px!important}
.w660 {width: 660px!important}
.w670 {width: 670px!important}
.w680 {width: 680px!important}
.w690 {width: 690px!important}
.w700 {width: 700px!important}
.w710 {width: 710px!important}
.w720 {width: 720px!important}
.w730 {width: 730px!important}
.w740 {width: 740px!important}
.w750 {width: 750px!important}
.w760 {width: 760px!important}
.w770 {width: 770px!important}
.w780 {width: 780px!important}
.w790 {width: 790px!important}
.w800 {width: 800px!important}