.editor-container-parent {
	/*margin-top: 20px;*/
	margin-top: 100px;
	margin-bottom: 50px;
	padding-right: 60px;
	padding-left: 60px;
	min-height: calc(100% - 260px);
}

.hidden {
	visibility: hidden;
}

.bg-light-custom {
	background-color: #ebebeb
}

.btn-group {
	padding-left: 0px;
	padding-bottom: 10px;
}

#editor_src, #editor_dest { 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.editor-container {
	position: inherit;
	height: 500px
}

#editor_src {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#editor_dest {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 991px) {
	#editor_src {
		border: 1px solid #ccc;
	}
	#editor_dest {
		border: 1px solid #ccc;
	}
	#btn_group_dest {
		padding-top: 20px;
	}
}

.text-logo {
	font-family: sans-serif;
	font-weight: bold;
}

.logo {
	width: 120;
	width: 33;
}

.btn-margin {
	margin-right: 12px;
}

.alert-bottom{
	display: none;
	position: fixed;
	bottom: 5px;
	left:2%;
	width: 17%;
	text-align: center;
	z-index: 4;
}

.alert-top{
	display: none;
	position: fixed;
	top: 80px; 
	right:2%;
	width: 10%;
	text-align: center;
	z-index: 1030;
}

.header-text{
	margin-top: 80px;
	margin-left: 45px;
}

footer{
    width: 100%;
    position: relative;
    bottom: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 25px;
    padding: 25px;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    overflow:hidden;
}