/*** BASIC*/
body, a, .sLink																							{color:#ccc;}
#htmlLightbox, .objContainer, .miscContainer, .menuContext, #menuMobileMain								{background:#222;}
#headerBar																								{background:linear-gradient(to bottom,black,#222);}/*barre principale*/
#headerBar, .objContainer, .miscContainer, .menuContext, #livecounterMain, #messengerMain, .tox-tinymce	{box-shadow:2px 2px 10px #555; transition:box-shadow 0.3s ease-in-out;}
.objBlocks .objContainer:hover																			{box-shadow:2px 2px 10px #fff;}
.objLines .objContainer																					{border-bottom:solid 1px #555;}
.menuContext,  #messengerMain, .tox-tinymce																{border:solid 1px #444;}
.objLines .objContainer:hover, .menuContext .menuLine:hover, .lineHover:hover, .lineSelect				{background:#333;}
.objContainerSelect, #objSelectMenu																		{background:#444!important;}
.tooltipster-box																						{background:black!important; box-shadow:0px 0px 12px #bbb!important;}
.tooltipster-content																					{color:#eee!important; padding:15px!important;}
/*AFFICHAGE RESPONSIVE*/
@media screen and (max-width:1200px){
	#htmlMainPage					{background:#222 url(../../img/logoMobileBg.png) no-repeat center 95%; height:100%;}
	#headerBar						{border-top:solid 1px #ddd;}/*séparation de la "appBar" du main.dart*/
	.objContainer, .miscContainer	{box-shadow:0px 2px 6px #555;}
}

/*** LIENS & OPTIONS*/
a:hover, .sLink:hover, .linkSelect, .menuLauncher:hover, [onclick]:hover, button:hover, label:hover, input:checked+label, .optionSelect	{color:#679cd8;}
.sAccessRead						{color:#7eb7f8;}
.sAccessWrite						{color:#f88;}
.option								{border:solid 1px transparent;}
.option:hover, .optionSelect		{border:solid 1px #555; border-radius:5px;}
.option:hover						{background:#333; }
.optionSelect						{background:#444!important;}

/*** MENU DES MODULES*/
#headerRightMenu *:is(.vHeaderModuleCurrent,.vHeaderModule:hover)	{background:black; border:solid 1px #444!important;}
#menuMobileMain  *:is(.vHeaderModuleCurrent,.miscContainer)			{background:#333; border:solid 1px #555; box-shadow:0px 2px 6px #555;}

/*** INPUTS*/
input, textarea, select												{color:#ccc; background:#333; border:1px solid #555;}
button																{color:#ccc; background:linear-gradient(#444,#333);}
button:hover:not(.f-button)											{background:linear-gradient(#444,#3a3a3a);}
button:disabled														{color:#888;}
input:not([type=radio],[type=checkbox]), textarea, select, button	{box-shadow:0px 0px 4px #777; transition:box-shadow 0.3s ease-in-out; border:#585858 1px solid;}
input:not([type=radio],[type=checkbox]):hover, textarea:hover		{box-shadow:0px 0px 4px #505050;}
input:not([type=radio],[type=checkbox]):focus, textarea:focus		{box-shadow:0px 0px 4px #0068bd; border:#bcf 1px solid;}
input:read-only, textarea:read-only									{background:#555;}
.tox-tinymce														{box-shadow:0px 0px 4px #777!important; border-radius:5px!important;}/*Editeur TinyMCE*/

/*** DIVERS*/
.objMenuTab, fieldset, .objMenuMain		{background:#333; border:1px solid #444; border-radius:8px;}	   /*VueObjMenuEdit + fieldset*/
.objMenuTab								{background:transparent;}											 /*VueObjMenuEdit : onglet non sélectionnés*/
.objMenuTab:hover, .objMenuTabSelect	{background:#333;}													/*VueObjMenuEdit : onglet sélectionnés/survolé*/
hr										{background:linear-gradient(90deg,#555,#999,#555);}
.jconfirm-box							{background:#222!important; box-shadow:0px 2px 6px #555!important;}
::-webkit-scrollbar						{background:#333; width:12px;}		/*background et width*/
::-webkit-scrollbar-thumb				{background:#888;}					 /*couleur de scrollbar*/