/* DIALOG */
.ui-state-default .ui-icon{
	background:none;
}
.ui-dialog{
	outline: 0 !important;
	z-index: 1001;
	width:100%;
	max-width:1100px;
	position: fixed !important;
	border-radius: 5px;
	padding: 0;
	box-shadow:rgb(97, 96, 96) 6px 12px 20px 0px;
	border: 0 !important;
}
.ui-dialog.pop_up_active{
	z-index: 1005;
}
.ui-dialog.pop-up-alert{
	z-index: 1008;
}
.ui-dialog.ui-widget-content{
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 28%, #ffffff 72%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(28%,#ffffff), color-stop(72%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 28%,#ffffff 72%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ececec 0%,#ffffff 28%,#ffffff 72%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ececec 0%,#ffffff 28%,#ffffff 72%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ececec 0%,#ffffff 28%,#ffffff 72%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	padding:0 !important;
	box-shadow: 10px 10px 30px -7px rgb(185, 185, 185);
	border: 0;
}
.ui-dialog:hover{
	outline:transparent !important;
}
.ui-dialog .ui-dialog-content{
    position: relative;
	padding: 10px !important;
}
.ui-dialog-titlebar.ui-widget-header{
	background: #2098d1;
	border-radius: 5px 5px 0 0;
	border: 0;
	padding: 13px 0 !important;
	cursor: move !important;
}
.ui-widget-overlay, .modal-save {
	background: black;
	opacity: 0.45;
}
.ui-dialog .ui-dialog-title {
	width: calc(100% - 25px) !important;
	padding-left: 15px;
	float: left;
}
.ui-dialog .ui-dialog-titlebar-close{
	outline: 0 !important;
	border: 0 !important;
	background: none;
	padding: 0 !important;
	line-height: 20px;
}
.ui-dialog-titlebar-close:before,
.button-popUp-top{
	color: white;
}
.ui-dialog-titlebar-close:before {
	content: 'x';
	font-size: 17px;
	font-weight: 100;
}
.ui-dialog-titlebar-close:hover:before,
.button-popUp-top:hover,
.button-popUp-top.menu-active{
	color:white;
}
.button-popUp-top{
	float: left;
	cursor: pointer;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 500;
	width:100%
}
.button-popUp-top.menu-active,
.button-popUp-top:hover{
}
.button-popUp-top:not(:last-of-type){
	margin-right:5px;
}

.popUp[class^="col-sm-"]{
	padding-left:10px;
	padding-right:10px;
}
.popUp .form-horizontal .form-group{
	margin-left: -10px;
	margin-right: -10px;
}
/* POP UP MENU TOP */
.popUp_MenuTop{
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(73, 192, 252, 0.54);
}
.popUp_MenuTop:after{
	content:'';
	display: table;
	clear:both;
}
.popUp_MenuTop .menu-item{
	float: left;
	padding: 0 15px;
	color: #FFFFFF;
	cursor: pointer;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	height: 45px;
	line-height: 45px;
	background-color: rgba(73, 192, 252, 0.4);
}
.popUp_MenuTop .menu-item:not(:first-of-type){
	margin-left: 1px;
}
.popUp_MenuTop .menu-item:hover,
.popUp_MenuTop .menu-item.active{
	background-color: rgba(73, 192, 252, 0.54);
	color: white;
}

.popUp_Message:not(:empty){
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}
.popUp_Content{
	position: relative;
  	cursor: auto;
}
.popUp_Content .pop-up-menu-content{
	margin: 5px 5px 10px;
}
.popUp_Bottom:not(:empty){
	cursor: auto;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	margin-bottom: -10px;
	border-radius: 0 0 5px 5px;
	background-color: rgb(235, 235, 235);
	border-top: 1px solid lightgray;
}
.popUp_Bottom:after {
    clear: both;
    width: 100%;
    height: 1px;
    display: block;
    content: no-close-quote;
}

.ui-widget.adjustable{
	bottom:15px;
}
.ui-widget.adjustable .popUp{
	position:absolute;
	top: 47px;
	bottom: 0;
	left: 0;
	right: 0;
}
.ui-widget.adjustable .popUp_MenuTop,
.ui-widget.adjustable .popUp_Content,
.ui-widget.adjustable .popUp_Bottom{
	position:absolute;
	right:10px;
	left:10px;
}
.ui-spinner-button{
	cursor:pointer;
}
.ui-spinner-button.ui-spinner-up{
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(216, 216, 216,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(216, 216, 216,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(216, 216, 216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.ui-spinner-button.ui-spinner-up:hover{
	background: rgb(216, 216, 216);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.ui-spinner-button.ui-spinner-down{
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(216, 216, 216,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(216, 216, 216,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(216, 216, 216,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
.ui-spinner-button.ui-spinner-down:hover{
	background: rgb(216, 216, 216);
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
.image-loading{
	background-image : url("/images/editor/icon/loading.gif");
	background-position : center center;
	background-repeat: no-repeat;
	background-color : white;
	width	: 100%;
	height  : 100%;
	position : absolute;
	left:0;
	top:0;
	z-index: 2;
	background-size: 30px;
}
.omb-popUp{
	background-color:white;
}
.omb-popUp.fixed{
	z-index:1040 !important;	
}
.omb-popUp.ui-draggable.fixed{
	z-index:98 !important;	
}
.omb-popUp-header{
	padding: 10px 40px 10px 15px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	border-bottom: inherit;
	position: relative;
    height: 44px;
}
.omb-popUp-header-title{
	font-size: 17px;
	font-weight: 500;
}
.omb-popUp-btn-close{
	position: absolute;
	right: 0;
	width: 40px;
	text-align: center;
	cursor: pointer;
	top: 50%;
	margin-top: -10px;
}
.omb-popUp-btn-close i{
	font-size: 18px;
	color: dimgrey;
}
.omb-popUp-btn-close i:hover{
	color: black;
}
.omb-popUp-show-options{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	top: 0;
  	left: 0;
}
.omb-popUp:hover .omb-popUp-show-options{
	display:block;
	background-color: rgba(0, 0, 0, 0.3);
}
.edit-view-popUp, .close-view-popUp{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	cursor:pointer;	
}
.edit-view-popUp i, 
.close-view-popUp i{
	font-size:25px;
	color:rgb(225, 225, 225);
}
.edit-view-popUp i:hover, 
.close-view-popUp i:hover{
	color:white;
}
.edit-view-popUp{
	margin-left:-33px;
}
.close-view-popUp{
	margin-left:15px;
}
.modal-backdrop{
	width: 100%;
 	height: 100%;
	z-index: 1039;
	position:fixed;
}
.omb-popUp.hide-title .omb-popUp-header{
	border-bottom:0;
}
.omb-popUp.hide-title .omb-popUp-header-title{
	display:none;
}
/* POP UP ALERT */
.ui-dialog-titlebar:after{
	content: "";
	display: table;
	clear: both;
}
.pop-up-alert{
	box-shadow: none;
	z-index:10000;
	padding: 15px;
	border:0 !important;
}
.pop-up-alert .popUp_Content{
	display: table;
	width: 100%;
	min-height: 50px;
}
.pop-up-alert .popUp_Content p{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.pop-up-alert .ui-dialog-content{
	padding: 2px 27px 27px !important;
}
.pop-up-alert .ui-dialog-titlebar.ui-widget-header{
	border-bottom: none;
	padding: 10px 0 !important;
	margin-bottom: 15px;
}
.pop-up-alert .ui-dialog-titlebar-close{
	background-color: transparent;
	top: 19px;
	right: 5px;
	font-size: 12px;
}
.pop-up-alert .popUp_Bottom{
	margin-left: -27px;
	margin-right: -27px;
	margin-bottom: -27px;
	margin-top: 15px;
	background: none;
	border-top: 0;
}
.pop-up-alert .popUp_Bottom .btn{
	border-radius: 5px;
	padding: 5px;
	font-size: 13px;
	font-weight: 200;
	min-width:80px;
	text-align: center;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
.pop-up-alert .popUp_Bottom .btn:focus{
	outline: 0;
}
/* DANGER */
.pop-up-alert-danger .ui-dialog-titlebar.ui-widget-header{
	background-color: #CE6363;
}
.pop-up-alert-danger{
	background: #f2dede !important;
}
.pop-up-alert-danger .ui-dialog-titlebar-close:before,
.pop-up-alert-danger .popUp_Content{
	color:#a94442;
}
.pop-up-alert-danger .ui-dialog-titlebar-close:hover:before{
	color: #962826;
}
.pop-up-alert-danger .btn-cancel{
	color: #CE6363;
	background-color: white;
	border: 1px solid #DE9898;
}
.pop-up-alert-danger .btn-cancel:hover{
	color: #EA4949;
	border: 1px solid #D87D7D;
}
.pop-up-alert-danger .btn-confirm{
	background-color: #F5C9C9;
	border: 1px solid #EFBBBB;
	color: #CE6363;
}
.pop-up-alert-danger .btn-confirm:hover{
	background-color: #FBB8B8;
	border-color: #ECA4A4;
}

/* SUCCESS */
.pop-up-alert-success .ui-dialog-titlebar.ui-widget-header{
	background-color: #61AD6F;
}
.pop-up-alert-success{
	background: #dff0d8 !important;
}
.pop-up-alert-success .ui-dialog-titlebar-close:before,
.pop-up-alert-success .popUp_Content{
	color:#3c763d;
}
.pop-up-alert-success .ui-dialog-titlebar-close:hover:before{
	color: #306631;
}
.pop-up-alert-success .btn-cancel{
	color: #61AD6F;
	background-color: white;
	border: 1px solid #9ABFA1;
}
.pop-up-alert-success .btn-cancel:hover{
	color: #498C55;
	border: 1px solid #61AD6F;
}
.pop-up-alert-success .btn-confirm{
	background-color: #CCE4C1;
	border: 1px solid #B1CEA4;
	color: #61AD6F;
}
.pop-up-alert-success .btn-confirm:hover{
	background-color: #C2DCB5;
}

/* INFO */
.pop-up-alert-info .ui-dialog-titlebar.ui-widget-header{
	background-color: #5bc0de;
}
.pop-up-alert-info{
	background: white !important;
}
.pop-up-alert-info .ui-dialog-titlebar-close:before,
.pop-up-alert-info .popUp_Content{
	color:#313131;
}
.pop-up-alert-info .ui-dialog-titlebar-close:hover:before{
	color: #306631;
}
.pop-up-alert-info .btn-confirm{
	background-color: rgba(91, 192, 222, 0.65);
	border: 1px solid #A9A4CE;
	color: #616DAD;
}
.pop-up-alert-info .btn-confirm:hover{
	background-color: #337ab7;
	color: white;
}

/* ALERT */
.pop-up-alert-warning .ui-dialog-titlebar.ui-widget-header{
	background-color: #E4C583;
}
.pop-up-alert-warning .button-popUp-top{
	color:white;
}
.pop-up-alert-warning{
	background: #fcf8e3 !important;
}
.pop-up-alert-warning .popUp_Content{
	color: #8a7f2e;
}
.pop-up-alert-warning .ui-dialog-titlebar-close:hover:before{
	color: #8a6d3b;
}
.pop-up-alert-warning .btn-cancel{
	color: #C79938;
	background-color: white;
	border: 1px solid #DCC186;
}
.pop-up-alert-warning .btn-cancel:hover{
	color: #EAA81D;
	border: 1px solid #EAA81D;
}
.pop-up-alert-warning .btn-confirm{
	background-color: #EFE0C1;
	border: 1px solid #DCC186;
	color: #C79938;
}
.pop-up-alert-warning .btn-confirm:hover{
	background-color: #ECD9AD;
}


.btn-add-option-text-animation{
	float: right;
	cursor: pointer;
}
.option-text-animation-field {
	padding: 7px;
	padding-left: 12px;
	background-color: lightcyan;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid lightblue;
}
.option-text-animation-field > .fa{
	position: absolute;
	right: 20px;
	top: 7px;
	display: none;
	color: #717171;
	font-size: 15px;
	cursor: pointer;
}
.option-text-animation-field > .fa.fa-trash{
	right: 6px;
}
.option-text-animation-field:hover > .fa{
	display: block;
}
.text-animation-div-of-strings{
	height: 150px;
	width: 100%;
	overflow-y: auto;
}