input::-ms-clear{
	display: none;
}
.draw-color-ie .ta-colorpicker-container-wrapper {
	position: absolute !important;
}
input.ta-colorpicker-trigger{
	width: 50px;
	height: 15px;
	outline: 0px;
	border-radius: 5px;
	background: #f8f8f8;
	cursor: pointer;
	color: #888;
	font-size: 0px;
	text-align: center;
	margin-bottom: 3px;
}

.ta-colorpicker-container-wrapper{
	position: fixed;
	z-index: 3;
	left: 5px;
}

.ta-colorpicker-container{
	width: 260px;
	/* height: 270px; */
	height: 250px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.ta-colorpicker{
	position: relative;
	width: 100%;
	height: 100%;
}

.ta-colorpicker-header{
	position: relative;
	width: 100%;
	height: 20%;
	background-color: #000;
}

.ta-colorpicker-header > i{
	position: absolute;
	top: 15px;
	right: 20px;
	cursor: pointer;
}

.ta-colorpicker-header > input{
	width: 100%;
	height: 50%;
	color: #fff;
	background-color: #000;
	margin-top: 15px;
	padding: 0px;
	border: none;
	font-size: 1.2em;
	text-align: center;
}

.ta-colorpicker-header > input:focus{
	outline: none;
}

.ta-colorpicker-display{
	position: relative;
	width: 100%;
	/* height: 60%; */
	height: 70%;
	background-color: #2ECC71;
}

.ta-colorpicker-display > .list-container{
	display: inline;
}

.ta-colorpicker-display > .list-container > .list-item{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.ta-colorpicker-display > .list-container > .list-item.active{
	display: block;
}

.ta-colorpicker-display > .list-container > .list-item > .display-palette{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ta-colorpicker-display > .list-container > .list-item > .display-palette.short{
	height: 85%;
}

.ta-colorpicker-display > .list-container > .list-item > .clear-recent-color-button{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 20px;
	margin: 5px;
	cursor: pointer;
}

.ta-colorpicker-display > .list-container > .list-item > .clear-recent-color-button > i{
	font-size: 18px;
}

.display-palette > .display-palette-row{
	display: flex;
	flex-direction: row;
	max-width: 100%;
	height: 10%;
}

.display-palette-row > .display-palette-cell{
	flex: 1 1 auto;
	padding: 0;
	max-width: calc(10% - 2px);
	cursor: pointer;
	border: 1px solid #ffffff;
}

.display-palette-row > .display-palette-cell:hover,
.display-palette-row > .display-palette-cell.active {
	border: 1px solid #2ECC71;
}

.ta-colorpicker-tabs{
	position: relative;
	width: 100%;
	height: 10%;
	background-color: #ddd;
}

.ta-colorpicker-tabs > .tabs-container{
	display: flex;
	width: 100%;
}

.ta-colorpicker-tabs > .tabs-container > .ta-colorpicker-tab{
	flex: 1 1 auto;
	padding: 0px;
	text-align: center;
	cursor: pointer;
}

.ta-colorpicker-tabs > .tabs-container > .ta-colorpicker-tab.active,
.ta-colorpicker-tabs > .tabs-container > .ta-colorpicker-tab:hover{
	background-color: #fff;
	border-bottom: thin solid #2ECC71;
}

.ta-colorpicker-commands{
	position: relative;
	display: flex;
	width: 100%;
	/* height: 10%; */
	height: 0;
	background-color: #fff;
}

.ta-colorpicker-commands > .ta-colorpicker-command-btn{
	flex: 1 1 auto;
	padding: 5px;
	text-align: center;
}

.ta-colorpicker-commands > .ta-colorpicker-command-btn:hover{
	color: #fff;
	cursor: pointer;
}

.ta-colorpicker-commands > .ta-colorpicker-command-btn#btn-cancel:hover{
	background-color: #f39c12;
}

.ta-colorpicker-commands > .ta-colorpicker-command-btn#btn-select:hover{
	background-color: #2ECC71;
}