.tui-image-editor-controls-logo{
    display: none !important;
}
.tui-image-editor-header-logo{
    display: none !important;
}
.img-editor-bottm {
    background: #034182;
    height: 100px;
    padding: 33px 20px;
}
.img-editor-bottm .col-md-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.img-editor-bottm .form-group {
    margin: 0 0 0 0;
    width: calc(100% - 230px);
}
.img-editor-bottm .form-group .form-control-custom {
    border-bottom: 1px solid #fff !important;
    color: #fff;
    font-size: 13px;
}
.img-editor-bottm .form-group .form-control:focus {
    color: #fff;
}
.img-editor-buttons {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 0 0 0 23px;
}
/*!
 * TOAST UI Color Picker
 * @version 2.2.6
 * @author NHN FE Development Team <dl_javascript@nhn.com>
 * @license MIT
 */
.tui-colorpicker-clearfix {
    zoom: 1
}

.tui-colorpicker-clearfix:after {
    content: "";
    display: block;
    clear: both
}

.tui-colorpicker-vml {
    behavior: url(#default#VML);
    display: block
}

.tui-colorpicker-container,
.tui-colorpicker-palette-container {
    width: 152px
}

.tui-colorpicker-palette-container ul {
    width: 152px;
    margin: 0;
    padding: 0
}

.tui-colorpicker-palette-container li {
    float: left;
    margin: 0;
    padding: 0 3px 3px 0;
    list-style: none
}

.tui-colorpicker-palette-button {
    display: block;
    overflow: hidden;
    outline: none;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    cursor: pointer
}

.tui-colorpicker-palette-button.tui-colorpicker-selected {
    border: 2px solid #000
}

.tui-colorpicker-palette-button.tui-colorpicker-color-transparent {
    barckground-repeat: repeat;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABfGlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGAqSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8PAzcDDIMRgxSCemFxc4BgQ4MOAE3y7xsAIoi/rgsxK8/x506a1fP4WNq+ZclYlOrj1gQF3SmpxMgMDIweQnZxSnJwLZOcA2TrJBUUlQPYMIFu3vKQAxD4BZIsUAR0IZN8BsdMh7A8gdhKYzcQCVhMS5AxkSwDZAkkQtgaInQ5hW4DYyRmJKUC2B8guiBvAgNPDRcHcwFLXkYC7SQa5OaUwO0ChxZOaFxoMcgcQyzB4MLgwKDCYMxgwWDLoMjiWpFaUgBQ65xdUFmWmZ5QoOAJDNlXBOT+3oLQktUhHwTMvWU9HwcjA0ACkDhRnEKM/B4FNZxQ7jxDLX8jAYKnMwMDcgxBLmsbAsH0PA4PEKYSYyjwGBn5rBoZt5woSixLhDmf8xkKIX5xmbARh8zgxMLDe+///sxoDA/skBoa/E////73o//+/i4H2A+PsQA4AJHdp4IxrEg8AAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CghrN1AAAABzSURBVCgVldKxEYAgDAXQD5VOpLuwgi4jlrTMqF00oOd5Aia/CcV/F4oYOgNlrLjvVyCEVJchBjEC25538PeaWTzRMBLxvIL7UZwFwL06qoA6aoAy+gFfJABvJAQPUoCMlICRRd8BzgHzJL4ok9aJ67l4AK9AxVKhHryUAAAAAElFTkSuQmCC")
}

.tui-colorpicker-palette-hex {
    font-family: monospace;
    width: 60px
}

.tui-colorpicker-palette-hex,
.tui-colorpicker-palette-preview {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.tui-colorpicker-palette-preview {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    overflow: hidden
}

.tui-colorpicker-palette-toggle-slider {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    float: right
}

.tui-colorpicker-slider-container {
    margin: 5px 0 0;
    height: 122px;
    zoom: 1
}

.tui-colorpicker-slider-container:after {
    content: "";
    display: block;
    clear: both
}

.tui-colorpicker-slider-left {
    float: left;
    width: 120px;
    height: 120px
}

.tui-colorpicker-slider-right {
    float: right;
    width: 32px;
    height: 120px
}

.tui-colorpicker-svg {
    display: block
}

.tui-colorpicker-slider-handle {
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 2;
    opacity: .9
}

.tui-colorpicker-svg-slider,
.tui-colorpicker-vml-slider {
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    overflow: hidden
}

.tui-colorpicker-vml-slider {
    position: relative
}

.tui-colorpicker-vml-slider-bg {
    position: absolute;
    margin: -1px 0 0 -1px;
    top: 0;
    left: 0;
    width: 122px;
    height: 122px
}

.tui-colorpicker-svg-huebar {
    float: right;
    width: 18px;
    height: 120px;
    border: 1px solid #ccc;
    overflow: visible
}

.tui-colorpicker-vml-huebar {
    width: 32px;
    position: relative
}

.tui-colorpicker-vml-huebar-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 121px
}
.tie-draw-range  input + input {
    display: none !important;
}
.tui-image-editor-newline input + input{
    display: none !important;
}
/* <input type="range"> styling: */
@supports ( -webkit-appearance: none ) {

	input[type=range] {
		-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
		background: transparent; /* Otherwise white in Chrome */
	}
	input[type=range]:focus {
		outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
	}

	input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: none;
		height: 16px;
		width: 16px;
		border-radius: 8px;
		background: white;
		cursor: pointer;
		margin: 0;
	}
	input[type=range]::-webkit-slider-runnable-track {
	/* Unfortunately we can't have a thin or 1px tall track because:
	1. If the `-webkit-slider-runnable-track` element has a 1px height it's very difficult for the user to click or tap.
	2. It makes positioning the thumb a pain. */

		width: 100%;
		height: 18px; /* 18px height so users can click anywhere, if it's only a few px tall it's very hard to click on */
	
		cursor: pointer;
		background-color: #404040;
		border-radius: 9px;
	}
}
@supports ( -moz-appearance: none ) {

	input[type=range] {
		-moz-appearance: none;
		width: 100%;
	}
	input[type=range]:focus {
		outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
	}

	/* All the same stuff for Firefox */
	input[type=range]::-moz-range-thumb {
		border: none;
		height: 16px;
		width: 16px;
		border-radius: 8px;
		background: white;
		cursor: pointer;
		margin: 0;
	}
	input[type=range]::-moz-range-track {
		width: 100%;
		height: 18px;
		cursor: pointer;
		background-color: #404040;
		border-radius: 9px;
	}
}
ul.tui-image-editor-help-menu.top li:nth-child(-n+5) {
    display: none;
}
.tui-image-editor-button[data-icontype='icon-star'],
.tui-image-editor-button[data-icontype='icon-star-2'],
.tui-image-editor-button[data-icontype='icon-polygon'],
.tui-image-editor-button[data-icontype='icon-location'],
.tui-image-editor-button[data-icontype='icon-heart'],
.tui-image-editor-button[data-icontype='icon-bubble']
{display:none !important}