/*
 * Copyright (c) 2001-2025 Convertigo SA.
 * 
 * This program  is free software; you  can redistribute it and/or
 * Modify  it  under the  terms of the  GNU  Affero General Public
 * License  as published by  the Free Software Foundation;  either
 * version  3  of  the  License,  or  (at your option)  any  later
 * version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY;  without even the implied warranty of
 * MERCHANTABILITY  or  FITNESS  FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public
 * License along with this program;
 * if not, see <http://www.gnu.org/licenses/>.
 */

@charset "utf-8";

/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('./open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* = common style
---------------------------------------------------------------------------- */
body {
	font-family: Arial;
	font-size: 12px;
	color: #818181;
	text-align: center;
	margin: 0;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #868686;;
	line-height: 26px;
	padding: 0px;
	margin: 54px 0 0px 0;
	text-align: left;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8F8F8F;
	margin-top: 0px;
	line-height: 18px;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 16px;
	line-height: 0px;
	margin-top: 20px;
	font-weight: 300;
}

h4 {
	color: #00CAFF;
	font-weight: bold;
	font-size: 15px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h5 {
	color: #00C8FC;
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0 5px 0;
}

h6 {
	color: #FF9900;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0 5px 0;
}

p {
	margin-left: 10px;
	background-color: none;
	padding: 0px;
	line-height: 20px;
	-margin-top: 10px; 
	/margin-top: 10px;
}


.config-update {
	margin-top: 5px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em !important;
	border-radius: 5px !important;
	padding: 3px !important;
}

ul {
	margin-left: 30px;
}

li {
	color: #909090;
	size: 12px;
	line-height: 18px;
	list-style-image: url(../images/dote.png);
	padding-left: px;
}

.fix1 {
	margin-left: -21px;
}

.fix2 {
	margin-left: -35px;
}

#cacheClearEntries {
	position: relative;
	top: 5px;
}

#keysGenerateNewKey {
	position: relative;
top: 5px;
}

#logTable th {
color: rgb(86, 85, 85) !important;
text-align: center;
font-weight: bold;
background-color: #FFFFFF !important;
padding: 3px;
}



hr {
width: 99%;
text-align: left;
margin: 15px 0 15px 10px !important;
-margin: 5px 0 15px 10px;
border: 0;
border-top: 1px solid#C8C8C8;
height: 1px;
}

a {
	color: #00a4c8;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #8f8f8f;
	cursor: pointer;
}

img {
	border: 0px;
}


.loginimg {
	border: 0px;
	/* margin-top: 10px; */
	position: relative;
	top: 15px;
}

.loginimg2 {
	border: 0px;
	/* margin-top: 10px; */
	position: relative;
	top: 20px;
	width: 45px;
}

table {
	font-family: Arial;
	font-size: 12px;
	color: #818181;
}
.txtAlignLeft {
	text-align: left;
}
.txtAlignRight {
	text-align: right;
}
.txtAlignCenter {
	text-align: center;
}
.clear {
	clear:both;
}
/* INDEX / LOGIN PAGE 
---------------------------------------------------------------------- */
.index {
	width: 100%;
	background-color: #FFF;
	background-image: none;
	display: none;
}

.login_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.login_logo {
	float: left;
	margin: 10px 0 15px 0;
}

.login_backToTestPlatform{
	float: right;	
	text-align: center;
	margin: 15px 0 0 0;
}

.login_content {
	background: transparent url(../images/bg_cadre.png) top left;
	background-repeat: no-repeat;
	width: 1000px;
	height: 392px;
	float: left;
	margin: 0 0 15px 0;
}

.login_footer {
	width: 100%;
	color: 8f8f8f;
	font-size: 11px;
	float: left;
}

.login_footer>a {
	color: #0D9DCF;
}

.login_footer>a:hover {
	color: #8f8f8f;
}

.login_intro {
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	margin: 270px 0 0 285px;
}

.login_applist {
	overflow-y: hidden;
	padding-top: 15px;
	height: 90px;
	width: 450px;
}

.login_box {
	color: #fff;
	font-size: 14px;
	text-align: left;
	width: 235px;
	height: 185px;
	float: right;
	margin: 110px 10px 0 0 !important; 
	/margin: 110px 10px 0 0;
	-margin: 110px 5px 0 0;
}

.login_user {
	width: 200px;
	height: 23px;
}

.login_title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	font-family: Arial;
	margin-top: 13px;
	position: relative;
	left: 37px;
	top: -2px;
}

.login_textAlign {
	text-align: right;
	margin-left: -40px;
	position: relative;
	right: 36px;
	top: 2px;
}

.login_champs {
	height: 20px;
	width: 114px;
	border: 2px solid #00667A;
	background-color: #FFF !important;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	float: right;
	-margin-top: -16px;
	text-align: left;
	padding: 3px;
	border-radius: 5px;
}

.submit_button {
	background: url(../images/btn_signin.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 38px;
	border: 0px;
	cursor: pointer;
}

.dlgInfoMessage {
	text-align: left;
}

/* = HEADER
---------------------------------------------------------------------- */
#mainheader {	
	margin-right:7px !important;
	margin-top: 10px;
	margin-bottom:0px;
	/margin:-5px 10px 0 -15px;
	-margin:-5px 10px 0 -15px;
	width: 99%; 
	height: auto;
	float: right;
	background: #fff url(../images/convertigo-administration-header-deco.jpg) top right;
	background-repeat: no-repeat;
}

#mainlogo {
	float: left;
	margin: 11px 0 0px 10px;
	width: 165px;
	height: 65px;
	background-image: url(../images/convertigo-administration-logo.png);
	background-repeat: no-repeat;
	background-position-y: 12px;
}

.main_picto_close {
	float: right;
	margin: 8px 10px 10px 0px;
	width: 55px;
	height: 35px;
	background-image: url(../images/convertigo-administration-picto-close.png);
	background-repeat: no-repeat;
}

.main_top {
float: right;
text-align: right;
margin: 75px 4px 0 0;
font-family: Arial, Helvetica, sans-serif;
color: #a5a5a5;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
}

.main_top a {
color: #00CFFF;
text-decoration: none;
text-transform: uppercase;
/* margin-top: 50px; */
/* position: relative; */
}

.main_top a:hover {
	color: #818181;
}

.main_top_info {
	margin: 0 6px 0 6px;
	float: left;
}

.main_separator {
	float: left;
	margin: 57px 25px 0 25px;
	height: 21px;
	border-left: 2px solid #7C7979;
}
.main-display-none {
	display: none;
}

#mainDate {
	float: right;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a5a5a5;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
}



#sysinfoGetJavaSystemProperties, #sysinfoGetEnvironmentVariables, #performGC {
	margin-top: 5px !important;
}

#statusRestartEngine {
	margin-top: -7px;
}

.status-toolbar {
	display: none;
}

/* = TEMPLATE MAIN
---------------------------------------------------------------------- */
#mainglobal {
	margin: 0px 20px 0 20px !important;
}

#mainmenu {
	float: left;
	width: 180px;
}

#maincontainer {
	margin-left: 20px !important;
	-margin-left: 10px; 
	/margin-left: 10px;
	width: 98%;
	text-align: left;
}

#maincontent {
	background-color: #FFF;
	float: left;
	width: 98.5% !important;
	-width: 99%; 
	/width: 99%;
	margin: 0 5px 0 10px;
}

.maincontent_bgleft {
width: 100%;
float: left;
background-image: url(../images/convertigo-administration-bg-left.png);
background-repeat: repeat-y;
background-position-x: -2px;
}


.maincontent_bgright {
	width: 100% !important;
	-width: 99%; 
	/width: 99%;
	-height: 100%;
	margin: 0 0 0 20px !important; 
	/margin-left: 0px;
	float: right;
	background-position: 100% 0% !important;
	background-image: url(../images/convertigo-administration-bg-right.png);
	background-repeat: repeat-y;
}

#mainfooter {
	width: 100%;
	color: 8f8f8f;
	margin-top: -12px !important; 
	/margin-left: 3.2px;
}

.mainfooter_bgcenter {
	width: 96%;
	height: 30px;
	float: left;
	background-image: url(../images/convertigo-administration-footer-center.png);
	background-repeat: repeat-x;
}

.mainfooter_bgleft {
	width: 2%;
	height: 30px;
	float: left;
	-background-position: 0%; 
	/background-position: 0%;
	background-image: url(../images/convertigo-administration-footer-left.png);
	background-repeat: no-repeat;
}

.mainfooter_bgright {
	width: 2%;
	height: 30px;
	float: left;
	background-position: 100% 100% !important; 
	/background-position: 100.225% 100%;
	-background-position: 100.225% 100%;
	background-image: url(../images/convertigo-administration-footer-right.png);
	background-repeat: no-repeat;
}

.mainfooter_copyright {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 20px;
}

.mainfooter_copyright>a {
	color: #00CAFF;
}

.mainfooter_copyright>a:hover {
	color: #8f8f8f;
}

#toaster {
    position: fixed;
    width: 33%;
    top: 5%;
    color: black;
    left: 33%;
    text-align: left;
}

#toaster div {
    background-color: orange;
    display: none;
    border-radius: 15px;
    padding: 15px;
}

#couchdbframe {
    width: 100%;
    height: 1200px;
    border: none;
}

/* = WIDGET
---------------------------------------------------------------------- */

/* = Icon help add by alexandret 
-------------------------------------- */
.widget_content_help {
	background: transparent url('../images/convertigo-administration-picto-help.png') no-repeat center right;
	width:25px;
	height:38px;
	float:right;
}
.IconHelpLink {
	background: transparent url('../images/convertigo-administration-picto-help2.png') no-repeat center right;
	height: 35px;
	width: 30px;
	float: left;
}
.IconHelpTitle {
	float: left;
}
/* end icon help ---------------------- */

.widget {
	float: left;
	width: 100% !important;
	background-color: #FFF;
	text-align: left;
	position: relative;
}

.widget_bgleft {
	width: 100%;
	float: left;
	background-image: url(../images/convertigo-administration-bg-gris-left.png);
	background-repeat: repeat-y;
}

.widget_bgright {
	width: 100%;
	-height: 100%;
	float: right;
	background-position: 100% 100%;
	background-image: url(../images/convertigo-administration-bg-gris-right.png);
	background-repeat: repeat-y;
}

.widget_content2 {
	width: 100%;
	float: left;
	margin: 0;
	color: #818181;
	text-align: left;
}

.widget_content_topleft {
	width: 20px;
	height: 35px;
	float: left;
	background-image: url(../images/convertigo-administration-widget-left.png);
	background-repeat: no-repeat;
}

.widget_content_topcenter {
	width: 100%;
	height: 35px;
	float: left;
	background-image: url(../images/convertigo-administration-widget-center.png);
	background-repeat: repeat-x;
}

.widget_content_topright {
	width: 20px;
	height: 35px;
	float: left; 
	/background-position: 0% 0%;
	-background-position: 0% 0%;
	background-image: url(../images/convertigo-administration-widget-right.png);
	background-repeat: no-repeat;
}

.widget_content {
	width: 100%;
	float: left;
	margin: 0;
	color: #818181;
	text-align: left;
}

.widget_content_left {
	width: 20px;
	height: 100%;
	background: url(../images/convertigo-administration-widget-bas-left.png) repeat-y;
}

.widget_content_center {
	width: 100%;
	float: left;
	color: #818181;
	text-align: left;
	background-color: #fff;
	position: relative;
}

.widget_content_right {
	width: 20px;
	height: 100%;
	background: url(../images/convertigo-administration-widget-bas-right.png) repeat-y;
}

.widget_content_footer {
	width: 100%;
	float: left;
	margin: 0;
	color: #818181;
	text-align: left;
}

.widget_content_footerleft {
	width: 20px;
	height: 15px;
	float: left;
	background-position: 0% 0%;
	background-image: url(../images/convertigo-administration-widget-footer-left.png);
	background-repeat: no-repeat;
}

.widget_content_footercenter {
	width: 100%;
	height: 15px;
	float: left;
	background-position: 0% 0%;
	background-image: url(../images/convertigo-administration-widget-footer-center.png);
	background-repeat: repeat-x; 
	/margin-bottom: 10px;
}

.widget_content_footerright {
	width: 20px;
	height: 15px;
	float: left;
	background-position: 0% 100%;
	background-image:url(../images/convertigo-administration-widget-footer-right.png);
	background-repeat: no-repeat;
}

.widget_float_left {
	float: left;
}

.widget_reset {
	clear: both;
}

#generateNewKey input {
	border: 2px solid #DDD;
	width: 300px;
	margin-left: 10px;
	margin-right: 10px !important;
	-margin-right: 5px; 
	/margin-right: 5px;
}

#generateNewKey label, .key-text {
	font-weight: bold;
}

#schedulerDialogAddEntry td {
	text-align: left;
}

#schedulerDialogAddEntry td:first-child {
	text-align: right;
}

#schedulerDialogAddEntry #schedulerCronWizard td {
	text-align: center;
}

#schedulerDialogGroupJobField {
	min-width: 200px;
	min-height: 200px;
}

#sysinfoDialogEnvironmentVariables {
	overflow-x: hidden;
}

/* == common style widget content
----------------------------------------*/

.bgButtonAction {
	position: relative;
	top: 0px;
	left: -14px;
	height: 47px;
	width: 100%;
	background-color: #F2F2F2;
	border-bottom: 1px solid #dddddd;
	padding: 10px 12px 0 12px;
}

/* = DOCK MENU
---------------------------------------------------------------------- */
#mainmenu>table.mainmenu_tab>div.mainmenu_mb_menuV {
	width: 75px;
	height: 535px;
	margin-left: 5px;
	overflow: hidden;
}

.mainmenu_mb_menuV a {
	cursor: pointer;
}

.mainmenu_mb_menuV>ul {
	cursor: pointer;
	list-style-type: none;
	padding: 0px 0px;
	margin: 0px 0px 0px 10px !important;
}

.mainmenu_mb_menuV>ul li {
	position: relative;
	display: block;
	text-align: center;
	margin-right: 12px !important;
	margin-bottom: 7px !important;
}

.mainmenu_mb_menuV img {
	display: block;
	border: 0;
	opacity: 1;
	width: 92px;
}

.widget_content_help {
	margin-top: 1px;
}

#statusStartedLed {
	position: relative;
	top: 8px;
}

#statusStoppedLed {
	position: relative;
	top: 8px;
}

.ui-button {
	margin-left: 10px !important;

}

.mainmenu_tab, .navigatemenu_tab {
	width: 160px;
	vertical-align: top;
	height: 100%;
	background: #FFF;
	background-repeat: no-repeat;
	margin: -17px 0 0 10px !important;
	-margin: 5px 0 0 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navigatemenu_tab {
	background-image: none;
}

#sperationOfMenus{
	width: 60%;
	margin: auto !important;	
	padding-top: 20px;
}

.adminTitle {
	position: relative;
	left: 25px;
	margin-top: 40px;
	margin-bottom: 15px;
}

.adminTitle span {
	font-size: x-large;
	padding: 10px;
	white-space: nowrap;
	line-height: 40px;
	vertical-align: middle;
}

.adminTitle a {
	font-size: 16px;
	padding: 10px;
	background-color: #00C8F7;
	color: white;
	border-radius: 10px;
}

.adminTitle a img {
	width: 32px;
	height: 32px;
	margin-bottom: -10px;
}

/* == for ie 
----------------------------------------*/
.mainmenu_ulG,.mainmenu_ulD {
	padding: 0;
	list-style: none outside none;
}

.mainmenu_ulG {
	margin: 0px 0px 0px 10px;
}

.mainmenu_ulD {
	margin: 0;
}

.mainmenu_nolist {
	list-style-image: none;
}
/* == end for ie ------------------------*/

span.mainmenu_text {
	color: #999;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	width: 55px;
	height: 18px;
	/* line-height: 0.4em; */
	position: relative;
	top: 14px;
}

a:hover>span.mainmenu_text {
	color: #000;
}

.main_graytab {
	width: 410px;
	background: transparent url(../images/bg-gris-tab.png) top no-repeat;
	height: auto;
	margin: 0px 0 15px 10px;
	text-align: left;
	padding: 10px auto 0 10px;
}

.main_graytab2 {
	width: 410px;
	background: transparent url(../images/bg-gris-tab2.png) top no-repeat;
	height: auto;
	margin: 0px 0 15px 10px;
	text-align: left;
	padding: 10px auto 0 10px;
}

.main_graytablarge {
	width: 600px;
	background: transparent url(../images/bg-gris-tablarge.png) top no-repeat;
	height: auto;
	margin: 15px 0 15px 10px;
	text-align: left;
}

.main_odd {
	background-color: #E5E5E5;
	color: #595252;
	padding: 3px !important;
}

.main_even {
	background-color: #C8C8C8;
	color: #565252;
}

.main_headerTab {
	background-color: #5A5A5A;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px;
}
table.ui-pg-table {
	color: #fff;
}

.tab2 {
	background: none;
	height: auto;
	margin: 0;
	text-align: left;
}

/* = LOG VIEWER
---------------------------------------------------------------------- */
.log-full-screen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

.log-z-index-10000 {
	z-index: 95;
}

.log-z-index-11000 {
	z-index: 96;
}

.log-z-index-20000 {
	z-index: 99;
}

.log-toolbar-button {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 10px 10px 0px;
	/* bg ie */
	/background-color:#f3f2f1;
	/* degrade safari */
	background : -webkit-gradient(linear, 0 0, 0 40%, from(#ecebe9), to(#f3f2f1)); 
	/* degrade ff chrome */
	background : -moz-linear-gradient(top, #ecebe9, #f3f2f1 40%); 
	/* rounded corners */
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	/* shadow ff chrome */
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	/* shadow ie */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#454545', Direction=120, Strength=3);
}

.log-toolbar-button hr {
	border-width: 5px;
	width: 50px;
	margin: 5px auto 3px !important;
	cursor: pointer;
	height: 5px;
}

#logDivOptionsToolbar {
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 3px;
}

#logPurge {
	position: fixed;
	top: 0px;
	left: 150px;
	background-color: #FFFFDC;
	width: 800px;
	display: none;
	padding: 10px;
	/* bg ie */
	/background-color:#f3f2f1;	
	/* degrade safari */
	background : -webkit-gradient(linear, 0 0, 0 20%, from(#ecebe9), to(#f3f2f1)); 
	/* degrade ff chrome */
	background : -moz-linear-gradient(top, #ecebe9, #f3f2f1 20%); 
	/* rounded corners */
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	/* shadow ff chrome */
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	/* shadow ie */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#454545', Direction=120, Strength=3); 	
}


#logLevel {
	position: fixed;
	top: 0px;
	left: 150px;
	background-color: #FFFFDC;
	width: 800px;
	display: none;
	/* bg ie */
	/background-color:#f3f2f1;	
	/* degrade safari */
	background : -webkit-gradient(linear, 0 0, 0 20%, from(#ecebe9), to(#f3f2f1)); 
	/* degrade ff chrome */
	background : -moz-linear-gradient(top, #ecebe9, #f3f2f1 20%); 
	/* rounded corners */
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	/* shadow ff chrome */
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	/* shadow ie */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#454545', Direction=120, Strength=3); 	
}

#logLevel table{
	margin: 10px;
}

#logLevelCopyFromConfigurationButton{
	margin-left: 10px;
	margin-bottom: 10px;	
}

#logPurge > span {
	font-size: 150%;
}

#logPurgeSlider {
	margin: 10px;
}

#logPurgeButton {
	float: right;
}

#logHelp {
	position: fixed;
	top: 0px;
	left: 150px;
	background-color: #FFFFDC;
	width: 800px;
	display: none;
	/* bg ie */
	/background-color:#f3f2f1;	
	/* degrade safari */
	background : -webkit-gradient(linear, 0 0, 0 20%, from(#ecebe9), to(#f3f2f1)); 
	/* degrade ff chrome */
	background : -moz-linear-gradient(top, #ecebe9, #f3f2f1 20%); 
	/* rounded corners */
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	/* shadow ff chrome */
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	/* shadow ie */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#454545', Direction=120, Strength=3); 	
}

.log-help-column {
	float: left;
	width: 48%;
}

#logOptions {
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
	top: 0px;
	left: 150px;
	background-color: #BAE6FF;
	/* bg ie */
	/background-color:#f3f2f1;	
	/* degrade safari */
	background : -webkit-gradient(linear, 0 0, 0 40%, from(#ecebe9), to(#f3f2f1)); 
	/* degrade ff chrome */
	background : -moz-linear-gradient(top, #ecebe9, #f3f2f1 40%); 
	/* rounded corners */
	-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	/* shadow ff chrome */
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	/* shadow ie */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#454545', Direction=120, Strength=3); 		
}

.log-options-buttons {
	background-color: #f3f2f1;
}

.log-options-column {
	float: left;
	padding: 6px;
}

.log-options-column>div {
	padding: 3px;
}

.log-options-buttons button {
	width: 100%;
}

.log-field-text {
	width: 100px;
}

.log-field-date {
	width: 100px;
}

#logOptionsFilter {
	width: 600px;
}

#logOptionsDivFilter{
	vertical-align: middle;
}

#logOptionsClearFilter {
	width: 32px;
	height: 32px;
}

#logDivTable {
	overflow: auto;
}

#logTable {
	font-size: 10pt;
	width: 100%;
}

#logTable th {
	color: black;
	text-align: center;
	font-weight: bold;
	background-color: #A0A0A0;
	padding: 3px;
}

#logTable td {
	padding: 3px;
}

#logDivEndOfTable {
	background-color: #E5F7FF;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

.log-column-line-number {
	text-align: right;
	white-space: nowrap;
}

.log-column-category {
	min-width: 80px;
	word-wrap: break-word;
	word-break: break-all;
}

.log-column-time {
	
}

.log-column-delta-time {
	
}

.log-column-level {
	
}

.log-column-thread {
	min-width: 160px;
	word-wrap: break-word;
	word-break: break-all;
}

.log-column-message {
	word-wrap: break-word;
	word-break: break-all;
}

.log-column-extra {
	min-width: 250px;
	word-wrap: break-word;
	word-break: break-all;
}

.log-line {
	font-size: 10pt;
	color: #525252;
	text-align: left;
	vertical-align: top;
}

.log-line-odd-FATAL {
	background-color: #996C6C;
	color: white;
}

.log-line-even-FATAL {
	background-color: #BC8484;
	color: white;
}

.log-line-odd-ERROR {
	background-color: #FF9E93;
}

.log-line-even-ERROR {
	background-color: #FFBAB2;
}

.log-line-odd-WARN {
	background-color: #F2C4D0;
}

.log-line-even-WARN {
	background-color: #FFCCD9;
}

.log-line-odd-INFO {
	background-color: #E1F2E4;
}

.log-line-even-INFO {
	background-color: #EDFFF1;
}

.log-line-odd-DEBUG {
	background-color: #F9F9B1;
}

.log-line-even-DEBUG {
	background-color: #FFFFC4;
}

.log-line-odd-TRACE {
	background-color: #B5EAF4;
}

.log-line-even-TRACE {
	background-color: #C9F6FF;
}

.log-line-odd {
	background-color: #F3F2F1;
}

.log-line-even {
	background-color: #FEFEFE;
}

.log-message-sublines {
	font-size: 9pt;
	font-family: monospace;
	border: thin dashed;
	margin: 2px;
	padding: 2px;
}

.log-message {
	
}

.log-extra {
	background-color: white;
}

.log-extra1 {
	color: red;
}

.log-extra2 {
	color: green;
}

.log-extra3 {
	color: black;
}

.log-extra4 {
	color: brown;
}

.log-extra5 {
	color: purple;
}

.log-extra6 {
	color: orange;
}

.log-extra7 {
	color: #727d6f;
}

.log-extra8 {
	color: #4ac8c9;
}

.log-extra9 {
	color: #fe764d;
}

.keys-field-newkey {
    width: 400px;
}

#gbox_certificatesList {
	margin-top: 10px;
	margin-bottom: 30px;
}

/****************************** root element for accordion *********************************************************/
	/*************decorated with rounded borders and gradient background image *****************************************/

.config-accordion {
	-moz-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	background: #fff 0 0;
	-background: #666;
    margin: 10px;
   /* width: 650px;*/
}

/* == accordion header
----------------------------------------*/
.config-accordion>div>h2 {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	-moz-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	background: #f3f2f1 0 0;
}

/* == list category
----------------------------------------*/
#configAccordion.ui-widget-content {
	border:0;
}
.ui-tabs-vertical { 
	width: 970px; 
}
.ui-tabs-vertical .ui-tabs-nav { 
	margin:0;
	padding:0;
	list-style: none;
	padding: .2em .1em .2em .2em; 
	float: left; 
	width: 320px; 
}
.ui-tabs-vertical .ui-tabs-nav li { 
	clear: left; 
	width: 100%; 
	border-bottom-width: 1px !important; 
	border-right-width: 0 !important; 
	margin: 0 -1px .2em 0; 
}
.ui-tabs-vertical .ui-tabs-nav li a { 
	display:block;
	width:80%; 
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { 
	margin: 0 -1px .2em 0;
	padding-bottom: 0; 
	padding-right: .1em; 
	border-right-width: 1px; 
	border-right-width: 1px; 
}
.ui-tabs-vertical .ui-tabs-panel { 
	padding: 0em; 
	float: right;
}

/* list category bouton tabs */

li.ui-state-active, .ui-widget-content li.ui-state-active, .ui-widget-header li.ui-state-active {
	border: 0px solid #EEE;
	background: #dfdfdf url("../images/icon_arrow_grey.png") no-repeat 14px 12px;
	font-weight: bold;
	color: #00A478;
}
li.ui-state-hover, .ui-widget-content li.ui-state-hover, .ui-widget-header li.ui-state-hover {
	border: 0px solid #EEE;
	background: #dfdfdf url("../images/icon_arrow_grey.png") no-repeat 14px 12px;
	font-weight: bold;
	color: #00A478;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #727272;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a {
	cursor: pointer;
	padding-left:28px;
}
.config-accordion > ul > li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	-moz-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	background-color: #f3f2f1;
}

/* == currently active header
----------------------------------------*/
.config-accordion>div>h2.current {
	color: #FFF;
	font: Arial 14px normal;
	cursor: default;
	width: 96.75%;
	margin-top: 5px;
	float: left;
	-moz-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px/ 10px 10px 0px 0px;
	background: #868686;
}

/* == accordion pane
----------------------------------------*/
.config-accordion .config-pane {
	border: 1px solid #f3f2f1;
	border-width: 0;
	/*display: none;*/
	color: #fff;
	font-size: 12px;
	padding: 2px;
}

/* == a title inside pane
----------------------------------------*/
.config-accordion .config-pane>h3 {
	font-weight: normal;
	/*margin:0 0 -5px 0;*/
	font-size: 16px;
	color: #999;
}

/* == current border content style
----------------------------------------*/
.config-accordion-main-content {
	border: 1px solid #ccc;
	-moz-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
}

.config-pane {
	border: 1px solid #f3f2f1;
	-moz-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px/ 0px 0px 10px 10px;
	margin-right:10px;
	clear:both;
}

.config-accordion-main-properties {
	width: 600px;
	background: rgb(234, 234, 234);
	height: auto;
	/* margin: 15px 0 15px 10px; */
	border-radius: 5px;
	text-align: left;
}

.config-property-name {
	color: rgb(8, 42, 63) !important;
}

.config-accordion-mainTable,.config-accordion-advancedTable {
	border-spacing: 10px;
	margin-bottom: 10px;
}

.symbolEdit {
	position: relative;
	top: 1px;
}

#addSymbol, #addSymbolSecret, #importSymbol, #exportSymbol, #symbolsListButtonDeleteAll  {
	position: relative;
	top: 4px;
}

#dialog-add-symbol-secret {
	text-align: left;
}

.ui-button-text {
	position: relative;
	top: 1px;
}

#projectsDeploy, #projectsImportURL, #projectsListButtonDeleteAll, #projectsCheckRemoteDependencies {
	position:relative;
	top: 5px;
} 


#connectionsListButtonDeleteAll {
	position: relative;
	top: 4px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
overflow: hidden;
position: relative;
height: auto !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #ddd;
background: #FFFFFF;
font-weight: bold;
color: #767474;
}

.ui-widget-header {
border: 1px solid #00B7E7;
background: #00C8FC;
color: white;
font-weight: bold;
}

.ui-state-hover {
	border: 1px solid #F2F5F5;
	background: #f4f4f4!important;}

.symbolDelete, .keyDelete {
	position: relative;
    top: 1px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #61DEFF;
background: #A2EAFD !important;
color: #363636;
border-style: none !important;
}

.config-accordion-advanced-properties {
	width: 585px;
	background-color: rgb(216, 226, 229);
	/* background: transparent url(../images/bg-gris-tablarge_color.png) top no-repeat; */
	height: auto;
	border-radius: 6px;
	/* margin: 0px 0 15px 10px; */
	text-align: left;
	color: rgb(61, 61, 61);
	margin-left: 9px;
}

.config-toggle-advanced-properties {
	margin-bottom: 10px;
}

.config-text, .config-password {
	width: 400px;
}

.config-password::-webkit-input-placeholder { /* WebKit browsers */
	color: black;
}

.config-password:-moz-placeholder { /* Mozilla Firefox 4 - 18 */
	color: black;
}

.config-password::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: black;
}

.config-password:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: black;
}

.config-text-area {
	width: 400px;
	height: 200px;
}

.config-combo {
	width: 400px;
}

.schedulerElementEdit, .schedulerElementDelete {
	cursor: pointer;
}

/* = COMMON
---------------------------------------------------------------------- */
.spacerH {
	width: 10px !important;
	-width: 10px; 
	/width: 10px;
	height: 10px !important;
	-height: 10px; 
	/height: 10px;
}

.dotV {
	width: 1px;
	text-align: left;
	margin: 5px 10px 5px 10px;
	border: 0;
	border-left: 1px dotted #aeaeae;
	height: 96%;
}

a.start {
	white-space: nowrap;
	padding-right: 10px;
	background: url(images/login/puce_triangle.png) no-repeat 100% 50%;
	zoom: 1;
}

/* = AJAX WAIT
---------------------------------------------------------------------- */
#ajax_wait {
	position: fixed;
    top: 0px;
    right: 0px;
    margin-left: -42px;
	background: url(../images/wait_convertigo.gif) no-repeat center;
	padding: 15px 0 0 20px;
	height: 20px;
	width: 20px;
	display: none;
	font-weight: bold;
	z-index: 20000;
}

.connections-legend {
	margin: -15px;
}

/* = CONNECTIONS WIDGET
---------------------------------------------------------------------- */

#sessionOverflow {
	display: none;
}

/* = PROJECT WIDGET
---------------------------------------------------------------------- */

/* = Project Edit, Tree View
-------------------------- */
.projectEdit-editedObject { 
    color:black;
    font-weight: bold;  
    cursor: pointer;
}
.projectEdit-selectableElement {
	cursor: pointer;
}
.properties-group {
	background-color: #B5D3E7;
	/*background-color:red;*/
	color: black;
	font-weight: bold;
}
#projectEditObjectProperties {
	width: 68%;
	float: right;
	margin-top: 10px;
    border:1px solid #EAEAEA;
    background-color: white;
    padding: 2px;
    -moz-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px/ 10px 10px 10px 10px;
}

#symbol-input {
	width: 90%;
}

.projectEditPropertyTable {
	width: 100%;  
}

.projectEditorPropertyName {
	width: 20%; 	
}
.projectEditorPropertyHelpIcon {
	width: 1%; 
}
.projectEditorPropertyHelpIcon > img {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	cursor: pointer;
}
.accessibility-icon {
	font-weight:normal;
	font-size:120%;
	width:25px;
	text-align:center;
	display:inline-block;
}
.longDescriptionComputer {
	font-family: courier;
}
.longDescriptionReference {
	font-style:italic;
}
.longDescriptionProductFonction {
	font-weight:bold;
}
.projectEditorPropertyFieldValue * {
	width: 99%; 	
}
#projectEditObjectSubmitProperties {
	float: right;
	margin: 3px;
}
ul.jqtree-tree li.jqtree_common {
	list-style-image: unset;
}
#projectEditDivJQTree {
	float: left;
	width: 30%;
	height: 100%;
}

#projectEditDivJQTree ul.jqtree-tree li.jqtree-selected > .jqtree-element,
#projectEditDivJQTree ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
    background-color: #d0ecff;
    background: linear-gradient(#c6e7ff, #f9fcff);
    text-shadow: unset;
	font-weight:bold;
}
/* = Global Symbols
-------------------------- */
#projectEditUndefinedSymbolsInfo {
	background-color: #f3f2f1; /*#FCE4E4*/
	border: 1px solid #ff0000;
	margin: 16px 4px 10px 1px;
	padding: 10px;
}
.undefinedGlobalSymbolError h2 {
	color: #ff0000;
}
.undefinedGlobalSymbolError ul {
	margin-left: 0;
	padding-left: 0;
}
.undefinedGlobalSymbolError li {
	/*float: left;*/
	padding: 5px 10px;
	/*margin: 0 5px;*/
	margin: 2px 5px;
	size: 12px;
	font-weight: bold;
	line-height: normal;
	list-style: none;
	color: #000000;
	background-color: #ddd;
}
#projectEditUndefinedSymbolsInfoSubmit {
	/*float: right;*/
}
#projectsAssembleXsl {
	margin-left: 30px;
}
.iconAlertGlobalSymbols {
	position: relative;
	top: 2px;
}
.alertGlobalSymbols, .alertGlobalSymbols.ui-widget-content {
	font-weight: bold;
	background: #FCE4E4;
}
#dialog-deploy-project {
	display: none;
}
#dialog-confirm-symbols p {
	text-align: left;
}
.iconAlertGlobalSymbolsImport {
	float:left;
	margin-right: 10px;
}
#dialog-confirm-symbols td {
	background-color: #f3f2f1;
	padding: 10px;
	text-align:left;
}
#dialog-confirm-symbols small {
	display: block;
	padding-left: 21px;
}
#table-import-symbols p {
	margin: 0;
	margin-left: 21px;
}
/* = Statistics
-------------------------- */
#dialog-statistics-project {
	text-align:left;
	display: none;
}
#dialog-statistics-project .bgButtonAction {
	height: 30px;
}
#dialog-statistics-project #statisticsGlobalProjectInfo {
	position: absolute;
	top: 0;
	right: 10px;
}
#dialog-statistics-project #statisticTable {
	margin-left: -17px;	
}
#dialog-statistics-project #statisticTable td {
	vertical-align: top;
}

/* = SYMBOLS WIDGET
---------------------------------------------------------------------- */
#dialog-add-symbol, #dialog-add-symbol-secret {
	display: none;
}

#exportSymbolsButtonAction {
	display: none;
}

/* = ROLES WIDGET
---------------------------------------------------------------------- */
#dialog-add-user {
	display: none;
}

#exportUsersButtonAction {
	display: none;
}

#roles {
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	min-width: 330px;
}

.bleu {
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	text-align: left;
	top: 8px;
	position: relative;
}

textarea:-webkit-autofill, select:-webkit-autofill {
background-color: #ffffff !important;
background-image: none;
color: rgb(0, 0, 0);
}
