.headerContent {
	padding-top:1.25rem;
}
.headerContent h4 {
	padding:.5rem;
	border-bottom:3px solid rgba(0, 37, 97, 0.3);
	/*background-color: #f7f7f7;
	color:#a68a54;*/
	text-transform:uppercase;
}
.bodyContent {
	/*padding-top:.5rem;*/
}
.box-btnControl button {
	width:50%;
	min-width:100px;
	float:right;
}
.row-dtTable > div {
	padding-right:2rem;
	padding-left:2rem;
}
/*
.row-dtTable table {
	border:1px solid #dee2e6;
}
*/
button i {
	margin-right:.5rem;
}
.modal .box-status {
	border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
	text-align:center;
}
.modal input[type='text']:disabled {
	background-color: rgba(59, 59, 59, 0.1);
    border-color: rgba(118, 118, 118, 0.3);
}
.modal .modal-header button, 
.modal .modal-footer button {
	width:auto;
	min-width:100px;
}
.editor-control {
  padding: 0.5em;
  background: #DBDBDB;
}
.editor-control a {
  color: #858788;
  text-decoration: none;
  padding: 2px 5px;
  border: 1px solid ​​#C0392B;
  border-radius: 2px;
  margin: 0;
  display: inline;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.editor-control a:hover {
  color: #F0A2A2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*  Modal
--------------------*/

.custom-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.72);
}
.custom-modal {
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 9999;
  padding: 1.2em;
  width: 300px;
  margin-left: -150px;
  background-color: #FFFFFF;
  border: 1px solid #CACACA;
}
.custom-modal-header {
  margin: -1.2em -1.2em 0;
  padding: 0.5em 0.7em;
  background-color: #F0F0F0;
  color: #B9B9B9;
  font-weight: normal;
}
.custom-modal-content {
  margin: 1.2em 0
}
.custom-modal input, .custom-modal button {
  background-color: #F5F5F5;
  color: #A3A3A3;
  border: 1px solid #D3D3D3;
  padding: 5px;
}
.custom-modal input {
  display: block;
  width: 96%;
}
.custom-modal button {
  padding-right: 10px;
  padding-left: 10px;
  border-color: #DADADA;
  color: #9B9B9B;
  cursor: pointer;
  margin: 0 4px 0 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.custom-modal button:focus, .custom-modal button:hover {
  background-color: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.editor{
  position:relative;
  display: block;
  width: 600px;
  margin: 10% auto;
  background: #F0F0F0;
  height: 300px;
  overflow: hidden;
  border: 1px solid #DFDFDF;
}
.editor .editor-area {
  display: block;
  width: 580px;
  margin: 5px;
  padding: 5px;
  height: 245px;
  background: #FFFFFF;
  color: #6B6B6B;
  border: none;
  overflow:auto;
  resize: none;
}
.editor .editor-area:focus {
  outline-color: #C9C5C5;
}

.result {
  position: absolute;
  top: 34px;
  left: 0;
  display: block;
  width: 580px;
  margin: 5px;
  padding: 5px;
  height: 245px;
  border: none;
  overflow:auto;
  visibility: hidden;
  opacity:0;
  background: #FFFFFF;
  color: #6B6B6B;
  -webkit-transition: all 1s ease;
  transition:all 1s ease;
}
.result img{
  display:block;
  width:100%;
}
.show{
  visibility: visible !important;
  opacity:1;
  -webkit-transition: all 1s ease;
  transition:all 1s ease;
}
.active{
  color:#f55 !important;
}

.bodyPanel {
	
}