* { box-sizing:border-box; }

#searchMinimiseCont {
	position:absolute; 
	bottom:30px; 
	right:10px;
}

#searchMinimiseCont > div {
	display:inline-block;
	padding:0.5em;	
	cursor:pointer;
	background:rgb(128, 128, 128);
}

dialog {
	display: none;
}
dialog[open] {
	display: block;
}
dialog[open]::backdrop {
    background-color: rgb(0, 0, 0, 0.75);
}

.ace_search.right{
	right:1em;
	top:1em;
}

.limitedContent{
	max-height:5em;
	overflow:hidden;
	width:100%;
}

.icon-svg{
	width:1.2em;
	height:1.2em;
	vertical-align:middle;
	cursor:pointer;
}
.icon_selector{
	width:1em;
	height:1em;
	border:2px solid rgba(0,0,0,0);
	cursor:pointer;
	user-select: none;
}
.icon_selector.selected{
	border:2px solid rgba(0,0,0,1);
}

.copyPath{
	font-size:0.8em
}

.progressBar {
	margin-bottom:10px;
	border:2px solid rgba(0,0,255,0.5);
	border-radius:10px;
	padding:0.1rem 0.3rem;
	background-image: repeating-linear-gradient( -45deg, rgba(0,0,255,0.2) 0 10px, rgba(0,0,255,0.25) 10px 20px);
	background-size: 0% calc( 100% + 40px);
	background-position-y : -28px;
	background-repeat: no-repeat;
	animation: animProgressBar 0.7s linear infinite;
}

	.progressBar.success {
		border:2px solid rgba(0,255,0,0.5);
		background-image: repeating-linear-gradient( -45deg, rgba(0,255,0,0.2) 0 10px, rgba(0,255,0,0.25) 10px 20px );
		animation: none;
	}
	.progressBar.danger {
		border:2px solid rgba(255,0,0,0.5);
		background-image: repeating-linear-gradient( -45deg, rgba(255,0,0,0.2) 0 10px, rgba(255,0,0,0.25) 10px 20px );
		animation: none;
	}
	.progressBar.warning {
		border:2px solid rgba(255,237,186,0.5);
		background-image: repeating-linear-gradient( -45deg, rgba(255,237,186,0.2) 0 10px, rgba(255,237,186,0.25) 10px 20px );
		animation: none;
	}

	@keyframes animProgressBar {
		from {background-position-y : -27px;}
		to {background-position-y : 0;}
	}
	
	
#statusBar {
	color:#aaa;
	white-space: pre;
	overflow:hidden;
	background:#323440;
	padding:0 5px;
}
#editor{
	width:100%;
	height:calc( 100% - 30px ) ;
}
.noPad{
	padding:0;
}
#listConnection li{
	color:#fff;
}
.leftList li{
	font-size:0.9rem;
}
.sideItem a{
	color:#fff;
	text-decoration:none;
}
ul{
	list-style:none;
	margin:0;
	padding-left:0;
}
li {
	padding-left:25px;
}

#listConnection > ul > li {
	border-left:2px transparent solid;
	padding-left:10px;
}
#listConnection > ul {
	
}



.codeTab{
	background:#2d303c;
	color:#fff;
	padding:0px;
	overflow-wrap:break-word;
	text-align:left;
	font-size:0.7rem;
	font-weight:600;
	display:inline-block;
	position:relative;
	height:100%;
	cursor:pointer;
	min-width:50px;
	border-top:3px #2d303c solid;
	border-bottom:0 #2d303c solid;
	border-left:solid transparent 1px;
	box-sizing: border-box;
}

.codeTab table{
	height:100%;
}
.codeTab td:first-child{
	vertical-align:middle;
	padding-left:10px;
}
.codeTab td:last-child{
	vertical-align:top;
	height:100%;
	padding:5px;
}

.w100 {
	width:100%;
}
/*
.codeTab a{
	position:absolute;
	right:5px;
	top:5px;
}
.codeTab p{
	margin:0;
}
*/
.codeTab .iconReadonly{
	display:none;
	margin-left:5px;
}
.codeTab.readonly .iconReadonly{
	display:inline-block;
}

.codeTab .iconModified{
	display:none;
	margin-left:5px;
}
.codeTab.modified .iconModified{
	display:inline-block;
}

.codeTab.dragOver {
	border-left:dashed #fff 1px
}

.icon_view_byOther{
	display:none;
}
.codeTab.hasOther .icon_view_byOther{
	color:red;
	display:inline-block;
}
.codeTab.hasOtherAllDisconnect .icon_view_byOther{
	display:none;
}
.codeTab.hasOtherMD5{
	color:#f00 !important;
}

.tabActive{
	background:#262933;
}

.codeTab.tabActive{
	border-top-width:3px;
	border-bottom-width:2px;
}

.topBar{

}
.button{
	
}
.button:focus{
	
}
.menuBarConn > .button, .menuBarTab > .button {
	
	width:45px;
	display:inline-block;
	padding-top:5px;
	text-align:center;
}
.menuBarConn > .button  i, .menuBarTab > .button i {
	color:#fff;
	font-size:1.8em;
}
.menuBarTab{
	position:absolute;
	right:0;
	top:0;
	padding-top:5px;
}

#jlttt_cont {
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	padding:10px;
	border:1px solid #555;
	max-width:600px;
}
@media only screen and (max-width:599px) {
	#jlttt_cont {
		display:none;
		visibility:hidden;
		z-index:-1000;
		
		left:0 !important;
		top:0 !important;
		width:0 !important;
		height:0 !important;
	}
}

.absoluteCon{
    height:500px;
    width:500px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:#2d303c;
}
.inputCon{
    width:50%;
    margin:auto;
    margin-bottom:50px;
}
.inputReg{
    width:50%;
    margin:auto;
    margin-bottom:20px;
}
.absoluteCon h3{
    margin-bottom:50px;   
}
.centerForm{
    margin-top:20%;
}
@media screen and (max-width: 500px){
    .absoluteCon{
        height:unset;
        width:unset;
    }
    .inputCon{
        width:90%;
    }
    .inputReg{
        width:90%;
    }
}
.btn{
    margin-bottom:10px;
}
.enregistrer{
    color:#fff;
}
.enregistrer span{
    color:#4677b5;
}
#register{
    display:none;
}
.closeTab{
    float:right;
}
.statusToast{
    display:none;
    position:absolute;
    top:0;
    right:50%;
    left:50%;
    background-color:rgba(0,200,81,0.8);
    width:200px;
    text-align:center;
}
.toastContent{
    padding:0.75rem;
}
.rightMenu{
    position:absolute;
    display:none;
    height:50px;
    width:150px;
    background:#fff;
}
.rightMenuContent div{
    border:1px solid grey;
}
.rightMenuContent a{
    color:#000;
}
.leftList{
    overflow-y:auto;
    overflow-x:auto;
    height: calc(100vh - 50px); 
}
.sideItem i{
	cursor:pointer;
}
.sideItem span{
	cursor:default;
}
.optionRow{
	height:40px;
}
.optionRow i{
	color:#fff;
	margin-right:auto;
	margin-left:auto;
}
.addConnection{
	text-align:center;
	display:flex;
	align-items:center;
}
.addConnection:hover{
	cursor:pointer;
}
.topSaveButton{
	text-align:center;
	display:flex;
	align-items:center;
}
.topSaveButton:hover{
	cursor:pointer;
}


/*  For drag and drop */
	.divContLigne { 
		border-top:solid transparent 1px;
	}
	.placeholderDrop > .divContLigne { 
		height:30px;
	}
	
	.divContLigne.dragOver {
		border-top:dashed #fff 1px
	}

/* -=- */