.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(theme/uikit/images/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(theme/uikit/images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(theme/uikit/images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
	opacity:0.2;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(theme/uikit/images/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}

.colorpicker_none_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(theme/uikit/images/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(theme/uikit/images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
button.colorpickerToolInsert, button.colorpickerToolCancel {
    background: transparent;
    border: 0;
    font-size: 11px;
    position:absolute;
    top:145px; 
    cursor:pointer;
}
button.colorpickerToolInsert{
    position:absolute;
    right:42px;
}
button.colorpickerToolCancel{    
    right:5px; 
}
@-moz-document url-prefix() {
    button.colorpickerToolInsert {
        right:38px;
    }
    button.colorpickerToolCancel {    
        right:3px; 
    }
}/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 25px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -22px;
    right: 0;
    left: 0;
    height: 13px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 20px;
   height: 10px;
   width: 10px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 5px;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Arial, Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset #cccccc;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 1px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #ccc;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #bbb;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 14px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: none;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#wys-dynamic, #wys-dynamic div, #wys-toolbar, #wys-toolbar div {
	font-size: 12px;
	line-height: 14px;
}

div#selected_body div {
	font-size: 14px;
}

.txtSelect {
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Arial;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

.bar {
	background: url(theme/uikit/images/bar.gif) no-repeat center center;
	width: 1px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.spacebar {
	background: none;
	width: 1px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 18px;
}

.bbar {
	background: url(theme/uikit/images/bbar.gif) no-repeat center center;
	width: 2px;
	height: 31px;
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
}

.bgtitle_wysi {
	background: #4a4a4a url(theme/uikit/images/bgtitle_wysi.gif) repeat-x
		bottom;
	color: #FFFFFF;
	font-size: 14px;
	padding: 12px 10px;
}

.border_bot {
	border-bottom: #8b8b8b solid 1px;
}
/***** Start Row 1  *****/
.wys-rowOne {
	
}
/***** End Row 1  *****/

/***** Start Row 2  *****/
.wys-rowTwo {
	background: #fff;
	border-top: #efefef solid 1px;
	border-bottom: #9d9d9d solid 1px;
	padding: 5px 5px 0 5px;
	height: auto;
	z-index: 20;
}

/*.wys-rowTwo div.wys-rowTwo-block1, .wys-rowTwo div.wys-rowTwo-block2, 
.wys-rowTwo div.wys-rowTwo-block3, .wys-rowTwo div.wys-rowTwo-block4, 
.wys-rowTwo div.wys-rowTwo-block5
    {
    background:#efefef url(theme/uikit/images/bgblock.gif) repeat-x top; 
    padding:2px 0; 
    display:block; 
    height:21px; 
    float:left;
    border-radius:4px; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px; 
    margin-right:8px;
    }
.wys-rowTwo div.wys-rowTwo-block1{ width:auto; padding-left:5px; padding-right:5px;}
.wys-rowTwo div.wys-rowTwo-block2{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block3{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block4{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block5{ width:auto; padding-left:5px;}
*/
.wys-rowTwo div.wys-rowTwo-block1, .wys-rowTwo div.wys-rowTwo-block2,
	.wys-rowTwo div.wys-rowTwo-block3, .wys-rowTwo div.wys-rowTwo-block4,
	.wys-rowTwo div.wys-rowTwo-block5, .wys-rowPreview div.wys-btn-preview
	{
	background: #efefef url(theme/uikit/images/bgblock.gif) repeat-x top;
	padding: 2px 0 2px 5px;
	display: block;
	height: 21px;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 8px;
	width: auto;
}

.wys-rowTwo div.wys-rowTwo-block1 {
	width: auto;
	padding-right: 5px;
}

.wys-rowTwo div.wys-rowTwo-block1 button, .wys-rowTwo div.wys-rowTwo-block2 button,
	.wys-rowTwo div.wys-rowTwo-block3 button, .wys-rowTwo-block4 button,
	.wys-rowTwo-block5 button, .wys-rowPreview div.wys-btn-preview button {
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

.border_lowTwo {
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #efefef;
	margin-top: 6px;
}
/***** End Row 2  *****/

/***** Start Row 3  *****/
.wys-rowThree {
	background: #e4e4e4;
	border-top: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	padding: 5px;
	height: auto;
}

.wys-rowThree button {
	margin-right: 7px;
	width: 25px;
	height: 25px;
}
/***** End Row 3  *****/
.wys-rowTwo-block1-00 button {
	margin-right: 5px;
}


/***** Start Icon Set 1  *****/
.ggf {
	background: url(theme/uikit/images/sprite_wysi_bigicon.png);
}

.sprite_wysiwyg_big {
	text-decoration: none;
	margin: 10px 20px;
	background: url(theme/uikit/images/sprite_wysi_bigicon.png);
	float: left;
	width: 25px;
	height: 40px;
	border: 0px;
	padding-right: 5px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.social, #social {
	background-position: 0px -0px;
	width: 52px;
}

.social:hover, #social:hover {
	background-position: -60px -0px;
	width: 52px;
}

.social_dis, #social_dis {
	background-position: -120px -0px;
	width: 52px;
}

.social_ena, #social_ena {
	background-position: -180px -0px;
	width: 52px;
}

.wys-save_page, #wys-save_page {
	background-position: 0px -0px;
	width: 25px;
}

.wys-save_page:hover, #wys-save_page:hover {
	background-position: -60px -0px;
	width: 25px;
}

.wys-save_page_dis, #wys-save_page_dis {
	background-position: -120px -0px;
	width: 25px;
}

.wys-save_page_ena, #wys-save_page_ena {
	background-position: -180px 0px;
	width: 25px;
}

.wys-toolbar-save_page#wys-save_page {
	min-width: 50px;
}

.wys-toolbar-save_page, .wys-toolbar-save_page:hover {
	border: #aac389 solid 0px;
	font-size: 15px;
	color: #76af3a;
	background: #fff;
	padding: 14px 5px 14px 5px;
	border-radius: 0px;
	cursor: pointer;
	min-width: 50px;
}

.wys-toolbar-save_page:hover {
	color: #76af3a;
}

.image, #image {
	background-position: 0px -120px;
}

.image:hover, #image:hover {
	background-position: -60px -120px;
}

.image_dis, #image_dis {
	background-position: -120px -120px;
}

.image_ena, #image_ena {
	background-position: -180px -120px;
}

.media, #media {
	background-position: 0px -180px;
}

.media:hover, #media:hover {
	background-position: -60px -180px;
}

.media_dis, #media_dis {
	background-position: -120px -180px;
}

.media_ena, #media_ena {
	background-position: -180px -180px;
}

.document, #document {
	background-position: 0px -240px;
}

.document:hover, #document:hover {
	background-position: -60px -240px;
}

.document_dis, #document_dis {
	background-position: -120px -240px;
}

.document_ena, #document_ena {
	background-position: -180px -240px;
}

.Gridline, #Gridline {
	background-position: 0px -2820px;
}

.Gridline:hover, #Gridline:hover {
	background-position: -60px -2820px;
}

.Gridline_dis, #Gridline_dis {
	background-position: -120px -2820px;
}

.Gridline_ena, #Gridline_ena {
	background-position: -180px -2820px;
}

.GuideLine, #GuideLine {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

.GuideLine:hover, #GuideLine:hover {
	background: url(theme/uikit/images/icon-guideline-h.png) no-repeat 0
		0;
	margin: 4px;
}

.GuideLine_dis, #GuideLine_dis {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

.GuideLine_ena, #GuideLine_ena {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

/*.link, #link { background-position:0px -300px; width:40px;} 
.link:hover, #link:hover { background-position:-60px -300px;width:40px; } 
.link_dis, #link_dis { background-position:-120px -300px;width:40px; } 
.link_ena, #link_ena { background-position:-180px -300px;width:40px; }*/
.link, #link {
	background-position: 0px -930px;
}

.link:hover, #link:hover {
	background-position: -30px -930px;
}

.link_dis, #link_dis {
	background-position: -60px -930px;
}

.link_ena, #link_ena {
	background-position: -90px -930px;
}

.instable, #instable {
	background-position: 0px -60px;
}

.instable:hover, #instable:hover {
	background-position: -60px -60px;
}

.instable_dis, #instable_dis {
	background-position: -120px -60px;
}

.instable_ena, #instable_ena {
	background-position: -180px -60px;
}

.wys-elements, #wys-elements {
	background-position: 0px -60px;
}

.wys-elements:hover, #wys-elements:hover {
	background-position: -60px -60px;
}

.wys-elements_dis, #wys-elements_dis {
	background-position: -120px -60px;
}

.wys-elements_ena, #wys-elements_ena {
	background-position: -180px -60px;
}

.wys-insertlink, #wys-insertlink {
	background-position: 0px -300px;
}

#alert {
	/*margin-left: 50px;*/
	/*padding :0 10px 0 10px;*/
	width: 50px;
}

.wys-insertlink:hover, #wys-insertlink:hover {
	background-position: -60px -300px;
}

.wys-insertlink_dis, #wys-insertlink_dis {
	background-position: -120px -300px;
}

.wys-insertlink_ena, #wys-insertlink_ena {
	background-position: -180px -300px;
}

.wys-widget, #wys-widget {
	background-position: 0px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget:hover, #wys-widget:hover {
	background-position: -60px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget_dis, #wys-widget_dis {
	background-position: -120px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget_ena, #wys-widget_ena {
	background-position: -180px -360px;
	height: 25px;
	width: 20px;
}

.wys-mastertemplate, #wys-mastertemplate {
	background-position: 0px -420px;
	height: 25px;
}

.wys-mastertemplate:hover, #wys-mastertemplate:hover {
	background-position: -60px -420px;
	height: 25px;
}

.wys-mastertemplate_dis, #wys-mastertemplate_dis {
	background-position: -120px -420px;
	height: 25px;
}

.wys-mastertemplate_ena, #wys-mastertemplate_ena {
	background-position: -180px -420px;
	height: 25px;
}

button.sprite_wysiwyg_big span, span.txtwidget {
	position: absolute;
	font-size: 10px;
	color: #343434;
	margin: 10px 0 0 -15px;
	font-family: verdana;
	font-weight: normal;
}

span.txtwidget {
	margin: 40px 0 0 -54px;
	font-size: 10px;
	padding-right: 11px;
}

.icon_sublink {
	background: url(theme/uikit/images/icon_sublink.png) right no-repeat;
}

button.sprite_wysiwyg_big span:hover, span.txtwidget:hover {
	color: #000;
}
/***** End Icon Set 1  *****/
.sprite_wysiwyg {
	text-decoration: none;
	margin: 0 auto;
	/*background: url(theme/uikit/images/sprite_wysi.jpg);*/
	background: url(theme/uikit/images/wys_sprite.png);
	float: left;
	width: 22px;
	height: 22px;
	border: 0px;
	padding-right: 5px;
	margin-right: 4px;
	cursor: pointer;
	border: #e0e0e0 solid 1px;
	border-radius: 1px;
}

/***** Start Icon Set 2  *****/
.form, #form {
	background-position: 0px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form:hover, #form:hover {
	background-position: -30px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form_dis, #form_dis {
	background-position: -60px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form_ena, #form_ena {
	background-position: -90px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter, #wys-counter {
	background-position: 0px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter:hover, #wys-counter:hover {
	background-position: -30px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter_dis, #wys-counter_dis {
	background-position: -60px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter_ena, #wys-counter_ena {
	background-position: -90px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash, #wys-flash {
	background-position: 0px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash:hover, #wys-flash:hover {
	background-position: -30px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash_dis, #wys-flash_dis {
	background-position: -60px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash_ena, #wys-flash_ena {
	background-position: -90px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout, #wys-layout {
	background-position: 0px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout:hover, #wys-layout:hover {
	background-position: -30px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout_dis, #wys-layout_dis {
	background-position: -60px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout_ena, #wys-layout_ena {
	background-position: -90px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark, #bookmark {
	background-position: 0px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark:hover, #bookmark:hover {
	background-position: -30px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark_dis, #bookmark_dis {
	background-position: -60px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark_ena, #bookmark_ena {
	background-position: -90px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}
/***** End Icon Set 2  *****/

/***** Start Icon Set 3  *****/
.undo, #undo {
	background-position: 0px -0px;
	margin: 0 3px 0 0;
}

.undo:hover, #undo:hover {
	background-position: -30px -0px;
}

.undo_dis, #undo_dis {
	background-position: -60px -0px;
}

.undo_ena, #undo_ena {
	background-position: -90px -0px;
}

.redo, #redo {
	background-position: 0px -30px;
	margin: 0 3px 0 0;
}

.redo:hover, #redo:hover {
	background-position: -30px -30px;
}

.redo_dis, #redo_dis {
	background-position: -60px -30px;
}

.redo_ena, #redo_ena {
	background-position: -90px -30px;
}

#fontcolor, .fontcolor, #mini_fontcolor, .mini_fontcolor {
	background-position: 0px -90px;
}

#fontcolor:hover, .fontcolor:hover, #mini_fontcolor:hover,
	.mini_fontcolor:hover {
	background-position: -30px -90px;
}

#fontcolor_dis, .fontcolor_dis, #mini_fontcolor_dis, .mini_fontcolor_dis
	{
	background-position: -60px -90px;
}

#fontcolor_ena, .fontcolor_ena, #mini_fontcolor_ena, .mini_fontcolor_ena
	{
	background-position: -90px -90px;
}

.highlight, #highlight {
	background-position: 0px -120px;
}

.highlight:hover, #highlight:hover {
	background-position: -30px -120px;
}

.highlight_dis, #highlight_dis {
	background-position: -60px -120px;
}

.highlight_ena, #highlight_ena {
	background-position: -90px -120px;
}

.bold, #bold {
	background-position: 0px -150px;
}

.bold:hover, #bold:hover {
	background-position: -30px -150px;
}

.bold_dis, #bold_dis {
	background-position: -60px -150px;
}

.bold_ena, #bold_ena {
	background-position: -90px -150px;
}

.italic, #italic {
	background-position: 0px -180px;
}

.italic:hover, #italic:hover {
	background-position: -30px -180px;
}

.italic_dis, #italic_dis {
	background-position: -60px -180px;
}

.italic_ena, #italic_ena {
	background-position: -90px -180px;
}

.underline, #underline {
	background-position: 0px -210px;
}

.underline:hover, #underline:hover {
	background-position: -30px -210px;
}

.underline_dis, #underline_dis {
	background-position: -60px -210px;
}

.underline_ena, #underline_ena {
	background-position: -90px -210px;
}

.strikethrough, #strikethrough {
	background-position: 0px -240px;
}

.strikethrough:hover, #strikethrough:hover {
	background-position: -30px -240px;
}

.strikethrough_dis, #strikethrough_dis {
	background-position: -60px -240px;
}

.strikethrough_ena, #strikethrough_ena {
	background-position: -90px -240px;
}

.superscript, #superscript {
	background-position: 0px -270px;
}

.superscript:hover, #superscript:hover {
	background-position: -30px -270px;
}

.superscript_dis, #superscript_dis {
	background-position: -60px -270px;
}

.superscript_ena, #superscript_ena {
	background-position: -90px -270px;
}

.subscript, #subscript {
	background-position: 0px -300px;
}

.subscript:hover, #subscript:hover {
	background-position: -30px -300px;
}

.subscript_dis, #subscript_dis {
	background-position: -60px -300px;
}

.subscript_ena, #subscript_ena {
	background-position: -90px -300px;
}

.clean, #clean {
	background-position: 0px -330px;
}

.clean:hover, #clean:hover {
	background-position: -30px -330px;
}

.clean_dis, #clean_dis {
	background-position: -60px -330px;
}

.clean_ena, #clean_ena {
	background-position: -90px -330px;
}

.numbering, #numbering {
	background-position: 0px -360px;
}

.numbering:hover, #numbering:hover {
	background-position: -30px -360px;
}

.numbering_dis, #numbering_dis {
	background-position: -60px -360px;
}

.numbering_ena, #numbering_ena {
	background-position: -90px -360px;
}

.bullets, #bullets {
	background-position: 0px -390px;
}

.bullets:hover, #bullets:hover {
	background-position: -30px -390px;
}

.bullets_dis, #bullets_dis {
	background-position: -60px -390px;
}

.bullets_ena, #bullets_ena {
	background-position: -90px -390px;
}

.decrease, #decrease {
	background-position: 0px -420px;
}

.decrease:hover, #decrease:hover {
	background-position: -30px -420px;
}

.decrease_dis, #decrease_dis {
	background-position: -60px -420px;
}

.decrease_ena, #decrease_ena {
	background-position: -90px -420px;
}

.increase, #increase {
	background-position: 0px -450px;
}

.increase:hover, #increase:hover {
	background-position: -30px -450px;
}

.increase_dis, #increase_dis {
	background-position: -60px -450px;
}

.increase_ena, #increase_ena {
	background-position: -90px -450px;
}

.specialchar, #specialchar {
	background-position: 0px -480px;
}

.specialchar:hover, #specialchar:hover {
	background-position: -30px -480px;
}

.specialchar_dis, #specialchar_dis {
	background-position: -60px -480px;
}

.specialchar_ena, #specialchar_ena {
	background-position: -90px -480px;
}

.divtag, #divtag {
	background-position: 0px -510px;
}

.divtag:hover, #divtag:hover {
	background-position: -30px -510px;
}

.divtag_dis, #divtag_dis {
	background-position: -60px -510px;
}

.divtag_ena, #divtannmg_ena {
	background-position: -90px -510px;
}

.wys-left, #wys-left {
	background-position: 0px -540px;
}

.wys-left:hover, #wys-left:hover {
	background-position: -30px -540px;
}

.wys-left_dis, #wys-left_dis {
	background-position: -60px -540px;
}

.wys-left_ena, #wys-left_ena {
	background-position: -90px -540px;
}

.wys-center, #wys-center {
	background-position: 0px -570px;
}

.wys-center:hover, #wys-center:hover {
	background-position: -30px -570px;
}

.wys-center_dis, #wys-center_dis {
	background-position: -60px -570px;
}

.wys-center_ena, #wys-center_ena {
	background-position: -90px -570px;
}

.wys-right, #wys-right {
	background-position: 0px -600px;
}

.wys-right:hover, #wys-right:hover {
	background-position: -30px -600px;
}

.wys-right_dis, #wys-right_dis {
	background-position: -60px -600px;
}

.wys-right_ena, #wys-right_ena {
	background-position: -90px -600px;
}

.justify, #wys-justify {
	background-position: 0px -630px;
}

.justify:hover, #wys-justify:hover {
	background-position: -30px -630px;
}

.justify_dis, #wys-justify_dis {
	background-position: -60px -630px;
}

.justify_ena, #wys-justify_ena {
	background-position: -90px -630px;
}

.leftparagraph, #leftparagraph {
	background-position: 0px -660px;
}

.leftparagraph:hover, #leftparagraph:hover {
	background-position: -30px -660px;
}

.leftparagraph_dis, #leftparagraph_dis {
	background-position: -60px -660px;
}

.leftparagraph_ena, #leftparagraph_ena {
	background-position: -90px -660px;
}

.rightparagraph, #rightparagraph {
	background-position: 0px -690px;
}

.rightparagraph:hover, #rightparagraph:hover {
	background-position: -30px -690px;
}

.rightparagraph_dis, #rightparagraph_dis {
	background-position: -60px -690px;
}

.rightparagraph_ena, #rightparagraph_ena {
	background-position: -90px -690px;
}

.cut, #cut {
	background-position: 0px -720px;
}

.cut:hover, #cut:hover {
	background-position: -30px -720px;
}

.cut_dis, #cut_dis {
	background-position: -60px -720px;
}

.cut_ena, #cut_ena {
	background-position: -90px -720px;
}

.copy, #copy {
	background-position: 0px -750px;
}

.copy:hover, #copy:hover {
	background-position: -30px -750px;
}

.copy_dis, #copy_dis {
	background-position: -60px -750px;
}

.copy_ena, #copy_ena {
	background-position: -90px -750px;
}

.paste, #paste {
	background-position: 0px -780px;
}

.paste:hover, #paste:hover {
	background-position: -30px -780px;
}

.paste_dis, #paste_dis {
	background-position: -60px -780px;
}

.paste_ena, #paste_ena {
	background-position: -90px -780px;
}

.wys-paste_source, #wys-paste_source {
	background-position: 0px -810px;
}

.wys-paste_source:hover, #wys-paste_source:hover {
	background-position: -30px -810px;
}

.wys-paste_source_dis, #wys-paste_source_dis {
	background-position: -60px -810px;
}

.wys-paste_source_ena, #wys-paste_source_ena {
	background-position: -90px -810px;
}

.wys-paste_code, #wys-paste_code {
	background-position: 0px -840px;
}

.wys-paste_code:hover, #wys-paste_code:hover {
	background-position: -30px -840px;
}

.wys-paste_code_dis, #wys-paste_code_dis {
	background-position: -60px -840px;
}

.wys-paste_code_ena, #wys-paste_code_ena {
	background-position: -90px -840px;
}

.HorizontalRule, #HorizontalRule {
	background-position: 0px -1590px;
}

.HorizontalRule:hover, #HorizontalRule:hover {
	background-position: -30px -1590px;
}

.HorizontalRule_dis, #HorizontalRule_dis {
	background-position: -60px -1590px;
}

.HorizontalRule_ena, #HorizontalRule_ena {
	background-position: -90px -1590px;
}
/***** End Icon Set 3  *****/

/***** Start Icon Set 4  *****/
.wys-like, #wys-like {
	background-position: 0px -960px;
}

.wys-like:hover, #wys-like:hover {
	background-position: -30px -960px;
}

.wys-like_dis, #wys-like_dis {
	background-position: -60px -960px;
}

.wys-like_ena, #wys-like_ena {
	background-position: -90px -960px;
}

.wys-fb, #wys-fb {
	background-position: 0px -990px;
}

.wys-fb:hover, #wys-fb:hover {
	background-position: -30px -990px;
}

.wys-fb_dis, #wys-fb_dis {
	background-position: -60px -990px;
}

.wys-fb_ena, #wys-fb_ena {
	background-position: -90px -990px;
}

.wys-fbcomment, #wys-fbcomment {
	background-position: 0px -1320px;
}

.wys-fbcomment:hover, #wys-fbcomment:hover {
	background-position: -30px -1320px;
}

.wys-fbcomment_dis, #wys-fbcomment_dis {
	background-position: -60px -1320px;
}

.wys-fbcomment_ena, #wys-fbcomment_ena {
	background-position: -90px -1320px;
}

.wys-youtube, #wys-youtube {
	background-position: 0px -1020px;
}

.wys-youtube:hover, #wys-youtube:hover {
	background-position: -30px -1020px;
}

.wys-youtube_dis, #wys-youtube_dis {
	background-position: -60px -1020px;
}

.wys-youtube_ena, #wys-youtube_ena {
	background-position: -90px -1020px;
}

.wys-instagram, #wys-instagram {
	background-position: 0px -1050px;
}

.wys-instagram:hover, #wys-instagram:hover {
	background-position: -30px -1050px;
}

.wys-instagram_dis, #wys-instagram_dis {
	background-position: -60px -1050px;
}

.wys-instagram_ena, #wys-instagram_ena {
	background-position: -90px -1050px;
}

.wys-twitter, #wys-twitter {
	background-position: 0px -1080px;
}

.wys-twitter:hover, #wys-twitter:hover {
	background-position: -30px -1080px;
}

.wys-twitter_dis, #wys-twitter_dis {
	background-position: -60px -1080px;
}

.wys-twitter_ena, #wys-twitter_ena {
	background-position: -90px -1080px;
}

.wys-rss, #wys-rss {
	background-position: 0px -1110px;
}

.wys-rss:hover, #wys-rss:hover {
	background-position: -30px -1110px;
}

.wys-rss_dis, #wys-rss_dis {
	background-position: -60px -1110px;
}

.wys-rss_ena, #wys-rss_ena {
	background-position: -90px -1110px;
}

.wys-google, #wys-google {
	background-position: 0px -1140px;
}

.wys-google:hover, #wys-google:hover {
	background-position: -30px -1140px;
}

.wys-google_dis, #wys-google_dis {
	background-position: -60px -1140px;
}

.wys-google_ena, #wys-google_ena {
	background-position: -90px -1140px;
}

.wys-onlineform, #wys-onlineform {
	background-position: 0px -1170px;
}

.wys-onlineform:hover, #wys-onlineform:hover {
	background-position: -30px -1170px;
}

.wys-onlineform_dis, #wys-onlineform_dis {
	background-position: -60px -1170px;
}

.wys-onlineform_ena, #wys-onlineform_ena {
	background-position: -90px -1170px;
}

.wys-headtag, #wys-headtag {
	background-position: 0px -1350px;
}

.wys-headtag:hover, #wys-headtag:hover {
	background-position: -30px -1350px;
}

.wys-headtag_dis, #wys-headtag_dis {
	background-position: -60px -1350px;
}

.wys-headtag_ena, #wys-headtag_ena {
	background-position: -90px -1350px;
}

.wys-bodytag, #wys-bodytag {
	background-position: 0px -1380px;
}

.wys-bodytag:hover, #wys-bodytag:hover {
	background-position: -30px -1380px;
}

.wys-bodytag_dis, #wys-bodytag_dis {
	background-position: -60px -138px;
}

.wys-bodytag_ena, #wys-bodytag_ena {
	background-position: -90px -1380px;
}

.wys-csstag, #wys-csstag {
	background-position: 0px -1410px;
}

.wys-csstag:hover, #wys-csstag:hover {
	background-position: -30px -1410px;
}

.wys-csstag_dis, #wys-csstag_dis {
	background-position: -60px -1410px;
}

.wys-csstag_ena, #wys-csstag_ena {
	background-position: -90px -1410px;
}

/***** End Icon Set 4  *****/

/***** Start Icon Property dynamic  *****/
.wys-rowbefore, #wys-rowbefore {
	background-position: 0px -1620px;
}

.wys-rowbefore:hover, #wys-rowbefore:hover {
	background-position: -30px -1620px;
}

.wys-rowbefore_dis, #wys-rowbefore_dis {
	background-position: -60px -1620px;
}

.wys-rowbefore_ena, #wys-rowbefore_ena {
	background-position: -90px -1620px;
}

.wys-rowafter, #wys-rowafter {
	background-position: 0px -1650px;
}

.wys-rowafter:hover, #wys-rowafter:hover {
	background-position: -30px -1650px;
}

.wys-rowafter_dis, #wys-rowafter_dis {
	background-position: -60px -1650px;
}

.wys-rowafter_ena, #wys-rowafter_ena {
	background-position: -90px -1650px;
}

.wys-colright, #wys-colright {
	background-position: 0px -1680px;
}

.wys-colright:hover, #wys-colright:hover {
	background-position: -30px -1680px;
}

.wys-colright_dis, #wys-colright_dis {
	background-position: -60px -1680px;
}

.wys-colright_ena, #wys-colright_ena {
	background-position: -90px -1680px;
}

.wys-colleft, #wys-colleft {
	background-position: 0px -1710px;
}

.wys-colleft:hover, #wys-colleft:hover {
	background-position: -30px -1710px;
}

.wys-colleft_dis, #wys-colleft_dis {
	background-position: -60px -1710px;
}

.wys-colleft_ena, #wys-colleft_ena {
	background-position: -90px -1710px;
}

.wys-removerow, #wys-removerow {
	background-position: 0px -1740px;
}

.wys-removerow:hover, #wys-removerow:hover {
	background-position: -30px -1740px;
}

.wys-removerow_dis, #wys-removerow_dis {
	background-position: -60px -1740px;
}

.wys-removerow_ena, #wys-removerow_ena {
	background-position: -90px -1740px;
}

.wys-removecol, #wys-removecol {
	background-position: 0px -1770px;
}

.wys-removecol:hover, #wys-removecol:hover {
	background-position: -30px -1770px;
}

.wys-removecol_dis, #wys-removecol_dis {
	background-position: -60px -1770px;
}

.wys-removecol_ena, #wys-removecol_ena {
	background-position: -90px -1770px;
}

.wys-removetable, #wys-removetable {
	background-position: 0px -1860px;
}

.wys-removetable:hover, #wys-removetable:hover {
	background-position: -30px -1860px;
}

.wys-removetable_dis, #wys-removetable_dis {
	background-position: -60px -1860px;
}

.wys-removetable_ena, #wys-removetable_ena {
	background-position: -90px -1860px;
}

.wys-colortable, #wys-colortable {
	background-position: 0px -1830px;
}

.wys-colortable:hover, #wys-colortable:hover {
	background-position: -30px -1830px;
}

.wys-colortable_dis, #wys-colortable_dis {
	background-position: -60px -1830px;
}

.wys-colortable_ena, #wys-colortable_ena {
	background-position: -90px -1830px;
}

.wys-move, #wys-move {
	background-position: 0px -1800px;
}

.wys-move:hover, #wys-move:hover {
	background-position: -30px -1800px;
}

.wys-move_dis, #wys-move_dis {
	background-position: -60px -1800px;
}

.wys-move_ena, #wys-move_ena {
	background-position: -90px -1800px;
}

.wys-merce, #wys-merce {
	background-position: 0px -1890px;
}

.wys-merce:hover, #wys-merce:hover {
	background-position: -30px -1890px;
}

.wys-merce_dis, #wys-merce_dis {
	background-position: -60px -1890px;
}

.wys-merce_ena, #wys-merce_ena {
	background-position: -90px -1890px;
}

.wys-sortableRow, #wys-sortableRow {
	background-position: 0px -1920px;
}

.wys-sortableRow:hover, #wys-sortableRow:hover {
	background-position: -30px -1920px;
}

.wys-sortableRow_dis, #wys-sortableRow_dis {
	background-position: -60px -1920px;
}

.wys-sortableRow_ena, #wys-sortableRow_ena {
	background-position: -90px -1920px;
}

.wys-sortableCol, #wys-sortableCol {
	background-position: 0px -1950px;
}

.wys-sortableCol:hover, #wys-sortableCol:hover {
	background-position: -30px -1950px;
}

.wys-sortableCol_dis, #wys-sortableCol_dis {
	background-position: -60px -1950px;
}

.wys-sortableCol_ena, #wys-sortableCol_ena {
	background-position: -90px -1950px;
}

.wys-BorderColorImg, #wys-BorderColorImg {
	background-position: 0px -2640px;
}

.wys-BorderColorImg:hover, #wys-BorderColorImg:hover {
	background-position: -30px -2640px;
}

.wys-BorderColorImg_dis, #wys-BorderColorImg_dis {
	backgro und-position: -60px -2640px;
}

.wys-BorderColorImg_ena, #wys-BorderColorImg_ena {
	background-position: -90px -2640px;
}

.wys-bgcellColor, #wys-bgcellColor {
	background-position: 0px -2670px;
}

.wys-bgcellColor:hover, #wys-bgcellColor:hover {
	background-position: -30px -2670px;
}

.wys-bgcellColor_dis, #wys-bgcellColor_dis {
	background-position: -60px -2670px;
}

.wys-bgcellColorImg_ena, #wys-bgcellColorImg_ena {
	background-position: -90px -2670px;
}

.pastefromexternal, #pastefromexternal {
	background-position: 0px -2790px;
}

.pastefromexternal:hover, #pastefromexternal:hover {
	background-position: -30px -2790px;
}

.pastefromexternal_dis, #pastefromexternal_dis {
	background-position: -60px -2790px;
}

.pastefromexternal, #pastefromexternal {
	background-position: -90px -2790px;
}

.htmlsource, #htmlsource, .htmlsource:hover, #htmlsource:hover {
	background-position: 0px -2850px;
	width: 14px;
	height: 20px;
}

.editLink, #editLink, .editLink:hover, #editLink:hover {
	background-position: -1px -2880px;
	opacity: 0.8;
}

.editLink:hover, #editLink:hover {
	opacity: 0.9;
}

.editLink:hover, #editLink:hover {
	background-position: -30px -2880px;
	outline: 0;
}

.editLink_dis, #editLink_dis {
	background-position: -60px -2880px;
}

.editLink_ena, #editLink_ena {
	background-position: -90px -2880px;
}

.removeLink, #removeLink, .removeLink:hover, #removeLink:hover {
	background-position: -1px -2910px;
	opacity: 0.8;
}

.removeLink:hover, #removeLink:hover {
	opacity: 0.9;
}

.removeLink:hover, #removeLink:hover {
	background-position: -30px -2910px;
	outline: 0;
}

.removeLink_dis, #removeLink_dis {
	background-position: -60px -2910px;
}

.removeLink_ena, #removeLink_ena {
	background-position: -90px -2910px;
}

.editVDO, #editVDO, .editVDO:hover, #editVDO:hover {
	background-position: -0px -2940px;
}

.editVDO:hover, #editVDO:hover {
	background-position: -30px -2940px;
}

.editVDO_dis, #editVDO_dis {
	background-position: -60px -2940px;
}

.editVDO_ena, #editVDO_ena {
	background-position: -90px -2940px;
}

/***** End Icon Property dynamic  *****/

/***** Start Icon Switch&Preview *****/
.wys-previewmode {
	text-decoration: none;
	border: 0px;
	margin-top: -13px;
	cursor: pointer;
}

.wys-previewmode:hover, #wys-previewmode_dis:hover {
	border: 1px solid #aac389;
}

.wys-previewmode_dis, #wys-previewmode_dis {
	background: #f5f5f5 url(theme/uikit/images/icon_editmode.png) 8px
		no-repeat;
	min-width: 110px;
	font-size: 15px;
	font-weight: normal;
	color: #76af3a;
	background: #fff;
	border: 1px solid #aac389;
	border-radius: 0px;
	padding: 10px 25px 10px 22px;
	cursor: pointer;
	margin-top: -1px;
	position: fixed;
	right: 140px;
}

.wys-previewmode_ena, #wys-previewmode_ena {
	background-position: -90px -1440px;
}

.wys-desktopmode, #wys-desktopmode, .wys-desktopmode:hover,
	#wys-desktopmode:hover, .wys-desktopmode_dis, #wys-desktopmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #d5d5d5;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-desktopmode:hover, #wys-desktopmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
}

.wys-desktopmode_dis, #wys-desktopmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
}

.wys-desktopmode_ena, #wys-desktopmode_ena {
	background-position: -90px -1470px;
}

.wys-mobilemode, #wys-mobilemode, .wys-mobilemode:hover, #wys-mobilemode:hover,
	.wys-mobilemode_dis, #wys-mobilemode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #d5d5d5;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-mobilemode:hover, #wys-mobilemode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
}

.wys-mobilemode_dis, #wys-mobilemode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
}

.wys-mobilemode_ena, #wys-mobilemode_ena {
	background-position: -90px -1500px;
}

.wys-tabletmode, #wys-tabletmode, .wys-tabletmode:hover, #wys-tabletmode:hover,
	.wys-effectmode, #wys-effectmode {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #828282;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode:hover, #wys-tabletmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
}

.wys-effectmode, #wys-effectmode {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
}

.wys-effectmode:hover, #wys-effectmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	width: 90px;
	border: 1px solid #000;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode_dis, #wys-tabletmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	width: 90px;
	border: 1px solid #000;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode_ena, #wys-tabletmode_ena {
	background-position: -90px -1530px;
}

.wys-desktopmode lang, .wys-mobilemode lang, .wys-effectmode lang {
	display: none;
}

.wys-mobilemode-control {
	margin-top: -10px;
}

.wys-mobilemode-control button {
	margin-left: 5px;
}

/***** End Icon Switch&Preview *****/

/*************  Start dropdown  ***************/
.desc {
	color: #6b6b6b;
}

.desc a {
	color: #0092dd;
}

.Font {
	float: right;
}

.Font, .Font dd, .Font dt, .Font ul {
	margin: 0px;
	padding: 0px;
}
/*.dropdown dt { border:1px solid #fff; }*/
.Font a, .Font a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.Font a:hover {
	color: #000;
}

.Font dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 1px solid #dddddd;
	width: 175px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.Font dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
}

.Font dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: normal;
}

.Font dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.Font span.value {
	display: none;
}

.Font dd ul li a {
	padding: 0 7px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.Font dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*mini_font */
.mini_Font a, .mini_Font a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.mini_Font a:hover {
	color: #000;
}

.mini_Font dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 90px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.mini_Font dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.mini_Font dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
}

.mini_Font dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.mini_Font span.value {
	display: none;
}

.mini_Font dd ul li a {
	padding: 1px 7px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.mini_Font dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.lineSpacingBox, .lineSpacingBox dd, .lineSpacingBox dt, .lineSpacingBox ul
	{
	margin: 0px;
	padding: 0px;
}
/*mini_font dt */
.lineSpacingBox, .lineSpacingBox dd, .lineSpacingBox dt, .lineSpacingBox ul
	{
	margin: 0px;
	padding: 0px;
}
/*.dropdown dt { border:1px solid #fff; }*/
.lineSpacingBox a, .lineSpacingBox a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.lineSpacingBox a:hover {
	color: #000;
}

.lineSpacingBox button {
	/*
    background:#f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat scroll 97% center; 
    display:block; padding:3px; margin-right:7px;
    */
	border: 0px solid #B8B8B8;
	/*
    width: 20px;
    height: 18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    */
}

.lineSpacingBox dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.lineSpacingBox dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.lineSpacingBox dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.lineSpacingBox span.value {
	display: none;
}

.lineSpacingBox dd ul li a {
	padding: 1px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.lineSpacingBox dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*************  Start FontSize  ***************/
.FontSize {
	width: 85px;
}

.FontSize, .FontSize dd, .FontSize dt, .FontSize ul {
	margin: 0px;
	padding: 0px;
}

.FontSize a, .FontSize a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.FontSize a:hover {
	color: #000;
}

.FontSize dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 0px;
	border: 1px solid #dddddd;
	width: 75px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.FontSize dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
	font-weight: normal;
}

.FontSize dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.FontSize dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.FontSize span.value {
	display: none;
}

.FontSize dd ul li, .FontSize dd ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.FontSize dd ul li a {
	padding: 0px 4px;
}

.FontSize dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*************  Start mini FontSize  ***************/
.mini_FontSize, .mini_FontSize dd, .mini_FontSize dt, .mini_FontSize ul
	{
	margin: 0px;
	padding: 0px;
}

.mini_FontSize a, .mini_FontSize a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.mini_FontSize a:hover {
	color: #000;
}

.mini_FontSize dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.mini_FontSize dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.mini_FontSize dt a span {
	cursor: pointer;
	display: block;
	padding: 1px 2px 0 2px;
}

.mini_FontSize dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.mini_FontSize span.value {
	display: none;
}

.mini_FontSize dd ul li {
	padding: 0;
	margin: 0;
}

.mini_FontSize dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.mini_FontSize dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*************  end mini FontSize  ***************/
/*************  Start tagHead  ***************/
.TagHead, .TagHead dd, .TagHead dt, .TagHead ul {
	margin: 0px;
	padding: 0px;
}

.TagHead a, .TagHead a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.TagHead a:hover {
	color: #000;
}

.TagHead dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 1px solid #dddddd;
	width: 85px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.TagHead dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
}

.TagHead dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.TagHead dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.TagHead span.value {
	display: none;
}

.TagHead dd ul li, .TagHead dd ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.TagHead dd ul li a {
	padding: 2px 4px;
}

.TagHead dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.TagHead a:hover h1, .TagHead a:hover h2, .TagHead a:hover h3, .TagHead a:hover h4,
	.TagHead a:hover h5, .TagHead a:hover h6 {
	color: #FFFFFF;
}

/*************  Start SelectStyle  ***************/
.SelectStyle, .SelectStyle dd, .SelectStyle dt, .SelectStyle ul {
	margin: 0px;
	padding: 0px;
}

.SelectStyle a, .SelectStyle a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.SelectStyle a:hover {
	color: #000;
}

.SelectStyle dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.SelectStyle dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.SelectStyle dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.SelectStyle dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.SelectStyle span.value {
	display: none;
}

.SelectStyle dd ul li, .SelectStyle dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.SelectStyle dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*************  NavPage ***************/
.NavPage, .NavPage dd, .NavPage dt, .NavPage ul {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

.NavPage dd {
	position: relative;
}

.NavPage a, .NavPage a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.NavPage a:hover {
	color: #000;
}

.NavPage dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	margin-left: 7px;
	border: 0px solid #B8B8B8;
	width: 100px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.NavPage dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.NavPage dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.NavPage span.value {
	display: none;
}

#mixed a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
	width: 250px;
}

/*************  Start dropdownPara  ***************/
.dropdownPara, .dropdownPara dd, .dropdownPara dt, .dropdownPara ul {
	margin: 0px;
	padding: 0px;
}

.dropdownPara dd {
	position: relative;
}

.dropdownPara a, .dropdownPara a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownPara a:hover {
	color: #000;
}

.dropdownPara dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 83px;
}

.dropdownPara dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownPara dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownPara dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.dropdownPara span.value {
	display: none;
}

.dropdownPara dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownPara dd ul li a:hover {
	background-color: #316AC5;
	color: #000;
}

/*************  End dropdownPara  ***************/

/*************  Start dropdownCreate  ***************/
.dropdownCreate, .dropdownCreate dd, .dropdownCreate dt, .dropdownCreate ul
	{
	margin: 0px;
	padding: 0px;
}

.dropdownCreate dd {
	position: relative;
}

.dropdownCreate a, .dropdownCreate a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownCreate a:hover {
	color: #000;
}

.dropdownCreate dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 108px;
}

.dropdownCreate dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownCreate dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownCreate dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: auto;
	list-style: none;
}

.dropdownCreate span.value {
	display: none;
}

.dropdownCreate dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownCreate dd ul li a:hover {
	background-color: #316AC5;
	color: #fff;
}

/*************  End dropdownCreate  ***************/

/*************  Start dropdownZoom  ***************/
.dropdownZoom, .dropdownZoom dd, .dropdownZoom dt, .dropdownZoom ul {
	margin: 0px;
	padding: 0px;
}

.dropdownZoom dd {
	position: relative;
}

.dropdownZoom a, .dropdownCreate a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownZoom a:hover {
	color: #000;
}

.dropdownZoom dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 58px;
}

.dropdownZoom dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownZoom dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownZoom dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 60px;
	list-style: none;
}

.dropdownZoom span.value {
	display: none;
}

.dropdownZoom dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownZoom dd ul li a:hover {
	background-color: #316AC5;
	color: #fff;
}

.printformat, #wys-printformat {
	background-position: 0px -60px;
}

.printformat:hover, #wys-printformat:hover {
	background-position: -30px -60px;
}

.printformat_dis, #wys-printformat_dis {
	background-position: -60px -60px;
}

.printformat_ena, #wys-printformat_ena {
	background-position: -90px -60px;
}

.lineSpacing, #wys-lineSpacing {
	background-position: 0px -930px;
}

.lineSpacing:hover, #wys-lineSpacing:hover {
	background-position: -30px -930px;
}

.lineSpacing_dis, #wys-lineSpacing_dis {
	background-position: -60px -930px;
}

.lineSpacing_ena, #wys-lineSpacing_ena {
	background-position: -90px -930px;
}

.selectStyleSave, #wys-selectStyleSave {
	background-position: 0px -630px;
}

.selectStyleSave:hover, #wys-selectStyleSave:hover {
	background-position: -30px -630px;
}

.selectStyleSave_dis, #wys-selectStyleSave_dis {
	background-position: -60px -630px;
}

.selectStyleSave_ena, #wys-selectStyleSave_ena {
	background-position: -90px -630px;
}
/*************  End dropdownZoom  ***************/
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
}

.flagvisibility {
	display: none;
}

.RVEditor {
	background-color: green;
	border-bottom: #c9c9c9 solid 5px;
	padding: 2px 5px;
}

.editorSource {
	display: none;
	/*wordwrap case*/
	word-wrap: break-word;
	width: 100%;
}

body {
	padding: 0px;
	margin: 0px;
}

.setCssDefault {
	font-size: 10px;
	text-decoration: none;
	background-color: #929292;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #fff;
	height: 17px;
	margin: 3px 0 3px 3px;
	cursor: pointer;
}

.specialcharBlock {
	width: 20px;
	float: left;
	background: transparent;
}

.specialcharBlockSize {
	font-size: medium;
	text-align: center;
	text-decoration: none;
}

.specialDisplay {
	height: 28px;
	width: 98%;
	text-align: center;
	background-color: #fff;
	border: #cccccc solid 1px;
	padding: 5px;
	margin: 15px 0;
	font-size: 18px;
}

.boxLineSpacing {
	display: none;
	position: absolute;
	width: 100px;
}

.dynamictoolbar {
	width: auto;
	float: left;
	left: 15%;
	margin-right: 3px;
}

#dynamictoolbar_insertImage {
	width: auto;
	float: left;
	left: 9%;
	color: #6f6f6f;
}

.dynamicTable button {
	margin: 2px 2px;
}

.dynamictools {
	margin: 18px 0 0 0;
	background: #ededed;
	border: #c7c7c7 solid 1px;
	padding: 5px 4px 5px 5px;
	/*box-shadow:2px 2px 2px #7d7d7d;*/
	white-space: nowrap;
	z-index: 1000;
}

.dynamictools .imagebrdRadius ul li {
	margin: 0px;
}

.dynamictools button.resetPositon, .dynamictools .imageHeightPX,
	.dynamictools .imageHeightPX {
	margin-left: 4px;
}

/* link*/
.dialogLink {
	display: none;
}

.mainMenuLink {
	width: 20%;
	float: left;
}

.menuLink {
	
}

.programViewLink {
	width: 100%;
	float: left;
	display: none;
}
/*end link*/

/*colorpicker*/
.colorpickerTool {
	display: none;
	cursor: move;
	z-index: 1000000;
}
/*end colorpicker*/

/*internal wysiywg */
.internalWYSData {
	display: none;
}
/*end internal wysiywg */

/*styleSelect*/
.styleSelect {
	width: 140px;
	height: 22px;
	overflow: hidden;
	background: url("images/arrowDropdown.gif") no-repeat right #fff;
	border: 1px solid #ccc;
}

.styleSelect select {
	background: transparent;
	width: 168px;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	height: 22px;
	color: #000;
	font-size: 14px;
}
/*end styleSelect*/

/* editor body*/
#fBody {
	text-align: center;
}

.SpecialVariable, .SpecialVariable dd, .SpecialVariable dt,
	.SpecialVariable ul {
	margin: 0px;
	padding: 0px;
}

.SpecialVariable a, .SpecialVariable a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.SpecialVariable a:hover {
	color: #000;
}

.SpecialVariable dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 139px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.SpecialVariable dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.SpecialVariable dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 62px;
	text-overflow: ellipsis;
}

.SpecialVariable dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 180px;
	list-style: none;
	z-index: 9;
}

.SpecialVariable span.value {
	display: none;
}

.SpecialVariable dd ul li, .SelectStyle dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.SpecialVariable dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/****************************************************/
ul#navigator, .navigator, ul#navigator_ena, .navigator_ena {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul#navigator ul, ul.navigator ul {
	min-width: 125px; /* Sub Menu Width */
	width: auto;
	margin: 0;
	margin-left: -40px;
	list-style: none;
	display: none;
	position: absolute;
	top: 78%;
	left: -30px;
	z-index: 100;
}

ul#navigator ul ul, ul#navigator ul ul ul, ul.navigator ul ul, ul.navigator ul ul ul
	{
	top: 0;
	left: 100%;
}

ul#navigator li, ul#navigator_ena li, ul.navigator li, ul.navigator_ena li
	{
	float: left;
	display: inline;
	position: relative;
}

ul#navigator ul li, ul.navigator ul li {
	width: 100%;
	display: block;
}
/* Root Menu */
ul#navigator a, ul#navigator_ena a, ul.navigator a, ul.navigator_ena a {
	border-bottom: 1px solid #5b5b5b;
	border-right: 0px solid #FFF;
	padding: 8px;
	white-space: nowrap;
	float: left;
	display: block;
	color: #666;
	font: 11px Arial, sans-serif;
	text-decoration: none;
	height: 1%;
}

ul#navigator li a.icnwidget, ul#navigator_ena li a.icnwidget, ul.navigator li a.icnwidget,
	ul.navigator_ena li a.icnwidget {
	border: 0;
	padding: 0;
	white-space: nowrap;
	float: left;
	display: block;
	color: #666;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
	width: auto;
	height: auto;
}
/* submenu */
/* Root Menu Hover Persistence */
ul#navigator a:hover, ul#navigator li:hover a, ul#navigator li.iehover a
	{
	color: #FFF;
}
/*arrow sublink*/
.arrowSublink {
	margin-left: -5px;
	z-index: 9999;
	background: url(theme/uikit/images/arrowSublink.png) bottom no-repeat;
}

.arrowSublink span {
	visibility: hidden;
}

.arrowSubmenu {
	background: url(theme/uikit/images/arrow_submenu.png) right no-repeat;
	display: block;
}

/* 2nd Menu */
ul#navigator li:hover li a, ul#navigator li.iehover li a {
	float: none;
	background: #4d4d4d;
}

/* 2nd Menu Hover Persistence */
ul#navigator li:hover li a:hover, ul#navigator li:hover li:hover a, ul#navigator li.iehover li a:hover,
	ul#navigator li.iehover li.iehover a {
	background: #6b6b6b;
}

/* 3rd Menu */
ul#navigator li:hover li:hover li a, ul#navigator li.iehover li.iehover li a
	{
	background: #6b6b6b;
	border-bottom: 1px solid #787878;
}

/* 3rd Menu Hover Persistence */
ul#navigator li:hover li:hover li a:hover, ul#navigator li:hover li:hover li:hover a,
	ul#navigator li.iehover li.iehover li a:hover, ul#navigator li.iehover li.iehover li.iehover a
	{
	background: #858585;
}

/* 4th Menu */
ul#navigator li:hover li:hover li:hover li a, ul#navigator li.iehover li.iehover li.iehover li a
	{
	background: #666;
}

/* 4th Menu Hover */
ul#navigator li:hover li:hover li:hover li a:hover, ul#navigator li.iehover li.iehover li.iehover li a:hover
	{
	background: #333;
}

/* Hover Function - Do Not Move */
ul#navigator li:hover ul ul, ul#navigator li:hover ul ul ul, ul#navigator li.iehover ul ul,
	ul#navigator li.iehover ul ul ul {
	display: none;
}

ul#navigator li:hover ul, ul#navigator ul li:hover ul, ul#navigator ul ul li:hover ul,
	ul#navigator li.iehover ul, ul#navigator ul li.iehover ul, ul#navigator ul ul li.iehover ul
	{
	display: block;
}

ul#navigator_ena li ul.sublink {
	display: none;
}

ul.sublink li ul li a label {
	padding-left: 8px;
}

/****************************************************/
.rvarrowsubmenu {
	float: right;
	padding-left: 5px;
}

.ui-progressbar {
	position: relative;
}

.progress-label {
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
/* group preview buttom */
.pmode {
	display: none;
}
/* end group preview buttom */
.dtbartable {
	display: none;
}

.dtbartablecellprop {
	display: none;
}

.closeWindow {
	text-decoration: none;
	float: right;
	border: 0px solid #cacaca;
	border-radius: 4px;
	margin: 7px 11px 0 0;
	cursor: pointer;
	background: url(theme/uikit/images/icon_close.png) no-repeat;
	width: 12px;
	height: 12px;
}

#wys-save_page.wys-toolbar-save_page, #wys-save_page.wys-toolbar-save_page:hover
	{
	font-size: 15px;
	color: #76af3a;
	background: #fff;
	padding: 10px 5px 10px 5px;
	border-radius: 0px;
	cursor: pointer;
	border: #76af3a 1px solid;
	min-width: 110px;
	margin-top: 1px;
}

.wys_preview, .wys_preview:hover {
	text-decoration: none;
	float: right;
	border: 1px solid #76af3a;
	border-radius: 0px;
	padding: 10px 5px 10px 5px;
	cursor: pointer;
	background: #fff;
	color: #76af3a;
	font-size: 15px;
	font-weight: normal;
	min-width: 110px;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	margin-left: 5px;
}

.wys_grid_paste {
	text-decoration: none;
	float: right;
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding-left: 33px;
	cursor: pointer;
	background: #f5f5f5 url(theme/uikit/images/icon_gridline_paste.png)
		10px no-repeat;
	color: #5f5e5e;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
	height: 25px;
	margin: 0 5px 5px 0;
	text-align: left;
	opacity: 0.5;
}

.wys_grid_paste:hover {
	border: 1px solid #828282;
}

.wys_grid_cancel {
	text-decoration: none;
	float: right;
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding-left: 33px;
	cursor: pointer;
	background: #f5f5f5 url(theme/uikit/images/icon_gridline_cancel.png)
		10px no-repeat;
	color: #5f5e5e;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
	height: 25px;
	margin: 0 5px 5px 0;
	text-align: left;
	opacity: 0.5;
}

.wys_grid_cancel:hover {
	border: 1px solid #828282;
}

.treeViewSelected {
	color: red;
}

/***************Image align*******************/
.BorderSize {
	width: 75px;
}

@
-moz-document url-prefix () { .ImageAlign dd {
	/*top: 23px;*/
	display: block;
}

}
.ImageAlign, .ImageAlign dd, .ImageAlign dt, .ImageAlign ul {
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

.ImageAlign a, .ImageAlign a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.ImageAlign a:hover {
	color: #000;
}

.ImageAlign dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 145px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ImageAlign dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.ImageAlign dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.ImageAlign dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #C5C0B0;
	display: none;
	padding: 0 0 5px 8px;
	position: absolute;
	width: 150px;
	list-style: none;
	margin-top: -10px;
}

.ImageAlign dd ul, x:-moz-any-link {
	margin-top: 27px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ImageAlign dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

.ImageAlign span.value {
	display: none;
}

.ImageAlign dd ul li a {
	padding: 0px;
	margin: 2px 0 0 0;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.ImageAlign dd ul li a:hover {
	color: #FFFFFF;
}

/***************Image align*******************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.BorderStyle dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

@
-moz-document url-prefix () { .BorderStyle dd {
	top: 23px;
	display: block;
}

}
.BorderStyle, .BorderStyle dt, .BorderStyle dd, .BorderStyle dt,
	.BorderStyle ul {
	margin: 0px;
	padding: 0px;
}

.BorderStyle a, .BorderStyle a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.BorderStyle a:hover {
	color: #000;
}

.BorderStyle dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 70px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.BorderStyle dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.BorderStyle dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.BorderStyle dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 170px;
	list-style: none;
	list-style-type: none;
	margin-top: -10px;
	z-index: 1;
}

.BorderStyle dd ul, x:-moz-any-link {
	margin-top: 27px;
}

.BorderStyle span.value {
	display: none;
}

.BorderStyle dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.BorderStyle dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.BorderColor_dis, #BorderColor_dis {
	background-position: -60px -120px;
}

.BorderColor_ena, #BorderColor_ena {
	background-position: -90px -120px;
}

.BorderColor_Image, .BorderColor_Image:hover {
	text-decoration: none;
	display: inline-block;
	background-image: url(theme/uikit/images/wys_sprite.png);
	background-repeat: no-repeat;
	background-position: -0px -2010px;
	background-color: #fff;
	float: left;
	width: 21px;
	height: 21px;
	border: 0px;
	padding-right: 5px;
	cursor: pointer;
}

.BorderColor_Image:hover {
	background-position: -90px -2010px;
}

.spanWidth {
	float: left;
	width: 60px;
}

.icon-line {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	background: url('theme/uikit/images/ridge.png') no-repeat;
	width: 100px;
	height: 17px;
}

.line-none {
	background-position: 0 0;
}

.line-dotted {
	background-position: 0 -23px;
}

.line-dashed {
	background-position: 0 -42px;
}

.line-solid {
	background-position: 0 -61px;
}

.line-double {
	background-position: 0 -84px;
}

.line-groove {
	background-position: 0 -102px;
}

.line-ridge {
	background-position: 0 -124px;
}

.line-inset {
	background-position: 0 -143px;
}

.line-outset {
	background-position: 0 -162px;
}

#arrowup {
	float: left;
	width: 20px;
	height: 21px;
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
}

#arrowdown {
	float: left;
	width: 20px;
	height: 21px;
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
}

.dynamic_prop {
	border: none;
	border-radius: 1px;
	height: 18px;
	padding: 3px 0 3px 5px;
	font-size: 11px;
}

.marginImg {
	width: 57px;
	margin-bottom: 3px;
}

.dynamic_borderLeft {
	border-left: 0px solid #fff;
	/*padding-left:2px;*/
	height: 24px;
}

.dynamic_borderRight {
	border-right: 0px solid #dddddd;
	padding-right: 2px;
	height: 24px;
}

button.resetPositon {
	height: 26px;
	color: #5f5e5e;
	text-align: left;
	min-width: 25px;
	border: 0px solid #dddddd;
	border-radius: 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	background: url(theme/uikit/images/reset_position.png) -3px 2px
		no-repeat #fff;
	padding-left: 0px;
	padding-right: 10px;
}

button.resetPositon:hover {
	border: 0px solid #828282;
}

.dynamictoolbar button.resetPositon {
	height: 26px;
	color: #5f5e5e;
	text-align: left;
	min-width: 120px;
	border: 1px solid #dddddd;
	border-radius: 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	background: url(theme/uikit/images/reset_position.png) -3px 2px
		no-repeat #fff;
	padding-left: 28px;
	padding-right: 10px;
}

.dynamictoolbar button.resetPositon:hover {
	border: 1px solid #828282;
}

/* Img Align
-----------------------------------*/
.wys-ImgAlign {
	background: url(theme/uikit/images/wys_sprite.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 50px;
	float: left;
	margin: 4px 0 2px;
}

li.wys-ImgAlign {
	list-style: none;
}

.wys-alignBaseline {
	background-position: -1px -2070px;
}

.wys-alignBaseline:hover {
	background-position: -61px -2070px;
}

.wys-alignTop {
	background-position: -1px -2190px;
}

.wys-alignTop:hover {
	background-position: -61px -2190px;
}

.wys-alignBottom {
	background-position: -1px -2250px;
}

.wys-alignBottom:hover {
	background-position: -61px -2250px;
}

.wys-alignMiddle {
	background-position: -1px -2130px;
}

.wys-alignMiddle:hover {
	background-position: -61px -2130px;
}

.wys-alignLeft {
	background-position: -1px -2310px;
}

.wys-alignLeft:hover {
	background-position: -61px -2310px;
}

.wys-alignRight {
	background-position: -1px -2370px;
}

.wys-alignRight:hover {
	background-position: -61px -2370px;
}

#dynamictoolbar_insertImage .dynamictoolbar {
	margin-left: 300px;
}

button.tableprop {
	height: 25px;
	color: #5f5e5e;
	text-align: center;
	width: 120px;
	border: 1px solid #cacaca;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin-right: 8px;
	background: url(theme/uikit/images/icon_cellproperties.png) no-repeat
		#f5f5f5;
}

button.tableTextMode {
	height: 25px;
	color: #5f5e5e;
	text-align: center;
	width: 120px;
	border: 1px solid #cacaca;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin-right: 8px;
	background: url(theme/uikit/images/icon_textmode.png) no-repeat
		#f5f5f5;
}

button.tableprop:hover, button.tableTextMode:hover {
	border: 1px solid #828282;
}

/*dialog for wys*/
.ui-dialog {
	padding: 0;
	border-radius: 0;
	background: #efefef;
	border: 0;
}

.ui-dialog .ui-dialog-titlebar {
	border: 0;
	border-radius: 0;
	padding: 8px 16px;
	font-size: 15px;
	font-weight: normal;
	background: #4444;
}

.ui-state-error {
	font-size: 11px;
	margin: 20px 8px;
}

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
	background: #efefef;
	padding-top: 0px;
	/*margin: 0 1px 20px 0;*/
}

.ui-dialog .ui-dialog-buttonpane button {
	border: 1px solid #48b864;
	background: #48b864;
	font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	background: #327843;
	color: #FFF;
}

.ui-widget-overlay {
	background: #000000;
	opacity: 0.9;
}

/*PageName*/
.format_pagename {
	margin-top: 25px;
	margin-left: 537px;
	font-size: 10px;
}

/*td valign cells*/
.tdValignTop, #tdValignTop {
	background-position: 0px -2549px;
}

.tdValignTop:hover, #tdValignTop:hover {
	background-position: -30px -2549px;
}

.tdValignTop_dis, #tdValignTop_dis {
	background-position: -60px -2549px;
}

.tdValignTop_ena, #tdValignTop_ena {
	background-position: -90px -2549px;
}

.tdValignMiddle, #tdValignMiddle {
	background-position: 0px -2579px;
}

.tdValignMiddle:hover, #tdValignMiddle:hover {
	background-position: -30px -2579px;
}

.tdValignMiddle_dis, #tdValignMiddle_dis {
	background-position: -60px -2579px;
}

.tdValignMiddle_ena, #tdValignMiddle_ena {
	background-position: -90px -2579px;
}

.tdValignBottom, #tdValignBottom {
	background-position: 0px -2609px;
}

.tdValignBottom:hover, #tdValignBottom:hover {
	background-position: -30px -2609px;
}

.tdValignBottom_dis, #tdValignBottom_dis {
	background-position: -60px -2609px;
}

.tdValignBottom_ena, #tdValignBottom_ena {
	background-position: -90px -2609px;
}

.tdValignBaseLine, #tdValignBaseLine {
	background-position: 0px -930px;
}

.tdValignBaseLine:hover, #tdValignBaseLine:hover {
	background-position: -30px -930px;
}

.tdValignBaseLine_dis, #tdValignBaseLine_dis {
	background-position: -60px -930px;
}

.tdValignBaseLine_ena, #tdValignBaseLine_ena {
	background-position: -90px -930px;
}

/*td align cells*/
.tdAlignLeft, #tdAlignLeft {
	background-position: 0px -2459px;
}

.tdAlignLeft:hover, #tdAlignLeft:hover {
	background-position: -30px -2459px;
}

.tdAlignLeft_dis, #tdAlignLeft_dis {
	background-position: -60px -2459px;
}

.tdAlignLeft_ena, #tdAlignLeft_ena {
	background-position: -90px -2459px;
}

.tdAlignCenter, #tdAlignCenter {
	background-position: 0px -2489px;
}

.tdAlignCenter:hover, #tdAlignCenter:hover {
	background-position: -30px -2489px;
}

.tdAlignCenter_dis, #tdAlignCenter_dis {
	background-position: -60px -2489px;
}

.tdAlignCenter_ena, #tdAlignCenter_ena {
	background-position: -90px -2489px;
}

.tdAlignRight, #tdAlignRight {
	background-position: 0px -2519px;
}

.tdAlignRight:hover, #tdAlignRight:hover {
	background-position: -30px -2519px;
}

.tdAlignRight_dis, #tdAlignRight_dis {
	background-position: -60px -2519px;
}

.tdAlignRight_ena, #tdAlignRight_ena {
	background-position: -90px -2519px;
}

.tdAlignJustify, #tdAlignJustify {
	background-position: 0px -630px;
}

.tdAlignJustify:hover, #tdAlignJustify:hover {
	background-position: -30px -630px;
}

.tdAlignJustify_dis, #tdAlignJustify_dis {
	background-position: -60px -630px;
}

.tdAlignJustify_ena, #tdAlignJustify_ena {
	background-position: -90px -630px;
}

.tdAlignChar, #tdAlignChar {
	background-position: 0px -630px;
}

.tdAlignChar:hover, #tdAlignChar:hover {
	background-position: -30px -630px;
}

.tdAlignChar_dis, #tdAlignChar_dis {
	background-position: -60px -630px;
}

.tdAlignChar_ena, #tdAlignChar_ena {
	background-position: -90px -630px;
}

/***************table align*******************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.BorderStyleTable dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

@
-moz-document url-prefix () { .BorderStyleTable dd {
	/*top: 23px;*/
	display: block;
}

}
.BorderStyleTable {
	margin: 3px 0 0 0;
	padding: 0px;
}

.BorderStyleTable dd, .BorderStyleTable dt, .BorderStyleTable ul {
	margin: 0px;
	padding: 0px;
}

.BorderStyleTable a, .BorderStyleTable a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.BorderStyleTable a:hover {
	color: #000;
}

.BorderStyleTable dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 175px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.BorderStyleTable dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.BorderStyleTable dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.BorderStyleTable dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 170px;
	list-style: none;
	list-style-type: none;
	z-index: 1;
	margin-top: -10px;
}

.dynamic-panel-group .BorderStyleTable dd ul {
	margin-top: -10px;
}

.BorderStyleTable dd ul, x:-moz-any-link {
	margin-top: 27px;
}

.BorderStyleTable span.value {
	display: none;
}

.BorderStyleTable dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.BorderStyleTable dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.dynamictools .BorderStyleTable dd {
	position: absolute;
}

.dynamictools .BorderStyleTable dd ul {
	left: -86px;
	top: 26px;
}

/***************table width pixel*******************/
.tableWidthPX a, .tableWidthPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.tableWidthPX a:hover {
	color: #000;
}

.tableWidthPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 39px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tableWidthPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.tableWidthPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.tableWidthPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 50px;
	list-style: none;
	list-style-type: none;
	margin: 26px 0 0 0;
}

.tableWidthPX span.value {
	display: none;
}

.tableWidthPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/***************table algin*******************/
.tableAlign a, .tableAlign a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	height: 17px;
}

.tableAlign a:hover {
	color: #000;
}

.tableAlign dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 93px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tableAlign dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.tableAlign dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.tableAlign dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	width: 110px;
	list-style: none;
	list-style-type: none;
	position: absolute;
	margin-top: 26px;
	margin-left: 0px;
}

.tableAlign span.value {
	display: none;
}

.tableAlign dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.tableAlign dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.tableWidthPX dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*hack style table and image properties for firefox*/
.BorderStyle dd ul, x:-moz-any-link, .ImageAlign dd ul, x:-moz-any-link,
	.BorderStyleTable dd ul, x:-moz-any-link, .tableWidthPX dd ul, x:-moz-any-link,
	.tableAlign dd ul, x:-moz-any-link /*{top:25px;}*/
	/***************image width pixel*******************/ 


.imageWidthPX a, .imageWidthPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.imageWidthPX a:hover {
	color: #000;
}

.imageWidthPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 33px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.imageWidthPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.imageWidthPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.imageWidthPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 35px;
	list-style: none;
	list-style-type: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.imageWidthPX dd ul {
		top: 16px;
		display: inline-block;
	}
}

.imageWidthPX span.value {
	display: none;
}

.imageWidthPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/***************image height pixel*******************/
.imageHeightPX a, .imageHeightPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.imageHeightPX a:hover {
	color: #000;
}

.imageHeightPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 33px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.imageHeightPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.imageHeightPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.imageHeightPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 35px;
	list-style: none;
	list-style-type: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.imageHeightPX dd ul {
		/* top: 16px;*/
		display: inline-block;
	}
}

.imageHeightPX span.value {
	display: none;
}

.imageHeightPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/** Start Image Border Radius **/
.imagebrdRadius a, .imagebrdRadius a:visited {
	color: #414141;
	text-decoration: none;
	outline: none;
}

.imagebrdRadius a:hover {
	color: #414141;
}

.imagebrdRadius dt a {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 174px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.imagebrdRadius dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #414141;
	border: 0px solid #B8B8B8;
}

.imagebrdRadius dt a span {
	display: block;
	padding: 0 2px;
	width: 65px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.dynamictoolbar .imagebrdRadius dt a {
	width: 75px;
}

.imagebrdRadius dd {
	/*margin-top:22px;*/
	
}

.imagebrdRadius dd {
	/*margin-top:22px;*/
	
}

.imagebrdRadius dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	min-width: 180px;
	list-style: none;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 26px;
	z-index: 1;
}

.dynamictoolbar .imagebrdRadius dd ul {
	min-width: 90px;
}

.main-panel .imagebrdRadius dd ul {
	margin-top: 2px;
}

.imagebrdRadius dd li a, .imagebrdRadius dd li a:hover {
	background: #fff;
	color: #000;
	padding: 1px 0px 1px 3px;
	display: block;
	font-size: 11px;
}

.imagebrdRadius dd li a:hover {
	background: #316ac5;
	color: #fff;
}

/** End Image Border Radius ** /

/*************  Start helpTutorial  ***************/
.helpTutorial, .helpTutorial dd, .helpTutorial dt, .helpTutorial ul {
	margin: 0px;
	padding: 0px;
}

.helpTutorial a, .helpTutorial a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.helpTutorial a:hover {
	color: #000;
}

.helpTutorial dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.helpTutorial dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.helpTutorial dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.helpTutorial dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 5px 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.helpTutorial span.value {
	display: none;
}

.helpTutorial dd ul li, .helpTutorial dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.helpTutorial dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/* Css Dialog Keyboard Shotcuts*/
.btnKeyboardshotcut {
	font-size: 10px;
	text-decoration: none;
	background-color: #929292;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #fff;
	height: 17px;
	margin: 3px 0 3px 3px;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

table.table-keyboard-short {
	width: 700px;
	margin: 0 auto;
	font-size: medium;
}

table.table-keyboard-short td {
	line-height: 30px;
	padding: 8px 0;
}

table.table-keyboard-short td span {
	background-color: #e7e7e7;
	border: 1px solid #e3e3e3;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px;
	color: #504f4f;
}

table.table-keyboard-short td.description {
	border-left: 1px solid #ccc;
	padding: 0 10px;
}
/* Css Dialog Keyboard Shotcuts*/
.rvwys-load {
	width: 80px;
	height: 27px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.rvwysEffectCenter {
	width: 80px;
	height: 27px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*----------------- style facebook Uikit (V.6) -------------------------*/
.rv-facebook-block {
	border: 0;
}

.rv-facebook-border {
	background: #FFF;
	padding: 14px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 7px;
}

.rv-facebook-block .clear {
	clear: both;
}

.rv-facebook-block .row-padd {
	clear: both;
	padding: 0;
	margin: 0 0 15px 0;
}

.rv-facebook-block .left-block {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 49%;
}

.rv-facebook-block .right-block {
	margin-left: 3px;
	margin-bottom: 15px;
	float: left;
	width: 49%;
}

.rv-facebook-block .title-facebook {
	font-size: 18px;
	padding: 0;
	margin: 0 0 25px 0;
	display: block;
}

.rv-facebook-block .name {
	font-size: 15px;
}

.rv-facebook-block .name-box {
	font-size: 15px;
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
}

.rv-facebook-block input.box, .rv-facebook-block select.box,
	.rv-facebook-block textarea.box {
	border: #dfe0e4 solid 1px;
	padding: 7px 4px;
	font-size: 13px;
}

.rv-facebook-block textarea.box {
	width: 98%;
}

.rv-facebook-block input.box {
	width: 98%;
}

.rv-facebook-block select.box {
	width: 100%;
	padding: 6px 4px;
}

.rv-facebook-block .row-padd div.show-icon {
	border: #dfe0e4 solid 1px;
	padding: 5px;
	width: 98%;
	min-height: 80px;
}

.rv-facebook-block .row-padd div.show-icon-padd {
	padding: 20px 5px;
	min-height: auto;
	text-align: center;
}

.rv-facebook-block .row-padd div.show-icon div#fb-like {
	margin: auto;
}

/*----------------  end style facebook Uikit (V.6) ------------------------*/

/*---------------- AwesomeFont Uikit (V.6) ------------------------*/
button.AwesomeFont, button.AwesomeFont:hover {
	cursor: pointer !important;
	background: #f5f5f5;
	border: #cacaca solid 1px;
	color: #5f5e5e;
	border-radius: 3px;
	padding: 5px 8px 4px 8px;
	font-size: 12px;
}

@
-moz-document url-prefix (){button .AwesomeFont, button.AwesomeFont:hover
	{
    padding :3px8px3px8px;
	
}

}
button.AwesomeFont:hover {
	border: #828282 solid 1px;
}

.parentAwesomeFont ul li i, .parentAwesomeFont ul li i:hover {
	border: #ffffff solid 1px;
	cursor: pointer !important;
	width: 20px;
	height: 17px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 120%;
}

.parentAwesomeFont ul li i:hover {
	border: #5ac4e6 solid 1px;
}

.button-group {
	margin-top: 15px;
}

.icon-group {
	height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
}

.viewAwesomeFont {
	border: #dddddd solid 1px;
	text-align: center;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	height: 50px;
	display: flex;
	align-items: center;
}

.viewAwesomeFont i, .viewAwesomeFont span {
	margin: 0 auto;
}

/*---------------- AwesomeFont Uikit (CMS) ------------------------*/
button.AwesomeFontMenu, button.AwesomeFontMenu:hover {
	cursor: pointer !important;
	background: #f5f5f5;
	border: #dddddd solid 1px;
	color: #5f5e5e;
	border-radius: 2px;
	padding: 5px 8px 4px 8px;
	font-size: 12px;
}

@
-moz-document url-prefix (){button .AwesomeFont, button.AwesomeFont:hover
	{
    padding :3px8px3px8px;
	
}

}
button.AwesomeFontMenu:hover, button.AwesomeFontMenu:focus {
	border: #cacaca solid 1px;
}

.parentAwesomeFontMenu ul li i, .parentAwesomeFontMenu ul li i:hover {
	border: #ffffff solid 1px;
	cursor: pointer !important;
	width: 20px;
	height: 17px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 120%;
}

.parentAwesomeFontMenu ul li i:hover {
	border: #5ac4e6 solid 1px;
}

.button-group {
	margin-top: 15px;
}

.icon-group {
	height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
}

.viewAwesomeFontMenu {
	border: #dddddd solid 1px;
	text-align: center;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	height: 50px;
	display: flex;
	align-items: center;
}

.viewAwesomeFontMenu i, .viewAwesomeFontMenu span {
	margin: 0 auto;
}

/********* Hyperlink Dialog *********/

/* =Navigation
-----------------------------------------------------------------------------*/
#sidebar {
	position: relative;
	margin: 0 0 0 -13px;
	padding: 0;
	color: #585858;
	background: url(theme/uikit/images/bgnav.jpg) #efefef left repeat-y;
	min-height: 100%;
}

#nav ul.uk-tab {
	list-style: none;
	margin: 0 0 0 5px;
	float: left;
	width: 120px;
	border: 0;
}

#nav ul.uk-tab li a {
	border: 0;
}

#nav ul.uk-tab li {
	font-family: 'Helvetica', Arial, Verdana, sans serif;
	margin-left: 0;
	vertical-align: top;
}

#nav ul.uk-tab li a:link, #nav ul.uk-tab li a:visited {
	font-size: 12px;
	display: block;
	padding: 10px 10px 15px 10px;
	margin-top: 0px;
	margin-left: -40px;
	color: #585858; /* gray */
	text-decoration: none;
	right: 11px;
	line-height: 18px;
}

#nav ul.uk-tab li a:hover, #nav ul.uk-tab li a:focus {
	background: url(theme/uikit/images/nav_h.png) no-repeat;
	/* lightblue */
	color: #fff;
	left: 0px;
	padding: 10px 18px 15px 10px;
}

#nav ul.uk-tab li a span {
	float: left;
	margin-top: -7px;
	padding: 0 5px;
}

/* Navigation Current */
#nav ul.uk-tab li.uk-active:hover a, #nav ul.uk-tab li.uk-active a {
	color: #fff;
	background: url(theme/uikit/images/nav_h.png) no-repeat;
	left: 0px;
	padding: 10px 18px 15px 10px;
}

#nav ul.uk-tab li a span.icon-page, #nav ul.uk-tab li a span.icon-website,
	#nav ul.uk-tab li a span.icon-email, #nav ul.uk-tab li a span.icon-images,
	#nav ul.uk-tab li a span.icon-media, #nav ul.uk-tab li a span.icon-files,
	#nav ul.uk-tab li a span.icon-popup, #nav ul.uk-tab li a span.icon-tooltip,
	#nav ul.uk-tab li a span.icon-bookmark {
	background: url(theme/uikit/images/icon_page.png) no-repeat left top;
	width: 29px;
	height: 29px;
	display: block;
	float: left;
}

#nav ul.uk-tab li a span.icon-website {
	background: url(theme/uikit/images/icon_website.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-email {
	background: url(theme/uikit/images/icon_email.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-images {
	background: url(theme/uikit/images/icon_images.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-media {
	background: url(theme/uikit/images/icon_media.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-files {
	background: url(theme/uikit/images/icon_files.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-popup {
	background: url(theme/uikit/images/icon_popup.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-tooltip {
	background: url(theme/uikit/images/icon_tooltip.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-bookmark {
	background: url(theme/uikit/images/icon_bookmark.png) no-repeat left
		top;
	width: 29px;
}

/* =ContentRight
-----------------------------------------------------------------------------*/
.ContentRight {
	background-color: #fff;
	padding: 0 10px 0 0;
	margin: 0;
	line-height: 18px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
	width: 560px;
	font-size: 12px;
}

.ContentRight .uk-panel, .ContentRight .uk-panel label {
	font-size: 12px;
}

.ContentRight a:link, .ContentRight a:visited, .ContentRight a:hover,
	.ContentRight a:active {
	color: #595959;
	text-decoration: none;
	background: none;
	font-size: 12px;
}

.ContentRight a:hover, .ContentRight a:active {
	color: #006FDD;
}

.ContentRight a.linkblue:link, .ContentRight a.linkblue:hover,
	.ContentRight a.linkblue:visited, .ContentRight a.linkblue:active {
	background-color: #216d9f;
	color: #fff;
	padding: 5px 10px;
	border: 0;
}

.ContentRight a.linkblue:hover {
	background-color: #5d5e5f;
}

.ContentRight .clearit {
	clear: both;
}

.ContentRight .fleft {
	float: left;
}

.ContentRight .fright {
	float: right;
}

.ContentRight .pad10 {
	padding: 10px;
}

.ContentRight .padtopbot10 {
	padding: 10px 0;
}

.ContentRight h2.title {
	font-size: 13px;
	padding: 0;
	margin: 5px 0;
	font-weight: normal;
}

.ContentRight .line {
	background: #eaeaea;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* =TitleDialog
-----------------------------------------------------------------------------*/
.titleDialog {
	color: #fff;
	background-color: #444;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	border-bottom: 1px solid #696969;
	width: 910px;
}

.ContentRight input.txtbox, textarea.areamsg {
	border: 1px solid #dfe0e4;
	background-color: #fff;
	margin: 0 0 7px 0;
	padding: 2px 4px;
	width: 98%;
	height: 25px;
}

.ContentRight textarea.areamsg {
	height: 70px;
}

.ContentRight .selectArrow {
	overflow: hidden;
	/*background: url(theme/uikit/images/arrowDropdown.gif) no-repeat right #fff;*/
	border: 1px solid #dfe0e4;
	margin: 0 0 7px 0;
}

.ContentRight .selectArrow select {
	background: transparent;
	width: 100%;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	height: 30px;
	color: #707070;
	font-size: 13px;
	outline: 0;
}

span.textbookmark {
	font-size: 14px;
	cursor: default;
}

.text-form-file {
	font-size: 13px;
	font-family: arial, verdana;
	background: #eeeeee;
	padding: 5px;
	border: #d1d1d1 dashed 1px;
	white-space: nowrap;
}

.text-form-file a, .text-form-file a:hover {
	font-size: 13px;
	font-family: arial, verdana;
}

.text-form-file a:hover {
	opacity: 0.8;
}

.ui-link-button {
	border: 0;
	border-radius: 100px;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 8px;
}
/** All Button Hover **/
.ui-link-button:hover, .uk-button:hover {
	opacity: 0.8;
}

.ui-link-sample {
	margin: 5px 0;
	padding: 8px 3px;
	width: 110px;
	text-align: center;
	font-size: 14px;
}

.ui-link-sample-round {
	border-radius: 5px;
}

.ui-link-padd {
	margin-bottom: 10px;
}

/** button 1 **/
.uk-button-red {
	background-color: #f12c2c;
	color: #ffffff;
}
/** button 2 **/
.uk-button-gold {
	background-color: #f5a623;
	color: #ffffff;
}
/** button 3 **/
.uk-button-yellow {
	background-color: #ffdc00;
	color: #414141;
}
/** button 4 **/
.uk-button-green {
	background-color: #59b71c;
	color: #ffffff;
}
/** button 5 **/
.uk-button-skyblue {
	background-color: #22c7ad;
	color: #ffffff;
}
/** button 6 **/
.uk-button-blue {
	background-color: #2f8ee0;
	color: #ffffff;
}
/** button 7 **/
.uk-button-purple {
	background-color: #6f1cf8;
	color: #ffffff;
}
/** button 8 **/
.uk-button-pink {
	background-color: #c829e5;
	color: #ffffff;
}
/** button 9 **/
.uk-button-magenta {
	background-color: #e71e8f;
	color: #ffffff;
}
/** button 10 **/
.uk-button-silver {
	background-color: #bfbfbf;
	color: #414141;
}
/** button 11 **/
.uk-button-gray {
	background-color: #767676;
	color: #ffffff;
}
/** button 12 **/
.uk-button-darkgray {
	background-color: #4a4a4a;
	color: #ffffff;
}

.ui-link-dialog {
	margin-bottom: 15px;
}


.ui-link-dialog .listLinkBlog,
.ui-link-dialog .listLinkSystem{
	width: 100%;
	height: 120px;
	overflow: auto;
	background: #fff;
	margin-bottom: 10px;
}

.ui-link-dialog .listPageHyper{
	width: 100%;
	height: 120px;
	overflow: auto;
	background: #fff;
	margin-bottom: 10px;
	resize:vertical;
}


.ui-link-dialog .listLinkPage .titleLinkPage {
	font-size: 13px;
}

.ui-link-dialog h2.title {
	font-size: 16px;
	padding: 0;
	margin: 0 0 4px 0;
	line-height: 20px;
}

.ui-link-dialog input.upload-select2 {
	cursor: pointer;
	color: transparent;
	width: 90px;
}

.ui-link-dialog li.iconFile div {
	word-break: break-all;
	width: 65px;
}

/*sub toolbar mini*/
.mini_bold, #mini_bold {
	background-position: 0px -150px;
}

.mini_bold:hover, #mini_bold:hover {
	background-position: -30px -150px;
}

.mini_bold_dis, #mini_bold_dis {
	background-position: -60px -150px;
}

.mini_bold_ena, #mini_bold_ena {
	background-position: -90px -150px;
}

.mini_italic, #mini_italic {
	background-position: 0px -180px;
}

.mini_italic:hover, #mini_italic:hover {
	background-position: -30px -180px;
}

.mini_italic_dis, #mini_italic_dis {
	background-position: -60px -180px;
}

.mini_italic_ena, #mini_italic_ena {
	background-position: -90px -180px;
}

.mini_underline, #mini_underline {
	background-position: 0px -210px;
}

.mini_underline:hover, #mini_underline:hover {
	background-position: -30px -210px;
}

.mini_underline_dis, #mini_underline_dis {
	background-position: -60px -210px;
}

.mini_underline_ena, #mini_underline_ena {
	background-position: -90px -210px;
}

.mini_strikethrough, #mini_strikethrough {
	background-position: 0px -240px;
}

.mini_strikethrough:hover, #mini_strikethrough:hover {
	background-position: -30px -240px;
}

.mini_strikethrough_dis, #mini_strikethrough_dis {
	background-position: -60px -240px;
}

.mini_strikethrough_ena, #mini_strikethrough_ena {
	background-position: -90px -240px;
}

.mini_superscript, #mini_superscript {
	background-position: 0px -270px;
}

.mini_superscript:hover, #mini_superscript:hover {
	background-position: -30px -270px;
}

.mini_superscript_dis, #mini_superscript_dis {
	background-position: -60px -270px;
}

.mini_superscript_ena, #mini_superscript_ena {
	background-position: -90px -270px;
}

.mini_subscript, #mini_subscript {
	background-position: 0px -300px;
}

.mini_subscript:hover, #mini_subscript:hover {
	background-position: -30px -300px;
}

.mini_subscript_dis, #mini_subscript_dis {
	background-position: -60px -300px;
}

.mini_subscript_ena, #mini_subscript_ena {
	background-position: -90px -300px;
}

.mini_clean, #mini_clean {
	background-position: 0px -330px;
}

.mini_clean:hover, #mini_clean:hover {
	background-position: -30px -330px;
}

.mini_clean_dis, #mini_clean_dis {
	background-position: -60px -330px;
}

.mini_clean_ena, #mini_clean_ena {
	background-position: -90px -330px;
}
/*end sub toolbar mini*/
.wys-dynamic {
	display: none;
	position: absolute;
	z-index: 99;
}

/*spectrum colorepicker custom*/
.uk-modal+.sp-container {
	width: 150px;
}

.sp-picker-container {
	width: 96%;
}

.sp-container {
	border: 0;
	/*background:none;*/
	position: absolute;
}

.sp-picker-container {
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
}

/*end spectrum colorepicker custom*/
.animate-box {
	paddint-top: 10px;
	font-size: 12px;
}

.animate-box a {
	color: #616161 !important;
	text-decoration: none;
}
.animate-box a {
	color: #616161 !important;
	text-decoration: none;
}
#tabs-Animation .uk-panel-box {
	border:0;
    box-shadow:1px 1px 2px rgba(255,255,255,0); /*overwrite*/
}
#tabs-Parallax .uk-panel-box  {
    box-shadow:1px 1px 2px rgba(255,255,255,0); /*overwrite*/
}
.animateBlock {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	border: #cfcfcf solid 1px;
	border-radius: 4px;
	margin: 0px 4px 8px 4px;
	text-align: center;
	background: #fff;
}

.animateBlock .uk-panel-box {
	padding: 10px 5px;
	background: #fff;
	border:0 !important;
	box-shadow:none !important;
}
.animateBlock .uk-panel-box a{
	font-size:10px;
}
/*
.animationTime,.animationTime dd,.animationTime dt,.animationTime ul {
    margin: 0px;
    padding: 0px;
}
.animationTime a,.animationTime a:visited, .animationTime a:hover{
    color: #616161 !important;
    text-decoration: none;
    outline: none;
    line-height:12px;
    font-weight:normal;
}
.animationTime a:hover{color:#fff !important;}
.animationTime dt a, .animationTime dt a:hover {
    background: #fff url(theme/uikit/images/arrow-dropdown.png) no-repeat
        scroll 97% center;
    display: block;
    padding: 3px;
    margin:5px 3px 0;
    border: 2px solid #dddddd;
    width: 75px;
    height: 14px;
    border-radius:0;
    color:#fff !important;
    font-style:normal !important;
    font-weight:normal !important;
    text-decoration:none !important;
    font-family:tahoma !important;
}

.animationTime dt a span{
    cursor: pointer;
    display: block;
    padding: 0 2px;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
    color: #616161 !important;
    font-size:11px;
}
.animationTime dd ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #C5C0B0;
    display: none;
    padding: 0 0 0 5px;
    position: absolute;
    list-style: none;
    overflow-x: hidden; 
    height: 150px; 
    width: 100px;
    margin-left:3px; 
    top:0;
}
.animationTime dd ul:not(*:root){
    top:1px;
    padding:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .animationTime dd {

        display: inline-block;
    }
}
*/
.animationTime, .animationTime dd, .animationTime dt, .animationTime ul
	{
	margin: 2px 0 0 0;
	padding: 0px;
}

.animationTime a, .animationTime a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.animationTime a:hover {
	color: #000;
}

.animationTime dt a {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 5px 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 90px;
	/*height: 18px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.animationTime dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.animationTime dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	text-overflow: ellipsis;
}

.animationTime dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
	margin-top: 26px;
}

.animationTime span.value {
	display: none;
}

.animationTime dd ul li {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.animationTime dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-decoration: none !important;
	font-family: tahoma !important;
}

.animationTime dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.animationTime dd ul li a:hover span {
	color: #FFFFFF;
}

.ani_current {
	border: 1px solid #616161;
}

.animation-time {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0;
	width: 100px;
	float: left;
}

.animation-time ul {
	z-index: 10;
	margin-top: 1px;
}

.animationTime dt a, .animationTime dt a:hover {
	border: 1px solid #dddddd;
}

.animation-repeat {
	padding: 0;
	margin: 20px 0 0 0;
	width: 120px;
	float: left;
}

.animation-repeat input {
	vertical-align: middle;
}

nav#menu .menuLeftOut div.tabs-ui-content {
	overflow-x: hidden;
}

.title-panel {
	background: #616161;
}

.title-panel .txt-title-panel {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
	cursor: move;
	text-align: center;
	background: #323a45;
}

.title-panel .uk-icon-close {
	/*background: url(theme/uikit/images/icon-button-close.png) no-repeat;*/
	width: 12px;
	height: 12px;
}

.title-panel .uk-icon-close:before {
	content: url(theme/uikit/images/icon-button-close.png);
}
.title-panel-action {
	font-size: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-panel {
	padding: 0;
}

.txt-group-panel {
	padding: 5px 0;
}

.txt-group-panel dl {
	float: left;
	margin-right: 3px;
}

.txt-group-panel dl dt a, .txt-group-panel dl dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	padding: 5px 3px 0px 3px;
	margin-right: 3px;
	border: 1px solid #dddddd;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-weight: normal;
}

.txt-group-panel dl dt a:hover {
	color: #000;
}

.txt-group-panel dl.SpecialVariable {
	margin-left: 3px;
}

.txt-group-panel dd ul {
	z-index: 1;
}

.txt-group-panel input.dynamic_prop {
	border: 1px solid #dddddd;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-size: 11px;
	width: 45%;
}

.dynamic-panel-group {
	margin-top: 5px;
}

/*****preview uikit*******/
.wys-preview {
	border: 0;
	color: #414141;
	font-size: 15px;
	background: transparent;
	margin-top: 12px;
	position: absolute;
	left: 20%;
	right: 20%;
	white-space: nowrap;
}

button:focus {
	border: 0;
	outline: 0;
}
/************* Page Setting **************/
button.PageSetting {
	border: 0;
	color: #414141;
	font-size: 14px;
	background: transparent;
	margin-top: 12px;
	position: absolute;
	left: 48%;
	/*right:48%; */
	white-space: nowrap;
	cursor: pointer;
}

button.PageSetting .uk-icon-chevron-right {
	font-size: 10px;
	margin-left: 5px;
}

.msgblock-warning-inline {
	background: transparent;
	color: #ff0000;
	border: 0;
	margin-top: 5px;
	padding: 0;
	font-size: 12px;
}

.pagesetting-box {
	width: 350px;
	height: 425px;
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	cursor: default:
}

.pagesetting-box .pagesetting-box-scrollbar {
	height: 370px;
	overflow-x: hidden;
	overflow-y: auto;
}

.pagesetting-box .pagesetting-box-centent {
	width: 330px;
}

.pagesetting-box.uk-panel-box {
	background: #fff;
	border: #e8e8e8 solid 1px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana;
	cursor: default;
	padding-right: 0;
}

.pagesetting-box .uk-panel-title {
	text-align: left;
	color: #414141;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #dddddd solid 1px;
}

.pagesetting-box .editpagename {
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana;
	background: #fff;
}

.pagesetting-box .editpagename span, .editpagename span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100px;
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

.icon-control i.uk-icon-small {
	padding-right: 5px;
	padding-top: 10px;
	color: #b2b2b2;
	font-size: 20px;
	vertical-align: inherit;
}

.pagesetting-box .icon-control, .icon-control {
	margin-top: -38px;
	float: right;
	color: #b7bbc6;
	font-size: 20px;
}

.icon-control-home {
	margin-top: 5px;
	margin-right: 50px;
	float: right;
	color: #b7bbc6;
	font-size: 20px;
}

.pagesetting-box .clearit {
	clear: both;
	margin: 0;
	padding: 0;
}

.pagesetting-box .block-l {
	max-width: 240px;
	float: left;
}

.pagesetting-box .block-r {
	width: 90px;
	float: right;
}

.pagesetting-box .btn-addpage, .pagesetting-box .btn-addpage:hover {
	background: #79c330;
	color: #f3ffe5;
	padding: 10px 5px;
	border-radius: 0px;
	border: #8baf67 solid 1px;
	text-align: center;
	font-size: 16px;
	width: 95%;
}

.pagesetting-box .btn-addpage:hover {
	background: #71a53d;
}

.pagesetting-box hr.rv-artical-divider {
	margin-top: 5px;
	margin-bottom: 15px;
	border-color: #dddddd;
}

/******* Page-setting Property *******/
.page-property, .pageSettingProperty {
	width: 200px;
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	background: #fff;
	border: #e8e8e8 solid 1px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	font-size: 14px;
	padding: 5px;
	margin: -15px 0 0 -15px;
}

.page-property .uk-panel-box {
	padding: 0;
	margin: 0;
}

.page-property ul.uk-list {
	background: #fff;
	padding: 0;
	margin: 0;
}

.page-property ul.uk-list li {
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	padding: 2px 5px;
	cursor: pointer;
	/*border: 1px solid #ffffff; 
    border-radius:8px;*/
	margin: 0;
}

.page-property ul.uk-list li:hover {
	/*border: 1px solid #efefef; 
    border-radius:8px;*/
	color: #000;
}

.pageSettingProperty {
	width: auto;
	height: 70px;
	padding: 15px;
	border: #e8e8e8 solid 1px;
	margin-top: 20px;
	white-space: nowrap;
}

.pageSettingProperty .pageName {
	border: #d4d4d4 solid 1px;
	padding: 7px;
	width: 250px;
}

.rv-statusgroup span {
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
}

.rv-statusgroup .uk-icon, .rv-statusgroup .uk-icon-globe,
.rv-statusgroup .uk-icon-edit {
	font-family: FontAwesome, Arial !important;
}
.rv-statusgroup .uk-icon-globe, .rv-statusgroup .uk-icon-edit {
	font-size: 16px;
}
.rv-statusgroup {
	padding: 15px 5px !important;
	text-align: center;
}

.rv-statusgroup .uk-icon-home:before, .rv-statusgroup .uk-icon-globe:before,
	.rv-statusgroup .uk-icon-edit:before {
	padding-right: 5px;
}

.rv-statusgroup .uk-icon {
	margin-right: 5px;
}

.rv-statusgroup .rv-text-blue {
	color: #444;
}

.rv-statusgroup .rv-text-blue i {
	color: #444 !important;
}
.rv-statusgroup #cmsCurrent {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:inline-block;
	vertical-align:middle;
}
.rv-menu-sitemap {
	color: #fff;
	background: #3e4652;
	border-radius: 100px !important;
	padding: 5px 7px;
	font-size: 16px;
	background: #fff;
	color: #444;
}

.rv-menu-sitemap .uk-icon {
	padding-top: 5px;
	color: #444;
}

.rv-menu-sitemap:hover .uk-icon {
	color: #8a8a8a;
}
/* Option Gruop */
.rv-optiongruop .uk-icon-button, .rv-optiongruop .uk-icon-button:hover,
	.rv-optiongruop .uk-icon-button:focus {
	background: #fff;
	font-size: 15px;
	line-height: 28px;
}

.rv-optiongruop .uk-icon-button:hover {
	opacity: 0.8;
}

.rv-optiongruop .uk-icon-caret-down {
	font-size: 12px;
}

.rv-optiongruop .page-property ul.uk-list li {
	font-size: 13px;
}

.rv-optiongruop .page-property ul.uk-list li:hover {
	background: #00a8e6;
	color: #fff;
}

.rv-optiongruop .uk-icon-button {
	height: auto;
}

/************* UK Dialog ***************/
.uk-modal-dialog {
	border-radius: 0px;
}

.uk-modal-header {
	border-bottom: #dddddd solid 1px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -8px;
}

.uk-modal-header h2 {
	padding: 0px 15px 7px 20px;
	font-size: 15px;
	margin-top: -15px;
	font-weight: 700;
	color: #373737;
}

.uk-modal-content {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #373737;
}

.uk-modal-content input.txtLinkOtherPage, .uk-modal-content input.txtRenamePage,
	.uk-modal-content textarea.title-boxArea, .uk-modal-content .txtRenameFile
	{
	border: #c9c9c9 solid 1px;
	padding: 5px;
	width: 97%;
	font-size: 14px;
	margin-top: 3px;
}

.uk-modal-content .txtRenamePage {
	margin-bottom: 10px;
}

.uk-modal-content textarea.title-boxArea {
	display: block;
	margin-top: 5px;
}

.uk-modal-footer .uk-button {
	border-radius: 0px;
	margin: 0 8px 0 0px;
	line-height: 32px;
	padding: 0 15px;
	font-size: 13px;
}

.uk-modal-footer .uk-button, .uk-modal-footer .uk-button:hover {
	background: #e3e3e3;
	color: #8c8c8c;
	opacity: 1;
}

.uk-modal-footer .uk-button-primary, .uk-modal-footer .uk-button-primary:hover,
	.uk-modal-footer .uk-button-success, .uk-modal-footer .uk-button-success:hover
	{
	background: #2f87f3;
	color: #fff;
	opacity: 1;
}

.uk-close {
	font-size: 16px;
	/*border-radius:50px;
    background:#ccc;*/
	color: #fff;
	/*padding:5px;*/
	opacity: 0.5;
}

.dynamicMove {
	/*background-image: url(theme/uikit/images/icon-move-dynamictool.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;*/
	width: 100%;
	height: 18px;
	display: block;
	background-color: #323a45;
	cursor: move;
	margin: 0;
	border-radius: 2px 2px 0 0;
}

.dynamicMove-title-panel .uk-icon-expand {
	position: relative;
	top: -15px;
	right: 5px;
	color: #fff;
}

.icon-lock, .icon-unlock {
	background: url(theme/uikit/images/icon-lock.png) center center
		no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	margin-top: -17px;
	margin-right: 23px;
	border-radius: 20px;
	cursor: pointer;
}

.icon-unlock {
	background: url(theme/uikit/images/icon-unlock.png) center center
		no-repeat;
	cursor: pointer;
}

.uk-icon-close {
	margin-top: -15px;
	margin-right: 5px;
	float: right;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.wys-dynamic dl dt a span, .wys-toolbar dl dt a span {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/***** HTML Source *******/
.viewHTMLsource textarea {
	width: 97%;
	Height: 335px;
	border: #e8e8e8 solid 1px;
	text-align: left;
	padding: 10px;
}

textarea.htmlsource-box {
	width: 100%;
	height: 450px;
	border: #c9c9c9 solid 1px;
}

/***** Insert Link *******/
ul.toolInsert, ul.toolLink {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#toolbar ul.toolLink {
	margin: 0 0 0 87px;
	position: relative;
}

#toolbar ul.toolInsert {
	margin: 0;
	position: absolute;
}

ul.toolInsert ul, ul.toolLink ul {
	width: 150px; /* Sub Menu Width */
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	border: 1px solid #dfdfdf;
	background: #fff;
	text-align:left;
}

ul.toolInsert ul ul, ul.toolInsert ul ul ul, ul.toolLink ul ul, ul.toolLink ul ul ul
	{
	top: 0;
	left: 100%;
}

ul.toolInsert li, ul.toolLink li {
	display: block;
	position: relative;
}

ul.toolInsert ul li, ul.toolLink ul li {
	width: 100%;
	display: block;
}

/* Root Menu */
ul.toolInsert a, ul.toolLink a, ul.toolInsert a:hover, ul.toolLink a:hover
	{
	/*border: 1px solid #dfdfdf;*/
	padding: 4px 10px 5px 10px;
	white-space: nowrap;
	/*float: left;
     display: inline-block;*/
	display: block;
	background: transparent;
	color: #fff;
	/*font: bold 11px Arial, sans-serif;*/
	text-decoration: none;
	height: 1%;
	border-radius: 1px;
	margin: 0;
	margin-right: 2px;
}

.main-panel ul.toolInsert a, .main-panel ul.toolLink a, .main-panel ul.toolInsert a:hover,
	.main-panel ul.toolLink a:hover {
	border-radius: 1px;
	margin-right: 5px;
}

.main-panel ul.toolInsert ul li a, .main-panel ul.toolLink ul li a,
	.main-panel ul.toolInsert ul li a:hover, .main-panel ul.toolLink ul li a:hover
	{
	margin-right: 0px;
}
/* Root Menu Hover Persistence */
ul.toolInsert a:hover, ul.toolInsert li:hover a, ul.toolInsert li.iehover a,
	ul.toolLink a:hover, ul.toolLink li:hover a, ul.toolLink li.toolLink a
	{
	background: #fff;
	color: #666666;
}

ul.toolInsert a:hover ul li a, ul.toolInsert li:hover a  ul li a, ul.toolInsert li.iehover a,
	ul.toolLink a:hover ul li a, ul.toolLink li:hover a ul li a, ul.toolLink li.toolLink a ul li a
	{
	margin-right: 0;
	border-radius: 0px;
	background: #fff;
}

ul.toolInsert li ul li, ul.toolLink li ul li {
	margin-right: 0;
	border-radius: 0px;
	background: #fff;
}

ul.toolInsert li ul li a, ul.toolLink li ul li a, ul.toolInsert li ul li a:hover,
	ul.toolLink li ul li a:hover {
	border: 0;
	/*border-bottom: 1px solid #dfdfdf;*/
	font: normal 12px Arial, sans-serif;
	background: transparent;
	border-radius: 0px;
	margin-right: 0px;
	padding: 6px 10px;
}

ul.toolInsert li ul li a:hover, ul.toolLink li ul li a:hover {
	background: #f5f5f5;
	color: #747474;
	border-radius: 0px;
	margin-right: 0px;
}

/* Hover Function - Do Not Move */
ul.toolInsert li:hover ul ul, ul.toolInsert li:hover ul ul ul, ul.toolInsert li.iehover ul ul,
	ul.toolInsert li.iehover ul ul ul, ul.toolLink li:hover ul ul, ul.toolLink li:hover ul ul ul,
	ul.toolLink li.iehover ul ul, ul.toolLink li.iehover ul ul ul {
	display: none;
}

ul.toolInsert li:hover ul, ul.toolInsert ul li:hover ul, ul.toolInsert ul ul li:hover ul,
	ul.toolInsert li.iehover ul, ul.toolInsert ul li.iehover ul, ul.toolInsert ul ul li.iehover ul,
	ul.toolLink li:hover ul, ul.toolLink ul li:hover ul, ul.toolLink ul ul li:hover ul,
	ul.toolLink li.iehover ul, ul.toolLink ul li.iehover ul, ul.toolLink ul ul li.iehover ul
	{
	display: block;
}
/*selectbox design use ui ui-state-disabled not show sub*/
ul.ui-state-disabled li:hover ul, ul.ui-state-disabled ul li:hover ul,
	ul.ui-state-disabled ul ul li:hover ul, ul.ui-state-disabled li.iehover ul,
	ul.ui-state-disabled ul li.iehover ul, ul.ui-state-disabled ul ul li.iehover ul
	{
	display: none;
}

.ui-link {
	margin-right: 23px;
}

.icon-padd {
	padding-right: 3px;
	font-size: 15px;
}

.rvarrowsubmenu {
	float: right;
	padding-left: 5px;
}

.dynamictools dt a span {
	padding: 2px 2px 0 2px;
}
.rv-topinsert {
	background:rgba(62,70,82,1);
	padding:5px;
	padding-bottom:2px;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:1px;
}
.rv-topinsert {
	font-size:13px;
	font-family:Arial, Tahoma, Verdana;
}
.rv-topinsert span.btn {
	display:inline-block;
	padding:5px;
	padding-right: 10px;
	cursor:pointer;
	color:#fff;
}
.rv-topinsert span.btn:hover {
	opacity:0.8;
}
.rv-topinsert .icon-padd {
	padding-right: 5px;
}

/**** Accordion ****/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-accordion .ui-accordion-header, .ui-link-dialog .ui-accordion-header
	{
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	min-height: 0; /* support: IE7 */
	border: 0;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	color: #707070;
	font-family: Arial, Verdana, sans-serif;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #dcdcdc;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #707070;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #dcdcdc;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #707070;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-content {
	padding: 10px 5px 10px 5px;
}

.ui-accordion .ui-widget-header, .ui-link-dialog .ui-widget-header {
	border: 0;
	background: #fff;
	margin-bottom: -1px;
}

.ui-tabs {
	position: inherit;
}

.ui-accordion .ui-tabs .ui-tabs-panel, .ui-link-dialog .ui-tabs .ui-tabs-panel
	{
	padding: 10px 0 0 0;
	/*border-top:#cdcdcd solid 1px;*/
}

.ui-accordion .ui-widget-header .ui-state-active, .ui-link-dialog .ui-widget-header .ui-state-active
	{
	background: #fff;
	border: #cdcdcd solid 1px;
}

.ui-tabs .ui-tabs-nav .ui-state-default {
	border: #cdcdcd solid 1px;
	border-bottom: 0;
}

.ui-tabs .ui-tabs-nav .ui-state-default a, .ui-tabs .ui-tabs-nav .ui-state-default:hover a
	{
	padding: 3px 20px;
	color: #fff;
}

.ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header .ui-tabs-active
	{
	border: #cdcdcd solid 1px;
	border-bottom: 0;
	background: #fff;
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active:hover a
	{
	padding: 3px 20px;
	color: #333;
}

.ui-accordion *, .ui-link-dialog * {
	outline: 0;
}

.ui-effects-transfer {
	border: 2px dotted gray;
}
/*
button.editLink, button.editLink:hover,
button.removeLink, button.removeLink:hover {
    border: 0;
    outline:0;
    padding:0;
    margin:5px 0 0 0;
    font-weight: normal;
    background: #fff;
    font-size:11px;
    font-family:Arial, verdana, sans-serif; 
    cursor:pointer;
    color:#747474;
}
button.editLink:hover,
button.removeLink:hover {
    text-decoration:underline;
    opacity:1;
}

button.editLink, button.editLink:hover,
button.removeLink, button.removeLink:hover {
    height: 22px;
    color: #5f5e5e;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 3px;
    cursor: pointer;
    font-weight: normal;
    background: #f5f5f5;
    font-size:11px;
}
button.editLink:hover,
button.removeLink:hover {
    background: #f3f3f3;
}*/
#diaglogWidgetEditAlbum.ui-widget-content {
	padding-bottom: 20px;
}

.rv-form-overlay {
	position: absolute;
	background: #000;
	opacity: .1;
	width: 100%;
	height: 100%;
}

.validity_true {
	background: url(theme/uikit/images/icon-validity-true.png);
	display: inline-block;
	width: 19px;
	height: 19px;
}

.validity_false {
	background: url(theme/uikit/images/icon-validity-false.png);
	display: inline-block;
	width: 19px;
	height: 19px;
}

/************** Icon Page Setting  ***************/
.icon-home, .icon-pagesetting, .icon-edit, .icon-home:hover,
	.icon-pagesetting:hover, .icon-edit:hover {
	background: url(theme/uikit/images/icon-home.png) no-repeat;
	width: 16px;
	height: 16px;
}

.icon-home:hover {
	background: url(theme/uikit/images/icon-home-hover.png) no-repeat;
}

.icon-pagesetting {
	background: url(theme/uikit/images/icon-pagesetting.png) no-repeat
		0px 10px;
}

.icon-pagesetting:hover {
	background: url(theme/uikit/images/icon-pagesetting-hover.png)
		no-repeat 0px 10px;
}

.icon-edit {
	background: url(theme/uikit/images/icon-edit.png) no-repeat 0px 10px;
}

.icon-edit:hover {
	background: url(theme/uikit/images/icon-edit-hover.png) no-repeat 0px
		10px;
}

/************** Form Property  ***************/
.ui-FormProp {
	color: #747474;
	margin-top: 5px;
}

.ui-FormProp .ui-FormProp-box {
	padding-left: 25px;
	clear: both;
}

.ui-FormProp .row {
	padding: 0;
	margin: 0 0 10px 0;
}

.ui-FormProp tr.row td {
	padding: 0 0 10px 25px;
	margin: 0;
}

.ui-FormProp .txtsmall {
	font-size: 11px !important;
	color: #919191;
}

.ui-FormProp div.title {
	font-size: 12px !important;
	/*font-weight:bold; */
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp span.title {
	font-size: 12px !important;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp div.padd {
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp select, .ui-FormProp input.txtbox {
	border: #dddddd solid 1px;
	border-radius: 1px;
	padding: 3px;
}

.ui-FormProp input.txtbox {
	width: 85%;
	padding: 4px 3px;
}

button.setting-widget {
	height: 22px;
	color: #5f5e5e;
	text-align: center;
	border: 1px solid #dddddd;
	border-radius: 3px;
	cursor: pointer;
	font-weight: normal;
	background: #f5f5f5;
	margin-left: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

/* cursor mouse move on page setting*/
.dd-handle, .dd {
	cursor: url('theme/uikit/images/black-cursor-move.png'), auto;
}

.clear-cursormove {
	cursor: default;
}

body {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

* {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}

.ui-imgProp-box {
	padding: 0;
	margin: 0 0 10px 0;
}

.ui-imgProp-box .title {
	padding: 0;
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, sans-serif;
}

.standard-title {
	margin-top: 8px;
	margin-bottom: 5px;
	font-family: Arial, Verdana, sans-serif;
}

/******* Overite Warning UIKIT on Link to File ********/
.uk-notify-message {
	position: relative;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 13px;
	line-height: 22px;
	cursor: pointer;
	border-radius: 0px;
	text-align: center;
}

.uk-notify {
	position: fixed;
	top: 98px;
	z-index: 1040;
	box-sizing: border-box;
	width: 350px;
}

.uk-notify-message-warning {
	background: #fff3eb;
	color: #e87f3a;
	border-color: #ffd2b5;
}
/******** image manager uikit **************/


.imageBoxView-common, .imageBoxView-common:hover {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-common:hover {
    overflow-y: auto;
    overflow-x: hidden;
}

.imageBoxView-free, .imageBoxView-free:hover,.imageBoxView-background,.imageBoxView-background:hover  {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-free:hover {
    overflow-y: auto;
    overflow-x: hidden;
}
.imageBoxView-facebook, .imageBoxView-facebook:hover {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-facebook:hover {
    overflow-y: auto;
    overflow-x: hidden;
}
.imageBoxView-myimageSelection, .imageBoxView-myimageSelection:hover {

    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}


.imageBoxView-myimageSelection:hover {
    overflow-y: auto;
    overflow-x: hidden;
}


.imageBlock {
	margin: 5px;
	/*width:30%; */
	float: left;
	position: relative;
}

.imageBlock .uk-icon-image, .imageBlock .uk-icon-remove, .imageBlock .uk-icon-pencil,
	.imageBlock .uk-icon-download {
	cursor: pointer;
}

.imageItems {
	border: #dddddd solid 1px;
}

.imageBlock:hover img.imageItems {
	border: #37aee6 solid 1px;
}

.imageTools {
	display: none;
	opacity: 0.8;
	background: black;
	padding: 5px 6px 5px 4px;
	position: absolute;
	bottom: 0px;
	width: 90px;
}

.imageBlock:hover .imageTools {
	display: block;
}

.imageBlock .rvCurrentImage {
	border: 1px solid #37aee6;
	box-shadow: inset 0px 0px 0px 2px #37aee6;
}

.sprite-imageLibrary {
	background-image: url('theme/uikit/images/sprite-image-library2.png');
	width: 120px;
	display: block;
}

.image01 {
	background-position: 0 -0;
}

.image02 {
	background-position: 0 -150px;
}

.image03 {
	background-position: 0 -300px;
}

.image04 {
	background-position: 0 -450px;
}

.image05 {
	background-position: 0 -600px;
}

.image06 {
	background-position: 0 -750px;
}

.image07 {
	background-position: 0 -900px;
}

.imageItems {
	/*  display:none; */
	width: 100px;
	height: 100px;
	background-color: #FFF;
}

.overlaypanel, .overlaypanels,.overlaypanelfullimage {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000000;
	text-align: center;
	vertical-align: middle;
	height: 40px;
}

.overlaypanel p, .overlaypanels p {
	margin: 0 auto;
	/*border: 2px solid #a1a1a1;*/
	padding: 10px 20px;
	border-radius: 15px;
	background: #fff;
	color: #414141;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000000;
	transform: translate(-50%, -50%)
}

.overlaypanel .loading, .overlaypanels .loading,.overlaypanelfullimage .loading {
	margin: 0 auto;
	color: #FFF;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000000;
	transform: translate(-50%, -50%)
}

.fb-msgSelectAlbum {
	/*position: absolute;*/
	top: 50%;
	/*left: 65%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
    */
	text-align: center;
	margin-top: 42%;
}

.bg-categoyfacebook {
	background: url(theme/uikit/images/icon-image-manager-floder.gif)
		no-repeat center center;
	height: 200px;
}

.fb-msgSelectAlbum .icon-fb-login, .fb-msgSelectAlbum .icon-fb-login:hover
	{
	background: url(theme/uikit/images/icon-fb.gif) no-repeat;
	width: 68px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
}

.fb-msgSelectAlbum .icon-fb-login:hover {
	opacity: 0.9;
}
/*  Icon Main Panel Toolbar */
.ui-image-editor-tool .icon-style, .ui-image-editor-tool .icon-style:hover
	{
	color: #747474;
	margin-top: 5px;
	border: #dddddd solid 1px;
	border-radius: 1px;
	width: 22px;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	background: #fff;
}

.ui-image-editor-tool .icon-style:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.ui-image-editor-tool .grayborder {
	border-top: #dddddd solid 1px;
	margin-bottom: 15px;
}

.icon-400p, .icon-800p, .icon-1200p {
	background: url(theme/uikit/images/icon-400p.png) no-repeat;
	width: 27px;
	height: 20px;
	display: inline-block;
	margin-right: 3px;
	cursor: pointer;
}

.icon-800p {
	background: url(theme/uikit/images/icon-800p.png) no-repeat;
}

.icon-1200p {
	background: url(theme/uikit/images/icon-1200p.png) no-repeat;
}

.icon-num {
	cursor: pointer;
	margin-right: 4px;
	border: rgba(255, 255, 255, 0.7) solid 1px;
	color: rgba(255, 255, 255, 1);
	font-size: 11px;
	padding: 1px 3px;
	font-family: Arial, Verdana, sans-serif;
}

.icon-num:last-child {
	margin-right: 0px;
}

.animateParallax {
	float: left;
	margin: 0px 4px 8px 4px;
	background: #fff;
	border: #cfcfcf solid 1px;
	border-radius: 4px;
	cursor: pointer;
	padding: 0;
}

.animateParallax a {
	width: 54px;
	height: 35px;
	text-align: center;
	padding: 10px 0px 5px 0px;
	display: block;
}

.animateParallax-current, .animateParallax:hover {
	border: #616161 solid 1px;
}

.animateParallax a, .animateParallax a:visited, .animateParallax a:hover,
	.animateParallax a:active {
	font-size: 10px;
	/*font-family: Arial, Verdana, sans-serif;*/
	text-decoration: none;
	color: #555;
}

/******** image manager uikit **************/
/******** image background uikit ************/
.rv-animation-Fade {
	
}

.rv-animation-Blur {
	
}

.rv-animation-Zoom {
	
}

.rv-animation-SlideInLeft {
	
}

.rv-animation-SlideInRight {
	
}

.rv-animation-SlideInUp {
	
}

.ui-parallax-box {
	padding: 0;
	margin: 10px 0 0 0;
}

.ui-parallax-box .parallax-panel {
	height: 180px;
	overflow-y: auto;
}

@media only screen and (max-width: 1366px) {
	.ui-parallax-box .parallax-panel {
		height: 120px;
	}
}

.ui-parallax-box .title {
	clear: both;
	padding: 0;
	margin: 5px 0 5px 0;
}

.ui-parallax-box .padd {
	padding: 0px 5px 3px 5px;
}

.ui-parallax-box input {
	border: #dddddd solid 1px;
	border-radius: 0px;
	padding: 3px;
	line-height: 20px;
	margin-bottom: 5px;
}

.ui-parallax-box button.btn-set, .ui-parallax-box button.btn-set:hover {
	border: #dddddd solid 0px;
	border-radius: 0px;
	color: #fff;
	padding: 7px 5px;
	background: #85cd3d;
	cursor: pointer;
	text-align: center;
	font-size: 12px !important;
}

.ui-parallax-box button.btn-set:hover {
	background: #71a53d;
	border: #828282 solid 0px;
}

.ui-parallax-box .btn-tool * {
	cursor: pointer;
}

.ui-parallax-box .btn-tool, .ui-parallax-box .btn-tool:hover {
	border: #dddddd solid 1px;
	border-radius: 0px;
	color: #555;
	padding: 5px;
	padding-left: 10px;
	background: #f5f5f5;
	cursor: pointer;
	text-align: left;
	margin-bottom: 5px;
	width: 105px;
}

.ui-parallax-box .btn-tool:hover {
	background: #e8e8e8;
}

.btn-custom, .btn-custom:hover, .btn-custom:focus {
	border: #dddddd solid 1px;
	border-radius: 1px;
	color: #555;
	padding: 5px;
	background: #f5f5f5;
	cursor: pointer;
	text-align: center;
	margin-bottom: 5px;
	min-width: 100px;
}

.btn-custom:hover {
	background: #e8e8e8;
}

.ui-parallax-box .btn-tool i lang, .ui-parallax-box .btn-tool:hover i lang
	{
	font-size: 12px !important;
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
}

.ui-parallax-box .parallax-box-image {
	width: 140px;
	height: 90px;
	border: #dddddd solid 1px;
}

.ui-parallax-box .parallax-box-image .section-bg {
	width: 140px;
	height: 90px;
	background: #ffffff url(theme/uikit/images/section-bg.png) no-repeat
		center center;
}

.ui-parallax-box .marl {
	margin-left: 0px;
}
.ui-parallax-box .mart {
	margin-top: 5px !important;
	margin-left: 0px;
}

.blockbackground-tabs .marb {
	margin-bottom: 5px;
}

/** All Badge Style **/
.ui-badge-padd {
	width: 1px;
	height: 11px;
	border-radius: 30px;
	cursor: pointer;
}

.uk-badge {
	border: none;
	text-decoration: none;
	text-align: center;
	border: 2px solid rgba(0, 0, 0, 0);
}

.uk-badge-active {
	border: 2px solid rgba(0, 0, 0, 0.3);
}

/** Badge deault **/
.uk-badge-red, .uk-badge-red:hover {
	background-color: transparent !important;
	color: #ffffff !important;
}
/** Badge 1 **/
.uk-badge-red, .uk-badge-red:hover {
	background-color: #f12c2c !important;
	color: #ffffff !important;
}
/** Badge 2 **/
.uk-badge-gold, .uk-badge-gold:hover {
	background-color: #f5a623 !important;
	color: #ffffff !important;
}
/** Badge 3 **/
.uk-badge-yellow, .uk-badge-yellow:hover {
	background-color: #ffdc00 !important;
	color: #414141 !important;
}
/** Badge 4 **/
.uk-badge-green, .uk-badge-green:hover {
	background-color: #68e218 !important;
	color: #ffffff !important;
}
/** Badge 5 **/
.uk-badge-skyblue, .uk-badge-skyblue:hover {
	background-color: #1ce2c2 !important;
	color: #ffffff !important;
}
/** Badge 6 **/
.uk-badge-blue, .uk-badge-blue:hover {
	background-color: #2f8ee0 !important;
	color: #ffffff !important;
}
/** Badge 7 **/
.uk-badge-purple, .uk-badge-purple:hover {
	background-color: #6f1cf8 !important;
	color: #ffffff !important;
}
/** Badge 8 **/
.uk-badge-pink, .uk-badge-pink:hover {
	background-color: #c829e5 !important;
	color: #ffffff !important;
}
/** Badge 9 **/
.uk-badge-magenta, .uk-badge-magenta:hover {
	background-color: #e71e8f !important;
	color: #ffffff !important;
}
/** Badge 10 **/
.uk-badge-silver, .uk-badge-silver:hover {
	background-color: #bfbfbf !important;
	color: #414141 !important;
}
/** Badge 11 **/
.uk-badge-gray, .uk-badge-gray:hover {
	background-color: #767676 !important;
	color: #ffffff !important;
}
/** Badge 12 **/
.uk-badge-darkgray, .uk-badge-darkgray:hover {
	background-color: #4a4a4a !important;
	color: #ffffff !important;
}

/**** Design Header Panel ****/
.header-category, .Nav-category, .banner-category {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.header-category, .Nav-category, .banner-category {
	border: 1px solid #dedede;
}

.header-category:hover, .header-active, .Nav-category:hover,
	.Nav-category:focus, .Nav-active, .banner-category:hover,
	.banner-active {
	border: 1px solid #00a8e6;
	cursor: pointer;
}

.rv-thumbnail {
	padding: 0 3px;
}

.rv-thumbnail img {
	border: 1px solid #dedede;
	margin: 0px 0px 5px 0px;
	padding: 0 3px;
	max-width:inherit;
}

.rv-thumbnail img:hover {
	border: 1px solid #00a8e6;
}

input:disabled+label {
	color: #ccc;
}

/***** Panel Toolbar ******/
.title-panel .uk-icon-close {
	margin-top: 0;
	margin-right: 0;
	position: absolute;
	top: 5px;
	right: 5px;
}

.header-design-category {
	text-align: center;
}

.header-category, .Nav-category, .banner-category {
	margin-left: 3px;
	margin-right: 3px;
}

.section-filter {
	padding: 10px 5px;
}

.section-filter a, .section-filter a:hover {
	color: #555;
	text-decoration: none;
}

.section-filter a:hover, .section-filter a:focus {
	color: #00a8e6;
}

.toolbar-panel-scrollbar {
	color: #00a8e6;
	margin: 0 auto;
	border: 1px solid #fff;
	height: 300px;
	overflow-y: auto;
}

/***** Panel Toolbar Button Group ******/
.rv-button-group {
	padding: 5px 5px;
	/*border-top:#dddddd solid 1px;*/
}

.rv-button-group .uk-button {
	font-size: 9px;
	/*color:#6e8298;*/
	color: #555;
	border: #dddddd solid 1px;
	background: #f9fafc;
	text-transform: uppercase;
	padding-top: 12px;
	min-width: 62px;
}

.rv-button-group .uk-button {
	border-right: 0;
}

.rv-button-group .uk-button:last-child {
	border-right: #dddddd solid 1px;
}

.rv-button-group .uk-button .uk-icon, .rv-button-group .uk-button:hover .uk-icon
	{
	width: 11px;
	height: 11px;
	margin: 0 auto;
	display: block;
	font-size: 14px;
	/*color:#768699;*/
	color: #555;
}

.rv-button-group .uk-button:hover {
	background: #fff;
	color: #00a8e6 !important;
}

.rv-button-group .uk-button .rv-icon-cancel {
	background: url(theme/uikit/images/icon-button-cancel.png) center
		bottom no-repeat;
}

.rv-panel-group .noborder {
	border: 0 !important;
	margin: 0;
}

.rv-panel-group .noborder button {
	
}

.rv-panel-group .inputwidth {
	width: 100%;
}

.rv-panel-group .uk-button {
	font-size: 13px;
}

.rv-box-buttongroup {
	border-top: #dddddd solid 0px;
	padding-top: 0px;
	margin-top: 0px;
	text-align: center;
}

.rv-box-buttongroup .uk-button {
	min-width: 49%;
	font-size: 13px;
}

.uk-button {
	border-radius: 2px;
}
.uk-button-reset, .uk-button-reset:hover {
	border-radius: 2px;
	background:#a5a5a5;/*6a7887*/ /*a5a5a5*/
	color:#fff;
}
.uk-button-reset:hover {
	opacity:0.8;
}
/*** Navigation Panel ***/
.rv-panel-group {
	padding: 5px;
	border-top: #dddddd solid 1px
}

.rv-panel-group .rv-panel-box {
	margin-bottom: 10px;
}

/*** Pageproperty  ***/

/* Panel Sidebar  */
.rv-sidebar {
	width: 62px;
	height: 46px;
	display: inline-block;
	vertical-align: middle;
}

.rv-fullsidebar {
	background: url(theme/uikit/images/layout-full.gif) no-repeat;
}

.rv-leftsidebar {
	background: url(theme/uikit/images/layout-left-sidebar.gif) no-repeat;
}

.rv-rightsidebar {
	background: url(theme/uikit/images/layout-right-sidebar.gif)
		no-repeat;
}

.rv-bothsidebar {
	background: url(theme/uikit/images/layout-both-sidebar.gif) no-repeat;
}

/* Panel Pageprop  */
.panelpageprop .ui-tabs .ui-tabs-panel {
	padding: 10px;
}

.panelpageprop .ui-tabs .ui-tabs-nav {
	padding: 10px 0 0 10px;
}

.panelpageprop .ui-tabs .ui-tabs-nav .ui-state-default a {
	padding: 3px 15px;
}

.ui-tabs .ui-tabs-panel {
	padding: 3px;
}

.ui-tabs .ui-tabs-nav {
	padding: 3px 0 0 3px;
	border: 0;
	border-bottom: 1px #dddddd solid;
	margin-bottom: 10px;
}

.ui-tabs .ui-tabs-nav li {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: #efefef;
	color: #555;
}

.ui-widget-header .ui-tabs-active {
	background: #fff;
}

.ui-tabs .ui-tabs-nav .ui-state-default a, .ui-tabs .ui-tabs-nav .ui-state-default:hover a
	{
	color: #555;
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active:hover a
	{
	color: #07D;
	outline: 0;
}

.accordion-panel {
	background: #fff;
}

.accordion-panel .rv-content-panel {
	padding: 5px;
}

.accordion-panel .rv-content-panel .title {
	margin-bottom: 5px;
}

.accordion-panel .rv-content-panel input[type='text'] {
	width: 100%;
}

.accordion-panel .rv-content-panel .uk-button {
	width: 100%;
}

.accordion-panel .rv-content-panel select {
	width: 100%;
}

.accordion-panel .rv-content-panel .rv-linkto-marb {
	margin-bottom: 10px;
}

.accordion-panel .rv-content-panel .NavLinkTo label {
	margin-right: 10px;
	cursor: pointer;
}
.accordion-panel .rv-content-panel .NavLinkTo input[type="radio"] {
	margin-right: 3px;
}
.accordion-panel .rv-content-panel .icon-red {
	color: #ce2323;
	font-size: 14px;
	background: #efefef;
	border: 1px solid #ddd;
	padding: 3px;
	border-radius: 2px;
	line-height: 17px;
	margin-right: 5px;
}

.accordion-panel .rv-content-panel .icon-red:hover {
	border: 1px solid #cacaca;
}

.accordion-panel .rv-form-design-edit {
	clear: both;
}

.accordion-panel .toolswidget {
	padding-top: 10px;
	padding-bottom: 5px;
}

.accordion-panel .toolswidget button {
	width: 93%;
}
/* Form Panel */
.accordion-panel .rv-content-panel .rv-form-row {
	clear: both;
	padding: 5px 0;
	margin: 0;
}

.accordion-panel .rv-content-panel .rv-form-row .pull-left {
	padding-top: 7px;
}

.accordion-panel .rv-content-panel .rv-form-label-align button.btn-custom
	{
	width: 32.2%;
	min-width: 50px;
}

.accordion-panel .rv-content-panel .line {
	clear: both;
	height: 5px;
	border-bottom: 1px solid #ddd;
}

/**** SEO ****/

.rv-seo {
	padding: 10px;
	text-align: left;
	border: solid 1px #dddddd;
	opacity:0.5;
}
.rv-seo-custom {
	overflow-y: scroll;
	max-height: 280px;
	opacity:1;
}

.rv-seo h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #07D;
	font-weight: normal;
}

.rv-seo .rv-seo-link, .rv-seo #prefixSlug, .rv-seo #textUrlSEO {
	color: #006621;
	margin-bottom: 5px;
}

.rv-seo .rv-seo-content {
	color: #555;
}

.seo-bgoff {
	background: #ccc !important;
}

.seo-bgopen {
	background: #00a8e6 !important;
}

.blog-bgoff {
	background: #ccc !important;
}

.blog-bgopen {
	background: #00a8e6 !important;
}

#postOptionSelect {
	max-width: 300px;
}

/**** Modal Dialog  ****/
.dialog-btn-input, .dialog-btn-input:hover, input.btn-input, input.btn-input:hover,
	button.btn-input, button.btn-input:hover {
	background: #2f87f3 !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 8px 15px !important;
	cursor: pointer !important;
	color: #fff !important;
}

.dialog-btn-input:hover, input.btn-input:hover, button.btn-input:hover {
	background: #2f87f3 !important;
}

/**** Tooltip Global ****/
.rv-tooltip {
	position: relative;
}

.rv-tooltip * {
	outline: 0;
	box-shadow: none;
}

.rv-tooltip .rv-tooltip-content {
	line-height: 1.5em;
	font-size: 13px;
}

.rv-tooltip .uk-dropdown {
	width: 450px;
}

.rv-tooltip .uk-icon-question-circle, .rv-tooltip .uk-icon-question-circle:focus
	{
	font-size: 16px;
	color: #a5a5a5;
	outline: 0;
}

.standardword {
	margin-bottom: 5px;
}

/**** Image Logo ****/
.section-logo {
	width: 140px;
	height: 90px;
	background: #ffffff url(theme/uikit/images/section-bg.png) no-repeat
		center center;
	border: 1px solid #ccc;
}

/****  overlaymenu ****/
.overlaymenu {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	text-align: center;
	vertical-align: middle;
	line-height: 90px;
}

/** Style switch**/
.rvsb-switch-group {
	margin-top: -40px;
}

.rvsb-switch-group span {
	display: inline-block;
}

.rvsb-switch {
	color: #fff;
	background: #00a8e6;
	width: auto;
	border-radius: 50px;
	padding: 1px;
	margin: 0 auto;
	position: relative;
	height: 17px;
}

.rvsb-switch li {
	padding: 0;
	margin: 0;
}

.rvsb-switch li:first-child {
	padding: 0;
	margin-right: 10px;
}

.rvsb-switch li:hover a {
	background: transparent;
}

.rvsb-switch li.uk-active a {
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.rvsb-switch li.uk-active:last-child a {
	background: rgba(255, 255, 255, 1);
	box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
}

.rvsb-switch li a {
	border-radius: 50px;
	font-size: 12px;
	padding: 8px 8px;
	display: inline-block;
}

.rvsb-switch li a .none {
	display: none;
}

.text-switch {
	/* position: relative;
    top:-7px;*/
	padding-right: 5px;
	font-size: 10px !important;
	color:#acacac;
}

/** Form Fieid Setting Toolbar **/
.propFm input[type=checkbox] {
	margin-right: 5px;
}

.propFm input[type=text], .propFm .valid-width {
	width: 100%;
}

.propFm .uk-form-row {
	margin-top: 8px;
}

.propFm .valid-padd {
	margin-right: 5px;
}
.design-box {
	color:#505050 !important;
}

/*** Tab Title ***/
.rv-tabtitle .ui-tabs .ui-tabs-nav {
	border-bottom: 1px #dddddd solid;
	padding: 0;
	margin-bottom: 15px;
}

.rv-tabtitle .ui-tabs-nav {
	border-bottom: 1px #dddddd solid;
	margin: 0 -5px;
}

.rv-tabtitle .ui-tabs .ui-tabs-panel {
	/*border:1px #dddddd solid;*/
	padding: 0px;
	margin: 0 -5px;
}

.rv-tabtitle .ui-tabs .ui-state-default {
	border: 0;
	background: #fff;
}

.rv-tabtitle .ui-tabs-panel h5 {
	text-align: left;
}

.rv-tabtitle .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-bottom: 2px #07d solid;
}

.rv-tabtitle .ui-tabs .ui-tabs-nav .ui-tabs-active a {
	color: #07d;
	outline: 0;
}

.btn-padd {
	padding-left: 10px;
}

#chDisplayForm {
	width: 3.5em;
	height: 1.5em;
	top: 50%;
	margin-top: -2.3em;
	text-align: center;
	line-height: 1.4em;
	font-size: 10px !important;
	background: #323a45;
	border-radius: 2px;
	color: #fff;
	border: #323a45 solid 1px;
	cursor: pointer;
}

.rv-form-slider-bar {
	background: #ececec !important;
	border: 1px solid #dddddd !important;
	margin: 0px 0px 15px 0px;
	width: 99%;
	border-radius: 20px;
	height: 0.5em;
}

#formWidth-slider.ui-widget-content {
	background: transparent !important;
	border: 0px solid #dddddd !important;
	margin: 15px 0px 15px 5px;
	width: 84%;
}

#formWidth-slider.ui-state-active {
	background: #323a45;
	border: #323a45 solid 1px;
	border-radius: 2px;
	color: #fff;
}

#formWidth-slider.ui-slider-horizontal {
	height: 0.5em;
}

.uk-button-default, .uk-button-default:visited, .uk-button-default:hover,
	.uk-button-default:active, .uk-button-default:focus {
	border: #dddddd solid 1px;
}

.uk-modal-dialog .txtsmall {
	font-size: 13px !important;
	color: #919191;
}

.uk-modal-dialog .btnadd {
	cursor: pointer;
}

.uk-modal-dialog .btnadd:hover {
	opacity: 0.8;
}

.uk-modal-dialog .btnadd i.uk-icon {
	font-size: 20px;
	color: #8cc14c;
}

.uk-modal-dialog .btnadd i.uk-icon {
	font-size: 20px;
	color: #8cc14c;
}

.uk-modal-dialog .scrollable-box {
	max-height: 300px !important;
	overflow-y: auto;
}
ul.catPost {
     padding-left:0px; 
}
.catPost .uk-icon, .list-tree .uk-icon {
     margin:0 4px !important; 
     color:#a2a2a2 !important; 
     cursor: pointer;
}
.catPost .uk-icon-pencil, .catPost .uk-icon-pencil li:hover {
     color:#2f87f3 !important; 
}
.catPost .uk-icon-trash {
     color:#d61616 !important; 
}

/* Blog Category Modal not ellipsis*/
ul.catPost a.jstree-anchor, ul.catPost ul a.jstree-anchor, ul.catPost ul ul a.jstree-anchor {
  overflow:inherit;
  text-overflow:ellipsis;
}
ul.catPost a.jstree-anchor {
  width:auto;
}
ul.catPost ul a.jstree-anchor {
  width:auto;
}
ul.catPost ul ul a.jstree-anchor {
  width:auto;
}


.list-tree {
    padding-left:20px;
}
.list-tree ul {
    margin-left: 10px;
    padding-left:20px;
    margin-top:3px;
}

.list-tree li {
    list-style-type: none;
    margin:2px 0px;
    position: relative;
}

.list-tree li::before {
    content: "";
    position: absolute;
    top:-7px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0 0 0px;
    width:20px;
    height:15px;
}

.list-tree li::after {
    position:absolute;
    content:"";
    top:8px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-radius:0px 0 0 0;
    width:20px;
    height:100%;
}

.list-tree li:last-child::after  {
    display:none;
}

.list-tree li:last-child:before{
    border-radius: 0 0 0 0px;
}

ul.list-tree>li:first-child::before {
    display:none;
}

ul.list-tree>li:first-child::after {
    border-radius:0px 0 0 0;
}
.list-tree li input {
    margin-left:5px; 
    margin-right:5px;
    margin-top:2px !important;
    margin-bottom:5px !important;
}
.list-tree li a {
    /*border: 1px #ccc solid;*/
    border-radius: 1px;
    padding:2px 5px;
}

.list-tree li a:hover, .list-tree li a:hover+ul li a,
.list-tree li a:focus, .list-tree li a:focus+ul li a {
    /*
	background: #ccc; 
	border: 1px solid #000;
	*/
	color: #36F; 
	cursor:pointer; 
}

.list-tree li a:hover+ul li::after, .list-tree li a:focus+ul li::after,
.list-tree li a:hover+ul li::before, .list-tree li a:focus+ul li::before 
.list-tree li a:hover+ul::before, .list-tree li a:focus+ul::before 
.list-tree li a:hover+ul ul::before, .list-tree li a:focus+ul ul::before{
    border-color:  #000; /*connector color on hover*/
}

ul.list-tree1, ul.list-tree2, ul.list-tree3{
    border-left: 1px solid #ccc;
    margin-top:-3px;
}
ul.list-tree1 li::before, ul.list-tree2::before, ul.list-tree3::before{
    border-left: 0px solid #ccc;
}


/***  Panel Blog category index  ***/
#tab_category_index .thumb-blog_category_style div {
	margin-bottom:10px;
	cursor:pointer;
}
#tab_category_index .thumb-blog_category_style div img {
	max-width:inherit !important;
	cursor:pointer;
	outline:#dddddd solid 1px;
}
#tab_category_index .thumb-thumb-blog_category_style div:hover img, #tab_category_index .thumb-blog_category_style div.uk-active img{
	outline:#00a8e6 solid 1px;
}


/***  Thumb Active  ***/
.rv-thumb-active div  {
	margin-bottom:7px;
	cursor:pointer;
}
.rv-thumb-active div {
	max-width:inherit !important;
	cursor:pointer;
	outline:#dddddd solid 1px;
}
.rv-thumb-active div:hover, .rv-thumb-active div.uk-active  {
	outline:#00a8e6 solid 1px;
}

/***  Upload Image  ***/
.view-image-upload{
	width:100px;
	height:100px;
	object-fit:cover;
	border:rgba(255,255,255,1) solid 1px;	
}
.view-image-container {
    margin:2px 25px 25px 2px;
	float:left;
	position:relative;
}
.view-image-container .remove-image-upload {
    position:absolute;
    top:-10px;
    right:-10px;
    width:22px;
    height:22px;
    border:#ffffff solid 1px; 
    background:#000; 
    border-radius:100px;
    cursor:pointer;
}
.view-image-container .remove-image-upload .uk-icon-close {
    position:inherit;
    float:none;
    margin-right:-1px;
    margin-top:0;
    font-size:10px;
    color:#fff; 
}
.view-image-container .remove-image-upload:hover .uk-icon-close {
    cursor:pointer;
    opacity:0.8;
}
.upload-image-panel  {
	z-index: 100; 
	position: fixed; 
	min-height: 20px; 
	width: 100%; 
	height:100%;
	top: 0px; 
	border: #cdcdcd solid 1px; 
	padding: 0;
}
.upload-image-panel .panel-minimize {
	cursor:pointer; 
	color:#fff; 
	font-size:16px; 
	margin-top:-30px; 
	margin-right:10px;
}
.upload-image-panel  .editormode-status {
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.upload-image-panel  .txt-title-panel h2{
	font-size:14px; 
	color:#fff; 
	padding:0; 
	margin:0;
}
.upload-image-panel .upload-image-content{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position:fixed;
}
.upload-image-panel .upload-image-scollable{
	position: absolute; 
	top:0px; 
	padding:10px 20px; 
	opacity:1; 
	height:calc(100% - 40px); 
	overflow-y:auto;
}

/***  global page property  ***/
.rv-global-pageproty {
	min-height:500px;
}
.rv-global-pageproty .tab-option-nav {
	font-size:14px;
}
.rv-global-pageproty h4{
	padding-bottom:0;
	margin-bottom:5px;
}
.rv-global-pageproty .linepanel {
	border-right:#cccccc solid 1px; 
	padding-right:3px;
	min-height:470px;
}
.rv-global-pageproty .scrollable, 
.rv-global-pageproty .scrollable:hover{
	margin-top:5px;
	height:375px; 
	overflow-x:hidden; 
	overflow-y:hidden;
}
.rv-global-pageproty .scrollable:hover{
	overflow-y:auto;
}
.rv-global-pageproty .width {
	width:190px;
	font-size:13px;
	line-height:25px;
	min-height:25px;
}
.rv-global-pageproty input.width[type="search"]{
	width:190px;
	height:20px;
}
.rv-global-pageproty h2{
	padding:0;
	margin:0 0 5px 0;
}
.rv-global-pageproty h5{
	padding:0;
	margin:0;
}
.rv-global-pageproty .uk-margin-bottom{
	margin:0 0 10px 0;
}
.rv-global-pageproty textarea {
	border:#dddddd dashed 1px !important;  
	width:100% !important; 
	resize:none !important; 
	margin-bottom:5px !important; 
}
.rv-global-pageproty span.domaincolor {
	color:#006621;
}
/********** Check browser *********/
.browser-open {
	text-align:center;
	padding-top:20px;
	position:absolute;
	top:80px;
	z-index:9999;
	left:0;
	right:0;
 }

@supports (-webkit-appearance:none) {
	/* Chome  */
 .browser-open {
	display:none; 
 }	
}
 
@-moz-document url-prefix() {
	/* FireFox  */
 .browser-open {
	display:block; 
 }	
}

 @supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */
 .browser-open {
     display:block; 
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
  .browser-open {
        display:block; 
    }
}
@media screen and (-webkit-min-device-pixel-radio:0) {
    /* safari */
  ::i-block-chome, .browser-open {
        display:none; 
    }
}

/************  Add Post **************/
.spancatselect {
	visibility:hidden;
}
.oncategory, .oncategorypri {
	visibility:inherit;
}
#postName_error .uk-alert {
	margin:5px 0;
}
.rv-alert{
	margin:0 !important;
	margin-top:10px !important;
}

.disable-delete, .disable-delete:hover {
	color:#fff !important;
	opacity:0.2 !important;
	cursor:default !important;
}


/********** Widget Register/Login **********/

.socialLoginSetting .uk-icon-close, .socialLoginSetting .uk-close {
	color:#000;
	margin-top:-15px;
	margin-right:-15px;
	margin-bottom:15px;
}
.register-enable {
   opacity:0.5;
}
.rv-content-panel-padd {
    margin: 0;
    padding:5px;
}
.rv-content-panel-padd .rv-content-panel {
    margin: 0;
    padding-left:2px; 
    padding-right:2px;
}
.rv-content-panel-padd .rv-form-row{
    margin: 0 0 10px 0;
}
.rv-content-panel-padd .rv-margin-bottom{
    margin-bottom: 10px !important;
}
.rv-content-panel h1 {
    font-size:13px;
    margin: 0;
    padding:0;
    font-weight:bold;
    line-height:30px;
}
.rv-content-panel h2.group-title {
    font-size:12px;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    z-index: 1;
}

.rv-content-panel h2.group-title:before {
    border-top: 1px solid #cccccc;
    content:"";
    margin: 0 auto; 
    position: absolute; 
    top: 15px; 
    left: 0; 
    right: 0; 
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.rv-content-panel h2.group-title span { 
    background: #fff; 
    padding: 0; 
    padding-right: 5px; 
    color:#a2a2a2;
}
.rv-content-panel select { 
    margin-top: 3px; 
}
.login-social .btn-social{
	background:#5f6e92;
	color:#fff;
}

.login-social .uk-icon {
	color:#596093;
	width:20px;
	color:#fff;
}

/*Social Login Modal*/

.social-login-modal div {
	line-height:20px !important;
	font-size:14px !important;
}
.social-login-modal .rv-form-group {
	margin-bottom:10px;
}
.social-login-modal .rv-form-row {
	margin-bottom:5px;
}
.social-login-modal .title {
	font-weight:bold;
}
.social-login-modal .rv-text-gray {
	color:#888888;
}
.social-login-modal input[type="text"] {
	width:100%;
	padding:1px 5px;
	height:25px;
}

/* Login Panel*/
.login-content-panel .login-type {
	padding: 0; 
	margin-bottom:10px;	
}
.login-content-panel .text-middle, .text-middle {
	margin-top:5px;	
}
.login-content-panel .login-type label{
	border-bottom:#cccccc solid 1px;
	height:13px; 
	white-space:nowrap;
	padding:5px 5px;
	display:inline-block;
	cursor:pointer;
}
.login-content-panel .login-type label.none{
	border-left:#cccccc solid 0px;
}
.login-content-panel .login-type .current{
	border:#cccccc solid 1px;
	border-bottom:#cccccc solid 0px;
	color:#00a8e6;
}

.poststatus{
    color:#a2a2a2 !important;
    font-size:11px;
    
}
.rv-group-footer img{
	max-width:inherit;
}


#postCatSelect li i{
	vertical-align:middle !important;
}

.btn-panelset {
	padding:0 5px;
	line-height:20px;
	min-height:20px;
}
.image-editor-load{
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
}
.visibility-option-page ul {
	margin-left:-15px;
	list-style:none;
}

.checkbox-tel {
	margin-top:0 !important;
	vertical-align:middle;
}

.overlaysortheader {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	text-align: center;
	vertical-align: middle;
	line-height: 90px;
}
/* Site Toolbar */
.rv-theme {
    width: 17px;
    height: 17px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    background: #00a8e6;
    margin:3px 0px 3px 0px;
    border: 1px solid rgba(255, 255, 255, 1);
}
.rv-theme-active, .rv-theme:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.rv-theme-white {
    background-color: #ffffff !important;
}
.rv-theme-yellow {
    background-color: #fff294 !important;
}
.rv-theme-orange {
    background-color: #ffceb8 !important;
}
.rv-theme-red {
    background-color: #a00b13 !important;
}
.rv-theme-green {
    background-color: #b6ffd8 !important;
}
.rv-theme-darkgreen {
    background-color: #5dc55f !important;
}
.rv-theme-blue {
    background-color: #4dabff !important;
}
.rv-theme-darkblue {
    background-color: #104384 !important;
}
.rv-theme-pink {
    background-color: #ff80b4 !important;
}
.rv-theme-purple {
    background-color: #9878fd !important;
}
.rv-theme-maroon {
    background-color: #eadcce !important;
}
.rv-theme-black {
    background-color: #000000 !important;
}
.rv-theme-gradient1 {
    background: linear-gradient(to top, #f2f2f2, #8c8888);
}
.rv-theme-gradient2 {
    background: linear-gradient(to top, #f7e400, #b1680e);
}
.rv-theme-gradient3 {
    background: linear-gradient(to top, #e65d17, #ab5418);
}
.rv-theme-gradient4 {
    background: linear-gradient(to top, #d22b2d, #6f0000);
}
.rv-theme-gradient5 {
    background: linear-gradient(to top, #5dc55f, #1f9018);
}
.rv-theme-gradient6 {
    background: linear-gradient(to top, #09512e, #2aa96b);
}
.rv-theme-gradient7 {
    background: linear-gradient(to top, #0ab8ff, #2e5f9c);
}
.rv-theme-gradient8 {
    background: linear-gradient(to top, #104384, #000000);
}
.rv-theme-gradient9 {
    background: linear-gradient(to top, #ff5395, #880253);
}
.rv-theme-gradient10 {
    background: linear-gradient(to top, #9878fd, #7e2eb1);
}
.rv-theme-gradient11 {
    background: linear-gradient(to top, #682b01, #ca8f6d);
}
.rv-theme-gradient12 {
    background: linear-gradient(to top, #000000, #565454);
}
.websitefont{
}
.websitefont .box{
    padding-top:3px;
}
.enable {
	
}
.disabled {
	pointer-events:none;
	cursor:default;
	opacity:0.3;
}
.panelEmailBackground input[type="number"]{
	width:140px;
}
.rvinner-wrapper {
    border-bottom:#ececec solid 1px;
    box-shadow: 0px 1px 2px #f0f0f0;
}
.colorpicker_recently{
    width: 60px;
    height: 80px;
    left: 283px;
    top: 53px;
    position: absolute;
    overflow: hidden;
}

.colorpicker_subrecently {
	float:left;
	 width: 30px;
    height: 20px;
	border: 1px;
	cursor:pointer;
    background: green;
}

.colorSelector {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(theme/uikit/images/colorpicker/select2.png);
}

.colorSelector div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url(theme/uikit/images/colorpicker/select2.png) center;
}
#colorSelector2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(theme/uikit/images/colorpicker/select2.png);
}
#colorSelector2 div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url(theme/uikit/images/colorpicker/select2.png) center;
}

#colorpickerHolderTool {
    top: 32px;
    left: 0;
    width: 356px;
    height: 0;
    position: absolute;
    display:none;
}

#colorpickerTool,#colorpickerToolP,#colorpickerToolSub{
    color: #778398;
    position: absolute;
    display:none;
}
.colorpickerToolSubOne{
    position: absolute;
   margin-top: 34px;
   margin-left: -3px;
}

#colorpickerHolderCustom .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustom .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustom .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustom .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustom .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustom .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustom .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustom .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustom .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker input {
    color: #778398;
}

#colorpickerHolderCustomP .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustomP .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustomP .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustomP .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustomP .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustomP .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker input {
    color: #778398;
}


#colorpickerHolderCustomSub .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustomSub .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustomSub .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustomSub .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustomSub .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustomSub .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker input {
    color: #778398;
}


#customWidget {
    position: relative;
    height: 36px;
}
    
.rename-txtsmall{ 
    font-size:12px;
    color:#919191; 
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(0); }
  60% {
    -webkit-transform: translateY(-15px); }
  80% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-10px); }
  20% {
    -webkit-transform: translateX(10px); }
  30% {
    -webkit-transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  60% {
    -webkit-transform: translateX(10px); }
  70% {
    -webkit-transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px); }
  90% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0); }
  20% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  50% {
    -moz-transform: translateY(0); }
  60% {
    -moz-transform: translateY(-15px); }
  80% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0); }
  10% {
    -moz-transform: translateX(-10px); }
  20% {
    -moz-transform: translateX(10px); }
  30% {
    -moz-transform: translateX(-10px); }
  40% {
    -moz-transform: translateX(10px); }
  50% {
    -moz-transform: translateX(-10px); }
  60% {
    -moz-transform: translateX(10px); }
  70% {
    -moz-transform: translateX(-10px); }
  80% {
    -moz-transform: translateX(10px); }
  90% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  50% {
    -moz-transform: scale(1.1) rotate(3deg); }
  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  70% {
    -moz-transform: scale(1.1) rotate(3deg); }
  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0); }
  20% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  50% {
    -ms-transform: translateY(0); }
  60% {
    -ms-transform: translateY(-15px); }
  80% {
    -ms-transform: translateY(0); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0); }
  10% {
    -ms-transform: translateX(-10px); }
  20% {
    -ms-transform: translateX(10px); }
  30% {
    -ms-transform: translateX(-10px); }
  40% {
    -ms-transform: translateX(10px); }
  50% {
    -ms-transform: translateX(-10px); }
  60% {
    -ms-transform: translateX(10px); }
  70% {
    -ms-transform: translateX(-10px); }
  80% {
    -ms-transform: translateX(10px); }
  90% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  50% {
    -ms-transform: scale(1.1) rotate(3deg); }
  60% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  70% {
    -ms-transform: scale(1.1) rotate(3deg); }
  80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  50% {
    transform: translateY(0); }
  60% {
    transform: translateY(-15px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes shake {
  0% {
    transform: translateX(0); }
  10% {
    transform: translateX(-10px); }
  20% {
    transform: translateX(10px); }
  30% {
    transform: translateX(-10px); }
  40% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(10px); }
  70% {
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  90% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(0.9) rotate(-3deg); }
  20% {
    transform: scale(0.9) rotate(-3deg); }
  30% {
    transform: scale(1.1) rotate(3deg); }
  40% {
    transform: scale(1.1) rotate(-3deg); }
  50% {
    transform: scale(1.1) rotate(3deg); }
  60% {
    transform: scale(1.1) rotate(-3deg); }
  70% {
    transform: scale(1.1) rotate(3deg); }
  80% {
    transform: scale(1.1) rotate(-3deg); }
  90% {
    transform: scale(1.1) rotate(3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.trip-block {
  display: none;
  padding: 8px;
  position: absolute;
  text-align: center;
  min-width: 100px;
  border-radius: 3px; }
  .trip-block:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute; }
  .trip-block.n:before, .trip-block.s:before {
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .trip-block.e:before, .trip-block.w:before {
    border-width: 8px;
    top: 50%;
    margin-top: -8px; }
  .trip-block.n:before {
    top: 100%; }
  .trip-block.s:before {
    bottom: 100%; }
  .trip-block.e:before {
    right: 100%; }
  .trip-block.w:before {
    left: 100%; }
  .trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw, .trip-block.screen-nw, .trip-block.screen-center {
    position: fixed; }

.trip-block.animated.flash {
  -moz-animation: flash 0.5s 0s ease both;
  -webkit-animation: flash 0.5s 0s ease both;
  animation: flash 0.5s 0s ease both; }
.trip-block.animated.bounce {
  -moz-animation: bounce 0.5s 0s ease both;
  -webkit-animation: bounce 0.5s 0s ease both;
  animation: bounce 0.5s 0s ease both; }
.trip-block.animated.shake {
  -moz-animation: shake 0.5s 0s ease both;
  -webkit-animation: shake 0.5s 0s ease both;
  animation: shake 0.5s 0s ease both; }
.trip-block.animated.tada {
  -moz-animation: tada 0.5s 0s ease both;
  -webkit-animation: tada 0.5s 0s ease both;
  animation: tada 0.5s 0s ease both; }
.trip-block.animated.fadeIn {
  -moz-animation: fadeIn 0.5s 0s ease both;
  -webkit-animation: fadeIn 0.5s 0s ease both;
  animation: fadeIn 0.5s 0s ease both; }
.trip-block.animated.fadeInUp {
  -moz-animation: fadeInUp 0.5s 0s ease both;
  -webkit-animation: fadeInUp 0.5s 0s ease both;
  animation: fadeInUp 0.5s 0s ease both; }
.trip-block.animated.fadeInDown {
  -moz-animation: fadeInDown 0.5s 0s ease both;
  -webkit-animation: fadeInDown 0.5s 0s ease both;
  animation: fadeInDown 0.5s 0s ease both; }
.trip-block.animated.fadeInLeft {
  -moz-animation: fadeInLeft 0.5s 0s ease both;
  -webkit-animation: fadeInLeft 0.5s 0s ease both;
  animation: fadeInLeft 0.5s 0s ease both; }
.trip-block.animated.fadeInRight {
  -moz-animation: fadeInRight 0.5s 0s ease both;
  -webkit-animation: fadeInRight 0.5s 0s ease both;
  animation: fadeInRight 0.5s 0s ease both; }
.trip-block.animated.fadeInUpBig {
  -moz-animation: fadeInUpBig 0.5s 0s ease both;
  -webkit-animation: fadeInUpBig 0.5s 0s ease both;
  animation: fadeInUpBig 0.5s 0s ease both; }
.trip-block.animated.fadeInDownBig {
  -moz-animation: fadeInDownBig 0.5s 0s ease both;
  -webkit-animation: fadeInDownBig 0.5s 0s ease both;
  animation: fadeInDownBig 0.5s 0s ease both; }
.trip-block.animated.fadeInLeftBig {
  -moz-animation: fadeInLeftBig 0.5s 0s ease both;
  -webkit-animation: fadeInLeftBig 0.5s 0s ease both;
  animation: fadeInLeftBig 0.5s 0s ease both; }
.trip-block.animated.fadeInRightBig {
  -moz-animation: fadeInRightBig 0.5s 0s ease both;
  -webkit-animation: fadeInRightBig 0.5s 0s ease both;
  animation: fadeInRightBig 0.5s 0s ease both; }
.trip-block.animated.bounceIn {
  -moz-animation: bounceIn 0.5s 0s ease both;
  -webkit-animation: bounceIn 0.5s 0s ease both;
  animation: bounceIn 0.5s 0s ease both; }
.trip-block.animated.bounceInDown {
  -moz-animation: bounceInDown 0.5s 0s ease both;
  -webkit-animation: bounceInDown 0.5s 0s ease both;
  animation: bounceInDown 0.5s 0s ease both; }
.trip-block.animated.bounceInUp {
  -moz-animation: bounceInUp 0.5s 0s ease both;
  -webkit-animation: bounceInUp 0.5s 0s ease both;
  animation: bounceInUp 0.5s 0s ease both; }
.trip-block.animated.bounceInLeft {
  -moz-animation: bounceInLeft 0.5s 0s ease both;
  -webkit-animation: bounceInLeft 0.5s 0s ease both;
  animation: bounceInLeft 0.5s 0s ease both; }
.trip-block.animated.bounceInRight {
  -moz-animation: bounceInRight 0.5s 0s ease both;
  -webkit-animation: bounceInRight 0.5s 0s ease both;
  animation: bounceInRight 0.5s 0s ease both; }
.trip-block.animated.rotateIn {
  -moz-animation: rotateIn 0.5s 0s ease both;
  -webkit-animation: rotateIn 0.5s 0s ease both;
  animation: rotateIn 0.5s 0s ease both; }
.trip-block.animated.rotateInDownLeft {
  -moz-animation: rotateInDownLeft 0.5s 0s ease both;
  -webkit-animation: rotateInDownLeft 0.5s 0s ease both;
  animation: rotateInDownLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInDownRight {
  -moz-animation: rotateInDownRight 0.5s 0s ease both;
  -webkit-animation: rotateInDownRight 0.5s 0s ease both;
  animation: rotateInDownRight 0.5s 0s ease both; }
.trip-block.animated.rotateInUpLeft {
  -moz-animation: rotateInUpLeft 0.5s 0s ease both;
  -webkit-animation: rotateInUpLeft 0.5s 0s ease both;
  animation: rotateInUpLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInUpRight {
  -moz-animation: rotateInUpRight 0.5s 0s ease both;
  -webkit-animation: rotateInUpRight 0.5s 0s ease both;
  animation: rotateInUpRight 0.5s 0s ease both; }

.trip-close {
  font-size: 80%;
  float: right;
  margin-top: -5px; }
  .trip-close:hover {
    text-decoration: none; }

.trip-content {
  clear: right; }

.trip-progress-bar {
  height: 1px;
  background-color: #444;
  width: 0; }

.trip-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

.trip-prev, .trip-next {
  padding: 5px 10px; }

/*
 *  TODO:
 *  implement with more details later
 */
.trip-exposed {
  background: white; }

.trip-block.black {
  background: #333;
  color: #DDD;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0; }
  .trip-block.black .trip-close {
    color: #ddd; }
    .trip-block.black .trip-close:hover {
      color: #fff; }
  .trip-block.black.n:before {
    border-top-color: #333; }
  .trip-block.black.s:before {
    border-bottom-color: #333; }
  .trip-block.black.e:before {
    border-right-color: #333; }
  .trip-block.black.w:before {
    border-left-color: #333; }

.trip-block.white {
  background: #fff;
  color: #333; }
  .trip-block.white .trip-close {
    color: #333; }
    .trip-block.white .trip-close:hover {
      color: #000; }
  .trip-block.white.n:before {
    border-top-color: #fff; }
  .trip-block.white.s:before {
    border-bottom-color: #fff; }
  .trip-block.white.e:before {
    border-right-color: #fff; }
  .trip-block.white.w:before {
    border-left-color: #fff; }

.trip-overlay.yeti {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.yeti {
  padding: 0px;
  background: #008cba;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0; }
  .trip-block.yeti.n:before {
    margin-top: -1px;
    border-top-color: #008cba; }
  .trip-block.yeti.s:before {
    border-bottom-color: #006687; }
  .trip-block.yeti.e:before {
    border-right-color: #008cba; }
  .trip-block.yeti.w:before {
    border-left-color: #008cba; }
  .trip-block.yeti .trip-header {
    position: relative;
    font-size: 18px;
    background: #006687;
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.yeti .trip-content {
    font-size: 12px;
    padding: 15px;
    max-width: 450px; }
  .trip-block.yeti .trip-close {
    right: 0px;
    top: 0px;
    margin: 3px 8px 0px 0px;
    color: #fff;
    font-size: 16px; }
    .trip-block.yeti .trip-close:hover {
      color: #000; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev,
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev:hover,
  .trip-block.yeti .trip-progress-wrapper .trip-next:hover {
    background: #006687; }
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }

.trip-overlay.dark {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.dark {
  background: #333;
  padding: 0;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92; }
  .trip-block.dark.n:before {
    margin-top: -1px;
    border-top-color: #333; }
  .trip-block.dark.s:before {
    border-bottom-color: #555; }
  .trip-block.dark.e:before {
    border-right-color: #333; }
  .trip-block.dark.w:before {
    border-left-color: #333; }
  .trip-block.dark .trip-header {
    position: relative;
    font-size: 16px;
    background: #555;
    margin: 0;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.dark .trip-content {
    font-size: 12px;
    padding: 1em;
    max-width: 450px; }
  .trip-block.dark .trip-close {
    right: 0;
    top: 0;
    margin: 3px 8px 0 0;
    color: #fff;
    font-size: 16px; }
    .trip-block.dark .trip-close:hover {
      color: #000; }
  .trip-block.dark .trip-progress-wrapper .trip-prev,
  .trip-block.dark .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.dark .trip-progress-wrapper .trip-prev:hover,
  .trip-block.dark .trip-progress-wrapper .trip-next:hover {
    background: #666; }
  .trip-block.dark .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.dark .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }
  .trip-block.dark .trip-progress-wrapper .trip-progress-bar {
    background: green; }
    
    
    
 /* overwrite */   
.trip-content{font-size:11px;}
.trip-block.n::before, .trip-block.s::before{
    border-width:5px;
    margin-left:-5px;
}
.trip-block.black.e::before {border-right-color:#5c82cd;}
.trip-block.black.n::before {border-top-color:#5c82cd;}
.trip-block.black{
    background-color:#5c82cd;
    color:#f8f1eb;
    background: -webkit-radial-gradient(#5c82cd, #577cc3); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5c82cd, #577cc3); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5c82cd, #577cc3); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5c82cd, #577cc3);
    font-size:10px;
}
.trip-block.black a{text-decoration:none;}
.trip-block.black a.trip-prev,  .trip-block.black a.trip-next,  .trip-block.black a.trip-skip{
    color:#bfcff0;
    text-decoration:none;
    font-size:10px;
    line-height:18px;
}
.trip-block.black a.trip-prev:hover,  .trip-block.black a.trip-next:hover,  .trip-block.black a.trip-skip:hover{
      color:#4866a4;
  }
.trip-block.e::before, .trip-block.w::before {border-width:5px; margin-top:-5px;}
.trip-block.black .trip-close, .trip-block.black .trip-close:hover {
    color: #5c82cd;
    background: #fff;
    border-radius: 30px;
    font-size: 10px;
    width:12px;
    height:12px;
    line-height:1;
}
  
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(0); }
  60% {
    -webkit-transform: translateY(-15px); }
  80% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-10px); }
  20% {
    -webkit-transform: translateX(10px); }
  30% {
    -webkit-transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  60% {
    -webkit-transform: translateX(10px); }
  70% {
    -webkit-transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px); }
  90% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0); }
  20% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  50% {
    -moz-transform: translateY(0); }
  60% {
    -moz-transform: translateY(-15px); }
  80% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0); }
  10% {
    -moz-transform: translateX(-10px); }
  20% {
    -moz-transform: translateX(10px); }
  30% {
    -moz-transform: translateX(-10px); }
  40% {
    -moz-transform: translateX(10px); }
  50% {
    -moz-transform: translateX(-10px); }
  60% {
    -moz-transform: translateX(10px); }
  70% {
    -moz-transform: translateX(-10px); }
  80% {
    -moz-transform: translateX(10px); }
  90% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  50% {
    -moz-transform: scale(1.1) rotate(3deg); }
  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  70% {
    -moz-transform: scale(1.1) rotate(3deg); }
  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0); }
  20% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  50% {
    -ms-transform: translateY(0); }
  60% {
    -ms-transform: translateY(-15px); }
  80% {
    -ms-transform: translateY(0); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0); }
  10% {
    -ms-transform: translateX(-10px); }
  20% {
    -ms-transform: translateX(10px); }
  30% {
    -ms-transform: translateX(-10px); }
  40% {
    -ms-transform: translateX(10px); }
  50% {
    -ms-transform: translateX(-10px); }
  60% {
    -ms-transform: translateX(10px); }
  70% {
    -ms-transform: translateX(-10px); }
  80% {
    -ms-transform: translateX(10px); }
  90% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  50% {
    -ms-transform: scale(1.1) rotate(3deg); }
  60% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  70% {
    -ms-transform: scale(1.1) rotate(3deg); }
  80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  50% {
    transform: translateY(0); }
  60% {
    transform: translateY(-15px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes shake {
  0% {
    transform: translateX(0); }
  10% {
    transform: translateX(-10px); }
  20% {
    transform: translateX(10px); }
  30% {
    transform: translateX(-10px); }
  40% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(10px); }
  70% {
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  90% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(0.9) rotate(-3deg); }
  20% {
    transform: scale(0.9) rotate(-3deg); }
  30% {
    transform: scale(1.1) rotate(3deg); }
  40% {
    transform: scale(1.1) rotate(-3deg); }
  50% {
    transform: scale(1.1) rotate(3deg); }
  60% {
    transform: scale(1.1) rotate(-3deg); }
  70% {
    transform: scale(1.1) rotate(3deg); }
  80% {
    transform: scale(1.1) rotate(-3deg); }
  90% {
    transform: scale(1.1) rotate(3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.trip-block {
  display: none;
  padding: 8px;
  position: absolute;
  text-align: center;
  min-width: 100px;
  border-radius: 3px; }
  .trip-block:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute; }
  .trip-block.n:before, .trip-block.s:before {
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .trip-block.e:before, .trip-block.w:before {
    border-width: 8px;
    top: 50%;
    margin-top: -8px; }
  .trip-block.n:before {
    top: 100%; }
  .trip-block.s:before {
    bottom: 100%; }
  .trip-block.e:before {
    right: 100%; }
  .trip-block.w:before {
    left: 100%; }
  .trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw, .trip-block.screen-nw, .trip-block.screen-center {
    position: fixed; }

.trip-block.animated.flash {
  -moz-animation: flash 0.5s 0s ease both;
  -webkit-animation: flash 0.5s 0s ease both;
  animation: flash 0.5s 0s ease both; }
.trip-block.animated.bounce {
  -moz-animation: bounce 0.5s 0s ease both;
  -webkit-animation: bounce 0.5s 0s ease both;
  animation: bounce 0.5s 0s ease both; }
.trip-block.animated.shake {
  -moz-animation: shake 0.5s 0s ease both;
  -webkit-animation: shake 0.5s 0s ease both;
  animation: shake 0.5s 0s ease both; }
.trip-block.animated.tada {
  -moz-animation: tada 0.5s 0s ease both;
  -webkit-animation: tada 0.5s 0s ease both;
  animation: tada 0.5s 0s ease both; }
.trip-block.animated.fadeIn {
  -moz-animation: fadeIn 0.5s 0s ease both;
  -webkit-animation: fadeIn 0.5s 0s ease both;
  animation: fadeIn 0.5s 0s ease both; }
.trip-block.animated.fadeInUp {
  -moz-animation: fadeInUp 0.5s 0s ease both;
  -webkit-animation: fadeInUp 0.5s 0s ease both;
  animation: fadeInUp 0.5s 0s ease both; }
.trip-block.animated.fadeInDown {
  -moz-animation: fadeInDown 0.5s 0s ease both;
  -webkit-animation: fadeInDown 0.5s 0s ease both;
  animation: fadeInDown 0.5s 0s ease both; }
.trip-block.animated.fadeInLeft {
  -moz-animation: fadeInLeft 0.5s 0s ease both;
  -webkit-animation: fadeInLeft 0.5s 0s ease both;
  animation: fadeInLeft 0.5s 0s ease both; }
.trip-block.animated.fadeInRight {
  -moz-animation: fadeInRight 0.5s 0s ease both;
  -webkit-animation: fadeInRight 0.5s 0s ease both;
  animation: fadeInRight 0.5s 0s ease both; }
.trip-block.animated.fadeInUpBig {
  -moz-animation: fadeInUpBig 0.5s 0s ease both;
  -webkit-animation: fadeInUpBig 0.5s 0s ease both;
  animation: fadeInUpBig 0.5s 0s ease both; }
.trip-block.animated.fadeInDownBig {
  -moz-animation: fadeInDownBig 0.5s 0s ease both;
  -webkit-animation: fadeInDownBig 0.5s 0s ease both;
  animation: fadeInDownBig 0.5s 0s ease both; }
.trip-block.animated.fadeInLeftBig {
  -moz-animation: fadeInLeftBig 0.5s 0s ease both;
  -webkit-animation: fadeInLeftBig 0.5s 0s ease both;
  animation: fadeInLeftBig 0.5s 0s ease both; }
.trip-block.animated.fadeInRightBig {
  -moz-animation: fadeInRightBig 0.5s 0s ease both;
  -webkit-animation: fadeInRightBig 0.5s 0s ease both;
  animation: fadeInRightBig 0.5s 0s ease both; }
.trip-block.animated.bounceIn {
  -moz-animation: bounceIn 0.5s 0s ease both;
  -webkit-animation: bounceIn 0.5s 0s ease both;
  animation: bounceIn 0.5s 0s ease both; }
.trip-block.animated.bounceInDown {
  -moz-animation: bounceInDown 0.5s 0s ease both;
  -webkit-animation: bounceInDown 0.5s 0s ease both;
  animation: bounceInDown 0.5s 0s ease both; }
.trip-block.animated.bounceInUp {
  -moz-animation: bounceInUp 0.5s 0s ease both;
  -webkit-animation: bounceInUp 0.5s 0s ease both;
  animation: bounceInUp 0.5s 0s ease both; }
.trip-block.animated.bounceInLeft {
  -moz-animation: bounceInLeft 0.5s 0s ease both;
  -webkit-animation: bounceInLeft 0.5s 0s ease both;
  animation: bounceInLeft 0.5s 0s ease both; }
.trip-block.animated.bounceInRight {
  -moz-animation: bounceInRight 0.5s 0s ease both;
  -webkit-animation: bounceInRight 0.5s 0s ease both;
  animation: bounceInRight 0.5s 0s ease both; }
.trip-block.animated.rotateIn {
  -moz-animation: rotateIn 0.5s 0s ease both;
  -webkit-animation: rotateIn 0.5s 0s ease both;
  animation: rotateIn 0.5s 0s ease both; }
.trip-block.animated.rotateInDownLeft {
  -moz-animation: rotateInDownLeft 0.5s 0s ease both;
  -webkit-animation: rotateInDownLeft 0.5s 0s ease both;
  animation: rotateInDownLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInDownRight {
  -moz-animation: rotateInDownRight 0.5s 0s ease both;
  -webkit-animation: rotateInDownRight 0.5s 0s ease both;
  animation: rotateInDownRight 0.5s 0s ease both; }
.trip-block.animated.rotateInUpLeft {
  -moz-animation: rotateInUpLeft 0.5s 0s ease both;
  -webkit-animation: rotateInUpLeft 0.5s 0s ease both;
  animation: rotateInUpLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInUpRight {
  -moz-animation: rotateInUpRight 0.5s 0s ease both;
  -webkit-animation: rotateInUpRight 0.5s 0s ease both;
  animation: rotateInUpRight 0.5s 0s ease both; }

.trip-close {
  font-size: 80%;
  float: right;
  margin-top: -5px; }
  .trip-close:hover {
    text-decoration: none; }

.trip-content {
  clear: right; }

.trip-progress-bar {
  height: 1px;
  background-color: #444;
  width: 0; }

.trip-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

.trip-prev, .trip-next {
  padding: 5px 10px; }

/*
 *  TODO:
 *  implement with more details later
 */
.trip-exposed {
  background: white; }

.trip-block.black {
  background: #333;
  color: #DDD;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0; }
  .trip-block.black .trip-close {
    color: #ddd; }
    .trip-block.black .trip-close:hover {
      color: #fff; }
  .trip-block.black.n:before {
    border-top-color: #333; }
  .trip-block.black.s:before {
    border-bottom-color: #333; }
  .trip-block.black.e:before {
    border-right-color: #333; }
  .trip-block.black.w:before {
    border-left-color: #333; }

.trip-block.white {
  background: #fff;
  color: #333; }
  .trip-block.white .trip-close {
    color: #333; }
    .trip-block.white .trip-close:hover {
      color: #000; }
  .trip-block.white.n:before {
    border-top-color: #fff; }
  .trip-block.white.s:before {
    border-bottom-color: #fff; }
  .trip-block.white.e:before {
    border-right-color: #fff; }
  .trip-block.white.w:before {
    border-left-color: #fff; }

.trip-overlay.yeti {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.yeti {
  padding: 0px;
  background: #008cba;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0; }
  .trip-block.yeti.n:before {
    margin-top: -1px;
    border-top-color: #008cba; }
  .trip-block.yeti.s:before {
    border-bottom-color: #006687; }
  .trip-block.yeti.e:before {
    border-right-color: #008cba; }
  .trip-block.yeti.w:before {
    border-left-color: #008cba; }
  .trip-block.yeti .trip-header {
    position: relative;
    font-size: 18px;
    background: #006687;
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.yeti .trip-content {
    font-size: 12px;
    padding: 15px;
    max-width: 450px; }
  .trip-block.yeti .trip-close {
    right: 0px;
    top: 0px;
    margin: 3px 8px 0px 0px;
    color: #fff;
    font-size: 16px; }
    .trip-block.yeti .trip-close:hover {
      color: #000; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev,
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev:hover,
  .trip-block.yeti .trip-progress-wrapper .trip-next:hover {
    background: #006687; }
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }

.trip-overlay.dark {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.dark {
  background: #333;
  padding: 0;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92; }
  .trip-block.dark.n:before {
    margin-top: -1px;
    border-top-color: #333; }
  .trip-block.dark.s:before {
    border-bottom-color: #555; }
  .trip-block.dark.e:before {
    border-right-color: #333; }
  .trip-block.dark.w:before {
    border-left-color: #333; }
  .trip-block.dark .trip-header {
    position: relative;
    font-size: 16px;
    background: #555;
    margin: 0;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.dark .trip-content {
    font-size: 12px;
    padding: 1em;
    max-width: 450px; }
  .trip-block.dark .trip-close {
    right: 0;
    top: 0;
    margin: 3px 8px 0 0;
    color: #fff;
    font-size: 16px; }
    .trip-block.dark .trip-close:hover {
      color: #000; }
  .trip-block.dark .trip-progress-wrapper .trip-prev,
  .trip-block.dark .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.dark .trip-progress-wrapper .trip-prev:hover,
  .trip-block.dark .trip-progress-wrapper .trip-next:hover {
    background: #666; }
  .trip-block.dark .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.dark .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }
  .trip-block.dark .trip-progress-wrapper .trip-progress-bar {
    background: green; }
    
    
    
 /* overwrite */ 
.trip-block {
    padding:0 8px 8px 8px;
} 
.trip-content{font-size:11px; margin-bottom:15px; line-height:1.9em;}
.trip-block.n::before, .trip-block.s::before{
    border-width:12px;
    margin-left:-5px;
}
.trip-block.black.e::before {border-right-color:#fff;}
.trip-block.black.n::before {border-top-color:#fff;}
.trip-block.black.w::before {border-left-color:#fff;}
.trip-block.black.s::before {border-bottom-color:#fff;}
.trip-block.black{
    background-color:#fff;
    color:#333;
    /* background: -webkit-radial-gradient(#5c82cd, #577cc3);*/ /* Safari 5.1 to 6.0 */
    /* background: -o-radial-gradient(#5c82cd, #577cc3);*/ /* For Opera 11.6 to 12.0 */
    /* background: -moz-radial-gradient(#5c82cd, #577cc3);*/ /* For Firefox 3.6 to 15 */
    /* background: radial-gradient(#5c82cd, #577cc3);*/
    font-size:10px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
    -moz-box-shadow:  0px 0px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow:  0px 0px 6px rgba(0,0,0,0.6);
}
.trip-block.black a{text-decoration:none;color:#333;}
.trip-block.black a.trip-prev, .trip-block.black a.trip-prev:visited,
.trip-block.black a.trip-next, .trip-block.black a.trip-next:visited,
.trip-block.black a.trip-skip, .trip-block.black a.trip-skip:visited,
.trip-block.black a.trip-dismiss, .trip-block.black a.trip-dismiss:visited  {
    color:#333;
    text-decoration:none;
    font-size:10px;
    line-height:18px;
    background:#fff;
    border:#ffffff solid 1px;
    /*padding:4px 10px;*/
    margin:3px 2px;
}
.trip-block.black a.trip-prev:hover,  .trip-block.black a.trip-next:hover,  .trip-block.black a.trip-skip:hover,
a.trip-prev:hover,  a.trip-next:hover, a.trip-skip:hover, a.trip-prev:active,  a.trip-next:active, a.trip-skip:active,
div.trip-progress-wrapper a.trip-prev:hover, div.trip-progress-wrapper a.trip-next:hover,
.trip-block.black a.trip-dismiss:hover,  .trip-block.black a.trip-dismiss:hover,  .trip-block.black a.trip-dismiss:hover  {
      color:#939393;
      background:#fff;
  }
.trip-block.e::before, .trip-block.w::before {border-width:12px; margin-top:-5px;}
.trip-block.black .trip-close, .trip-block.black .trip-close:hover {
    color: #333;
    background: #ddd;
    border-radius: 30px;
    font-size: 12px;
    width:14px;
    height:14px;
    line-height:1;
    margin-top:8px;
    right:0;
    padding:2px;
}

.trip-header{
    text-align: right;
    top: -5px;
    margin-right: 20px;
    position: relative;
    color: #333;
}
.trip-block.black .rv-icon, .rv-icon{
    width:16px;
    height:18px;
    display:inline-block;
    vertical-align:bottom;
    opacity:0.9;
}
.trip-block.black .g-icon-pagesetting, .g-icon-pagesetting{ 
     background: url(theme/uikit/images/icon-pagesetting.png) no-repeat; 
}
.trip-block.black .g-icon-edit, .g-icon-edit{ 
     background: url(theme/uikit/images/icon-edit.png) no-repeat; 
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;	
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag {
	color: #f92672;
}

.token.boolean,
.token.number{
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string {
	color: #a6e22e;
}


.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value
{
	color: #e6db74;
}


.token.keyword{
color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  z-index : 9999;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default .jstree-wholerow {
  height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
  background: url("theme/uikit/images/32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url("theme/uikit/images/32px.png") -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
  background: url("theme/uikit/images/32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url("theme/uikit/images/32px.png") -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
  background: url("theme/uikit/images/32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url("theme/uikit/images/32px.png") -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("theme/uikit/images/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("theme/uikit/images/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url("theme/uikit/images/40px.png");
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("theme/uikit/images/40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url("theme/uikit/images/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url("theme/uikit/images/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}


/********* Overwrite jstree ********/

ul a.jstree-anchor, ul ul a.jstree-anchor, ul ul ul a.jstree-anchor {
  overflow:hidden;
  text-overflow:ellipsis;
}
ul a.jstree-anchor {
  width:86%;
}
ul ul a.jstree-anchor {
  width:85%;
}
ul ul ul a.jstree-anchor {
  width:85%;
}
.jstree-container-ul {
  padding: 0;
}
.jstree-default .jstree-node {
  min-height: 18px;
  line-height: 22px;
}
.jstree-default .jstree-icon {
  width: 18px;
  height: 20px;
  line-height: 20px;
}
.jstree-default .jstree-icon:empty {
  width: 18px;
  height: 20px;
  line-height: 22px;
}
.jstree-default .jstree-anchor{
  height: 20px;
  line-height: 24px;
}
.jstree-children {
  margin-left: -10px;
}
.jstree-container-ul, .jstree-wholerow-ul {
  margin-left: -8px;
}
.jstree-anchor {
  padding:0 4px 0 0;
}
.jstree-anchor > .jstree-themeicon{
  margin-right:0;
}
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(theme/uikit/images/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(theme/uikit/images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(theme/uikit/images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
	opacity:0.2;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(theme/uikit/images/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}

.colorpicker_none_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(theme/uikit/images/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(theme/uikit/images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(theme/uikit/images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
button.colorpickerToolInsert, button.colorpickerToolCancel {
    background: transparent;
    border: 0;
    font-size: 11px;
    position:absolute;
    top:145px; 
    cursor:pointer;
}
button.colorpickerToolInsert{
    position:absolute;
    right:42px;
}
button.colorpickerToolCancel{    
    right:5px; 
}
@-moz-document url-prefix() {
    button.colorpickerToolInsert {
        right:38px;
    }
    button.colorpickerToolCancel {    
        right:3px; 
    }
}/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 25px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -22px;
    right: 0;
    left: 0;
    height: 13px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 20px;
   height: 10px;
   width: 10px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 5px;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Arial, Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset #cccccc;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 1px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #ccc;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #bbb;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 14px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: none;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#wys-dynamic, #wys-dynamic div, #wys-toolbar, #wys-toolbar div {
	font-size: 12px;
	line-height: 14px;
}

div#selected_body div {
	font-size: 14px;
}

.txtSelect {
	height: 20px;
	font-size: 10px;
	font-family: Verdana, Arial;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

.bar {
	background: url(theme/uikit/images/bar.gif) no-repeat center center;
	width: 1px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.spacebar {
	background: none;
	width: 1px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 18px;
}

.bbar {
	background: url(theme/uikit/images/bbar.gif) no-repeat center center;
	width: 2px;
	height: 31px;
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
}

.bgtitle_wysi {
	background: #4a4a4a url(theme/uikit/images/bgtitle_wysi.gif) repeat-x
		bottom;
	color: #FFFFFF;
	font-size: 14px;
	padding: 12px 10px;
}

.border_bot {
	border-bottom: #8b8b8b solid 1px;
}
/***** Start Row 1  *****/
.wys-rowOne {
	
}
/***** End Row 1  *****/

/***** Start Row 2  *****/
.wys-rowTwo {
	background: #fff;
	border-top: #efefef solid 1px;
	border-bottom: #9d9d9d solid 1px;
	padding: 5px 5px 0 5px;
	height: auto;
	z-index: 20;
}

/*.wys-rowTwo div.wys-rowTwo-block1, .wys-rowTwo div.wys-rowTwo-block2, 
.wys-rowTwo div.wys-rowTwo-block3, .wys-rowTwo div.wys-rowTwo-block4, 
.wys-rowTwo div.wys-rowTwo-block5
    {
    background:#efefef url(theme/uikit/images/bgblock.gif) repeat-x top; 
    padding:2px 0; 
    display:block; 
    height:21px; 
    float:left;
    border-radius:4px; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px; 
    margin-right:8px;
    }
.wys-rowTwo div.wys-rowTwo-block1{ width:auto; padding-left:5px; padding-right:5px;}
.wys-rowTwo div.wys-rowTwo-block2{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block3{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block4{ width:auto; padding-left:5px;}
.wys-rowTwo div.wys-rowTwo-block5{ width:auto; padding-left:5px;}
*/
.wys-rowTwo div.wys-rowTwo-block1, .wys-rowTwo div.wys-rowTwo-block2,
	.wys-rowTwo div.wys-rowTwo-block3, .wys-rowTwo div.wys-rowTwo-block4,
	.wys-rowTwo div.wys-rowTwo-block5, .wys-rowPreview div.wys-btn-preview
	{
	background: #efefef url(theme/uikit/images/bgblock.gif) repeat-x top;
	padding: 2px 0 2px 5px;
	display: block;
	height: 21px;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 8px;
	width: auto;
}

.wys-rowTwo div.wys-rowTwo-block1 {
	width: auto;
	padding-right: 5px;
}

.wys-rowTwo div.wys-rowTwo-block1 button, .wys-rowTwo div.wys-rowTwo-block2 button,
	.wys-rowTwo div.wys-rowTwo-block3 button, .wys-rowTwo-block4 button,
	.wys-rowTwo-block5 button, .wys-rowPreview div.wys-btn-preview button {
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

.border_lowTwo {
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #efefef;
	margin-top: 6px;
}
/***** End Row 2  *****/

/***** Start Row 3  *****/
.wys-rowThree {
	background: #e4e4e4;
	border-top: #ffffff solid 1px;
	border-bottom: #ffffff solid 1px;
	padding: 5px;
	height: auto;
}

.wys-rowThree button {
	margin-right: 7px;
	width: 25px;
	height: 25px;
}
/***** End Row 3  *****/
.wys-rowTwo-block1-00 button {
	margin-right: 5px;
}


/***** Start Icon Set 1  *****/
.ggf {
	background: url(theme/uikit/images/sprite_wysi_bigicon.png);
}

.sprite_wysiwyg_big {
	text-decoration: none;
	margin: 10px 20px;
	background: url(theme/uikit/images/sprite_wysi_bigicon.png);
	float: left;
	width: 25px;
	height: 40px;
	border: 0px;
	padding-right: 5px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.social, #social {
	background-position: 0px -0px;
	width: 52px;
}

.social:hover, #social:hover {
	background-position: -60px -0px;
	width: 52px;
}

.social_dis, #social_dis {
	background-position: -120px -0px;
	width: 52px;
}

.social_ena, #social_ena {
	background-position: -180px -0px;
	width: 52px;
}

.wys-save_page, #wys-save_page {
	background-position: 0px -0px;
	width: 25px;
}

.wys-save_page:hover, #wys-save_page:hover {
	background-position: -60px -0px;
	width: 25px;
}

.wys-save_page_dis, #wys-save_page_dis {
	background-position: -120px -0px;
	width: 25px;
}

.wys-save_page_ena, #wys-save_page_ena {
	background-position: -180px 0px;
	width: 25px;
}

.wys-toolbar-save_page#wys-save_page {
	min-width: 50px;
}

.wys-toolbar-save_page, .wys-toolbar-save_page:hover {
	border: #aac389 solid 0px;
	font-size: 15px;
	color: #76af3a;
	background: #fff;
	padding: 14px 5px 14px 5px;
	border-radius: 0px;
	cursor: pointer;
	min-width: 50px;
}

.wys-toolbar-save_page:hover {
	color: #76af3a;
}

.image, #image {
	background-position: 0px -120px;
}

.image:hover, #image:hover {
	background-position: -60px -120px;
}

.image_dis, #image_dis {
	background-position: -120px -120px;
}

.image_ena, #image_ena {
	background-position: -180px -120px;
}

.media, #media {
	background-position: 0px -180px;
}

.media:hover, #media:hover {
	background-position: -60px -180px;
}

.media_dis, #media_dis {
	background-position: -120px -180px;
}

.media_ena, #media_ena {
	background-position: -180px -180px;
}

.document, #document {
	background-position: 0px -240px;
}

.document:hover, #document:hover {
	background-position: -60px -240px;
}

.document_dis, #document_dis {
	background-position: -120px -240px;
}

.document_ena, #document_ena {
	background-position: -180px -240px;
}

.Gridline, #Gridline {
	background-position: 0px -2820px;
}

.Gridline:hover, #Gridline:hover {
	background-position: -60px -2820px;
}

.Gridline_dis, #Gridline_dis {
	background-position: -120px -2820px;
}

.Gridline_ena, #Gridline_ena {
	background-position: -180px -2820px;
}

.GuideLine, #GuideLine {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

.GuideLine:hover, #GuideLine:hover {
	background: url(theme/uikit/images/icon-guideline-h.png) no-repeat 0
		0;
	margin: 4px;
}

.GuideLine_dis, #GuideLine_dis {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

.GuideLine_ena, #GuideLine_ena {
	background: url(theme/uikit/images/icon-guideline.png) no-repeat 0 0;
	margin: 4px;
}

/*.link, #link { background-position:0px -300px; width:40px;} 
.link:hover, #link:hover { background-position:-60px -300px;width:40px; } 
.link_dis, #link_dis { background-position:-120px -300px;width:40px; } 
.link_ena, #link_ena { background-position:-180px -300px;width:40px; }*/
.link, #link {
	background-position: 0px -930px;
}

.link:hover, #link:hover {
	background-position: -30px -930px;
}

.link_dis, #link_dis {
	background-position: -60px -930px;
}

.link_ena, #link_ena {
	background-position: -90px -930px;
}

.instable, #instable {
	background-position: 0px -60px;
}

.instable:hover, #instable:hover {
	background-position: -60px -60px;
}

.instable_dis, #instable_dis {
	background-position: -120px -60px;
}

.instable_ena, #instable_ena {
	background-position: -180px -60px;
}

.wys-elements, #wys-elements {
	background-position: 0px -60px;
}

.wys-elements:hover, #wys-elements:hover {
	background-position: -60px -60px;
}

.wys-elements_dis, #wys-elements_dis {
	background-position: -120px -60px;
}

.wys-elements_ena, #wys-elements_ena {
	background-position: -180px -60px;
}

.wys-insertlink, #wys-insertlink {
	background-position: 0px -300px;
}

#alert {
	/*margin-left: 50px;*/
	/*padding :0 10px 0 10px;*/
	width: 50px;
}

.wys-insertlink:hover, #wys-insertlink:hover {
	background-position: -60px -300px;
}

.wys-insertlink_dis, #wys-insertlink_dis {
	background-position: -120px -300px;
}

.wys-insertlink_ena, #wys-insertlink_ena {
	background-position: -180px -300px;
}

.wys-widget, #wys-widget {
	background-position: 0px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget:hover, #wys-widget:hover {
	background-position: -60px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget_dis, #wys-widget_dis {
	background-position: -120px -360px;
	height: 25px;
	width: 20px;
}

.wys-widget_ena, #wys-widget_ena {
	background-position: -180px -360px;
	height: 25px;
	width: 20px;
}

.wys-mastertemplate, #wys-mastertemplate {
	background-position: 0px -420px;
	height: 25px;
}

.wys-mastertemplate:hover, #wys-mastertemplate:hover {
	background-position: -60px -420px;
	height: 25px;
}

.wys-mastertemplate_dis, #wys-mastertemplate_dis {
	background-position: -120px -420px;
	height: 25px;
}

.wys-mastertemplate_ena, #wys-mastertemplate_ena {
	background-position: -180px -420px;
	height: 25px;
}

button.sprite_wysiwyg_big span, span.txtwidget {
	position: absolute;
	font-size: 10px;
	color: #343434;
	margin: 10px 0 0 -15px;
	font-family: verdana;
	font-weight: normal;
}

span.txtwidget {
	margin: 40px 0 0 -54px;
	font-size: 10px;
	padding-right: 11px;
}

.icon_sublink {
	background: url(theme/uikit/images/icon_sublink.png) right no-repeat;
}

button.sprite_wysiwyg_big span:hover, span.txtwidget:hover {
	color: #000;
}
/***** End Icon Set 1  *****/
.sprite_wysiwyg {
	text-decoration: none;
	margin: 0 auto;
	/*background: url(theme/uikit/images/sprite_wysi.jpg);*/
	background: url(theme/uikit/images/wys_sprite.png);
	float: left;
	width: 22px;
	height: 22px;
	border: 0px;
	padding-right: 5px;
	margin-right: 4px;
	cursor: pointer;
	border: #e0e0e0 solid 1px;
	border-radius: 1px;
}

/***** Start Icon Set 2  *****/
.form, #form {
	background-position: 0px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form:hover, #form:hover {
	background-position: -30px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form_dis, #form_dis {
	background-position: -60px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.form_ena, #form_ena {
	background-position: -90px -1140px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter, #wys-counter {
	background-position: 0px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter:hover, #wys-counter:hover {
	background-position: -30px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter_dis, #wys-counter_dis {
	background-position: -60px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-counter_ena, #wys-counter_ena {
	background-position: -90px -1170px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash, #wys-flash {
	background-position: 0px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash:hover, #wys-flash:hover {
	background-position: -30px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash_dis, #wys-flash_dis {
	background-position: -60px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-flash_ena, #wys-flash_ena {
	background-position: -90px -1200px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout, #wys-layout {
	background-position: 0px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout:hover, #wys-layout:hover {
	background-position: -30px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout_dis, #wys-layout_dis {
	background-position: -60px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.wys-layout_ena, #wys-layout_ena {
	background-position: -90px -1230px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark, #bookmark {
	background-position: 0px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark:hover, #bookmark:hover {
	background-position: -30px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark_dis, #bookmark_dis {
	background-position: -60px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}

.bookmark_ena, #bookmark_ena {
	background-position: -90px -1260px;
	width: 30px;
	height: 30px;
	margin-top: 7px;
	border: 0;
}
/***** End Icon Set 2  *****/

/***** Start Icon Set 3  *****/
.undo, #undo {
	background-position: 0px -0px;
	margin: 0 3px 0 0;
}

.undo:hover, #undo:hover {
	background-position: -30px -0px;
}

.undo_dis, #undo_dis {
	background-position: -60px -0px;
}

.undo_ena, #undo_ena {
	background-position: -90px -0px;
}

.redo, #redo {
	background-position: 0px -30px;
	margin: 0 3px 0 0;
}

.redo:hover, #redo:hover {
	background-position: -30px -30px;
}

.redo_dis, #redo_dis {
	background-position: -60px -30px;
}

.redo_ena, #redo_ena {
	background-position: -90px -30px;
}

#fontcolor, .fontcolor, #mini_fontcolor, .mini_fontcolor {
	background-position: 0px -90px;
}

#fontcolor:hover, .fontcolor:hover, #mini_fontcolor:hover,
	.mini_fontcolor:hover {
	background-position: -30px -90px;
}

#fontcolor_dis, .fontcolor_dis, #mini_fontcolor_dis, .mini_fontcolor_dis
	{
	background-position: -60px -90px;
}

#fontcolor_ena, .fontcolor_ena, #mini_fontcolor_ena, .mini_fontcolor_ena
	{
	background-position: -90px -90px;
}

.highlight, #highlight {
	background-position: 0px -120px;
}

.highlight:hover, #highlight:hover {
	background-position: -30px -120px;
}

.highlight_dis, #highlight_dis {
	background-position: -60px -120px;
}

.highlight_ena, #highlight_ena {
	background-position: -90px -120px;
}

.bold, #bold {
	background-position: 0px -150px;
}

.bold:hover, #bold:hover {
	background-position: -30px -150px;
}

.bold_dis, #bold_dis {
	background-position: -60px -150px;
}

.bold_ena, #bold_ena {
	background-position: -90px -150px;
}

.italic, #italic {
	background-position: 0px -180px;
}

.italic:hover, #italic:hover {
	background-position: -30px -180px;
}

.italic_dis, #italic_dis {
	background-position: -60px -180px;
}

.italic_ena, #italic_ena {
	background-position: -90px -180px;
}

.underline, #underline {
	background-position: 0px -210px;
}

.underline:hover, #underline:hover {
	background-position: -30px -210px;
}

.underline_dis, #underline_dis {
	background-position: -60px -210px;
}

.underline_ena, #underline_ena {
	background-position: -90px -210px;
}

.strikethrough, #strikethrough {
	background-position: 0px -240px;
}

.strikethrough:hover, #strikethrough:hover {
	background-position: -30px -240px;
}

.strikethrough_dis, #strikethrough_dis {
	background-position: -60px -240px;
}

.strikethrough_ena, #strikethrough_ena {
	background-position: -90px -240px;
}

.superscript, #superscript {
	background-position: 0px -270px;
}

.superscript:hover, #superscript:hover {
	background-position: -30px -270px;
}

.superscript_dis, #superscript_dis {
	background-position: -60px -270px;
}

.superscript_ena, #superscript_ena {
	background-position: -90px -270px;
}

.subscript, #subscript {
	background-position: 0px -300px;
}

.subscript:hover, #subscript:hover {
	background-position: -30px -300px;
}

.subscript_dis, #subscript_dis {
	background-position: -60px -300px;
}

.subscript_ena, #subscript_ena {
	background-position: -90px -300px;
}

.clean, #clean {
	background-position: 0px -330px;
}

.clean:hover, #clean:hover {
	background-position: -30px -330px;
}

.clean_dis, #clean_dis {
	background-position: -60px -330px;
}

.clean_ena, #clean_ena {
	background-position: -90px -330px;
}

.numbering, #numbering {
	background-position: 0px -360px;
}

.numbering:hover, #numbering:hover {
	background-position: -30px -360px;
}

.numbering_dis, #numbering_dis {
	background-position: -60px -360px;
}

.numbering_ena, #numbering_ena {
	background-position: -90px -360px;
}

.bullets, #bullets {
	background-position: 0px -390px;
}

.bullets:hover, #bullets:hover {
	background-position: -30px -390px;
}

.bullets_dis, #bullets_dis {
	background-position: -60px -390px;
}

.bullets_ena, #bullets_ena {
	background-position: -90px -390px;
}

.decrease, #decrease {
	background-position: 0px -420px;
}

.decrease:hover, #decrease:hover {
	background-position: -30px -420px;
}

.decrease_dis, #decrease_dis {
	background-position: -60px -420px;
}

.decrease_ena, #decrease_ena {
	background-position: -90px -420px;
}

.increase, #increase {
	background-position: 0px -450px;
}

.increase:hover, #increase:hover {
	background-position: -30px -450px;
}

.increase_dis, #increase_dis {
	background-position: -60px -450px;
}

.increase_ena, #increase_ena {
	background-position: -90px -450px;
}

.specialchar, #specialchar {
	background-position: 0px -480px;
}

.specialchar:hover, #specialchar:hover {
	background-position: -30px -480px;
}

.specialchar_dis, #specialchar_dis {
	background-position: -60px -480px;
}

.specialchar_ena, #specialchar_ena {
	background-position: -90px -480px;
}

.divtag, #divtag {
	background-position: 0px -510px;
}

.divtag:hover, #divtag:hover {
	background-position: -30px -510px;
}

.divtag_dis, #divtag_dis {
	background-position: -60px -510px;
}

.divtag_ena, #divtannmg_ena {
	background-position: -90px -510px;
}

.wys-left, #wys-left {
	background-position: 0px -540px;
}

.wys-left:hover, #wys-left:hover {
	background-position: -30px -540px;
}

.wys-left_dis, #wys-left_dis {
	background-position: -60px -540px;
}

.wys-left_ena, #wys-left_ena {
	background-position: -90px -540px;
}

.wys-center, #wys-center {
	background-position: 0px -570px;
}

.wys-center:hover, #wys-center:hover {
	background-position: -30px -570px;
}

.wys-center_dis, #wys-center_dis {
	background-position: -60px -570px;
}

.wys-center_ena, #wys-center_ena {
	background-position: -90px -570px;
}

.wys-right, #wys-right {
	background-position: 0px -600px;
}

.wys-right:hover, #wys-right:hover {
	background-position: -30px -600px;
}

.wys-right_dis, #wys-right_dis {
	background-position: -60px -600px;
}

.wys-right_ena, #wys-right_ena {
	background-position: -90px -600px;
}

.justify, #wys-justify {
	background-position: 0px -630px;
}

.justify:hover, #wys-justify:hover {
	background-position: -30px -630px;
}

.justify_dis, #wys-justify_dis {
	background-position: -60px -630px;
}

.justify_ena, #wys-justify_ena {
	background-position: -90px -630px;
}

.leftparagraph, #leftparagraph {
	background-position: 0px -660px;
}

.leftparagraph:hover, #leftparagraph:hover {
	background-position: -30px -660px;
}

.leftparagraph_dis, #leftparagraph_dis {
	background-position: -60px -660px;
}

.leftparagraph_ena, #leftparagraph_ena {
	background-position: -90px -660px;
}

.rightparagraph, #rightparagraph {
	background-position: 0px -690px;
}

.rightparagraph:hover, #rightparagraph:hover {
	background-position: -30px -690px;
}

.rightparagraph_dis, #rightparagraph_dis {
	background-position: -60px -690px;
}

.rightparagraph_ena, #rightparagraph_ena {
	background-position: -90px -690px;
}

.cut, #cut {
	background-position: 0px -720px;
}

.cut:hover, #cut:hover {
	background-position: -30px -720px;
}

.cut_dis, #cut_dis {
	background-position: -60px -720px;
}

.cut_ena, #cut_ena {
	background-position: -90px -720px;
}

.copy, #copy {
	background-position: 0px -750px;
}

.copy:hover, #copy:hover {
	background-position: -30px -750px;
}

.copy_dis, #copy_dis {
	background-position: -60px -750px;
}

.copy_ena, #copy_ena {
	background-position: -90px -750px;
}

.paste, #paste {
	background-position: 0px -780px;
}

.paste:hover, #paste:hover {
	background-position: -30px -780px;
}

.paste_dis, #paste_dis {
	background-position: -60px -780px;
}

.paste_ena, #paste_ena {
	background-position: -90px -780px;
}

.wys-paste_source, #wys-paste_source {
	background-position: 0px -810px;
}

.wys-paste_source:hover, #wys-paste_source:hover {
	background-position: -30px -810px;
}

.wys-paste_source_dis, #wys-paste_source_dis {
	background-position: -60px -810px;
}

.wys-paste_source_ena, #wys-paste_source_ena {
	background-position: -90px -810px;
}

.wys-paste_code, #wys-paste_code {
	background-position: 0px -840px;
}

.wys-paste_code:hover, #wys-paste_code:hover {
	background-position: -30px -840px;
}

.wys-paste_code_dis, #wys-paste_code_dis {
	background-position: -60px -840px;
}

.wys-paste_code_ena, #wys-paste_code_ena {
	background-position: -90px -840px;
}

.HorizontalRule, #HorizontalRule {
	background-position: 0px -1590px;
}

.HorizontalRule:hover, #HorizontalRule:hover {
	background-position: -30px -1590px;
}

.HorizontalRule_dis, #HorizontalRule_dis {
	background-position: -60px -1590px;
}

.HorizontalRule_ena, #HorizontalRule_ena {
	background-position: -90px -1590px;
}
/***** End Icon Set 3  *****/

/***** Start Icon Set 4  *****/
.wys-like, #wys-like {
	background-position: 0px -960px;
}

.wys-like:hover, #wys-like:hover {
	background-position: -30px -960px;
}

.wys-like_dis, #wys-like_dis {
	background-position: -60px -960px;
}

.wys-like_ena, #wys-like_ena {
	background-position: -90px -960px;
}

.wys-fb, #wys-fb {
	background-position: 0px -990px;
}

.wys-fb:hover, #wys-fb:hover {
	background-position: -30px -990px;
}

.wys-fb_dis, #wys-fb_dis {
	background-position: -60px -990px;
}

.wys-fb_ena, #wys-fb_ena {
	background-position: -90px -990px;
}

.wys-fbcomment, #wys-fbcomment {
	background-position: 0px -1320px;
}

.wys-fbcomment:hover, #wys-fbcomment:hover {
	background-position: -30px -1320px;
}

.wys-fbcomment_dis, #wys-fbcomment_dis {
	background-position: -60px -1320px;
}

.wys-fbcomment_ena, #wys-fbcomment_ena {
	background-position: -90px -1320px;
}

.wys-youtube, #wys-youtube {
	background-position: 0px -1020px;
}

.wys-youtube:hover, #wys-youtube:hover {
	background-position: -30px -1020px;
}

.wys-youtube_dis, #wys-youtube_dis {
	background-position: -60px -1020px;
}

.wys-youtube_ena, #wys-youtube_ena {
	background-position: -90px -1020px;
}

.wys-instagram, #wys-instagram {
	background-position: 0px -1050px;
}

.wys-instagram:hover, #wys-instagram:hover {
	background-position: -30px -1050px;
}

.wys-instagram_dis, #wys-instagram_dis {
	background-position: -60px -1050px;
}

.wys-instagram_ena, #wys-instagram_ena {
	background-position: -90px -1050px;
}

.wys-twitter, #wys-twitter {
	background-position: 0px -1080px;
}

.wys-twitter:hover, #wys-twitter:hover {
	background-position: -30px -1080px;
}

.wys-twitter_dis, #wys-twitter_dis {
	background-position: -60px -1080px;
}

.wys-twitter_ena, #wys-twitter_ena {
	background-position: -90px -1080px;
}

.wys-rss, #wys-rss {
	background-position: 0px -1110px;
}

.wys-rss:hover, #wys-rss:hover {
	background-position: -30px -1110px;
}

.wys-rss_dis, #wys-rss_dis {
	background-position: -60px -1110px;
}

.wys-rss_ena, #wys-rss_ena {
	background-position: -90px -1110px;
}

.wys-google, #wys-google {
	background-position: 0px -1140px;
}

.wys-google:hover, #wys-google:hover {
	background-position: -30px -1140px;
}

.wys-google_dis, #wys-google_dis {
	background-position: -60px -1140px;
}

.wys-google_ena, #wys-google_ena {
	background-position: -90px -1140px;
}

.wys-onlineform, #wys-onlineform {
	background-position: 0px -1170px;
}

.wys-onlineform:hover, #wys-onlineform:hover {
	background-position: -30px -1170px;
}

.wys-onlineform_dis, #wys-onlineform_dis {
	background-position: -60px -1170px;
}

.wys-onlineform_ena, #wys-onlineform_ena {
	background-position: -90px -1170px;
}

.wys-headtag, #wys-headtag {
	background-position: 0px -1350px;
}

.wys-headtag:hover, #wys-headtag:hover {
	background-position: -30px -1350px;
}

.wys-headtag_dis, #wys-headtag_dis {
	background-position: -60px -1350px;
}

.wys-headtag_ena, #wys-headtag_ena {
	background-position: -90px -1350px;
}

.wys-bodytag, #wys-bodytag {
	background-position: 0px -1380px;
}

.wys-bodytag:hover, #wys-bodytag:hover {
	background-position: -30px -1380px;
}

.wys-bodytag_dis, #wys-bodytag_dis {
	background-position: -60px -138px;
}

.wys-bodytag_ena, #wys-bodytag_ena {
	background-position: -90px -1380px;
}

.wys-csstag, #wys-csstag {
	background-position: 0px -1410px;
}

.wys-csstag:hover, #wys-csstag:hover {
	background-position: -30px -1410px;
}

.wys-csstag_dis, #wys-csstag_dis {
	background-position: -60px -1410px;
}

.wys-csstag_ena, #wys-csstag_ena {
	background-position: -90px -1410px;
}

/***** End Icon Set 4  *****/

/***** Start Icon Property dynamic  *****/
.wys-rowbefore, #wys-rowbefore {
	background-position: 0px -1620px;
}

.wys-rowbefore:hover, #wys-rowbefore:hover {
	background-position: -30px -1620px;
}

.wys-rowbefore_dis, #wys-rowbefore_dis {
	background-position: -60px -1620px;
}

.wys-rowbefore_ena, #wys-rowbefore_ena {
	background-position: -90px -1620px;
}

.wys-rowafter, #wys-rowafter {
	background-position: 0px -1650px;
}

.wys-rowafter:hover, #wys-rowafter:hover {
	background-position: -30px -1650px;
}

.wys-rowafter_dis, #wys-rowafter_dis {
	background-position: -60px -1650px;
}

.wys-rowafter_ena, #wys-rowafter_ena {
	background-position: -90px -1650px;
}

.wys-colright, #wys-colright {
	background-position: 0px -1680px;
}

.wys-colright:hover, #wys-colright:hover {
	background-position: -30px -1680px;
}

.wys-colright_dis, #wys-colright_dis {
	background-position: -60px -1680px;
}

.wys-colright_ena, #wys-colright_ena {
	background-position: -90px -1680px;
}

.wys-colleft, #wys-colleft {
	background-position: 0px -1710px;
}

.wys-colleft:hover, #wys-colleft:hover {
	background-position: -30px -1710px;
}

.wys-colleft_dis, #wys-colleft_dis {
	background-position: -60px -1710px;
}

.wys-colleft_ena, #wys-colleft_ena {
	background-position: -90px -1710px;
}

.wys-removerow, #wys-removerow {
	background-position: 0px -1740px;
}

.wys-removerow:hover, #wys-removerow:hover {
	background-position: -30px -1740px;
}

.wys-removerow_dis, #wys-removerow_dis {
	background-position: -60px -1740px;
}

.wys-removerow_ena, #wys-removerow_ena {
	background-position: -90px -1740px;
}

.wys-removecol, #wys-removecol {
	background-position: 0px -1770px;
}

.wys-removecol:hover, #wys-removecol:hover {
	background-position: -30px -1770px;
}

.wys-removecol_dis, #wys-removecol_dis {
	background-position: -60px -1770px;
}

.wys-removecol_ena, #wys-removecol_ena {
	background-position: -90px -1770px;
}

.wys-removetable, #wys-removetable {
	background-position: 0px -1860px;
}

.wys-removetable:hover, #wys-removetable:hover {
	background-position: -30px -1860px;
}

.wys-removetable_dis, #wys-removetable_dis {
	background-position: -60px -1860px;
}

.wys-removetable_ena, #wys-removetable_ena {
	background-position: -90px -1860px;
}

.wys-colortable, #wys-colortable {
	background-position: 0px -1830px;
}

.wys-colortable:hover, #wys-colortable:hover {
	background-position: -30px -1830px;
}

.wys-colortable_dis, #wys-colortable_dis {
	background-position: -60px -1830px;
}

.wys-colortable_ena, #wys-colortable_ena {
	background-position: -90px -1830px;
}

.wys-move, #wys-move {
	background-position: 0px -1800px;
}

.wys-move:hover, #wys-move:hover {
	background-position: -30px -1800px;
}

.wys-move_dis, #wys-move_dis {
	background-position: -60px -1800px;
}

.wys-move_ena, #wys-move_ena {
	background-position: -90px -1800px;
}

.wys-merce, #wys-merce {
	background-position: 0px -1890px;
}

.wys-merce:hover, #wys-merce:hover {
	background-position: -30px -1890px;
}

.wys-merce_dis, #wys-merce_dis {
	background-position: -60px -1890px;
}

.wys-merce_ena, #wys-merce_ena {
	background-position: -90px -1890px;
}

.wys-sortableRow, #wys-sortableRow {
	background-position: 0px -1920px;
}

.wys-sortableRow:hover, #wys-sortableRow:hover {
	background-position: -30px -1920px;
}

.wys-sortableRow_dis, #wys-sortableRow_dis {
	background-position: -60px -1920px;
}

.wys-sortableRow_ena, #wys-sortableRow_ena {
	background-position: -90px -1920px;
}

.wys-sortableCol, #wys-sortableCol {
	background-position: 0px -1950px;
}

.wys-sortableCol:hover, #wys-sortableCol:hover {
	background-position: -30px -1950px;
}

.wys-sortableCol_dis, #wys-sortableCol_dis {
	background-position: -60px -1950px;
}

.wys-sortableCol_ena, #wys-sortableCol_ena {
	background-position: -90px -1950px;
}

.wys-BorderColorImg, #wys-BorderColorImg {
	background-position: 0px -2640px;
}

.wys-BorderColorImg:hover, #wys-BorderColorImg:hover {
	background-position: -30px -2640px;
}

.wys-BorderColorImg_dis, #wys-BorderColorImg_dis {
	backgro und-position: -60px -2640px;
}

.wys-BorderColorImg_ena, #wys-BorderColorImg_ena {
	background-position: -90px -2640px;
}

.wys-bgcellColor, #wys-bgcellColor {
	background-position: 0px -2670px;
}

.wys-bgcellColor:hover, #wys-bgcellColor:hover {
	background-position: -30px -2670px;
}

.wys-bgcellColor_dis, #wys-bgcellColor_dis {
	background-position: -60px -2670px;
}

.wys-bgcellColorImg_ena, #wys-bgcellColorImg_ena {
	background-position: -90px -2670px;
}

.pastefromexternal, #pastefromexternal {
	background-position: 0px -2790px;
}

.pastefromexternal:hover, #pastefromexternal:hover {
	background-position: -30px -2790px;
}

.pastefromexternal_dis, #pastefromexternal_dis {
	background-position: -60px -2790px;
}

.pastefromexternal, #pastefromexternal {
	background-position: -90px -2790px;
}

.htmlsource, #htmlsource, .htmlsource:hover, #htmlsource:hover {
	background-position: 0px -2850px;
	width: 14px;
	height: 20px;
}

.editLink, #editLink, .editLink:hover, #editLink:hover {
	background-position: -1px -2880px;
	opacity: 0.8;
}

.editLink:hover, #editLink:hover {
	opacity: 0.9;
}

.editLink:hover, #editLink:hover {
	background-position: -30px -2880px;
	outline: 0;
}

.editLink_dis, #editLink_dis {
	background-position: -60px -2880px;
}

.editLink_ena, #editLink_ena {
	background-position: -90px -2880px;
}

.removeLink, #removeLink, .removeLink:hover, #removeLink:hover {
	background-position: -1px -2910px;
	opacity: 0.8;
}

.removeLink:hover, #removeLink:hover {
	opacity: 0.9;
}

.removeLink:hover, #removeLink:hover {
	background-position: -30px -2910px;
	outline: 0;
}

.removeLink_dis, #removeLink_dis {
	background-position: -60px -2910px;
}

.removeLink_ena, #removeLink_ena {
	background-position: -90px -2910px;
}

.editVDO, #editVDO, .editVDO:hover, #editVDO:hover {
	background-position: -0px -2940px;
}

.editVDO:hover, #editVDO:hover {
	background-position: -30px -2940px;
}

.editVDO_dis, #editVDO_dis {
	background-position: -60px -2940px;
}

.editVDO_ena, #editVDO_ena {
	background-position: -90px -2940px;
}

/***** End Icon Property dynamic  *****/

/***** Start Icon Switch&Preview *****/
.wys-previewmode {
	text-decoration: none;
	border: 0px;
	margin-top: -13px;
	cursor: pointer;
}

.wys-previewmode:hover, #wys-previewmode_dis:hover {
	border: 1px solid #aac389;
}

.wys-previewmode_dis, #wys-previewmode_dis {
	background: #f5f5f5 url(theme/uikit/images/icon_editmode.png) 8px
		no-repeat;
	min-width: 110px;
	font-size: 15px;
	font-weight: normal;
	color: #76af3a;
	background: #fff;
	border: 1px solid #aac389;
	border-radius: 0px;
	padding: 10px 25px 10px 22px;
	cursor: pointer;
	margin-top: -1px;
	position: fixed;
	right: 140px;
}

.wys-previewmode_ena, #wys-previewmode_ena {
	background-position: -90px -1440px;
}

.wys-desktopmode, #wys-desktopmode, .wys-desktopmode:hover,
	#wys-desktopmode:hover, .wys-desktopmode_dis, #wys-desktopmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #d5d5d5;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-desktopmode:hover, #wys-desktopmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
}

.wys-desktopmode_dis, #wys-desktopmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_desktop.png) left
		no-repeat;
}

.wys-desktopmode_ena, #wys-desktopmode_ena {
	background-position: -90px -1470px;
}

.wys-mobilemode, #wys-mobilemode, .wys-mobilemode:hover, #wys-mobilemode:hover,
	.wys-mobilemode_dis, #wys-mobilemode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #d5d5d5;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-mobilemode:hover, #wys-mobilemode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
}

.wys-mobilemode_dis, #wys-mobilemode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_mobile.png) left
		no-repeat;
}

.wys-mobilemode_ena, #wys-mobilemode_ena {
	background-position: -90px -1500px;
}

.wys-tabletmode, #wys-tabletmode, .wys-tabletmode:hover, #wys-tabletmode:hover,
	.wys-effectmode, #wys-effectmode {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	/*width: 90px;*/
	border: 1px solid #828282;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode:hover, #wys-tabletmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
}

.wys-effectmode, #wys-effectmode {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
}

.wys-effectmode:hover, #wys-effectmode:hover {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	width: 90px;
	border: 1px solid #000;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode_dis, #wys-tabletmode_dis {
	background: #f8f8f8 url(theme/uikit/images/icon_tablet.png) left
		no-repeat;
	height: 38px;
	font-size: 11px;
	text-align: left;
	width: 90px;
	border: 1px solid #000;
	border-radius: 50px;
	padding-left: 30px;
	cursor: pointer;
}

.wys-tabletmode_ena, #wys-tabletmode_ena {
	background-position: -90px -1530px;
}

.wys-desktopmode lang, .wys-mobilemode lang, .wys-effectmode lang {
	display: none;
}

.wys-mobilemode-control {
	margin-top: -10px;
}

.wys-mobilemode-control button {
	margin-left: 5px;
}

/***** End Icon Switch&Preview *****/

/*************  Start dropdown  ***************/
.desc {
	color: #6b6b6b;
}

.desc a {
	color: #0092dd;
}

.Font {
	float: right;
}

.Font, .Font dd, .Font dt, .Font ul {
	margin: 0px;
	padding: 0px;
}
/*.dropdown dt { border:1px solid #fff; }*/
.Font a, .Font a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.Font a:hover {
	color: #000;
}

.Font dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 1px solid #dddddd;
	width: 175px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.Font dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
}

.Font dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: normal;
}

.Font dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.Font span.value {
	display: none;
}

.Font dd ul li a {
	padding: 0 7px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.Font dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*mini_font */
.mini_Font a, .mini_Font a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.mini_Font a:hover {
	color: #000;
}

.mini_Font dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 90px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.mini_Font dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.mini_Font dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
}

.mini_Font dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.mini_Font span.value {
	display: none;
}

.mini_Font dd ul li a {
	padding: 1px 7px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.mini_Font dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.lineSpacingBox, .lineSpacingBox dd, .lineSpacingBox dt, .lineSpacingBox ul
	{
	margin: 0px;
	padding: 0px;
}
/*mini_font dt */
.lineSpacingBox, .lineSpacingBox dd, .lineSpacingBox dt, .lineSpacingBox ul
	{
	margin: 0px;
	padding: 0px;
}
/*.dropdown dt { border:1px solid #fff; }*/
.lineSpacingBox a, .lineSpacingBox a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.lineSpacingBox a:hover {
	color: #000;
}

.lineSpacingBox button {
	/*
    background:#f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat scroll 97% center; 
    display:block; padding:3px; margin-right:7px;
    */
	border: 0px solid #B8B8B8;
	/*
    width: 20px;
    height: 18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    */
}

.lineSpacingBox dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.lineSpacingBox dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.lineSpacingBox dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.lineSpacingBox span.value {
	display: none;
}

.lineSpacingBox dd ul li a {
	padding: 1px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.lineSpacingBox dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*************  Start FontSize  ***************/
.FontSize {
	width: 85px;
}

.FontSize, .FontSize dd, .FontSize dt, .FontSize ul {
	margin: 0px;
	padding: 0px;
}

.FontSize a, .FontSize a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.FontSize a:hover {
	color: #000;
}

.FontSize dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 0px;
	border: 1px solid #dddddd;
	width: 75px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.FontSize dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
	font-weight: normal;
}

.FontSize dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.FontSize dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.FontSize span.value {
	display: none;
}

.FontSize dd ul li, .FontSize dd ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.FontSize dd ul li a {
	padding: 0px 4px;
}

.FontSize dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*************  Start mini FontSize  ***************/
.mini_FontSize, .mini_FontSize dd, .mini_FontSize dt, .mini_FontSize ul
	{
	margin: 0px;
	padding: 0px;
}

.mini_FontSize a, .mini_FontSize a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.mini_FontSize a:hover {
	color: #000;
}

.mini_FontSize dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.mini_FontSize dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.mini_FontSize dt a span {
	cursor: pointer;
	display: block;
	padding: 1px 2px 0 2px;
}

.mini_FontSize dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.mini_FontSize span.value {
	display: none;
}

.mini_FontSize dd ul li {
	padding: 0;
	margin: 0;
}

.mini_FontSize dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.mini_FontSize dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}
/*************  end mini FontSize  ***************/
/*************  Start tagHead  ***************/
.TagHead, .TagHead dd, .TagHead dt, .TagHead ul {
	margin: 0px;
	padding: 0px;
}

.TagHead a, .TagHead a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.TagHead a:hover {
	color: #000;
}

.TagHead dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 1px solid #dddddd;
	width: 85px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.TagHead dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 1px solid #dddddd;
}

.TagHead dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.TagHead dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.TagHead span.value {
	display: none;
}

.TagHead dd ul li, .TagHead dd ul li a {
	padding: 0px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.TagHead dd ul li a {
	padding: 2px 4px;
}

.TagHead dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.TagHead a:hover h1, .TagHead a:hover h2, .TagHead a:hover h3, .TagHead a:hover h4,
	.TagHead a:hover h5, .TagHead a:hover h6 {
	color: #FFFFFF;
}

/*************  Start SelectStyle  ***************/
.SelectStyle, .SelectStyle dd, .SelectStyle dt, .SelectStyle ul {
	margin: 0px;
	padding: 0px;
}

.SelectStyle a, .SelectStyle a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.SelectStyle a:hover {
	color: #000;
}

.SelectStyle dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.SelectStyle dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.SelectStyle dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.SelectStyle dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.SelectStyle span.value {
	display: none;
}

.SelectStyle dd ul li, .SelectStyle dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.SelectStyle dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*************  NavPage ***************/
.NavPage, .NavPage dd, .NavPage dt, .NavPage ul {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

.NavPage dd {
	position: relative;
}

.NavPage a, .NavPage a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.NavPage a:hover {
	color: #000;
}

.NavPage dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	margin-left: 7px;
	border: 0px solid #B8B8B8;
	width: 100px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.NavPage dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.NavPage dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.NavPage span.value {
	display: none;
}

#mixed a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
	width: 250px;
}

/*************  Start dropdownPara  ***************/
.dropdownPara, .dropdownPara dd, .dropdownPara dt, .dropdownPara ul {
	margin: 0px;
	padding: 0px;
}

.dropdownPara dd {
	position: relative;
}

.dropdownPara a, .dropdownPara a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownPara a:hover {
	color: #000;
}

.dropdownPara dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 83px;
}

.dropdownPara dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownPara dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownPara dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
}

.dropdownPara span.value {
	display: none;
}

.dropdownPara dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownPara dd ul li a:hover {
	background-color: #316AC5;
	color: #000;
}

/*************  End dropdownPara  ***************/

/*************  Start dropdownCreate  ***************/
.dropdownCreate, .dropdownCreate dd, .dropdownCreate dt, .dropdownCreate ul
	{
	margin: 0px;
	padding: 0px;
}

.dropdownCreate dd {
	position: relative;
}

.dropdownCreate a, .dropdownCreate a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownCreate a:hover {
	color: #000;
}

.dropdownCreate dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 108px;
}

.dropdownCreate dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownCreate dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownCreate dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: auto;
	list-style: none;
}

.dropdownCreate span.value {
	display: none;
}

.dropdownCreate dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownCreate dd ul li a:hover {
	background-color: #316AC5;
	color: #fff;
}

/*************  End dropdownCreate  ***************/

/*************  Start dropdownZoom  ***************/
.dropdownZoom, .dropdownZoom dd, .dropdownZoom dt, .dropdownZoom ul {
	margin: 0px;
	padding: 0px;
}

.dropdownZoom dd {
	position: relative;
}

.dropdownZoom a, .dropdownCreate a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.dropdownZoom a:hover {
	color: #000;
}

.dropdownZoom dt a {
	background: #fff url(theme/uikit/images/arrow.gif) no-repeat scroll
		right center;
	display: block;
	padding: 0px;
	border: 1px solid #B8B8B8;
	width: 58px;
}

.dropdownZoom dt a:hover {
	background: #fff url(theme/uikit/images/arrow02.gif) no-repeat scroll
		right center;
	color: #000;
	border: 1px solid #B8B8B8;
}

.dropdownZoom dt a span {
	cursor: pointer;
	display: block;
	padding: 3px;
}

.dropdownZoom dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 60px;
	list-style: none;
}

.dropdownZoom span.value {
	display: none;
}

.dropdownZoom dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
}

.dropdownZoom dd ul li a:hover {
	background-color: #316AC5;
	color: #fff;
}

.printformat, #wys-printformat {
	background-position: 0px -60px;
}

.printformat:hover, #wys-printformat:hover {
	background-position: -30px -60px;
}

.printformat_dis, #wys-printformat_dis {
	background-position: -60px -60px;
}

.printformat_ena, #wys-printformat_ena {
	background-position: -90px -60px;
}

.lineSpacing, #wys-lineSpacing {
	background-position: 0px -930px;
}

.lineSpacing:hover, #wys-lineSpacing:hover {
	background-position: -30px -930px;
}

.lineSpacing_dis, #wys-lineSpacing_dis {
	background-position: -60px -930px;
}

.lineSpacing_ena, #wys-lineSpacing_ena {
	background-position: -90px -930px;
}

.selectStyleSave, #wys-selectStyleSave {
	background-position: 0px -630px;
}

.selectStyleSave:hover, #wys-selectStyleSave:hover {
	background-position: -30px -630px;
}

.selectStyleSave_dis, #wys-selectStyleSave_dis {
	background-position: -60px -630px;
}

.selectStyleSave_ena, #wys-selectStyleSave_ena {
	background-position: -90px -630px;
}
/*************  End dropdownZoom  ***************/
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
}

.flagvisibility {
	display: none;
}

.RVEditor {
	background-color: green;
	border-bottom: #c9c9c9 solid 5px;
	padding: 2px 5px;
}

.editorSource {
	display: none;
	/*wordwrap case*/
	word-wrap: break-word;
	width: 100%;
}

body {
	padding: 0px;
	margin: 0px;
}

.setCssDefault {
	font-size: 10px;
	text-decoration: none;
	background-color: #929292;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #fff;
	height: 17px;
	margin: 3px 0 3px 3px;
	cursor: pointer;
}

.specialcharBlock {
	width: 20px;
	float: left;
	background: transparent;
}

.specialcharBlockSize {
	font-size: medium;
	text-align: center;
	text-decoration: none;
}

.specialDisplay {
	height: 28px;
	width: 98%;
	text-align: center;
	background-color: #fff;
	border: #cccccc solid 1px;
	padding: 5px;
	margin: 15px 0;
	font-size: 18px;
}

.boxLineSpacing {
	display: none;
	position: absolute;
	width: 100px;
}

.dynamictoolbar {
	width: auto;
	float: left;
	left: 15%;
	margin-right: 3px;
}

#dynamictoolbar_insertImage {
	width: auto;
	float: left;
	left: 9%;
	color: #6f6f6f;
}

.dynamicTable button {
	margin: 2px 2px;
}

.dynamictools {
	margin: 18px 0 0 0;
	background: #ededed;
	border: #c7c7c7 solid 1px;
	padding: 5px 4px 5px 5px;
	/*box-shadow:2px 2px 2px #7d7d7d;*/
	white-space: nowrap;
	z-index: 1000;
}

.dynamictools .imagebrdRadius ul li {
	margin: 0px;
}

.dynamictools button.resetPositon, .dynamictools .imageHeightPX,
	.dynamictools .imageHeightPX {
	margin-left: 4px;
}

/* link*/
.dialogLink {
	display: none;
}

.mainMenuLink {
	width: 20%;
	float: left;
}

.menuLink {
	
}

.programViewLink {
	width: 100%;
	float: left;
	display: none;
}
/*end link*/

/*colorpicker*/
.colorpickerTool {
	display: none;
	cursor: move;
	z-index: 1000000;
}
/*end colorpicker*/

/*internal wysiywg */
.internalWYSData {
	display: none;
}
/*end internal wysiywg */

/*styleSelect*/
.styleSelect {
	width: 140px;
	height: 22px;
	overflow: hidden;
	background: url("images/arrowDropdown.gif") no-repeat right #fff;
	border: 1px solid #ccc;
}

.styleSelect select {
	background: transparent;
	width: 168px;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	height: 22px;
	color: #000;
	font-size: 14px;
}
/*end styleSelect*/

/* editor body*/
#fBody {
	text-align: center;
}

.SpecialVariable, .SpecialVariable dd, .SpecialVariable dt,
	.SpecialVariable ul {
	margin: 0px;
	padding: 0px;
}

.SpecialVariable a, .SpecialVariable a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.SpecialVariable a:hover {
	color: #000;
}

.SpecialVariable dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 139px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.SpecialVariable dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.SpecialVariable dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 62px;
	text-overflow: ellipsis;
}

.SpecialVariable dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 180px;
	list-style: none;
	z-index: 9;
}

.SpecialVariable span.value {
	display: none;
}

.SpecialVariable dd ul li, .SelectStyle dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.SpecialVariable dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/****************************************************/
ul#navigator, .navigator, ul#navigator_ena, .navigator_ena {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul#navigator ul, ul.navigator ul {
	min-width: 125px; /* Sub Menu Width */
	width: auto;
	margin: 0;
	margin-left: -40px;
	list-style: none;
	display: none;
	position: absolute;
	top: 78%;
	left: -30px;
	z-index: 100;
}

ul#navigator ul ul, ul#navigator ul ul ul, ul.navigator ul ul, ul.navigator ul ul ul
	{
	top: 0;
	left: 100%;
}

ul#navigator li, ul#navigator_ena li, ul.navigator li, ul.navigator_ena li
	{
	float: left;
	display: inline;
	position: relative;
}

ul#navigator ul li, ul.navigator ul li {
	width: 100%;
	display: block;
}
/* Root Menu */
ul#navigator a, ul#navigator_ena a, ul.navigator a, ul.navigator_ena a {
	border-bottom: 1px solid #5b5b5b;
	border-right: 0px solid #FFF;
	padding: 8px;
	white-space: nowrap;
	float: left;
	display: block;
	color: #666;
	font: 11px Arial, sans-serif;
	text-decoration: none;
	height: 1%;
}

ul#navigator li a.icnwidget, ul#navigator_ena li a.icnwidget, ul.navigator li a.icnwidget,
	ul.navigator_ena li a.icnwidget {
	border: 0;
	padding: 0;
	white-space: nowrap;
	float: left;
	display: block;
	color: #666;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
	width: auto;
	height: auto;
}
/* submenu */
/* Root Menu Hover Persistence */
ul#navigator a:hover, ul#navigator li:hover a, ul#navigator li.iehover a
	{
	color: #FFF;
}
/*arrow sublink*/
.arrowSublink {
	margin-left: -5px;
	z-index: 9999;
	background: url(theme/uikit/images/arrowSublink.png) bottom no-repeat;
}

.arrowSublink span {
	visibility: hidden;
}

.arrowSubmenu {
	background: url(theme/uikit/images/arrow_submenu.png) right no-repeat;
	display: block;
}

/* 2nd Menu */
ul#navigator li:hover li a, ul#navigator li.iehover li a {
	float: none;
	background: #4d4d4d;
}

/* 2nd Menu Hover Persistence */
ul#navigator li:hover li a:hover, ul#navigator li:hover li:hover a, ul#navigator li.iehover li a:hover,
	ul#navigator li.iehover li.iehover a {
	background: #6b6b6b;
}

/* 3rd Menu */
ul#navigator li:hover li:hover li a, ul#navigator li.iehover li.iehover li a
	{
	background: #6b6b6b;
	border-bottom: 1px solid #787878;
}

/* 3rd Menu Hover Persistence */
ul#navigator li:hover li:hover li a:hover, ul#navigator li:hover li:hover li:hover a,
	ul#navigator li.iehover li.iehover li a:hover, ul#navigator li.iehover li.iehover li.iehover a
	{
	background: #858585;
}

/* 4th Menu */
ul#navigator li:hover li:hover li:hover li a, ul#navigator li.iehover li.iehover li.iehover li a
	{
	background: #666;
}

/* 4th Menu Hover */
ul#navigator li:hover li:hover li:hover li a:hover, ul#navigator li.iehover li.iehover li.iehover li a:hover
	{
	background: #333;
}

/* Hover Function - Do Not Move */
ul#navigator li:hover ul ul, ul#navigator li:hover ul ul ul, ul#navigator li.iehover ul ul,
	ul#navigator li.iehover ul ul ul {
	display: none;
}

ul#navigator li:hover ul, ul#navigator ul li:hover ul, ul#navigator ul ul li:hover ul,
	ul#navigator li.iehover ul, ul#navigator ul li.iehover ul, ul#navigator ul ul li.iehover ul
	{
	display: block;
}

ul#navigator_ena li ul.sublink {
	display: none;
}

ul.sublink li ul li a label {
	padding-left: 8px;
}

/****************************************************/
.rvarrowsubmenu {
	float: right;
	padding-left: 5px;
}

.ui-progressbar {
	position: relative;
}

.progress-label {
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
/* group preview buttom */
.pmode {
	display: none;
}
/* end group preview buttom */
.dtbartable {
	display: none;
}

.dtbartablecellprop {
	display: none;
}

.closeWindow {
	text-decoration: none;
	float: right;
	border: 0px solid #cacaca;
	border-radius: 4px;
	margin: 7px 11px 0 0;
	cursor: pointer;
	background: url(theme/uikit/images/icon_close.png) no-repeat;
	width: 12px;
	height: 12px;
}

#wys-save_page.wys-toolbar-save_page, #wys-save_page.wys-toolbar-save_page:hover
	{
	font-size: 15px;
	color: #76af3a;
	background: #fff;
	padding: 10px 5px 10px 5px;
	border-radius: 0px;
	cursor: pointer;
	border: #76af3a 1px solid;
	min-width: 110px;
	margin-top: 1px;
}

.wys_preview, .wys_preview:hover {
	text-decoration: none;
	float: right;
	border: 1px solid #76af3a;
	border-radius: 0px;
	padding: 10px 5px 10px 5px;
	cursor: pointer;
	background: #fff;
	color: #76af3a;
	font-size: 15px;
	font-weight: normal;
	min-width: 110px;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	margin-left: 5px;
}

.wys_grid_paste {
	text-decoration: none;
	float: right;
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding-left: 33px;
	cursor: pointer;
	background: #f5f5f5 url(theme/uikit/images/icon_gridline_paste.png)
		10px no-repeat;
	color: #5f5e5e;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
	height: 25px;
	margin: 0 5px 5px 0;
	text-align: left;
	opacity: 0.5;
}

.wys_grid_paste:hover {
	border: 1px solid #828282;
}

.wys_grid_cancel {
	text-decoration: none;
	float: right;
	border: 1px solid #cacaca;
	border-radius: 4px;
	padding-left: 33px;
	cursor: pointer;
	background: #f5f5f5 url(theme/uikit/images/icon_gridline_cancel.png)
		10px no-repeat;
	color: #5f5e5e;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
	height: 25px;
	margin: 0 5px 5px 0;
	text-align: left;
	opacity: 0.5;
}

.wys_grid_cancel:hover {
	border: 1px solid #828282;
}

.treeViewSelected {
	color: red;
}

/***************Image align*******************/
.BorderSize {
	width: 75px;
}

@
-moz-document url-prefix () { .ImageAlign dd {
	/*top: 23px;*/
	display: block;
}

}
.ImageAlign, .ImageAlign dd, .ImageAlign dt, .ImageAlign ul {
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

.ImageAlign a, .ImageAlign a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.ImageAlign a:hover {
	color: #000;
}

.ImageAlign dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 145px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ImageAlign dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.ImageAlign dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.ImageAlign dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #C5C0B0;
	display: none;
	padding: 0 0 5px 8px;
	position: absolute;
	width: 150px;
	list-style: none;
	margin-top: -10px;
}

.ImageAlign dd ul, x:-moz-any-link {
	margin-top: 27px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ImageAlign dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

.ImageAlign span.value {
	display: none;
}

.ImageAlign dd ul li a {
	padding: 0px;
	margin: 2px 0 0 0;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.ImageAlign dd ul li a:hover {
	color: #FFFFFF;
}

/***************Image align*******************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.BorderStyle dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

@
-moz-document url-prefix () { .BorderStyle dd {
	top: 23px;
	display: block;
}

}
.BorderStyle, .BorderStyle dt, .BorderStyle dd, .BorderStyle dt,
	.BorderStyle ul {
	margin: 0px;
	padding: 0px;
}

.BorderStyle a, .BorderStyle a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.BorderStyle a:hover {
	color: #000;
}

.BorderStyle dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 70px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.BorderStyle dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.BorderStyle dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.BorderStyle dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 170px;
	list-style: none;
	list-style-type: none;
	margin-top: -10px;
	z-index: 1;
}

.BorderStyle dd ul, x:-moz-any-link {
	margin-top: 27px;
}

.BorderStyle span.value {
	display: none;
}

.BorderStyle dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.BorderStyle dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.BorderColor_dis, #BorderColor_dis {
	background-position: -60px -120px;
}

.BorderColor_ena, #BorderColor_ena {
	background-position: -90px -120px;
}

.BorderColor_Image, .BorderColor_Image:hover {
	text-decoration: none;
	display: inline-block;
	background-image: url(theme/uikit/images/wys_sprite.png);
	background-repeat: no-repeat;
	background-position: -0px -2010px;
	background-color: #fff;
	float: left;
	width: 21px;
	height: 21px;
	border: 0px;
	padding-right: 5px;
	cursor: pointer;
}

.BorderColor_Image:hover {
	background-position: -90px -2010px;
}

.spanWidth {
	float: left;
	width: 60px;
}

.icon-line {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	background: url('theme/uikit/images/ridge.png') no-repeat;
	width: 100px;
	height: 17px;
}

.line-none {
	background-position: 0 0;
}

.line-dotted {
	background-position: 0 -23px;
}

.line-dashed {
	background-position: 0 -42px;
}

.line-solid {
	background-position: 0 -61px;
}

.line-double {
	background-position: 0 -84px;
}

.line-groove {
	background-position: 0 -102px;
}

.line-ridge {
	background-position: 0 -124px;
}

.line-inset {
	background-position: 0 -143px;
}

.line-outset {
	background-position: 0 -162px;
}

#arrowup {
	float: left;
	width: 20px;
	height: 21px;
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
}

#arrowdown {
	float: left;
	width: 20px;
	height: 21px;
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
}

.dynamic_prop {
	border: none;
	border-radius: 1px;
	height: 18px;
	padding: 3px 0 3px 5px;
	font-size: 11px;
}

.marginImg {
	width: 57px;
	margin-bottom: 3px;
}

.dynamic_borderLeft {
	border-left: 0px solid #fff;
	/*padding-left:2px;*/
	height: 24px;
}

.dynamic_borderRight {
	border-right: 0px solid #dddddd;
	padding-right: 2px;
	height: 24px;
}

button.resetPositon {
	height: 26px;
	color: #5f5e5e;
	text-align: left;
	min-width: 25px;
	border: 0px solid #dddddd;
	border-radius: 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	background: url(theme/uikit/images/reset_position.png) -3px 2px
		no-repeat #fff;
	padding-left: 0px;
	padding-right: 10px;
}

button.resetPositon:hover {
	border: 0px solid #828282;
}

.dynamictoolbar button.resetPositon {
	height: 26px;
	color: #5f5e5e;
	text-align: left;
	min-width: 120px;
	border: 1px solid #dddddd;
	border-radius: 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	background: url(theme/uikit/images/reset_position.png) -3px 2px
		no-repeat #fff;
	padding-left: 28px;
	padding-right: 10px;
}

.dynamictoolbar button.resetPositon:hover {
	border: 1px solid #828282;
}

/* Img Align
-----------------------------------*/
.wys-ImgAlign {
	background: url(theme/uikit/images/wys_sprite.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 50px;
	float: left;
	margin: 4px 0 2px;
}

li.wys-ImgAlign {
	list-style: none;
}

.wys-alignBaseline {
	background-position: -1px -2070px;
}

.wys-alignBaseline:hover {
	background-position: -61px -2070px;
}

.wys-alignTop {
	background-position: -1px -2190px;
}

.wys-alignTop:hover {
	background-position: -61px -2190px;
}

.wys-alignBottom {
	background-position: -1px -2250px;
}

.wys-alignBottom:hover {
	background-position: -61px -2250px;
}

.wys-alignMiddle {
	background-position: -1px -2130px;
}

.wys-alignMiddle:hover {
	background-position: -61px -2130px;
}

.wys-alignLeft {
	background-position: -1px -2310px;
}

.wys-alignLeft:hover {
	background-position: -61px -2310px;
}

.wys-alignRight {
	background-position: -1px -2370px;
}

.wys-alignRight:hover {
	background-position: -61px -2370px;
}

#dynamictoolbar_insertImage .dynamictoolbar {
	margin-left: 300px;
}

button.tableprop {
	height: 25px;
	color: #5f5e5e;
	text-align: center;
	width: 120px;
	border: 1px solid #cacaca;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin-right: 8px;
	background: url(theme/uikit/images/icon_cellproperties.png) no-repeat
		#f5f5f5;
}

button.tableTextMode {
	height: 25px;
	color: #5f5e5e;
	text-align: center;
	width: 120px;
	border: 1px solid #cacaca;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin-right: 8px;
	background: url(theme/uikit/images/icon_textmode.png) no-repeat
		#f5f5f5;
}

button.tableprop:hover, button.tableTextMode:hover {
	border: 1px solid #828282;
}

/*dialog for wys*/
.ui-dialog {
	padding: 0;
	border-radius: 0;
	background: #efefef;
	border: 0;
}

.ui-dialog .ui-dialog-titlebar {
	border: 0;
	border-radius: 0;
	padding: 8px 16px;
	font-size: 15px;
	font-weight: normal;
	background: #4444;
}

.ui-state-error {
	font-size: 11px;
	margin: 20px 8px;
}

.ui-dialog .ui-dialog-buttonpane {
	border: 0;
	background: #efefef;
	padding-top: 0px;
	/*margin: 0 1px 20px 0;*/
}

.ui-dialog .ui-dialog-buttonpane button {
	border: 1px solid #48b864;
	background: #48b864;
	font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	background: #327843;
	color: #FFF;
}

.ui-widget-overlay {
	background: #000000;
	opacity: 0.9;
}

/*PageName*/
.format_pagename {
	margin-top: 25px;
	margin-left: 537px;
	font-size: 10px;
}

/*td valign cells*/
.tdValignTop, #tdValignTop {
	background-position: 0px -2549px;
}

.tdValignTop:hover, #tdValignTop:hover {
	background-position: -30px -2549px;
}

.tdValignTop_dis, #tdValignTop_dis {
	background-position: -60px -2549px;
}

.tdValignTop_ena, #tdValignTop_ena {
	background-position: -90px -2549px;
}

.tdValignMiddle, #tdValignMiddle {
	background-position: 0px -2579px;
}

.tdValignMiddle:hover, #tdValignMiddle:hover {
	background-position: -30px -2579px;
}

.tdValignMiddle_dis, #tdValignMiddle_dis {
	background-position: -60px -2579px;
}

.tdValignMiddle_ena, #tdValignMiddle_ena {
	background-position: -90px -2579px;
}

.tdValignBottom, #tdValignBottom {
	background-position: 0px -2609px;
}

.tdValignBottom:hover, #tdValignBottom:hover {
	background-position: -30px -2609px;
}

.tdValignBottom_dis, #tdValignBottom_dis {
	background-position: -60px -2609px;
}

.tdValignBottom_ena, #tdValignBottom_ena {
	background-position: -90px -2609px;
}

.tdValignBaseLine, #tdValignBaseLine {
	background-position: 0px -930px;
}

.tdValignBaseLine:hover, #tdValignBaseLine:hover {
	background-position: -30px -930px;
}

.tdValignBaseLine_dis, #tdValignBaseLine_dis {
	background-position: -60px -930px;
}

.tdValignBaseLine_ena, #tdValignBaseLine_ena {
	background-position: -90px -930px;
}

/*td align cells*/
.tdAlignLeft, #tdAlignLeft {
	background-position: 0px -2459px;
}

.tdAlignLeft:hover, #tdAlignLeft:hover {
	background-position: -30px -2459px;
}

.tdAlignLeft_dis, #tdAlignLeft_dis {
	background-position: -60px -2459px;
}

.tdAlignLeft_ena, #tdAlignLeft_ena {
	background-position: -90px -2459px;
}

.tdAlignCenter, #tdAlignCenter {
	background-position: 0px -2489px;
}

.tdAlignCenter:hover, #tdAlignCenter:hover {
	background-position: -30px -2489px;
}

.tdAlignCenter_dis, #tdAlignCenter_dis {
	background-position: -60px -2489px;
}

.tdAlignCenter_ena, #tdAlignCenter_ena {
	background-position: -90px -2489px;
}

.tdAlignRight, #tdAlignRight {
	background-position: 0px -2519px;
}

.tdAlignRight:hover, #tdAlignRight:hover {
	background-position: -30px -2519px;
}

.tdAlignRight_dis, #tdAlignRight_dis {
	background-position: -60px -2519px;
}

.tdAlignRight_ena, #tdAlignRight_ena {
	background-position: -90px -2519px;
}

.tdAlignJustify, #tdAlignJustify {
	background-position: 0px -630px;
}

.tdAlignJustify:hover, #tdAlignJustify:hover {
	background-position: -30px -630px;
}

.tdAlignJustify_dis, #tdAlignJustify_dis {
	background-position: -60px -630px;
}

.tdAlignJustify_ena, #tdAlignJustify_ena {
	background-position: -90px -630px;
}

.tdAlignChar, #tdAlignChar {
	background-position: 0px -630px;
}

.tdAlignChar:hover, #tdAlignChar:hover {
	background-position: -30px -630px;
}

.tdAlignChar_dis, #tdAlignChar_dis {
	background-position: -60px -630px;
}

.tdAlignChar_ena, #tdAlignChar_ena {
	background-position: -90px -630px;
}

/***************table align*******************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.BorderStyleTable dd {
		/*top: -9px;*/
		display: inline-block;
	}
}

@
-moz-document url-prefix () { .BorderStyleTable dd {
	/*top: 23px;*/
	display: block;
}

}
.BorderStyleTable {
	margin: 3px 0 0 0;
	padding: 0px;
}

.BorderStyleTable dd, .BorderStyleTable dt, .BorderStyleTable ul {
	margin: 0px;
	padding: 0px;
}

.BorderStyleTable a, .BorderStyleTable a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.BorderStyleTable a:hover {
	color: #000;
}

.BorderStyleTable dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 175px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.BorderStyleTable dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.BorderStyleTable dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.BorderStyleTable dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 170px;
	list-style: none;
	list-style-type: none;
	z-index: 1;
	margin-top: -10px;
}

.dynamic-panel-group .BorderStyleTable dd ul {
	margin-top: -10px;
}

.BorderStyleTable dd ul, x:-moz-any-link {
	margin-top: 27px;
}

.BorderStyleTable span.value {
	display: none;
}

.BorderStyleTable dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.BorderStyleTable dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.dynamictools .BorderStyleTable dd {
	position: absolute;
}

.dynamictools .BorderStyleTable dd ul {
	left: -86px;
	top: 26px;
}

/***************table width pixel*******************/
.tableWidthPX a, .tableWidthPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.tableWidthPX a:hover {
	color: #000;
}

.tableWidthPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 39px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tableWidthPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.tableWidthPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.tableWidthPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 50px;
	list-style: none;
	list-style-type: none;
	margin: 26px 0 0 0;
}

.tableWidthPX span.value {
	display: none;
}

.tableWidthPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/***************table algin*******************/
.tableAlign a, .tableAlign a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	height: 17px;
}

.tableAlign a:hover {
	color: #000;
}

.tableAlign dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 93px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tableAlign dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.tableAlign dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.tableAlign dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	width: 110px;
	list-style: none;
	list-style-type: none;
	position: absolute;
	margin-top: 26px;
	margin-left: 0px;
}

.tableAlign span.value {
	display: none;
}

.tableAlign dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

.tableAlign dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.tableWidthPX dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/*hack style table and image properties for firefox*/
.BorderStyle dd ul, x:-moz-any-link, .ImageAlign dd ul, x:-moz-any-link,
	.BorderStyleTable dd ul, x:-moz-any-link, .tableWidthPX dd ul, x:-moz-any-link,
	.tableAlign dd ul, x:-moz-any-link /*{top:25px;}*/
	/***************image width pixel*******************/ 


.imageWidthPX a, .imageWidthPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.imageWidthPX a:hover {
	color: #000;
}

.imageWidthPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 33px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.imageWidthPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.imageWidthPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.imageWidthPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 35px;
	list-style: none;
	list-style-type: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.imageWidthPX dd ul {
		top: 16px;
		display: inline-block;
	}
}

.imageWidthPX span.value {
	display: none;
}

.imageWidthPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/***************image height pixel*******************/
.imageHeightPX a, .imageHeightPX a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.imageHeightPX a:hover {
	color: #000;
}

.imageHeightPX dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 33px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.imageHeightPX dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.imageHeightPX dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	width: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.imageHeightPX dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 35px;
	list-style: none;
	list-style-type: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.imageHeightPX dd ul {
		/* top: 16px;*/
		display: inline-block;
	}
}

.imageHeightPX span.value {
	display: none;
}

.imageHeightPX dd ul li a {
	padding: 2px 4px;
	display: block;
	white-space: nowrap;
	font-size: 11px;
}

/** Start Image Border Radius **/
.imagebrdRadius a, .imagebrdRadius a:visited {
	color: #414141;
	text-decoration: none;
	outline: none;
}

.imagebrdRadius a:hover {
	color: #414141;
}

.imagebrdRadius dt a {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	border: 0px solid #B8B8B8;
	width: 174px;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

.imagebrdRadius dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #414141;
	border: 0px solid #B8B8B8;
}

.imagebrdRadius dt a span {
	display: block;
	padding: 0 2px;
	width: 65px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
}

.dynamictoolbar .imagebrdRadius dt a {
	width: 75px;
}

.imagebrdRadius dd {
	/*margin-top:22px;*/
	
}

.imagebrdRadius dd {
	/*margin-top:22px;*/
	
}

.imagebrdRadius dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	min-width: 180px;
	list-style: none;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 26px;
	z-index: 1;
}

.dynamictoolbar .imagebrdRadius dd ul {
	min-width: 90px;
}

.main-panel .imagebrdRadius dd ul {
	margin-top: 2px;
}

.imagebrdRadius dd li a, .imagebrdRadius dd li a:hover {
	background: #fff;
	color: #000;
	padding: 1px 0px 1px 3px;
	display: block;
	font-size: 11px;
}

.imagebrdRadius dd li a:hover {
	background: #316ac5;
	color: #fff;
}

/** End Image Border Radius ** /

/*************  Start helpTutorial  ***************/
.helpTutorial, .helpTutorial dd, .helpTutorial dt, .helpTutorial ul {
	margin: 0px;
	padding: 0px;
}

.helpTutorial a, .helpTutorial a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.helpTutorial a:hover {
	color: #000;
}

.helpTutorial dt a {
	background: #f8f8f8 url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 60px;
	height: 18px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.helpTutorial dt a:hover {
	background: #f8f8f8 url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.helpTutorial dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
}

.helpTutorial dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 5px 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
}

.helpTutorial span.value {
	display: none;
}

.helpTutorial dd ul li, .helpTutorial dd ul li a {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.helpTutorial dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

/* Css Dialog Keyboard Shotcuts*/
.btnKeyboardshotcut {
	font-size: 10px;
	text-decoration: none;
	background-color: #929292;
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	color: #fff;
	height: 17px;
	margin: 3px 0 3px 3px;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

table.table-keyboard-short {
	width: 700px;
	margin: 0 auto;
	font-size: medium;
}

table.table-keyboard-short td {
	line-height: 30px;
	padding: 8px 0;
}

table.table-keyboard-short td span {
	background-color: #e7e7e7;
	border: 1px solid #e3e3e3;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 5px;
	color: #504f4f;
}

table.table-keyboard-short td.description {
	border-left: 1px solid #ccc;
	padding: 0 10px;
}
/* Css Dialog Keyboard Shotcuts*/
.rvwys-load {
	width: 80px;
	height: 27px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.rvwysEffectCenter {
	width: 80px;
	height: 27px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*----------------- style facebook Uikit (V.6) -------------------------*/
.rv-facebook-block {
	border: 0;
}

.rv-facebook-border {
	background: #FFF;
	padding: 14px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 7px;
}

.rv-facebook-block .clear {
	clear: both;
}

.rv-facebook-block .row-padd {
	clear: both;
	padding: 0;
	margin: 0 0 15px 0;
}

.rv-facebook-block .left-block {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 49%;
}

.rv-facebook-block .right-block {
	margin-left: 3px;
	margin-bottom: 15px;
	float: left;
	width: 49%;
}

.rv-facebook-block .title-facebook {
	font-size: 18px;
	padding: 0;
	margin: 0 0 25px 0;
	display: block;
}

.rv-facebook-block .name {
	font-size: 15px;
}

.rv-facebook-block .name-box {
	font-size: 15px;
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
}

.rv-facebook-block input.box, .rv-facebook-block select.box,
	.rv-facebook-block textarea.box {
	border: #dfe0e4 solid 1px;
	padding: 7px 4px;
	font-size: 13px;
}

.rv-facebook-block textarea.box {
	width: 98%;
}

.rv-facebook-block input.box {
	width: 98%;
}

.rv-facebook-block select.box {
	width: 100%;
	padding: 6px 4px;
}

.rv-facebook-block .row-padd div.show-icon {
	border: #dfe0e4 solid 1px;
	padding: 5px;
	width: 98%;
	min-height: 80px;
}

.rv-facebook-block .row-padd div.show-icon-padd {
	padding: 20px 5px;
	min-height: auto;
	text-align: center;
}

.rv-facebook-block .row-padd div.show-icon div#fb-like {
	margin: auto;
}

/*----------------  end style facebook Uikit (V.6) ------------------------*/

/*---------------- AwesomeFont Uikit (V.6) ------------------------*/
button.AwesomeFont, button.AwesomeFont:hover {
	cursor: pointer !important;
	background: #f5f5f5;
	border: #cacaca solid 1px;
	color: #5f5e5e;
	border-radius: 3px;
	padding: 5px 8px 4px 8px;
	font-size: 12px;
}

@
-moz-document url-prefix (){button .AwesomeFont, button.AwesomeFont:hover
	{
    padding :3px8px3px8px;
	
}

}
button.AwesomeFont:hover {
	border: #828282 solid 1px;
}

.parentAwesomeFont ul li i, .parentAwesomeFont ul li i:hover {
	border: #ffffff solid 1px;
	cursor: pointer !important;
	width: 20px;
	height: 17px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 120%;
}

.parentAwesomeFont ul li i:hover {
	border: #5ac4e6 solid 1px;
}

.button-group {
	margin-top: 15px;
}

.icon-group {
	height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
}

.viewAwesomeFont {
	border: #dddddd solid 1px;
	text-align: center;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	height: 50px;
	display: flex;
	align-items: center;
}

.viewAwesomeFont i, .viewAwesomeFont span {
	margin: 0 auto;
}

/*---------------- AwesomeFont Uikit (CMS) ------------------------*/
button.AwesomeFontMenu, button.AwesomeFontMenu:hover {
	cursor: pointer !important;
	background: #f5f5f5;
	border: #dddddd solid 1px;
	color: #5f5e5e;
	border-radius: 2px;
	padding: 5px 8px 4px 8px;
	font-size: 12px;
}

@
-moz-document url-prefix (){button .AwesomeFont, button.AwesomeFont:hover
	{
    padding :3px8px3px8px;
	
}

}
button.AwesomeFontMenu:hover, button.AwesomeFontMenu:focus {
	border: #cacaca solid 1px;
}

.parentAwesomeFontMenu ul li i, .parentAwesomeFontMenu ul li i:hover {
	border: #ffffff solid 1px;
	cursor: pointer !important;
	width: 20px;
	height: 17px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 120%;
}

.parentAwesomeFontMenu ul li i:hover {
	border: #5ac4e6 solid 1px;
}

.button-group {
	margin-top: 15px;
}

.icon-group {
	height: 310px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 15px;
}

.viewAwesomeFontMenu {
	border: #dddddd solid 1px;
	text-align: center;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	height: 50px;
	display: flex;
	align-items: center;
}

.viewAwesomeFontMenu i, .viewAwesomeFontMenu span {
	margin: 0 auto;
}

/********* Hyperlink Dialog *********/

/* =Navigation
-----------------------------------------------------------------------------*/
#sidebar {
	position: relative;
	margin: 0 0 0 -13px;
	padding: 0;
	color: #585858;
	background: url(theme/uikit/images/bgnav.jpg) #efefef left repeat-y;
	min-height: 100%;
}

#nav ul.uk-tab {
	list-style: none;
	margin: 0 0 0 5px;
	float: left;
	width: 120px;
	border: 0;
}

#nav ul.uk-tab li a {
	border: 0;
}

#nav ul.uk-tab li {
	font-family: 'Helvetica', Arial, Verdana, sans serif;
	margin-left: 0;
	vertical-align: top;
}

#nav ul.uk-tab li a:link, #nav ul.uk-tab li a:visited {
	font-size: 12px;
	display: block;
	padding: 10px 10px 15px 10px;
	margin-top: 0px;
	margin-left: -40px;
	color: #585858; /* gray */
	text-decoration: none;
	right: 11px;
	line-height: 18px;
}

#nav ul.uk-tab li a:hover, #nav ul.uk-tab li a:focus {
	background: url(theme/uikit/images/nav_h.png) no-repeat;
	/* lightblue */
	color: #fff;
	left: 0px;
	padding: 10px 18px 15px 10px;
}

#nav ul.uk-tab li a span {
	float: left;
	margin-top: -7px;
	padding: 0 5px;
}

/* Navigation Current */
#nav ul.uk-tab li.uk-active:hover a, #nav ul.uk-tab li.uk-active a {
	color: #fff;
	background: url(theme/uikit/images/nav_h.png) no-repeat;
	left: 0px;
	padding: 10px 18px 15px 10px;
}

#nav ul.uk-tab li a span.icon-page, #nav ul.uk-tab li a span.icon-website,
	#nav ul.uk-tab li a span.icon-email, #nav ul.uk-tab li a span.icon-images,
	#nav ul.uk-tab li a span.icon-media, #nav ul.uk-tab li a span.icon-files,
	#nav ul.uk-tab li a span.icon-popup, #nav ul.uk-tab li a span.icon-tooltip,
	#nav ul.uk-tab li a span.icon-bookmark {
	background: url(theme/uikit/images/icon_page.png) no-repeat left top;
	width: 29px;
	height: 29px;
	display: block;
	float: left;
}

#nav ul.uk-tab li a span.icon-website {
	background: url(theme/uikit/images/icon_website.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-email {
	background: url(theme/uikit/images/icon_email.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-images {
	background: url(theme/uikit/images/icon_images.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-media {
	background: url(theme/uikit/images/icon_media.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-files {
	background: url(theme/uikit/images/icon_files.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-popup {
	background: url(theme/uikit/images/icon_popup.png) no-repeat left top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-tooltip {
	background: url(theme/uikit/images/icon_tooltip.png) no-repeat left
		top;
	width: 29px;
}

#nav ul.uk-tab li a span.icon-bookmark {
	background: url(theme/uikit/images/icon_bookmark.png) no-repeat left
		top;
	width: 29px;
}

/* =ContentRight
-----------------------------------------------------------------------------*/
.ContentRight {
	background-color: #fff;
	padding: 0 10px 0 0;
	margin: 0;
	line-height: 18px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
	width: 560px;
	font-size: 12px;
}

.ContentRight .uk-panel, .ContentRight .uk-panel label {
	font-size: 12px;
}

.ContentRight a:link, .ContentRight a:visited, .ContentRight a:hover,
	.ContentRight a:active {
	color: #595959;
	text-decoration: none;
	background: none;
	font-size: 12px;
}

.ContentRight a:hover, .ContentRight a:active {
	color: #006FDD;
}

.ContentRight a.linkblue:link, .ContentRight a.linkblue:hover,
	.ContentRight a.linkblue:visited, .ContentRight a.linkblue:active {
	background-color: #216d9f;
	color: #fff;
	padding: 5px 10px;
	border: 0;
}

.ContentRight a.linkblue:hover {
	background-color: #5d5e5f;
}

.ContentRight .clearit {
	clear: both;
}

.ContentRight .fleft {
	float: left;
}

.ContentRight .fright {
	float: right;
}

.ContentRight .pad10 {
	padding: 10px;
}

.ContentRight .padtopbot10 {
	padding: 10px 0;
}

.ContentRight h2.title {
	font-size: 13px;
	padding: 0;
	margin: 5px 0;
	font-weight: normal;
}

.ContentRight .line {
	background: #eaeaea;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* =TitleDialog
-----------------------------------------------------------------------------*/
.titleDialog {
	color: #fff;
	background-color: #444;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	border-bottom: 1px solid #696969;
	width: 910px;
}

.ContentRight input.txtbox, textarea.areamsg {
	border: 1px solid #dfe0e4;
	background-color: #fff;
	margin: 0 0 7px 0;
	padding: 2px 4px;
	width: 98%;
	height: 25px;
}

.ContentRight textarea.areamsg {
	height: 70px;
}

.ContentRight .selectArrow {
	overflow: hidden;
	/*background: url(theme/uikit/images/arrowDropdown.gif) no-repeat right #fff;*/
	border: 1px solid #dfe0e4;
	margin: 0 0 7px 0;
}

.ContentRight .selectArrow select {
	background: transparent;
	width: 100%;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	height: 30px;
	color: #707070;
	font-size: 13px;
	outline: 0;
}

span.textbookmark {
	font-size: 14px;
	cursor: default;
}

.text-form-file {
	font-size: 13px;
	font-family: arial, verdana;
	background: #eeeeee;
	padding: 5px;
	border: #d1d1d1 dashed 1px;
	white-space: nowrap;
}

.text-form-file a, .text-form-file a:hover {
	font-size: 13px;
	font-family: arial, verdana;
}

.text-form-file a:hover {
	opacity: 0.8;
}

.ui-link-button {
	border: 0;
	border-radius: 100px;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 8px;
}
/** All Button Hover **/
.ui-link-button:hover, .uk-button:hover {
	opacity: 0.8;
}

.ui-link-sample {
	margin: 5px 0;
	padding: 8px 3px;
	width: 110px;
	text-align: center;
	font-size: 14px;
}

.ui-link-sample-round {
	border-radius: 5px;
}

.ui-link-padd {
	margin-bottom: 10px;
}

/** button 1 **/
.uk-button-red {
	background-color: #f12c2c;
	color: #ffffff;
}
/** button 2 **/
.uk-button-gold {
	background-color: #f5a623;
	color: #ffffff;
}
/** button 3 **/
.uk-button-yellow {
	background-color: #ffdc00;
	color: #414141;
}
/** button 4 **/
.uk-button-green {
	background-color: #59b71c;
	color: #ffffff;
}
/** button 5 **/
.uk-button-skyblue {
	background-color: #22c7ad;
	color: #ffffff;
}
/** button 6 **/
.uk-button-blue {
	background-color: #2f8ee0;
	color: #ffffff;
}
/** button 7 **/
.uk-button-purple {
	background-color: #6f1cf8;
	color: #ffffff;
}
/** button 8 **/
.uk-button-pink {
	background-color: #c829e5;
	color: #ffffff;
}
/** button 9 **/
.uk-button-magenta {
	background-color: #e71e8f;
	color: #ffffff;
}
/** button 10 **/
.uk-button-silver {
	background-color: #bfbfbf;
	color: #414141;
}
/** button 11 **/
.uk-button-gray {
	background-color: #767676;
	color: #ffffff;
}
/** button 12 **/
.uk-button-darkgray {
	background-color: #4a4a4a;
	color: #ffffff;
}

.ui-link-dialog {
	margin-bottom: 15px;
}


.ui-link-dialog .listLinkBlog,
.ui-link-dialog .listLinkSystem{
	width: 100%;
	height: 120px;
	overflow: auto;
	background: #fff;
	margin-bottom: 10px;
}

.ui-link-dialog .listPageHyper{
	width: 100%;
	height: 120px;
	overflow: auto;
	background: #fff;
	margin-bottom: 10px;
	resize:vertical;
}


.ui-link-dialog .listLinkPage .titleLinkPage {
	font-size: 13px;
}

.ui-link-dialog h2.title {
	font-size: 16px;
	padding: 0;
	margin: 0 0 4px 0;
	line-height: 20px;
}

.ui-link-dialog input.upload-select2 {
	cursor: pointer;
	color: transparent;
	width: 90px;
}

.ui-link-dialog li.iconFile div {
	word-break: break-all;
	width: 65px;
}

/*sub toolbar mini*/
.mini_bold, #mini_bold {
	background-position: 0px -150px;
}

.mini_bold:hover, #mini_bold:hover {
	background-position: -30px -150px;
}

.mini_bold_dis, #mini_bold_dis {
	background-position: -60px -150px;
}

.mini_bold_ena, #mini_bold_ena {
	background-position: -90px -150px;
}

.mini_italic, #mini_italic {
	background-position: 0px -180px;
}

.mini_italic:hover, #mini_italic:hover {
	background-position: -30px -180px;
}

.mini_italic_dis, #mini_italic_dis {
	background-position: -60px -180px;
}

.mini_italic_ena, #mini_italic_ena {
	background-position: -90px -180px;
}

.mini_underline, #mini_underline {
	background-position: 0px -210px;
}

.mini_underline:hover, #mini_underline:hover {
	background-position: -30px -210px;
}

.mini_underline_dis, #mini_underline_dis {
	background-position: -60px -210px;
}

.mini_underline_ena, #mini_underline_ena {
	background-position: -90px -210px;
}

.mini_strikethrough, #mini_strikethrough {
	background-position: 0px -240px;
}

.mini_strikethrough:hover, #mini_strikethrough:hover {
	background-position: -30px -240px;
}

.mini_strikethrough_dis, #mini_strikethrough_dis {
	background-position: -60px -240px;
}

.mini_strikethrough_ena, #mini_strikethrough_ena {
	background-position: -90px -240px;
}

.mini_superscript, #mini_superscript {
	background-position: 0px -270px;
}

.mini_superscript:hover, #mini_superscript:hover {
	background-position: -30px -270px;
}

.mini_superscript_dis, #mini_superscript_dis {
	background-position: -60px -270px;
}

.mini_superscript_ena, #mini_superscript_ena {
	background-position: -90px -270px;
}

.mini_subscript, #mini_subscript {
	background-position: 0px -300px;
}

.mini_subscript:hover, #mini_subscript:hover {
	background-position: -30px -300px;
}

.mini_subscript_dis, #mini_subscript_dis {
	background-position: -60px -300px;
}

.mini_subscript_ena, #mini_subscript_ena {
	background-position: -90px -300px;
}

.mini_clean, #mini_clean {
	background-position: 0px -330px;
}

.mini_clean:hover, #mini_clean:hover {
	background-position: -30px -330px;
}

.mini_clean_dis, #mini_clean_dis {
	background-position: -60px -330px;
}

.mini_clean_ena, #mini_clean_ena {
	background-position: -90px -330px;
}
/*end sub toolbar mini*/
.wys-dynamic {
	display: none;
	position: absolute;
	z-index: 99;
}

/*spectrum colorepicker custom*/
.uk-modal+.sp-container {
	width: 150px;
}

.sp-picker-container {
	width: 96%;
}

.sp-container {
	border: 0;
	/*background:none;*/
	position: absolute;
}

.sp-picker-container {
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
}

/*end spectrum colorepicker custom*/
.animate-box {
	paddint-top: 10px;
	font-size: 12px;
}

.animate-box a {
	color: #616161 !important;
	text-decoration: none;
}
.animate-box a {
	color: #616161 !important;
	text-decoration: none;
}
#tabs-Animation .uk-panel-box {
	border:0;
    box-shadow:1px 1px 2px rgba(255,255,255,0); /*overwrite*/
}
#tabs-Parallax .uk-panel-box  {
    box-shadow:1px 1px 2px rgba(255,255,255,0); /*overwrite*/
}
.animateBlock {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	border: #cfcfcf solid 1px;
	border-radius: 4px;
	margin: 0px 4px 8px 4px;
	text-align: center;
	background: #fff;
}

.animateBlock .uk-panel-box {
	padding: 10px 5px;
	background: #fff;
	border:0 !important;
	box-shadow:none !important;
}
.animateBlock .uk-panel-box a{
	font-size:10px;
}
/*
.animationTime,.animationTime dd,.animationTime dt,.animationTime ul {
    margin: 0px;
    padding: 0px;
}
.animationTime a,.animationTime a:visited, .animationTime a:hover{
    color: #616161 !important;
    text-decoration: none;
    outline: none;
    line-height:12px;
    font-weight:normal;
}
.animationTime a:hover{color:#fff !important;}
.animationTime dt a, .animationTime dt a:hover {
    background: #fff url(theme/uikit/images/arrow-dropdown.png) no-repeat
        scroll 97% center;
    display: block;
    padding: 3px;
    margin:5px 3px 0;
    border: 2px solid #dddddd;
    width: 75px;
    height: 14px;
    border-radius:0;
    color:#fff !important;
    font-style:normal !important;
    font-weight:normal !important;
    text-decoration:none !important;
    font-family:tahoma !important;
}

.animationTime dt a span{
    cursor: pointer;
    display: block;
    padding: 0 2px;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
    color: #616161 !important;
    font-size:11px;
}
.animationTime dd ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #C5C0B0;
    display: none;
    padding: 0 0 0 5px;
    position: absolute;
    list-style: none;
    overflow-x: hidden; 
    height: 150px; 
    width: 100px;
    margin-left:3px; 
    top:0;
}
.animationTime dd ul:not(*:root){
    top:1px;
    padding:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .animationTime dd {

        display: inline-block;
    }
}
*/
.animationTime, .animationTime dd, .animationTime dt, .animationTime ul
	{
	margin: 2px 0 0 0;
	padding: 0px;
}

.animationTime a, .animationTime a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
}

.animationTime a:hover {
	color: #000;
}

.animationTime dt a {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	display: block;
	padding: 5px 3px;
	margin-right: 7px;
	border: 0px solid #B8B8B8;
	width: 90px;
	/*height: 18px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.animationTime dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow02.gif) no-repeat
		scroll 97% center;
	color: #000;
	border: 0px solid #B8B8B8;
}

.animationTime dt a span {
	cursor: pointer;
	display: block;
	padding: 0 2px;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	text-overflow: ellipsis;
}

.animationTime dd ul {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cccccc;
	color: #C5C0B0;
	display: none;
	padding: 0px;
	position: absolute;
	width: 150px;
	list-style: none;
	z-index: 9;
	margin-top: 26px;
}

.animationTime span.value {
	display: none;
}

.animationTime dd ul li {
	padding: 1px 3px;
	margin: 0px;
	display: block;
	white-space: nowrap;
}

.animationTime dd ul li a {
	padding: 2px;
	display: block;
	white-space: nowrap;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-decoration: none !important;
	font-family: tahoma !important;
}

.animationTime dd ul li a:hover {
	background-color: #316AC5;
	color: #FFFFFF;
}

.animationTime dd ul li a:hover span {
	color: #FFFFFF;
}

.ani_current {
	border: 1px solid #616161;
}

.animation-time {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0;
	width: 100px;
	float: left;
}

.animation-time ul {
	z-index: 10;
	margin-top: 1px;
}

.animationTime dt a, .animationTime dt a:hover {
	border: 1px solid #dddddd;
}

.animation-repeat {
	padding: 0;
	margin: 20px 0 0 0;
	width: 120px;
	float: left;
}

.animation-repeat input {
	vertical-align: middle;
}

nav#menu .menuLeftOut div.tabs-ui-content {
	overflow-x: hidden;
}

.title-panel {
	background: #616161;
}

.title-panel .txt-title-panel {
	color: #fff;
	font-size: 13px;
	padding: 8px 10px;
	cursor: move;
	text-align: center;
	background: #323a45;
}

.title-panel .uk-icon-close {
	/*background: url(theme/uikit/images/icon-button-close.png) no-repeat;*/
	width: 12px;
	height: 12px;
}

.title-panel .uk-icon-close:before {
	content: url(theme/uikit/images/icon-button-close.png);
}
.title-panel-action {
	font-size: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-panel {
	padding: 0;
}

.txt-group-panel {
	padding: 5px 0;
}

.txt-group-panel dl {
	float: left;
	margin-right: 3px;
}

.txt-group-panel dl dt a, .txt-group-panel dl dt a:hover {
	background: #ffffff url(theme/uikit/images/arrow.gif) no-repeat
		scroll 97% center;
	padding: 5px 3px 0px 3px;
	margin-right: 3px;
	border: 1px solid #dddddd;
	height: 18px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-weight: normal;
}

.txt-group-panel dl dt a:hover {
	color: #000;
}

.txt-group-panel dl.SpecialVariable {
	margin-left: 3px;
}

.txt-group-panel dd ul {
	z-index: 1;
}

.txt-group-panel input.dynamic_prop {
	border: 1px solid #dddddd;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-size: 11px;
	width: 45%;
}

.dynamic-panel-group {
	margin-top: 5px;
}

/*****preview uikit*******/
.wys-preview {
	border: 0;
	color: #414141;
	font-size: 15px;
	background: transparent;
	margin-top: 12px;
	position: absolute;
	left: 20%;
	right: 20%;
	white-space: nowrap;
}

button:focus {
	border: 0;
	outline: 0;
}
/************* Page Setting **************/
button.PageSetting {
	border: 0;
	color: #414141;
	font-size: 14px;
	background: transparent;
	margin-top: 12px;
	position: absolute;
	left: 48%;
	/*right:48%; */
	white-space: nowrap;
	cursor: pointer;
}

button.PageSetting .uk-icon-chevron-right {
	font-size: 10px;
	margin-left: 5px;
}

.msgblock-warning-inline {
	background: transparent;
	color: #ff0000;
	border: 0;
	margin-top: 5px;
	padding: 0;
	font-size: 12px;
}

.pagesetting-box {
	width: 350px;
	height: 425px;
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	cursor: default:
}

.pagesetting-box .pagesetting-box-scrollbar {
	height: 370px;
	overflow-x: hidden;
	overflow-y: auto;
}

.pagesetting-box .pagesetting-box-centent {
	width: 330px;
}

.pagesetting-box.uk-panel-box {
	background: #fff;
	border: #e8e8e8 solid 1px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana;
	cursor: default;
	padding-right: 0;
}

.pagesetting-box .uk-panel-title {
	text-align: left;
	color: #414141;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #dddddd solid 1px;
}

.pagesetting-box .editpagename {
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana;
	background: #fff;
}

.pagesetting-box .editpagename span, .editpagename span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100px;
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

.icon-control i.uk-icon-small {
	padding-right: 5px;
	padding-top: 10px;
	color: #b2b2b2;
	font-size: 20px;
	vertical-align: inherit;
}

.pagesetting-box .icon-control, .icon-control {
	margin-top: -38px;
	float: right;
	color: #b7bbc6;
	font-size: 20px;
}

.icon-control-home {
	margin-top: 5px;
	margin-right: 50px;
	float: right;
	color: #b7bbc6;
	font-size: 20px;
}

.pagesetting-box .clearit {
	clear: both;
	margin: 0;
	padding: 0;
}

.pagesetting-box .block-l {
	max-width: 240px;
	float: left;
}

.pagesetting-box .block-r {
	width: 90px;
	float: right;
}

.pagesetting-box .btn-addpage, .pagesetting-box .btn-addpage:hover {
	background: #79c330;
	color: #f3ffe5;
	padding: 10px 5px;
	border-radius: 0px;
	border: #8baf67 solid 1px;
	text-align: center;
	font-size: 16px;
	width: 95%;
}

.pagesetting-box .btn-addpage:hover {
	background: #71a53d;
}

.pagesetting-box hr.rv-artical-divider {
	margin-top: 5px;
	margin-bottom: 15px;
	border-color: #dddddd;
}

/******* Page-setting Property *******/
.page-property, .pageSettingProperty {
	width: 200px;
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	background: #fff;
	border: #e8e8e8 solid 1px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	font-size: 14px;
	padding: 5px;
	margin: -15px 0 0 -15px;
}

.page-property .uk-panel-box {
	padding: 0;
	margin: 0;
}

.page-property ul.uk-list {
	background: #fff;
	padding: 0;
	margin: 0;
}

.page-property ul.uk-list li {
	color: #414141;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	padding: 2px 5px;
	cursor: pointer;
	/*border: 1px solid #ffffff; 
    border-radius:8px;*/
	margin: 0;
}

.page-property ul.uk-list li:hover {
	/*border: 1px solid #efefef; 
    border-radius:8px;*/
	color: #000;
}

.pageSettingProperty {
	width: auto;
	height: 70px;
	padding: 15px;
	border: #e8e8e8 solid 1px;
	margin-top: 20px;
	white-space: nowrap;
}

.pageSettingProperty .pageName {
	border: #d4d4d4 solid 1px;
	padding: 7px;
	width: 250px;
}

.rv-statusgroup span {
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
}

.rv-statusgroup .uk-icon, .rv-statusgroup .uk-icon-globe,
.rv-statusgroup .uk-icon-edit {
	font-family: FontAwesome, Arial !important;
}
.rv-statusgroup .uk-icon-globe, .rv-statusgroup .uk-icon-edit {
	font-size: 16px;
}
.rv-statusgroup {
	padding: 15px 5px !important;
	text-align: center;
}

.rv-statusgroup .uk-icon-home:before, .rv-statusgroup .uk-icon-globe:before,
	.rv-statusgroup .uk-icon-edit:before {
	padding-right: 5px;
}

.rv-statusgroup .uk-icon {
	margin-right: 5px;
}

.rv-statusgroup .rv-text-blue {
	color: #444;
}

.rv-statusgroup .rv-text-blue i {
	color: #444 !important;
}
.rv-statusgroup #cmsCurrent {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:inline-block;
	vertical-align:middle;
}
.rv-menu-sitemap {
	color: #fff;
	background: #3e4652;
	border-radius: 100px !important;
	padding: 5px 7px;
	font-size: 16px;
	background: #fff;
	color: #444;
}

.rv-menu-sitemap .uk-icon {
	padding-top: 5px;
	color: #444;
}

.rv-menu-sitemap:hover .uk-icon {
	color: #8a8a8a;
}
/* Option Gruop */
.rv-optiongruop .uk-icon-button, .rv-optiongruop .uk-icon-button:hover,
	.rv-optiongruop .uk-icon-button:focus {
	background: #fff;
	font-size: 15px;
	line-height: 28px;
}

.rv-optiongruop .uk-icon-button:hover {
	opacity: 0.8;
}

.rv-optiongruop .uk-icon-caret-down {
	font-size: 12px;
}

.rv-optiongruop .page-property ul.uk-list li {
	font-size: 13px;
}

.rv-optiongruop .page-property ul.uk-list li:hover {
	background: #00a8e6;
	color: #fff;
}

.rv-optiongruop .uk-icon-button {
	height: auto;
}

/************* UK Dialog ***************/
.uk-modal-dialog {
	border-radius: 0px;
}

.uk-modal-header {
	border-bottom: #dddddd solid 1px;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -8px;
}

.uk-modal-header h2 {
	padding: 0px 15px 7px 20px;
	font-size: 15px;
	margin-top: -15px;
	font-weight: 700;
	color: #373737;
}

.uk-modal-content {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #373737;
}

.uk-modal-content input.txtLinkOtherPage, .uk-modal-content input.txtRenamePage,
	.uk-modal-content textarea.title-boxArea, .uk-modal-content .txtRenameFile
	{
	border: #c9c9c9 solid 1px;
	padding: 5px;
	width: 97%;
	font-size: 14px;
	margin-top: 3px;
}

.uk-modal-content .txtRenamePage {
	margin-bottom: 10px;
}

.uk-modal-content textarea.title-boxArea {
	display: block;
	margin-top: 5px;
}

.uk-modal-footer .uk-button {
	border-radius: 0px;
	margin: 0 8px 0 0px;
	line-height: 32px;
	padding: 0 15px;
	font-size: 13px;
}

.uk-modal-footer .uk-button, .uk-modal-footer .uk-button:hover {
	background: #e3e3e3;
	color: #8c8c8c;
	opacity: 1;
}

.uk-modal-footer .uk-button-primary, .uk-modal-footer .uk-button-primary:hover,
	.uk-modal-footer .uk-button-success, .uk-modal-footer .uk-button-success:hover
	{
	background: #2f87f3;
	color: #fff;
	opacity: 1;
}

.uk-close {
	font-size: 16px;
	/*border-radius:50px;
    background:#ccc;*/
	color: #fff;
	/*padding:5px;*/
	opacity: 0.5;
}

.dynamicMove {
	/*background-image: url(theme/uikit/images/icon-move-dynamictool.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;*/
	width: 100%;
	height: 18px;
	display: block;
	background-color: #323a45;
	cursor: move;
	margin: 0;
	border-radius: 2px 2px 0 0;
}

.dynamicMove-title-panel .uk-icon-expand {
	position: relative;
	top: -15px;
	right: 5px;
	color: #fff;
}

.icon-lock, .icon-unlock {
	background: url(theme/uikit/images/icon-lock.png) center center
		no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	margin-top: -17px;
	margin-right: 23px;
	border-radius: 20px;
	cursor: pointer;
}

.icon-unlock {
	background: url(theme/uikit/images/icon-unlock.png) center center
		no-repeat;
	cursor: pointer;
}

.uk-icon-close {
	margin-top: -15px;
	margin-right: 5px;
	float: right;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.wys-dynamic dl dt a span, .wys-toolbar dl dt a span {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/***** HTML Source *******/
.viewHTMLsource textarea {
	width: 97%;
	Height: 335px;
	border: #e8e8e8 solid 1px;
	text-align: left;
	padding: 10px;
}

textarea.htmlsource-box {
	width: 100%;
	height: 450px;
	border: #c9c9c9 solid 1px;
}

/***** Insert Link *******/
ul.toolInsert, ul.toolLink {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#toolbar ul.toolLink {
	margin: 0 0 0 87px;
	position: relative;
}

#toolbar ul.toolInsert {
	margin: 0;
	position: absolute;
}

ul.toolInsert ul, ul.toolLink ul {
	width: 150px; /* Sub Menu Width */
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	border: 1px solid #dfdfdf;
	background: #fff;
	text-align:left;
}

ul.toolInsert ul ul, ul.toolInsert ul ul ul, ul.toolLink ul ul, ul.toolLink ul ul ul
	{
	top: 0;
	left: 100%;
}

ul.toolInsert li, ul.toolLink li {
	display: block;
	position: relative;
}

ul.toolInsert ul li, ul.toolLink ul li {
	width: 100%;
	display: block;
}

/* Root Menu */
ul.toolInsert a, ul.toolLink a, ul.toolInsert a:hover, ul.toolLink a:hover
	{
	/*border: 1px solid #dfdfdf;*/
	padding: 4px 10px 5px 10px;
	white-space: nowrap;
	/*float: left;
     display: inline-block;*/
	display: block;
	background: transparent;
	color: #fff;
	/*font: bold 11px Arial, sans-serif;*/
	text-decoration: none;
	height: 1%;
	border-radius: 1px;
	margin: 0;
	margin-right: 2px;
}

.main-panel ul.toolInsert a, .main-panel ul.toolLink a, .main-panel ul.toolInsert a:hover,
	.main-panel ul.toolLink a:hover {
	border-radius: 1px;
	margin-right: 5px;
}

.main-panel ul.toolInsert ul li a, .main-panel ul.toolLink ul li a,
	.main-panel ul.toolInsert ul li a:hover, .main-panel ul.toolLink ul li a:hover
	{
	margin-right: 0px;
}
/* Root Menu Hover Persistence */
ul.toolInsert a:hover, ul.toolInsert li:hover a, ul.toolInsert li.iehover a,
	ul.toolLink a:hover, ul.toolLink li:hover a, ul.toolLink li.toolLink a
	{
	background: #fff;
	color: #666666;
}

ul.toolInsert a:hover ul li a, ul.toolInsert li:hover a  ul li a, ul.toolInsert li.iehover a,
	ul.toolLink a:hover ul li a, ul.toolLink li:hover a ul li a, ul.toolLink li.toolLink a ul li a
	{
	margin-right: 0;
	border-radius: 0px;
	background: #fff;
}

ul.toolInsert li ul li, ul.toolLink li ul li {
	margin-right: 0;
	border-radius: 0px;
	background: #fff;
}

ul.toolInsert li ul li a, ul.toolLink li ul li a, ul.toolInsert li ul li a:hover,
	ul.toolLink li ul li a:hover {
	border: 0;
	/*border-bottom: 1px solid #dfdfdf;*/
	font: normal 12px Arial, sans-serif;
	background: transparent;
	border-radius: 0px;
	margin-right: 0px;
	padding: 6px 10px;
}

ul.toolInsert li ul li a:hover, ul.toolLink li ul li a:hover {
	background: #f5f5f5;
	color: #747474;
	border-radius: 0px;
	margin-right: 0px;
}

/* Hover Function - Do Not Move */
ul.toolInsert li:hover ul ul, ul.toolInsert li:hover ul ul ul, ul.toolInsert li.iehover ul ul,
	ul.toolInsert li.iehover ul ul ul, ul.toolLink li:hover ul ul, ul.toolLink li:hover ul ul ul,
	ul.toolLink li.iehover ul ul, ul.toolLink li.iehover ul ul ul {
	display: none;
}

ul.toolInsert li:hover ul, ul.toolInsert ul li:hover ul, ul.toolInsert ul ul li:hover ul,
	ul.toolInsert li.iehover ul, ul.toolInsert ul li.iehover ul, ul.toolInsert ul ul li.iehover ul,
	ul.toolLink li:hover ul, ul.toolLink ul li:hover ul, ul.toolLink ul ul li:hover ul,
	ul.toolLink li.iehover ul, ul.toolLink ul li.iehover ul, ul.toolLink ul ul li.iehover ul
	{
	display: block;
}
/*selectbox design use ui ui-state-disabled not show sub*/
ul.ui-state-disabled li:hover ul, ul.ui-state-disabled ul li:hover ul,
	ul.ui-state-disabled ul ul li:hover ul, ul.ui-state-disabled li.iehover ul,
	ul.ui-state-disabled ul li.iehover ul, ul.ui-state-disabled ul ul li.iehover ul
	{
	display: none;
}

.ui-link {
	margin-right: 23px;
}

.icon-padd {
	padding-right: 3px;
	font-size: 15px;
}

.rvarrowsubmenu {
	float: right;
	padding-left: 5px;
}

.dynamictools dt a span {
	padding: 2px 2px 0 2px;
}
.rv-topinsert {
	background:rgba(62,70,82,1);
	padding:5px;
	padding-bottom:2px;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:1px;
}
.rv-topinsert {
	font-size:13px;
	font-family:Arial, Tahoma, Verdana;
}
.rv-topinsert span.btn {
	display:inline-block;
	padding:5px;
	padding-right: 10px;
	cursor:pointer;
	color:#fff;
}
.rv-topinsert span.btn:hover {
	opacity:0.8;
}
.rv-topinsert .icon-padd {
	padding-right: 5px;
}

/**** Accordion ****/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-accordion .ui-accordion-header, .ui-link-dialog .ui-accordion-header
	{
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	min-height: 0; /* support: IE7 */
	border: 0;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	color: #707070;
	font-family: Arial, Verdana, sans-serif;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #dcdcdc;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #707070;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #dcdcdc;
	background: #dcdcdc url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #707070;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-content {
	padding: 10px 5px 10px 5px;
}

.ui-accordion .ui-widget-header, .ui-link-dialog .ui-widget-header {
	border: 0;
	background: #fff;
	margin-bottom: -1px;
}

.ui-tabs {
	position: inherit;
}

.ui-accordion .ui-tabs .ui-tabs-panel, .ui-link-dialog .ui-tabs .ui-tabs-panel
	{
	padding: 10px 0 0 0;
	/*border-top:#cdcdcd solid 1px;*/
}

.ui-accordion .ui-widget-header .ui-state-active, .ui-link-dialog .ui-widget-header .ui-state-active
	{
	background: #fff;
	border: #cdcdcd solid 1px;
}

.ui-tabs .ui-tabs-nav .ui-state-default {
	border: #cdcdcd solid 1px;
	border-bottom: 0;
}

.ui-tabs .ui-tabs-nav .ui-state-default a, .ui-tabs .ui-tabs-nav .ui-state-default:hover a
	{
	padding: 3px 20px;
	color: #fff;
}

.ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header .ui-tabs-active
	{
	border: #cdcdcd solid 1px;
	border-bottom: 0;
	background: #fff;
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active:hover a
	{
	padding: 3px 20px;
	color: #333;
}

.ui-accordion *, .ui-link-dialog * {
	outline: 0;
}

.ui-effects-transfer {
	border: 2px dotted gray;
}
/*
button.editLink, button.editLink:hover,
button.removeLink, button.removeLink:hover {
    border: 0;
    outline:0;
    padding:0;
    margin:5px 0 0 0;
    font-weight: normal;
    background: #fff;
    font-size:11px;
    font-family:Arial, verdana, sans-serif; 
    cursor:pointer;
    color:#747474;
}
button.editLink:hover,
button.removeLink:hover {
    text-decoration:underline;
    opacity:1;
}

button.editLink, button.editLink:hover,
button.removeLink, button.removeLink:hover {
    height: 22px;
    color: #5f5e5e;
    text-align: center;
    border: 1px solid #dddddd;
    border-radius: 3px;
    cursor: pointer;
    font-weight: normal;
    background: #f5f5f5;
    font-size:11px;
}
button.editLink:hover,
button.removeLink:hover {
    background: #f3f3f3;
}*/
#diaglogWidgetEditAlbum.ui-widget-content {
	padding-bottom: 20px;
}

.rv-form-overlay {
	position: absolute;
	background: #000;
	opacity: .1;
	width: 100%;
	height: 100%;
}

.validity_true {
	background: url(theme/uikit/images/icon-validity-true.png);
	display: inline-block;
	width: 19px;
	height: 19px;
}

.validity_false {
	background: url(theme/uikit/images/icon-validity-false.png);
	display: inline-block;
	width: 19px;
	height: 19px;
}

/************** Icon Page Setting  ***************/
.icon-home, .icon-pagesetting, .icon-edit, .icon-home:hover,
	.icon-pagesetting:hover, .icon-edit:hover {
	background: url(theme/uikit/images/icon-home.png) no-repeat;
	width: 16px;
	height: 16px;
}

.icon-home:hover {
	background: url(theme/uikit/images/icon-home-hover.png) no-repeat;
}

.icon-pagesetting {
	background: url(theme/uikit/images/icon-pagesetting.png) no-repeat
		0px 10px;
}

.icon-pagesetting:hover {
	background: url(theme/uikit/images/icon-pagesetting-hover.png)
		no-repeat 0px 10px;
}

.icon-edit {
	background: url(theme/uikit/images/icon-edit.png) no-repeat 0px 10px;
}

.icon-edit:hover {
	background: url(theme/uikit/images/icon-edit-hover.png) no-repeat 0px
		10px;
}

/************** Form Property  ***************/
.ui-FormProp {
	color: #747474;
	margin-top: 5px;
}

.ui-FormProp .ui-FormProp-box {
	padding-left: 25px;
	clear: both;
}

.ui-FormProp .row {
	padding: 0;
	margin: 0 0 10px 0;
}

.ui-FormProp tr.row td {
	padding: 0 0 10px 25px;
	margin: 0;
}

.ui-FormProp .txtsmall {
	font-size: 11px !important;
	color: #919191;
}

.ui-FormProp div.title {
	font-size: 12px !important;
	/*font-weight:bold; */
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp span.title {
	font-size: 12px !important;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp div.padd {
	padding: 0;
	margin: 0 0 3px 0;
}

.ui-FormProp select, .ui-FormProp input.txtbox {
	border: #dddddd solid 1px;
	border-radius: 1px;
	padding: 3px;
}

.ui-FormProp input.txtbox {
	width: 85%;
	padding: 4px 3px;
}

button.setting-widget {
	height: 22px;
	color: #5f5e5e;
	text-align: center;
	border: 1px solid #dddddd;
	border-radius: 3px;
	cursor: pointer;
	font-weight: normal;
	background: #f5f5f5;
	margin-left: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

/* cursor mouse move on page setting*/
.dd-handle, .dd {
	cursor: url('theme/uikit/images/black-cursor-move.png'), auto;
}

.clear-cursormove {
	cursor: default;
}

body {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

* {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}

.ui-imgProp-box {
	padding: 0;
	margin: 0 0 10px 0;
}

.ui-imgProp-box .title {
	padding: 0;
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, sans-serif;
}

.standard-title {
	margin-top: 8px;
	margin-bottom: 5px;
	font-family: Arial, Verdana, sans-serif;
}

/******* Overite Warning UIKIT on Link to File ********/
.uk-notify-message {
	position: relative;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 13px;
	line-height: 22px;
	cursor: pointer;
	border-radius: 0px;
	text-align: center;
}

.uk-notify {
	position: fixed;
	top: 98px;
	z-index: 1040;
	box-sizing: border-box;
	width: 350px;
}

.uk-notify-message-warning {
	background: #fff3eb;
	color: #e87f3a;
	border-color: #ffd2b5;
}
/******** image manager uikit **************/


.imageBoxView-common, .imageBoxView-common:hover {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-common:hover {
    overflow-y: auto;
    overflow-x: hidden;
}

.imageBoxView-free, .imageBoxView-free:hover,.imageBoxView-background,.imageBoxView-background:hover  {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-free:hover {
    overflow-y: auto;
    overflow-x: hidden;
}
.imageBoxView-facebook, .imageBoxView-facebook:hover {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}

.imageBoxView-facebook:hover {
    overflow-y: auto;
    overflow-x: hidden;
}
.imageBoxView-myimageSelection, .imageBoxView-myimageSelection:hover {

    overflow-y: auto;
    overflow-x: hidden;
    height: 420px;
    width: 347px;
    padding: 7px 5px 5px 5px;
}


.imageBoxView-myimageSelection:hover {
    overflow-y: auto;
    overflow-x: hidden;
}


.imageBlock {
	margin: 5px;
	/*width:30%; */
	float: left;
	position: relative;
}

.imageBlock .uk-icon-image, .imageBlock .uk-icon-remove, .imageBlock .uk-icon-pencil,
	.imageBlock .uk-icon-download {
	cursor: pointer;
}

.imageItems {
	border: #dddddd solid 1px;
}

.imageBlock:hover img.imageItems {
	border: #37aee6 solid 1px;
}

.imageTools {
	display: none;
	opacity: 0.8;
	background: black;
	padding: 5px 6px 5px 4px;
	position: absolute;
	bottom: 0px;
	width: 90px;
}

.imageBlock:hover .imageTools {
	display: block;
}

.imageBlock .rvCurrentImage {
	border: 1px solid #37aee6;
	box-shadow: inset 0px 0px 0px 2px #37aee6;
}

.sprite-imageLibrary {
	background-image: url('theme/uikit/images/sprite-image-library2.png');
	width: 120px;
	display: block;
}

.image01 {
	background-position: 0 -0;
}

.image02 {
	background-position: 0 -150px;
}

.image03 {
	background-position: 0 -300px;
}

.image04 {
	background-position: 0 -450px;
}

.image05 {
	background-position: 0 -600px;
}

.image06 {
	background-position: 0 -750px;
}

.image07 {
	background-position: 0 -900px;
}

.imageItems {
	/*  display:none; */
	width: 100px;
	height: 100px;
	background-color: #FFF;
}

.overlaypanel, .overlaypanels,.overlaypanelfullimage {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000000;
	text-align: center;
	vertical-align: middle;
	height: 40px;
}

.overlaypanel p, .overlaypanels p {
	margin: 0 auto;
	/*border: 2px solid #a1a1a1;*/
	padding: 10px 20px;
	border-radius: 15px;
	background: #fff;
	color: #414141;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000000;
	transform: translate(-50%, -50%)
}

.overlaypanel .loading, .overlaypanels .loading,.overlaypanelfullimage .loading {
	margin: 0 auto;
	color: #FFF;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000000;
	transform: translate(-50%, -50%)
}

.fb-msgSelectAlbum {
	/*position: absolute;*/
	top: 50%;
	/*left: 65%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
    */
	text-align: center;
	margin-top: 42%;
}

.bg-categoyfacebook {
	background: url(theme/uikit/images/icon-image-manager-floder.gif)
		no-repeat center center;
	height: 200px;
}

.fb-msgSelectAlbum .icon-fb-login, .fb-msgSelectAlbum .icon-fb-login:hover
	{
	background: url(theme/uikit/images/icon-fb.gif) no-repeat;
	width: 68px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
}

.fb-msgSelectAlbum .icon-fb-login:hover {
	opacity: 0.9;
}
/*  Icon Main Panel Toolbar */
.ui-image-editor-tool .icon-style, .ui-image-editor-tool .icon-style:hover
	{
	color: #747474;
	margin-top: 5px;
	border: #dddddd solid 1px;
	border-radius: 1px;
	width: 22px;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	background: #fff;
}

.ui-image-editor-tool .icon-style:hover {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

.ui-image-editor-tool .grayborder {
	border-top: #dddddd solid 1px;
	margin-bottom: 15px;
}

.icon-400p, .icon-800p, .icon-1200p {
	background: url(theme/uikit/images/icon-400p.png) no-repeat;
	width: 27px;
	height: 20px;
	display: inline-block;
	margin-right: 3px;
	cursor: pointer;
}

.icon-800p {
	background: url(theme/uikit/images/icon-800p.png) no-repeat;
}

.icon-1200p {
	background: url(theme/uikit/images/icon-1200p.png) no-repeat;
}

.icon-num {
	cursor: pointer;
	margin-right: 4px;
	border: rgba(255, 255, 255, 0.7) solid 1px;
	color: rgba(255, 255, 255, 1);
	font-size: 11px;
	padding: 1px 3px;
	font-family: Arial, Verdana, sans-serif;
}

.icon-num:last-child {
	margin-right: 0px;
}

.animateParallax {
	float: left;
	margin: 0px 4px 8px 4px;
	background: #fff;
	border: #cfcfcf solid 1px;
	border-radius: 4px;
	cursor: pointer;
	padding: 0;
}

.animateParallax a {
	width: 54px;
	height: 35px;
	text-align: center;
	padding: 10px 0px 5px 0px;
	display: block;
}

.animateParallax-current, .animateParallax:hover {
	border: #616161 solid 1px;
}

.animateParallax a, .animateParallax a:visited, .animateParallax a:hover,
	.animateParallax a:active {
	font-size: 10px;
	/*font-family: Arial, Verdana, sans-serif;*/
	text-decoration: none;
	color: #555;
}

/******** image manager uikit **************/
/******** image background uikit ************/
.rv-animation-Fade {
	
}

.rv-animation-Blur {
	
}

.rv-animation-Zoom {
	
}

.rv-animation-SlideInLeft {
	
}

.rv-animation-SlideInRight {
	
}

.rv-animation-SlideInUp {
	
}

.ui-parallax-box {
	padding: 0;
	margin: 10px 0 0 0;
}

.ui-parallax-box .parallax-panel {
	height: 180px;
	overflow-y: auto;
}

@media only screen and (max-width: 1366px) {
	.ui-parallax-box .parallax-panel {
		height: 120px;
	}
}

.ui-parallax-box .title {
	clear: both;
	padding: 0;
	margin: 5px 0 5px 0;
}

.ui-parallax-box .padd {
	padding: 0px 5px 3px 5px;
}

.ui-parallax-box input {
	border: #dddddd solid 1px;
	border-radius: 0px;
	padding: 3px;
	line-height: 20px;
	margin-bottom: 5px;
}

.ui-parallax-box button.btn-set, .ui-parallax-box button.btn-set:hover {
	border: #dddddd solid 0px;
	border-radius: 0px;
	color: #fff;
	padding: 7px 5px;
	background: #85cd3d;
	cursor: pointer;
	text-align: center;
	font-size: 12px !important;
}

.ui-parallax-box button.btn-set:hover {
	background: #71a53d;
	border: #828282 solid 0px;
}

.ui-parallax-box .btn-tool * {
	cursor: pointer;
}

.ui-parallax-box .btn-tool, .ui-parallax-box .btn-tool:hover {
	border: #dddddd solid 1px;
	border-radius: 0px;
	color: #555;
	padding: 5px;
	padding-left: 10px;
	background: #f5f5f5;
	cursor: pointer;
	text-align: left;
	margin-bottom: 5px;
	width: 105px;
}

.ui-parallax-box .btn-tool:hover {
	background: #e8e8e8;
}

.btn-custom, .btn-custom:hover, .btn-custom:focus {
	border: #dddddd solid 1px;
	border-radius: 1px;
	color: #555;
	padding: 5px;
	background: #f5f5f5;
	cursor: pointer;
	text-align: center;
	margin-bottom: 5px;
	min-width: 100px;
}

.btn-custom:hover {
	background: #e8e8e8;
}

.ui-parallax-box .btn-tool i lang, .ui-parallax-box .btn-tool:hover i lang
	{
	font-size: 12px !important;
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
}

.ui-parallax-box .parallax-box-image {
	width: 140px;
	height: 90px;
	border: #dddddd solid 1px;
}

.ui-parallax-box .parallax-box-image .section-bg {
	width: 140px;
	height: 90px;
	background: #ffffff url(theme/uikit/images/section-bg.png) no-repeat
		center center;
}

.ui-parallax-box .marl {
	margin-left: 0px;
}
.ui-parallax-box .mart {
	margin-top: 5px !important;
	margin-left: 0px;
}

.blockbackground-tabs .marb {
	margin-bottom: 5px;
}

/** All Badge Style **/
.ui-badge-padd {
	width: 1px;
	height: 11px;
	border-radius: 30px;
	cursor: pointer;
}

.uk-badge {
	border: none;
	text-decoration: none;
	text-align: center;
	border: 2px solid rgba(0, 0, 0, 0);
}

.uk-badge-active {
	border: 2px solid rgba(0, 0, 0, 0.3);
}

/** Badge deault **/
.uk-badge-red, .uk-badge-red:hover {
	background-color: transparent !important;
	color: #ffffff !important;
}
/** Badge 1 **/
.uk-badge-red, .uk-badge-red:hover {
	background-color: #f12c2c !important;
	color: #ffffff !important;
}
/** Badge 2 **/
.uk-badge-gold, .uk-badge-gold:hover {
	background-color: #f5a623 !important;
	color: #ffffff !important;
}
/** Badge 3 **/
.uk-badge-yellow, .uk-badge-yellow:hover {
	background-color: #ffdc00 !important;
	color: #414141 !important;
}
/** Badge 4 **/
.uk-badge-green, .uk-badge-green:hover {
	background-color: #68e218 !important;
	color: #ffffff !important;
}
/** Badge 5 **/
.uk-badge-skyblue, .uk-badge-skyblue:hover {
	background-color: #1ce2c2 !important;
	color: #ffffff !important;
}
/** Badge 6 **/
.uk-badge-blue, .uk-badge-blue:hover {
	background-color: #2f8ee0 !important;
	color: #ffffff !important;
}
/** Badge 7 **/
.uk-badge-purple, .uk-badge-purple:hover {
	background-color: #6f1cf8 !important;
	color: #ffffff !important;
}
/** Badge 8 **/
.uk-badge-pink, .uk-badge-pink:hover {
	background-color: #c829e5 !important;
	color: #ffffff !important;
}
/** Badge 9 **/
.uk-badge-magenta, .uk-badge-magenta:hover {
	background-color: #e71e8f !important;
	color: #ffffff !important;
}
/** Badge 10 **/
.uk-badge-silver, .uk-badge-silver:hover {
	background-color: #bfbfbf !important;
	color: #414141 !important;
}
/** Badge 11 **/
.uk-badge-gray, .uk-badge-gray:hover {
	background-color: #767676 !important;
	color: #ffffff !important;
}
/** Badge 12 **/
.uk-badge-darkgray, .uk-badge-darkgray:hover {
	background-color: #4a4a4a !important;
	color: #ffffff !important;
}

/**** Design Header Panel ****/
.header-category, .Nav-category, .banner-category {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.header-category, .Nav-category, .banner-category {
	border: 1px solid #dedede;
}

.header-category:hover, .header-active, .Nav-category:hover,
	.Nav-category:focus, .Nav-active, .banner-category:hover,
	.banner-active {
	border: 1px solid #00a8e6;
	cursor: pointer;
}

.rv-thumbnail {
	padding: 0 3px;
}

.rv-thumbnail img {
	border: 1px solid #dedede;
	margin: 0px 0px 5px 0px;
	padding: 0 3px;
	max-width:inherit;
}

.rv-thumbnail img:hover {
	border: 1px solid #00a8e6;
}

input:disabled+label {
	color: #ccc;
}

/***** Panel Toolbar ******/
.title-panel .uk-icon-close {
	margin-top: 0;
	margin-right: 0;
	position: absolute;
	top: 5px;
	right: 5px;
}

.header-design-category {
	text-align: center;
}

.header-category, .Nav-category, .banner-category {
	margin-left: 3px;
	margin-right: 3px;
}

.section-filter {
	padding: 10px 5px;
}

.section-filter a, .section-filter a:hover {
	color: #555;
	text-decoration: none;
}

.section-filter a:hover, .section-filter a:focus {
	color: #00a8e6;
}

.toolbar-panel-scrollbar {
	color: #00a8e6;
	margin: 0 auto;
	border: 1px solid #fff;
	height: 300px;
	overflow-y: auto;
}

/***** Panel Toolbar Button Group ******/
.rv-button-group {
	padding: 5px 5px;
	/*border-top:#dddddd solid 1px;*/
}

.rv-button-group .uk-button {
	font-size: 9px;
	/*color:#6e8298;*/
	color: #555;
	border: #dddddd solid 1px;
	background: #f9fafc;
	text-transform: uppercase;
	padding-top: 12px;
	min-width: 62px;
}

.rv-button-group .uk-button {
	border-right: 0;
}

.rv-button-group .uk-button:last-child {
	border-right: #dddddd solid 1px;
}

.rv-button-group .uk-button .uk-icon, .rv-button-group .uk-button:hover .uk-icon
	{
	width: 11px;
	height: 11px;
	margin: 0 auto;
	display: block;
	font-size: 14px;
	/*color:#768699;*/
	color: #555;
}

.rv-button-group .uk-button:hover {
	background: #fff;
	color: #00a8e6 !important;
}

.rv-button-group .uk-button .rv-icon-cancel {
	background: url(theme/uikit/images/icon-button-cancel.png) center
		bottom no-repeat;
}

.rv-panel-group .noborder {
	border: 0 !important;
	margin: 0;
}

.rv-panel-group .noborder button {
	
}

.rv-panel-group .inputwidth {
	width: 100%;
}

.rv-panel-group .uk-button {
	font-size: 13px;
}

.rv-box-buttongroup {
	border-top: #dddddd solid 0px;
	padding-top: 0px;
	margin-top: 0px;
	text-align: center;
}

.rv-box-buttongroup .uk-button {
	min-width: 49%;
	font-size: 13px;
}

.uk-button {
	border-radius: 2px;
}
.uk-button-reset, .uk-button-reset:hover {
	border-radius: 2px;
	background:#a5a5a5;/*6a7887*/ /*a5a5a5*/
	color:#fff;
}
.uk-button-reset:hover {
	opacity:0.8;
}
/*** Navigation Panel ***/
.rv-panel-group {
	padding: 5px;
	border-top: #dddddd solid 1px
}

.rv-panel-group .rv-panel-box {
	margin-bottom: 10px;
}

/*** Pageproperty  ***/

/* Panel Sidebar  */
.rv-sidebar {
	width: 62px;
	height: 46px;
	display: inline-block;
	vertical-align: middle;
}

.rv-fullsidebar {
	background: url(theme/uikit/images/layout-full.gif) no-repeat;
}

.rv-leftsidebar {
	background: url(theme/uikit/images/layout-left-sidebar.gif) no-repeat;
}

.rv-rightsidebar {
	background: url(theme/uikit/images/layout-right-sidebar.gif)
		no-repeat;
}

.rv-bothsidebar {
	background: url(theme/uikit/images/layout-both-sidebar.gif) no-repeat;
}

/* Panel Pageprop  */
.panelpageprop .ui-tabs .ui-tabs-panel {
	padding: 10px;
}

.panelpageprop .ui-tabs .ui-tabs-nav {
	padding: 10px 0 0 10px;
}

.panelpageprop .ui-tabs .ui-tabs-nav .ui-state-default a {
	padding: 3px 15px;
}

.ui-tabs .ui-tabs-panel {
	padding: 3px;
}

.ui-tabs .ui-tabs-nav {
	padding: 3px 0 0 3px;
	border: 0;
	border-bottom: 1px #dddddd solid;
	margin-bottom: 10px;
}

.ui-tabs .ui-tabs-nav li {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: #efefef;
	color: #555;
}

.ui-widget-header .ui-tabs-active {
	background: #fff;
}

.ui-tabs .ui-tabs-nav .ui-state-default a, .ui-tabs .ui-tabs-nav .ui-state-default:hover a
	{
	color: #555;
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active:hover a
	{
	color: #07D;
	outline: 0;
}

.accordion-panel {
	background: #fff;
}

.accordion-panel .rv-content-panel {
	padding: 5px;
}

.accordion-panel .rv-content-panel .title {
	margin-bottom: 5px;
}

.accordion-panel .rv-content-panel input[type='text'] {
	width: 100%;
}

.accordion-panel .rv-content-panel .uk-button {
	width: 100%;
}

.accordion-panel .rv-content-panel select {
	width: 100%;
}

.accordion-panel .rv-content-panel .rv-linkto-marb {
	margin-bottom: 10px;
}

.accordion-panel .rv-content-panel .NavLinkTo label {
	margin-right: 10px;
	cursor: pointer;
}
.accordion-panel .rv-content-panel .NavLinkTo input[type="radio"] {
	margin-right: 3px;
}
.accordion-panel .rv-content-panel .icon-red {
	color: #ce2323;
	font-size: 14px;
	background: #efefef;
	border: 1px solid #ddd;
	padding: 3px;
	border-radius: 2px;
	line-height: 17px;
	margin-right: 5px;
}

.accordion-panel .rv-content-panel .icon-red:hover {
	border: 1px solid #cacaca;
}

.accordion-panel .rv-form-design-edit {
	clear: both;
}

.accordion-panel .toolswidget {
	padding-top: 10px;
	padding-bottom: 5px;
}

.accordion-panel .toolswidget button {
	width: 93%;
}
/* Form Panel */
.accordion-panel .rv-content-panel .rv-form-row {
	clear: both;
	padding: 5px 0;
	margin: 0;
}

.accordion-panel .rv-content-panel .rv-form-row .pull-left {
	padding-top: 7px;
}

.accordion-panel .rv-content-panel .rv-form-label-align button.btn-custom
	{
	width: 32.2%;
	min-width: 50px;
}

.accordion-panel .rv-content-panel .line {
	clear: both;
	height: 5px;
	border-bottom: 1px solid #ddd;
}

/**** SEO ****/

.rv-seo {
	padding: 10px;
	text-align: left;
	border: solid 1px #dddddd;
	opacity:0.5;
}
.rv-seo-custom {
	overflow-y: scroll;
	max-height: 280px;
	opacity:1;
}

.rv-seo h2 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #07D;
	font-weight: normal;
}

.rv-seo .rv-seo-link, .rv-seo #prefixSlug, .rv-seo #textUrlSEO {
	color: #006621;
	margin-bottom: 5px;
}

.rv-seo .rv-seo-content {
	color: #555;
}

.seo-bgoff {
	background: #ccc !important;
}

.seo-bgopen {
	background: #00a8e6 !important;
}

.blog-bgoff {
	background: #ccc !important;
}

.blog-bgopen {
	background: #00a8e6 !important;
}

#postOptionSelect {
	max-width: 300px;
}

/**** Modal Dialog  ****/
.dialog-btn-input, .dialog-btn-input:hover, input.btn-input, input.btn-input:hover,
	button.btn-input, button.btn-input:hover {
	background: #2f87f3 !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 8px 15px !important;
	cursor: pointer !important;
	color: #fff !important;
}

.dialog-btn-input:hover, input.btn-input:hover, button.btn-input:hover {
	background: #2f87f3 !important;
}

/**** Tooltip Global ****/
.rv-tooltip {
	position: relative;
}

.rv-tooltip * {
	outline: 0;
	box-shadow: none;
}

.rv-tooltip .rv-tooltip-content {
	line-height: 1.5em;
	font-size: 13px;
}

.rv-tooltip .uk-dropdown {
	width: 450px;
}

.rv-tooltip .uk-icon-question-circle, .rv-tooltip .uk-icon-question-circle:focus
	{
	font-size: 16px;
	color: #a5a5a5;
	outline: 0;
}

.standardword {
	margin-bottom: 5px;
}

/**** Image Logo ****/
.section-logo {
	width: 140px;
	height: 90px;
	background: #ffffff url(theme/uikit/images/section-bg.png) no-repeat
		center center;
	border: 1px solid #ccc;
}

/****  overlaymenu ****/
.overlaymenu {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	text-align: center;
	vertical-align: middle;
	line-height: 90px;
}

/** Style switch**/
.rvsb-switch-group {
	margin-top: -40px;
}

.rvsb-switch-group span {
	display: inline-block;
}

.rvsb-switch {
	color: #fff;
	background: #00a8e6;
	width: auto;
	border-radius: 50px;
	padding: 1px;
	margin: 0 auto;
	position: relative;
	height: 17px;
}

.rvsb-switch li {
	padding: 0;
	margin: 0;
}

.rvsb-switch li:first-child {
	padding: 0;
	margin-right: 10px;
}

.rvsb-switch li:hover a {
	background: transparent;
}

.rvsb-switch li.uk-active a {
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.rvsb-switch li.uk-active:last-child a {
	background: rgba(255, 255, 255, 1);
	box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
}

.rvsb-switch li a {
	border-radius: 50px;
	font-size: 12px;
	padding: 8px 8px;
	display: inline-block;
}

.rvsb-switch li a .none {
	display: none;
}

.text-switch {
	/* position: relative;
    top:-7px;*/
	padding-right: 5px;
	font-size: 10px !important;
	color:#acacac;
}

/** Form Fieid Setting Toolbar **/
.propFm input[type=checkbox] {
	margin-right: 5px;
}

.propFm input[type=text], .propFm .valid-width {
	width: 100%;
}

.propFm .uk-form-row {
	margin-top: 8px;
}

.propFm .valid-padd {
	margin-right: 5px;
}
.design-box {
	color:#505050 !important;
}

/*** Tab Title ***/
.rv-tabtitle .ui-tabs .ui-tabs-nav {
	border-bottom: 1px #dddddd solid;
	padding: 0;
	margin-bottom: 15px;
}

.rv-tabtitle .ui-tabs-nav {
	border-bottom: 1px #dddddd solid;
	margin: 0 -5px;
}

.rv-tabtitle .ui-tabs .ui-tabs-panel {
	/*border:1px #dddddd solid;*/
	padding: 0px;
	margin: 0 -5px;
}

.rv-tabtitle .ui-tabs .ui-state-default {
	border: 0;
	background: #fff;
}

.rv-tabtitle .ui-tabs-panel h5 {
	text-align: left;
}

.rv-tabtitle .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-bottom: 2px #07d solid;
}

.rv-tabtitle .ui-tabs .ui-tabs-nav .ui-tabs-active a {
	color: #07d;
	outline: 0;
}

.btn-padd {
	padding-left: 10px;
}

#chDisplayForm {
	width: 3.5em;
	height: 1.5em;
	top: 50%;
	margin-top: -2.3em;
	text-align: center;
	line-height: 1.4em;
	font-size: 10px !important;
	background: #323a45;
	border-radius: 2px;
	color: #fff;
	border: #323a45 solid 1px;
	cursor: pointer;
}

.rv-form-slider-bar {
	background: #ececec !important;
	border: 1px solid #dddddd !important;
	margin: 0px 0px 15px 0px;
	width: 99%;
	border-radius: 20px;
	height: 0.5em;
}

#formWidth-slider.ui-widget-content {
	background: transparent !important;
	border: 0px solid #dddddd !important;
	margin: 15px 0px 15px 5px;
	width: 84%;
}

#formWidth-slider.ui-state-active {
	background: #323a45;
	border: #323a45 solid 1px;
	border-radius: 2px;
	color: #fff;
}

#formWidth-slider.ui-slider-horizontal {
	height: 0.5em;
}

.uk-button-default, .uk-button-default:visited, .uk-button-default:hover,
	.uk-button-default:active, .uk-button-default:focus {
	border: #dddddd solid 1px;
}

.uk-modal-dialog .txtsmall {
	font-size: 13px !important;
	color: #919191;
}

.uk-modal-dialog .btnadd {
	cursor: pointer;
}

.uk-modal-dialog .btnadd:hover {
	opacity: 0.8;
}

.uk-modal-dialog .btnadd i.uk-icon {
	font-size: 20px;
	color: #8cc14c;
}

.uk-modal-dialog .btnadd i.uk-icon {
	font-size: 20px;
	color: #8cc14c;
}

.uk-modal-dialog .scrollable-box {
	max-height: 300px !important;
	overflow-y: auto;
}
ul.catPost {
     padding-left:0px; 
}
.catPost .uk-icon, .list-tree .uk-icon {
     margin:0 4px !important; 
     color:#a2a2a2 !important; 
     cursor: pointer;
}
.catPost .uk-icon-pencil, .catPost .uk-icon-pencil li:hover {
     color:#2f87f3 !important; 
}
.catPost .uk-icon-trash {
     color:#d61616 !important; 
}

/* Blog Category Modal not ellipsis*/
ul.catPost a.jstree-anchor, ul.catPost ul a.jstree-anchor, ul.catPost ul ul a.jstree-anchor {
  overflow:inherit;
  text-overflow:ellipsis;
}
ul.catPost a.jstree-anchor {
  width:auto;
}
ul.catPost ul a.jstree-anchor {
  width:auto;
}
ul.catPost ul ul a.jstree-anchor {
  width:auto;
}


.list-tree {
    padding-left:20px;
}
.list-tree ul {
    margin-left: 10px;
    padding-left:20px;
    margin-top:3px;
}

.list-tree li {
    list-style-type: none;
    margin:2px 0px;
    position: relative;
}

.list-tree li::before {
    content: "";
    position: absolute;
    top:-7px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0 0 0px;
    width:20px;
    height:15px;
}

.list-tree li::after {
    position:absolute;
    content:"";
    top:8px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-radius:0px 0 0 0;
    width:20px;
    height:100%;
}

.list-tree li:last-child::after  {
    display:none;
}

.list-tree li:last-child:before{
    border-radius: 0 0 0 0px;
}

ul.list-tree>li:first-child::before {
    display:none;
}

ul.list-tree>li:first-child::after {
    border-radius:0px 0 0 0;
}
.list-tree li input {
    margin-left:5px; 
    margin-right:5px;
    margin-top:2px !important;
    margin-bottom:5px !important;
}
.list-tree li a {
    /*border: 1px #ccc solid;*/
    border-radius: 1px;
    padding:2px 5px;
}

.list-tree li a:hover, .list-tree li a:hover+ul li a,
.list-tree li a:focus, .list-tree li a:focus+ul li a {
    /*
	background: #ccc; 
	border: 1px solid #000;
	*/
	color: #36F; 
	cursor:pointer; 
}

.list-tree li a:hover+ul li::after, .list-tree li a:focus+ul li::after,
.list-tree li a:hover+ul li::before, .list-tree li a:focus+ul li::before 
.list-tree li a:hover+ul::before, .list-tree li a:focus+ul::before 
.list-tree li a:hover+ul ul::before, .list-tree li a:focus+ul ul::before{
    border-color:  #000; /*connector color on hover*/
}

ul.list-tree1, ul.list-tree2, ul.list-tree3{
    border-left: 1px solid #ccc;
    margin-top:-3px;
}
ul.list-tree1 li::before, ul.list-tree2::before, ul.list-tree3::before{
    border-left: 0px solid #ccc;
}


/***  Panel Blog category index  ***/
#tab_category_index .thumb-blog_category_style div {
	margin-bottom:10px;
	cursor:pointer;
}
#tab_category_index .thumb-blog_category_style div img {
	max-width:inherit !important;
	cursor:pointer;
	outline:#dddddd solid 1px;
}
#tab_category_index .thumb-thumb-blog_category_style div:hover img, #tab_category_index .thumb-blog_category_style div.uk-active img{
	outline:#00a8e6 solid 1px;
}


/***  Thumb Active  ***/
.rv-thumb-active div  {
	margin-bottom:7px;
	cursor:pointer;
}
.rv-thumb-active div {
	max-width:inherit !important;
	cursor:pointer;
	outline:#dddddd solid 1px;
}
.rv-thumb-active div:hover, .rv-thumb-active div.uk-active  {
	outline:#00a8e6 solid 1px;
}

/***  Upload Image  ***/
.view-image-upload{
	width:100px;
	height:100px;
	object-fit:cover;
	border:rgba(255,255,255,1) solid 1px;	
}
.view-image-container {
    margin:2px 25px 25px 2px;
	float:left;
	position:relative;
}
.view-image-container .remove-image-upload {
    position:absolute;
    top:-10px;
    right:-10px;
    width:22px;
    height:22px;
    border:#ffffff solid 1px; 
    background:#000; 
    border-radius:100px;
    cursor:pointer;
}
.view-image-container .remove-image-upload .uk-icon-close {
    position:inherit;
    float:none;
    margin-right:-1px;
    margin-top:0;
    font-size:10px;
    color:#fff; 
}
.view-image-container .remove-image-upload:hover .uk-icon-close {
    cursor:pointer;
    opacity:0.8;
}
.upload-image-panel  {
	z-index: 100; 
	position: fixed; 
	min-height: 20px; 
	width: 100%; 
	height:100%;
	top: 0px; 
	border: #cdcdcd solid 1px; 
	padding: 0;
}
.upload-image-panel .panel-minimize {
	cursor:pointer; 
	color:#fff; 
	font-size:16px; 
	margin-top:-30px; 
	margin-right:10px;
}
.upload-image-panel  .editormode-status {
	border-bottom:1px solid rgba(255,255,255,0.4);
}
.upload-image-panel  .txt-title-panel h2{
	font-size:14px; 
	color:#fff; 
	padding:0; 
	margin:0;
}
.upload-image-panel .upload-image-content{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	position:fixed;
}
.upload-image-panel .upload-image-scollable{
	position: absolute; 
	top:0px; 
	padding:10px 20px; 
	opacity:1; 
	height:calc(100% - 40px); 
	overflow-y:auto;
}

/***  global page property  ***/
.rv-global-pageproty {
	min-height:500px;
}
.rv-global-pageproty .tab-option-nav {
	font-size:14px;
}
.rv-global-pageproty h4{
	padding-bottom:0;
	margin-bottom:5px;
}
.rv-global-pageproty .linepanel {
	border-right:#cccccc solid 1px; 
	padding-right:3px;
	min-height:470px;
}
.rv-global-pageproty .scrollable, 
.rv-global-pageproty .scrollable:hover{
	margin-top:5px;
	height:375px; 
	overflow-x:hidden; 
	overflow-y:hidden;
}
.rv-global-pageproty .scrollable:hover{
	overflow-y:auto;
}
.rv-global-pageproty .width {
	width:190px;
	font-size:13px;
	line-height:25px;
	min-height:25px;
}
.rv-global-pageproty input.width[type="search"]{
	width:190px;
	height:20px;
}
.rv-global-pageproty h2{
	padding:0;
	margin:0 0 5px 0;
}
.rv-global-pageproty h5{
	padding:0;
	margin:0;
}
.rv-global-pageproty .uk-margin-bottom{
	margin:0 0 10px 0;
}
.rv-global-pageproty textarea {
	border:#dddddd dashed 1px !important;  
	width:100% !important; 
	resize:none !important; 
	margin-bottom:5px !important; 
}
.rv-global-pageproty span.domaincolor {
	color:#006621;
}
/********** Check browser *********/
.browser-open {
	text-align:center;
	padding-top:20px;
	position:absolute;
	top:80px;
	z-index:9999;
	left:0;
	right:0;
 }

@supports (-webkit-appearance:none) {
	/* Chome  */
 .browser-open {
	display:none; 
 }	
}
 
@-moz-document url-prefix() {
	/* FireFox  */
 .browser-open {
	display:block; 
 }	
}

 @supports (-ms-ime-align: auto) {
   /* Microsoft EdgeV13&14 CSS styles go here */
 .browser-open {
     display:block; 
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */
  .browser-open {
        display:block; 
    }
}
@media screen and (-webkit-min-device-pixel-radio:0) {
    /* safari */
  ::i-block-chome, .browser-open {
        display:none; 
    }
}

/************  Add Post **************/
.spancatselect {
	visibility:hidden;
}
.oncategory, .oncategorypri {
	visibility:inherit;
}
#postName_error .uk-alert {
	margin:5px 0;
}
.rv-alert{
	margin:0 !important;
	margin-top:10px !important;
}

.disable-delete, .disable-delete:hover {
	color:#fff !important;
	opacity:0.2 !important;
	cursor:default !important;
}


/********** Widget Register/Login **********/

.socialLoginSetting .uk-icon-close, .socialLoginSetting .uk-close {
	color:#000;
	margin-top:-15px;
	margin-right:-15px;
	margin-bottom:15px;
}
.register-enable {
   opacity:0.5;
}
.rv-content-panel-padd {
    margin: 0;
    padding:5px;
}
.rv-content-panel-padd .rv-content-panel {
    margin: 0;
    padding-left:2px; 
    padding-right:2px;
}
.rv-content-panel-padd .rv-form-row{
    margin: 0 0 10px 0;
}
.rv-content-panel-padd .rv-margin-bottom{
    margin-bottom: 10px !important;
}
.rv-content-panel h1 {
    font-size:13px;
    margin: 0;
    padding:0;
    font-weight:bold;
    line-height:30px;
}
.rv-content-panel h2.group-title {
    font-size:12px;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    z-index: 1;
}

.rv-content-panel h2.group-title:before {
    border-top: 1px solid #cccccc;
    content:"";
    margin: 0 auto; 
    position: absolute; 
    top: 15px; 
    left: 0; 
    right: 0; 
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.rv-content-panel h2.group-title span { 
    background: #fff; 
    padding: 0; 
    padding-right: 5px; 
    color:#a2a2a2;
}
.rv-content-panel select { 
    margin-top: 3px; 
}
.login-social .btn-social{
	background:#5f6e92;
	color:#fff;
}

.login-social .uk-icon {
	color:#596093;
	width:20px;
	color:#fff;
}

/*Social Login Modal*/

.social-login-modal div {
	line-height:20px !important;
	font-size:14px !important;
}
.social-login-modal .rv-form-group {
	margin-bottom:10px;
}
.social-login-modal .rv-form-row {
	margin-bottom:5px;
}
.social-login-modal .title {
	font-weight:bold;
}
.social-login-modal .rv-text-gray {
	color:#888888;
}
.social-login-modal input[type="text"] {
	width:100%;
	padding:1px 5px;
	height:25px;
}

/* Login Panel*/
.login-content-panel .login-type {
	padding: 0; 
	margin-bottom:10px;	
}
.login-content-panel .text-middle, .text-middle {
	margin-top:5px;	
}
.login-content-panel .login-type label{
	border-bottom:#cccccc solid 1px;
	height:13px; 
	white-space:nowrap;
	padding:5px 5px;
	display:inline-block;
	cursor:pointer;
}
.login-content-panel .login-type label.none{
	border-left:#cccccc solid 0px;
}
.login-content-panel .login-type .current{
	border:#cccccc solid 1px;
	border-bottom:#cccccc solid 0px;
	color:#00a8e6;
}

.poststatus{
    color:#a2a2a2 !important;
    font-size:11px;
    
}
.rv-group-footer img{
	max-width:inherit;
}


#postCatSelect li i{
	vertical-align:middle !important;
}

.btn-panelset {
	padding:0 5px;
	line-height:20px;
	min-height:20px;
}
.image-editor-load{
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: fixed;
}
.visibility-option-page ul {
	margin-left:-15px;
	list-style:none;
}

.checkbox-tel {
	margin-top:0 !important;
	vertical-align:middle;
}

.overlaysortheader {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	text-align: center;
	vertical-align: middle;
	line-height: 90px;
}
/* Site Toolbar */
.rv-theme {
    width: 17px;
    height: 17px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    background: #00a8e6;
    margin:3px 0px 3px 0px;
    border: 1px solid rgba(255, 255, 255, 1);
}
.rv-theme-active, .rv-theme:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.rv-theme-white {
    background-color: #ffffff !important;
}
.rv-theme-yellow {
    background-color: #fff294 !important;
}
.rv-theme-orange {
    background-color: #ffceb8 !important;
}
.rv-theme-red {
    background-color: #a00b13 !important;
}
.rv-theme-green {
    background-color: #b6ffd8 !important;
}
.rv-theme-darkgreen {
    background-color: #5dc55f !important;
}
.rv-theme-blue {
    background-color: #4dabff !important;
}
.rv-theme-darkblue {
    background-color: #104384 !important;
}
.rv-theme-pink {
    background-color: #ff80b4 !important;
}
.rv-theme-purple {
    background-color: #9878fd !important;
}
.rv-theme-maroon {
    background-color: #eadcce !important;
}
.rv-theme-black {
    background-color: #000000 !important;
}
.rv-theme-gradient1 {
    background: linear-gradient(to top, #f2f2f2, #8c8888);
}
.rv-theme-gradient2 {
    background: linear-gradient(to top, #f7e400, #b1680e);
}
.rv-theme-gradient3 {
    background: linear-gradient(to top, #e65d17, #ab5418);
}
.rv-theme-gradient4 {
    background: linear-gradient(to top, #d22b2d, #6f0000);
}
.rv-theme-gradient5 {
    background: linear-gradient(to top, #5dc55f, #1f9018);
}
.rv-theme-gradient6 {
    background: linear-gradient(to top, #09512e, #2aa96b);
}
.rv-theme-gradient7 {
    background: linear-gradient(to top, #0ab8ff, #2e5f9c);
}
.rv-theme-gradient8 {
    background: linear-gradient(to top, #104384, #000000);
}
.rv-theme-gradient9 {
    background: linear-gradient(to top, #ff5395, #880253);
}
.rv-theme-gradient10 {
    background: linear-gradient(to top, #9878fd, #7e2eb1);
}
.rv-theme-gradient11 {
    background: linear-gradient(to top, #682b01, #ca8f6d);
}
.rv-theme-gradient12 {
    background: linear-gradient(to top, #000000, #565454);
}
.websitefont{
}
.websitefont .box{
    padding-top:3px;
}
.enable {
	
}
.disabled {
	pointer-events:none;
	cursor:default;
	opacity:0.3;
}
.panelEmailBackground input[type="number"]{
	width:140px;
}
.rvinner-wrapper {
    border-bottom:#ececec solid 1px;
    box-shadow: 0px 1px 2px #f0f0f0;
}
.colorpicker_recently{
    width: 60px;
    height: 80px;
    left: 283px;
    top: 53px;
    position: absolute;
    overflow: hidden;
}

.colorpicker_subrecently {
	float:left;
	 width: 30px;
    height: 20px;
	border: 1px;
	cursor:pointer;
    background: green;
}

.colorSelector {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(theme/uikit/images/colorpicker/select2.png);
}

.colorSelector div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url(theme/uikit/images/colorpicker/select2.png) center;
}
#colorSelector2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(theme/uikit/images/colorpicker/select2.png);
}
#colorSelector2 div {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: url(theme/uikit/images/colorpicker/select2.png) center;
}

#colorpickerHolderTool {
    top: 32px;
    left: 0;
    width: 356px;
    height: 0;
    position: absolute;
    display:none;
}

#colorpickerTool,#colorpickerToolP,#colorpickerToolSub{
    color: #778398;
    position: absolute;
    display:none;
}
.colorpickerToolSubOne{
    position: absolute;
   margin-top: 34px;
   margin-left: -3px;
}

#colorpickerHolderCustom .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustom .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustom .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustom .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustom .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustom .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustom .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustom .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustom .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustom .colorpicker input {
    color: #778398;
}

#colorpickerHolderCustomP .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustomP .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustomP .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustomP .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustomP .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustomP .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustomP .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustomP .colorpicker input {
    color: #778398;
}


#colorpickerHolderCustomSub .colorpicker {
    background-image: url(theme/uikit/images/colorpicker/custom_background.png);
    position: relative;
    bottom: 0;
    left: 0;
}
#colorpickerHolderCustomSub .colorpicker_hue div {
    background-image: url(theme/uikit/images/colorpicker/custom_indic.gif);
}
#colorpickerHolderCustomSub .colorpicker_hex {
    background-image: url(theme/uikit/images/colorpicker/custom_hex.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_r {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_r.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_g {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_g.png);
}
#colorpickerHolderCustomSub .colorpicker_rgb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_rgb_b.png);
}
#colorpickerHolderCustomSub .colorpicker_hsb_s {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_s.png);
    display: none;
}



#colorpickerHolderCustomSub .colorpicker_current_color {    
    display: none;
}


#colorpickerHolderCustomSub .colorpicker_hsb_h {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_h.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker_hsb_b {
    background-image: url(theme/uikit/images/colorpicker/custom_hsb_b.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker_submit {
    background-image: url(theme/uikit/images/colorpicker/custom_submit.png);
    display: none;
}
#colorpickerHolderCustomSub .colorpicker input {
    color: #778398;
}


#customWidget {
    position: relative;
    height: 36px;
}
    
.rename-txtsmall{ 
    font-size:12px;
    color:#919191; 
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(0); }
  60% {
    -webkit-transform: translateY(-15px); }
  80% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-10px); }
  20% {
    -webkit-transform: translateX(10px); }
  30% {
    -webkit-transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  60% {
    -webkit-transform: translateX(10px); }
  70% {
    -webkit-transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px); }
  90% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0); }
  20% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  50% {
    -moz-transform: translateY(0); }
  60% {
    -moz-transform: translateY(-15px); }
  80% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0); }
  10% {
    -moz-transform: translateX(-10px); }
  20% {
    -moz-transform: translateX(10px); }
  30% {
    -moz-transform: translateX(-10px); }
  40% {
    -moz-transform: translateX(10px); }
  50% {
    -moz-transform: translateX(-10px); }
  60% {
    -moz-transform: translateX(10px); }
  70% {
    -moz-transform: translateX(-10px); }
  80% {
    -moz-transform: translateX(10px); }
  90% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  50% {
    -moz-transform: scale(1.1) rotate(3deg); }
  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  70% {
    -moz-transform: scale(1.1) rotate(3deg); }
  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0); }
  20% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  50% {
    -ms-transform: translateY(0); }
  60% {
    -ms-transform: translateY(-15px); }
  80% {
    -ms-transform: translateY(0); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0); }
  10% {
    -ms-transform: translateX(-10px); }
  20% {
    -ms-transform: translateX(10px); }
  30% {
    -ms-transform: translateX(-10px); }
  40% {
    -ms-transform: translateX(10px); }
  50% {
    -ms-transform: translateX(-10px); }
  60% {
    -ms-transform: translateX(10px); }
  70% {
    -ms-transform: translateX(-10px); }
  80% {
    -ms-transform: translateX(10px); }
  90% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  50% {
    -ms-transform: scale(1.1) rotate(3deg); }
  60% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  70% {
    -ms-transform: scale(1.1) rotate(3deg); }
  80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  50% {
    transform: translateY(0); }
  60% {
    transform: translateY(-15px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes shake {
  0% {
    transform: translateX(0); }
  10% {
    transform: translateX(-10px); }
  20% {
    transform: translateX(10px); }
  30% {
    transform: translateX(-10px); }
  40% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(10px); }
  70% {
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  90% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(0.9) rotate(-3deg); }
  20% {
    transform: scale(0.9) rotate(-3deg); }
  30% {
    transform: scale(1.1) rotate(3deg); }
  40% {
    transform: scale(1.1) rotate(-3deg); }
  50% {
    transform: scale(1.1) rotate(3deg); }
  60% {
    transform: scale(1.1) rotate(-3deg); }
  70% {
    transform: scale(1.1) rotate(3deg); }
  80% {
    transform: scale(1.1) rotate(-3deg); }
  90% {
    transform: scale(1.1) rotate(3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.trip-block {
  display: none;
  padding: 8px;
  position: absolute;
  text-align: center;
  min-width: 100px;
  border-radius: 3px; }
  .trip-block:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute; }
  .trip-block.n:before, .trip-block.s:before {
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .trip-block.e:before, .trip-block.w:before {
    border-width: 8px;
    top: 50%;
    margin-top: -8px; }
  .trip-block.n:before {
    top: 100%; }
  .trip-block.s:before {
    bottom: 100%; }
  .trip-block.e:before {
    right: 100%; }
  .trip-block.w:before {
    left: 100%; }
  .trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw, .trip-block.screen-nw, .trip-block.screen-center {
    position: fixed; }

.trip-block.animated.flash {
  -moz-animation: flash 0.5s 0s ease both;
  -webkit-animation: flash 0.5s 0s ease both;
  animation: flash 0.5s 0s ease both; }
.trip-block.animated.bounce {
  -moz-animation: bounce 0.5s 0s ease both;
  -webkit-animation: bounce 0.5s 0s ease both;
  animation: bounce 0.5s 0s ease both; }
.trip-block.animated.shake {
  -moz-animation: shake 0.5s 0s ease both;
  -webkit-animation: shake 0.5s 0s ease both;
  animation: shake 0.5s 0s ease both; }
.trip-block.animated.tada {
  -moz-animation: tada 0.5s 0s ease both;
  -webkit-animation: tada 0.5s 0s ease both;
  animation: tada 0.5s 0s ease both; }
.trip-block.animated.fadeIn {
  -moz-animation: fadeIn 0.5s 0s ease both;
  -webkit-animation: fadeIn 0.5s 0s ease both;
  animation: fadeIn 0.5s 0s ease both; }
.trip-block.animated.fadeInUp {
  -moz-animation: fadeInUp 0.5s 0s ease both;
  -webkit-animation: fadeInUp 0.5s 0s ease both;
  animation: fadeInUp 0.5s 0s ease both; }
.trip-block.animated.fadeInDown {
  -moz-animation: fadeInDown 0.5s 0s ease both;
  -webkit-animation: fadeInDown 0.5s 0s ease both;
  animation: fadeInDown 0.5s 0s ease both; }
.trip-block.animated.fadeInLeft {
  -moz-animation: fadeInLeft 0.5s 0s ease both;
  -webkit-animation: fadeInLeft 0.5s 0s ease both;
  animation: fadeInLeft 0.5s 0s ease both; }
.trip-block.animated.fadeInRight {
  -moz-animation: fadeInRight 0.5s 0s ease both;
  -webkit-animation: fadeInRight 0.5s 0s ease both;
  animation: fadeInRight 0.5s 0s ease both; }
.trip-block.animated.fadeInUpBig {
  -moz-animation: fadeInUpBig 0.5s 0s ease both;
  -webkit-animation: fadeInUpBig 0.5s 0s ease both;
  animation: fadeInUpBig 0.5s 0s ease both; }
.trip-block.animated.fadeInDownBig {
  -moz-animation: fadeInDownBig 0.5s 0s ease both;
  -webkit-animation: fadeInDownBig 0.5s 0s ease both;
  animation: fadeInDownBig 0.5s 0s ease both; }
.trip-block.animated.fadeInLeftBig {
  -moz-animation: fadeInLeftBig 0.5s 0s ease both;
  -webkit-animation: fadeInLeftBig 0.5s 0s ease both;
  animation: fadeInLeftBig 0.5s 0s ease both; }
.trip-block.animated.fadeInRightBig {
  -moz-animation: fadeInRightBig 0.5s 0s ease both;
  -webkit-animation: fadeInRightBig 0.5s 0s ease both;
  animation: fadeInRightBig 0.5s 0s ease both; }
.trip-block.animated.bounceIn {
  -moz-animation: bounceIn 0.5s 0s ease both;
  -webkit-animation: bounceIn 0.5s 0s ease both;
  animation: bounceIn 0.5s 0s ease both; }
.trip-block.animated.bounceInDown {
  -moz-animation: bounceInDown 0.5s 0s ease both;
  -webkit-animation: bounceInDown 0.5s 0s ease both;
  animation: bounceInDown 0.5s 0s ease both; }
.trip-block.animated.bounceInUp {
  -moz-animation: bounceInUp 0.5s 0s ease both;
  -webkit-animation: bounceInUp 0.5s 0s ease both;
  animation: bounceInUp 0.5s 0s ease both; }
.trip-block.animated.bounceInLeft {
  -moz-animation: bounceInLeft 0.5s 0s ease both;
  -webkit-animation: bounceInLeft 0.5s 0s ease both;
  animation: bounceInLeft 0.5s 0s ease both; }
.trip-block.animated.bounceInRight {
  -moz-animation: bounceInRight 0.5s 0s ease both;
  -webkit-animation: bounceInRight 0.5s 0s ease both;
  animation: bounceInRight 0.5s 0s ease both; }
.trip-block.animated.rotateIn {
  -moz-animation: rotateIn 0.5s 0s ease both;
  -webkit-animation: rotateIn 0.5s 0s ease both;
  animation: rotateIn 0.5s 0s ease both; }
.trip-block.animated.rotateInDownLeft {
  -moz-animation: rotateInDownLeft 0.5s 0s ease both;
  -webkit-animation: rotateInDownLeft 0.5s 0s ease both;
  animation: rotateInDownLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInDownRight {
  -moz-animation: rotateInDownRight 0.5s 0s ease both;
  -webkit-animation: rotateInDownRight 0.5s 0s ease both;
  animation: rotateInDownRight 0.5s 0s ease both; }
.trip-block.animated.rotateInUpLeft {
  -moz-animation: rotateInUpLeft 0.5s 0s ease both;
  -webkit-animation: rotateInUpLeft 0.5s 0s ease both;
  animation: rotateInUpLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInUpRight {
  -moz-animation: rotateInUpRight 0.5s 0s ease both;
  -webkit-animation: rotateInUpRight 0.5s 0s ease both;
  animation: rotateInUpRight 0.5s 0s ease both; }

.trip-close {
  font-size: 80%;
  float: right;
  margin-top: -5px; }
  .trip-close:hover {
    text-decoration: none; }

.trip-content {
  clear: right; }

.trip-progress-bar {
  height: 1px;
  background-color: #444;
  width: 0; }

.trip-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

.trip-prev, .trip-next {
  padding: 5px 10px; }

/*
 *  TODO:
 *  implement with more details later
 */
.trip-exposed {
  background: white; }

.trip-block.black {
  background: #333;
  color: #DDD;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0; }
  .trip-block.black .trip-close {
    color: #ddd; }
    .trip-block.black .trip-close:hover {
      color: #fff; }
  .trip-block.black.n:before {
    border-top-color: #333; }
  .trip-block.black.s:before {
    border-bottom-color: #333; }
  .trip-block.black.e:before {
    border-right-color: #333; }
  .trip-block.black.w:before {
    border-left-color: #333; }

.trip-block.white {
  background: #fff;
  color: #333; }
  .trip-block.white .trip-close {
    color: #333; }
    .trip-block.white .trip-close:hover {
      color: #000; }
  .trip-block.white.n:before {
    border-top-color: #fff; }
  .trip-block.white.s:before {
    border-bottom-color: #fff; }
  .trip-block.white.e:before {
    border-right-color: #fff; }
  .trip-block.white.w:before {
    border-left-color: #fff; }

.trip-overlay.yeti {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.yeti {
  padding: 0px;
  background: #008cba;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0; }
  .trip-block.yeti.n:before {
    margin-top: -1px;
    border-top-color: #008cba; }
  .trip-block.yeti.s:before {
    border-bottom-color: #006687; }
  .trip-block.yeti.e:before {
    border-right-color: #008cba; }
  .trip-block.yeti.w:before {
    border-left-color: #008cba; }
  .trip-block.yeti .trip-header {
    position: relative;
    font-size: 18px;
    background: #006687;
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.yeti .trip-content {
    font-size: 12px;
    padding: 15px;
    max-width: 450px; }
  .trip-block.yeti .trip-close {
    right: 0px;
    top: 0px;
    margin: 3px 8px 0px 0px;
    color: #fff;
    font-size: 16px; }
    .trip-block.yeti .trip-close:hover {
      color: #000; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev,
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev:hover,
  .trip-block.yeti .trip-progress-wrapper .trip-next:hover {
    background: #006687; }
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }

.trip-overlay.dark {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.dark {
  background: #333;
  padding: 0;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92; }
  .trip-block.dark.n:before {
    margin-top: -1px;
    border-top-color: #333; }
  .trip-block.dark.s:before {
    border-bottom-color: #555; }
  .trip-block.dark.e:before {
    border-right-color: #333; }
  .trip-block.dark.w:before {
    border-left-color: #333; }
  .trip-block.dark .trip-header {
    position: relative;
    font-size: 16px;
    background: #555;
    margin: 0;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.dark .trip-content {
    font-size: 12px;
    padding: 1em;
    max-width: 450px; }
  .trip-block.dark .trip-close {
    right: 0;
    top: 0;
    margin: 3px 8px 0 0;
    color: #fff;
    font-size: 16px; }
    .trip-block.dark .trip-close:hover {
      color: #000; }
  .trip-block.dark .trip-progress-wrapper .trip-prev,
  .trip-block.dark .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.dark .trip-progress-wrapper .trip-prev:hover,
  .trip-block.dark .trip-progress-wrapper .trip-next:hover {
    background: #666; }
  .trip-block.dark .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.dark .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }
  .trip-block.dark .trip-progress-wrapper .trip-progress-bar {
    background: green; }
    
    
    
 /* overwrite */   
.trip-content{font-size:11px;}
.trip-block.n::before, .trip-block.s::before{
    border-width:5px;
    margin-left:-5px;
}
.trip-block.black.e::before {border-right-color:#5c82cd;}
.trip-block.black.n::before {border-top-color:#5c82cd;}
.trip-block.black{
    background-color:#5c82cd;
    color:#f8f1eb;
    background: -webkit-radial-gradient(#5c82cd, #577cc3); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#5c82cd, #577cc3); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#5c82cd, #577cc3); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#5c82cd, #577cc3);
    font-size:10px;
}
.trip-block.black a{text-decoration:none;}
.trip-block.black a.trip-prev,  .trip-block.black a.trip-next,  .trip-block.black a.trip-skip{
    color:#bfcff0;
    text-decoration:none;
    font-size:10px;
    line-height:18px;
}
.trip-block.black a.trip-prev:hover,  .trip-block.black a.trip-next:hover,  .trip-block.black a.trip-skip:hover{
      color:#4866a4;
  }
.trip-block.e::before, .trip-block.w::before {border-width:5px; margin-top:-5px;}
.trip-block.black .trip-close, .trip-block.black .trip-close:hover {
    color: #5c82cd;
    background: #fff;
    border-radius: 30px;
    font-size: 10px;
    width:12px;
    height:12px;
    line-height:1;
}
  
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(0); }
  60% {
    -webkit-transform: translateY(-15px); }
  80% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0); }
  10% {
    -webkit-transform: translateX(-10px); }
  20% {
    -webkit-transform: translateX(10px); }
  30% {
    -webkit-transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px); }
  50% {
    -webkit-transform: translateX(-10px); }
  60% {
    -webkit-transform: translateX(10px); }
  70% {
    -webkit-transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px); }
  90% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  50% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  70% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0); }
  20% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  50% {
    -moz-transform: translateY(0); }
  60% {
    -moz-transform: translateY(-15px); }
  80% {
    -moz-transform: translateY(0); }
  100% {
    -moz-transform: translateY(0); } }
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0); }
  10% {
    -moz-transform: translateX(-10px); }
  20% {
    -moz-transform: translateX(10px); }
  30% {
    -moz-transform: translateX(-10px); }
  40% {
    -moz-transform: translateX(10px); }
  50% {
    -moz-transform: translateX(-10px); }
  60% {
    -moz-transform: translateX(10px); }
  70% {
    -moz-transform: translateX(-10px); }
  80% {
    -moz-transform: translateX(10px); }
  90% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  50% {
    -moz-transform: scale(1.1) rotate(3deg); }
  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  70% {
    -moz-transform: scale(1.1) rotate(3deg); }
  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0); }
  20% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  50% {
    -ms-transform: translateY(0); }
  60% {
    -ms-transform: translateY(-15px); }
  80% {
    -ms-transform: translateY(0); }
  100% {
    -ms-transform: translateY(0); } }
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0); }
  10% {
    -ms-transform: translateX(-10px); }
  20% {
    -ms-transform: translateX(10px); }
  30% {
    -ms-transform: translateX(-10px); }
  40% {
    -ms-transform: translateX(10px); }
  50% {
    -ms-transform: translateX(-10px); }
  60% {
    -ms-transform: translateX(10px); }
  70% {
    -ms-transform: translateX(-10px); }
  80% {
    -ms-transform: translateX(10px); }
  90% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  50% {
    -ms-transform: scale(1.1) rotate(3deg); }
  60% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  70% {
    -ms-transform: scale(1.1) rotate(3deg); }
  80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  50% {
    transform: translateY(0); }
  60% {
    transform: translateY(-15px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
@keyframes shake {
  0% {
    transform: translateX(0); }
  10% {
    transform: translateX(-10px); }
  20% {
    transform: translateX(10px); }
  30% {
    transform: translateX(-10px); }
  40% {
    transform: translateX(10px); }
  50% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(10px); }
  70% {
    transform: translateX(-10px); }
  80% {
    transform: translateX(10px); }
  90% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(0.9) rotate(-3deg); }
  20% {
    transform: scale(0.9) rotate(-3deg); }
  30% {
    transform: scale(1.1) rotate(3deg); }
  40% {
    transform: scale(1.1) rotate(-3deg); }
  50% {
    transform: scale(1.1) rotate(3deg); }
  60% {
    transform: scale(1.1) rotate(-3deg); }
  70% {
    transform: scale(1.1) rotate(3deg); }
  80% {
    transform: scale(1.1) rotate(-3deg); }
  90% {
    transform: scale(1.1) rotate(3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.trip-block {
  display: none;
  padding: 8px;
  position: absolute;
  text-align: center;
  min-width: 100px;
  border-radius: 3px; }
  .trip-block:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute; }
  .trip-block.n:before, .trip-block.s:before {
    border-width: 8px;
    left: 50%;
    margin-left: -8px; }
  .trip-block.e:before, .trip-block.w:before {
    border-width: 8px;
    top: 50%;
    margin-top: -8px; }
  .trip-block.n:before {
    top: 100%; }
  .trip-block.s:before {
    bottom: 100%; }
  .trip-block.e:before {
    right: 100%; }
  .trip-block.w:before {
    left: 100%; }
  .trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw, .trip-block.screen-nw, .trip-block.screen-center {
    position: fixed; }

.trip-block.animated.flash {
  -moz-animation: flash 0.5s 0s ease both;
  -webkit-animation: flash 0.5s 0s ease both;
  animation: flash 0.5s 0s ease both; }
.trip-block.animated.bounce {
  -moz-animation: bounce 0.5s 0s ease both;
  -webkit-animation: bounce 0.5s 0s ease both;
  animation: bounce 0.5s 0s ease both; }
.trip-block.animated.shake {
  -moz-animation: shake 0.5s 0s ease both;
  -webkit-animation: shake 0.5s 0s ease both;
  animation: shake 0.5s 0s ease both; }
.trip-block.animated.tada {
  -moz-animation: tada 0.5s 0s ease both;
  -webkit-animation: tada 0.5s 0s ease both;
  animation: tada 0.5s 0s ease both; }
.trip-block.animated.fadeIn {
  -moz-animation: fadeIn 0.5s 0s ease both;
  -webkit-animation: fadeIn 0.5s 0s ease both;
  animation: fadeIn 0.5s 0s ease both; }
.trip-block.animated.fadeInUp {
  -moz-animation: fadeInUp 0.5s 0s ease both;
  -webkit-animation: fadeInUp 0.5s 0s ease both;
  animation: fadeInUp 0.5s 0s ease both; }
.trip-block.animated.fadeInDown {
  -moz-animation: fadeInDown 0.5s 0s ease both;
  -webkit-animation: fadeInDown 0.5s 0s ease both;
  animation: fadeInDown 0.5s 0s ease both; }
.trip-block.animated.fadeInLeft {
  -moz-animation: fadeInLeft 0.5s 0s ease both;
  -webkit-animation: fadeInLeft 0.5s 0s ease both;
  animation: fadeInLeft 0.5s 0s ease both; }
.trip-block.animated.fadeInRight {
  -moz-animation: fadeInRight 0.5s 0s ease both;
  -webkit-animation: fadeInRight 0.5s 0s ease both;
  animation: fadeInRight 0.5s 0s ease both; }
.trip-block.animated.fadeInUpBig {
  -moz-animation: fadeInUpBig 0.5s 0s ease both;
  -webkit-animation: fadeInUpBig 0.5s 0s ease both;
  animation: fadeInUpBig 0.5s 0s ease both; }
.trip-block.animated.fadeInDownBig {
  -moz-animation: fadeInDownBig 0.5s 0s ease both;
  -webkit-animation: fadeInDownBig 0.5s 0s ease both;
  animation: fadeInDownBig 0.5s 0s ease both; }
.trip-block.animated.fadeInLeftBig {
  -moz-animation: fadeInLeftBig 0.5s 0s ease both;
  -webkit-animation: fadeInLeftBig 0.5s 0s ease both;
  animation: fadeInLeftBig 0.5s 0s ease both; }
.trip-block.animated.fadeInRightBig {
  -moz-animation: fadeInRightBig 0.5s 0s ease both;
  -webkit-animation: fadeInRightBig 0.5s 0s ease both;
  animation: fadeInRightBig 0.5s 0s ease both; }
.trip-block.animated.bounceIn {
  -moz-animation: bounceIn 0.5s 0s ease both;
  -webkit-animation: bounceIn 0.5s 0s ease both;
  animation: bounceIn 0.5s 0s ease both; }
.trip-block.animated.bounceInDown {
  -moz-animation: bounceInDown 0.5s 0s ease both;
  -webkit-animation: bounceInDown 0.5s 0s ease both;
  animation: bounceInDown 0.5s 0s ease both; }
.trip-block.animated.bounceInUp {
  -moz-animation: bounceInUp 0.5s 0s ease both;
  -webkit-animation: bounceInUp 0.5s 0s ease both;
  animation: bounceInUp 0.5s 0s ease both; }
.trip-block.animated.bounceInLeft {
  -moz-animation: bounceInLeft 0.5s 0s ease both;
  -webkit-animation: bounceInLeft 0.5s 0s ease both;
  animation: bounceInLeft 0.5s 0s ease both; }
.trip-block.animated.bounceInRight {
  -moz-animation: bounceInRight 0.5s 0s ease both;
  -webkit-animation: bounceInRight 0.5s 0s ease both;
  animation: bounceInRight 0.5s 0s ease both; }
.trip-block.animated.rotateIn {
  -moz-animation: rotateIn 0.5s 0s ease both;
  -webkit-animation: rotateIn 0.5s 0s ease both;
  animation: rotateIn 0.5s 0s ease both; }
.trip-block.animated.rotateInDownLeft {
  -moz-animation: rotateInDownLeft 0.5s 0s ease both;
  -webkit-animation: rotateInDownLeft 0.5s 0s ease both;
  animation: rotateInDownLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInDownRight {
  -moz-animation: rotateInDownRight 0.5s 0s ease both;
  -webkit-animation: rotateInDownRight 0.5s 0s ease both;
  animation: rotateInDownRight 0.5s 0s ease both; }
.trip-block.animated.rotateInUpLeft {
  -moz-animation: rotateInUpLeft 0.5s 0s ease both;
  -webkit-animation: rotateInUpLeft 0.5s 0s ease both;
  animation: rotateInUpLeft 0.5s 0s ease both; }
.trip-block.animated.rotateInUpRight {
  -moz-animation: rotateInUpRight 0.5s 0s ease both;
  -webkit-animation: rotateInUpRight 0.5s 0s ease both;
  animation: rotateInUpRight 0.5s 0s ease both; }

.trip-close {
  font-size: 80%;
  float: right;
  margin-top: -5px; }
  .trip-close:hover {
    text-decoration: none; }

.trip-content {
  clear: right; }

.trip-progress-bar {
  height: 1px;
  background-color: #444;
  width: 0; }

.trip-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

.trip-prev, .trip-next {
  padding: 5px 10px; }

/*
 *  TODO:
 *  implement with more details later
 */
.trip-exposed {
  background: white; }

.trip-block.black {
  background: #333;
  color: #DDD;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0; }
  .trip-block.black .trip-close {
    color: #ddd; }
    .trip-block.black .trip-close:hover {
      color: #fff; }
  .trip-block.black.n:before {
    border-top-color: #333; }
  .trip-block.black.s:before {
    border-bottom-color: #333; }
  .trip-block.black.e:before {
    border-right-color: #333; }
  .trip-block.black.w:before {
    border-left-color: #333; }

.trip-block.white {
  background: #fff;
  color: #333; }
  .trip-block.white .trip-close {
    color: #333; }
    .trip-block.white .trip-close:hover {
      color: #000; }
  .trip-block.white.n:before {
    border-top-color: #fff; }
  .trip-block.white.s:before {
    border-bottom-color: #fff; }
  .trip-block.white.e:before {
    border-right-color: #fff; }
  .trip-block.white.w:before {
    border-left-color: #fff; }

.trip-overlay.yeti {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.yeti {
  padding: 0px;
  background: #008cba;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0; }
  .trip-block.yeti.n:before {
    margin-top: -1px;
    border-top-color: #008cba; }
  .trip-block.yeti.s:before {
    border-bottom-color: #006687; }
  .trip-block.yeti.e:before {
    border-right-color: #008cba; }
  .trip-block.yeti.w:before {
    border-left-color: #008cba; }
  .trip-block.yeti .trip-header {
    position: relative;
    font-size: 18px;
    background: #006687;
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.yeti .trip-content {
    font-size: 12px;
    padding: 15px;
    max-width: 450px; }
  .trip-block.yeti .trip-close {
    right: 0px;
    top: 0px;
    margin: 3px 8px 0px 0px;
    color: #fff;
    font-size: 16px; }
    .trip-block.yeti .trip-close:hover {
      color: #000; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev,
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev:hover,
  .trip-block.yeti .trip-progress-wrapper .trip-next:hover {
    background: #006687; }
  .trip-block.yeti .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.yeti .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }

.trip-overlay.dark {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

.trip-block.dark {
  background: #333;
  padding: 0;
  color: #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.39) 0 2px 2px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92);
  opacity: 0.92; }
  .trip-block.dark.n:before {
    margin-top: -1px;
    border-top-color: #333; }
  .trip-block.dark.s:before {
    border-bottom-color: #555; }
  .trip-block.dark.e:before {
    border-right-color: #333; }
  .trip-block.dark.w:before {
    border-left-color: #333; }
  .trip-block.dark .trip-header {
    position: relative;
    font-size: 16px;
    background: #555;
    margin: 0;
    border-radius: 3px 3px 0px 0px;
    padding: 5px; }
  .trip-block.dark .trip-content {
    font-size: 12px;
    padding: 1em;
    max-width: 450px; }
  .trip-block.dark .trip-close {
    right: 0;
    top: 0;
    margin: 3px 8px 0 0;
    color: #fff;
    font-size: 16px; }
    .trip-block.dark .trip-close:hover {
      color: #000; }
  .trip-block.dark .trip-progress-wrapper .trip-prev,
  .trip-block.dark .trip-progress-wrapper .trip-next {
    font-size: 12px;
    color: #fff; }
  .trip-block.dark .trip-progress-wrapper .trip-prev:hover,
  .trip-block.dark .trip-progress-wrapper .trip-next:hover {
    background: #666; }
  .trip-block.dark .trip-progress-wrapper .trip-next {
    float: right;
    border-radius: 0px 0px 5px 0px; }
  .trip-block.dark .trip-progress-wrapper .trip-prev {
    display: none;
    float: left;
    border-radius: 0px 0px 0px 5px; }
  .trip-block.dark .trip-progress-wrapper .trip-progress-bar {
    background: green; }
    
    
    
 /* overwrite */ 
.trip-block {
    padding:0 8px 8px 8px;
} 
.trip-content{font-size:11px; margin-bottom:15px; line-height:1.9em;}
.trip-block.n::before, .trip-block.s::before{
    border-width:12px;
    margin-left:-5px;
}
.trip-block.black.e::before {border-right-color:#fff;}
.trip-block.black.n::before {border-top-color:#fff;}
.trip-block.black.w::before {border-left-color:#fff;}
.trip-block.black.s::before {border-bottom-color:#fff;}
.trip-block.black{
    background-color:#fff;
    color:#333;
    /* background: -webkit-radial-gradient(#5c82cd, #577cc3);*/ /* Safari 5.1 to 6.0 */
    /* background: -o-radial-gradient(#5c82cd, #577cc3);*/ /* For Opera 11.6 to 12.0 */
    /* background: -moz-radial-gradient(#5c82cd, #577cc3);*/ /* For Firefox 3.6 to 15 */
    /* background: radial-gradient(#5c82cd, #577cc3);*/
    font-size:10px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.6);
    -moz-box-shadow:  0px 0px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow:  0px 0px 6px rgba(0,0,0,0.6);
}
.trip-block.black a{text-decoration:none;color:#333;}
.trip-block.black a.trip-prev, .trip-block.black a.trip-prev:visited,
.trip-block.black a.trip-next, .trip-block.black a.trip-next:visited,
.trip-block.black a.trip-skip, .trip-block.black a.trip-skip:visited,
.trip-block.black a.trip-dismiss, .trip-block.black a.trip-dismiss:visited  {
    color:#333;
    text-decoration:none;
    font-size:10px;
    line-height:18px;
    background:#fff;
    border:#ffffff solid 1px;
    /*padding:4px 10px;*/
    margin:3px 2px;
}
.trip-block.black a.trip-prev:hover,  .trip-block.black a.trip-next:hover,  .trip-block.black a.trip-skip:hover,
a.trip-prev:hover,  a.trip-next:hover, a.trip-skip:hover, a.trip-prev:active,  a.trip-next:active, a.trip-skip:active,
div.trip-progress-wrapper a.trip-prev:hover, div.trip-progress-wrapper a.trip-next:hover,
.trip-block.black a.trip-dismiss:hover,  .trip-block.black a.trip-dismiss:hover,  .trip-block.black a.trip-dismiss:hover  {
      color:#939393;
      background:#fff;
  }
.trip-block.e::before, .trip-block.w::before {border-width:12px; margin-top:-5px;}
.trip-block.black .trip-close, .trip-block.black .trip-close:hover {
    color: #333;
    background: #ddd;
    border-radius: 30px;
    font-size: 12px;
    width:14px;
    height:14px;
    line-height:1;
    margin-top:8px;
    right:0;
    padding:2px;
}

.trip-header{
    text-align: right;
    top: -5px;
    margin-right: 20px;
    position: relative;
    color: #333;
}
.trip-block.black .rv-icon, .rv-icon{
    width:16px;
    height:18px;
    display:inline-block;
    vertical-align:bottom;
    opacity:0.9;
}
.trip-block.black .g-icon-pagesetting, .g-icon-pagesetting{ 
     background: url(theme/uikit/images/icon-pagesetting.png) no-repeat; 
}
.trip-block.black .g-icon-edit, .g-icon-edit{ 
     background: url(theme/uikit/images/icon-edit.png) no-repeat; 
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;	
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag {
	color: #f92672;
}

.token.boolean,
.token.number{
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string {
	color: #a6e22e;
}


.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value
{
	color: #e6db74;
}


.token.keyword{
color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  z-index : 9999;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default .jstree-wholerow {
  height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
  background: url("theme/uikit/images/32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url("theme/uikit/images/32px.png") -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
  background: url("theme/uikit/images/32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url("theme/uikit/images/32px.png") -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("theme/uikit/images/32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("theme/uikit/images/throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
  background: url("theme/uikit/images/32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url("theme/uikit/images/32px.png") -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("theme/uikit/images/32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
  width: calc(100% - 5px);
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("theme/uikit/images/40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("theme/uikit/images/40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url("theme/uikit/images/40px.png");
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("theme/uikit/images/40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url("theme/uikit/images/40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url("theme/uikit/images/40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}


/********* Overwrite jstree ********/

ul a.jstree-anchor, ul ul a.jstree-anchor, ul ul ul a.jstree-anchor {
  overflow:hidden;
  text-overflow:ellipsis;
}
ul a.jstree-anchor {
  width:86%;
}
ul ul a.jstree-anchor {
  width:85%;
}
ul ul ul a.jstree-anchor {
  width:85%;
}
.jstree-container-ul {
  padding: 0;
}
.jstree-default .jstree-node {
  min-height: 18px;
  line-height: 22px;
}
.jstree-default .jstree-icon {
  width: 18px;
  height: 20px;
  line-height: 20px;
}
.jstree-default .jstree-icon:empty {
  width: 18px;
  height: 20px;
  line-height: 22px;
}
.jstree-default .jstree-anchor{
  height: 20px;
  line-height: 24px;
}
.jstree-children {
  margin-left: -10px;
}
.jstree-container-ul, .jstree-wholerow-ul {
  margin-left: -8px;
}
.jstree-anchor {
  padding:0 4px 0 0;
}
.jstree-anchor > .jstree-themeicon{
  margin-right:0;
}