/* FORM ELEMENTS */
.xtreme-style{line-height: 1.5em;}

.xtreme-style input[type="text"],
.xtreme-style input[type="input"],
.xtreme-style input[type="password"],
.xtreme-style input[type="email"],
.xtreme-style textarea,
.xtreme-style select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 6px 4px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 95%;
max-width: 100%;
margin-bottom: 5px;
background: #fff; 
-webkit-font-smoothing: antialiased;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
display:inline;
height:auto;
}


.xtreme-style input[type="text"]:disabled{
	background: #f8f8f8; 
	border: 1px solid #e1e1e1;
	color: #aaa;
}

.xtreme-style textarea{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
width:95%;
padding:15px;
height:150px;
}

.xtreme-style input[type="text"]:focus,
.xtreme-style input[type="password"]:focus,
.xtreme-style input[type="email"]:focus,
.xtreme-style textarea:focus,
.xtreme-style select:focus {
border: 1px solid #ccc;
color: #555;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2); 
}	

			
.xtreme-style select{
padding: 6px 35px 6px 4px;
background-position: center right;
background-repeat: no-repeat;
border-radius:4px;
background-color: #fff;
background-image: url(../../images/select.png), -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: url(../../images/select.png), -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: url(../../images/select.png), -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: url(../../images/select.png), linear-gradient(to top, #eee 0%, #fff 50%);
}

/*firefox hack*/
@-moz-document url-prefix() { 
  .xtreme-style select {
    padding: 6px 6px 6px 4px;
	background-image: none;
  }
}


.xtreme-style select[multiple] {
    background-image: none;
    line-height: 25px;
    padding:0;
}

.xtreme-form-element option{ padding:4px 6px; }

.xtreme-style small{
color:#999;
font-size: 11px;
font-style: italic;
}



/*tinymce form elements*/

.xtreme-style .xtreme_advanced_textarea{
height:auto;
}

div .xtreme_advanced_textarea.xtreme_tinymce.wp-editor-area{
margin-bottom: -4px;
border: none;
}

/*
.xtreme-form-element .mceEditor{
display: block;
margin-right: -1px;
}
*/



/*Icon Selector*/
.xtreme_icon_select_container {
height: 221px;
overflow: auto;
width: 100%;
border: 1px solid #AAA;
overflow-x: hidden;
}

.xtreme_icon_preview{
position:relative;
font-size:30px;
line-height:1.5em;
width:1.5em;
color:#494949;
background:#fff;
display:block;
text-align:center;
float:left;
border:1px solid #e1e1e1;
margin-left:-1px;
margin-top: -1px;
transition: 		all 0.1s ease-out;
-moz-transition: 	all 0.1s ease-out; /* Firefox 4 */
-webkit-transition: all 0.1s ease-out; /* Safari and Chrome */
-o-transition: 		all 0.1s ease-out; /* Opera */
cursor:pointer;
}

.xtreme_icon_preview:hover{ color:#278AB7; z-index: 3; -webkit-transform:scale(1.3); -o-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);      }
.xtreme_icon_select_container .xtreme-active-element, .xtreme_icon_select_container .xtreme-active-element:hover{color:#D54E21; }
.xf-iconselect-heading{clear:both; padding:10px; color:#666;width:100%;}

/*colorpicker*/
.xtreme-style .wp-picker-container{ position: relative;  width: 100%;}
.xtreme-style .wp-picker-holder{position: absolute; z-index: 1001;}
.xtreme-style .iris-picker{-webkit-box-shadow: 0 1px 27px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 27px 0px rgba(0,0,0,0.3); box-shadow: 0 1px 27px 0px rgba(0,0,0,0.3);}
.xtreme-style .wp-picker-input-wrap{display:block; overflow: hidden;}
.xtreme-style .wp-picker-input-wrap input{display:inline-block !important; width: 69px; padding: 6px 4px 6px 4px;}
.xtreme-style .wp-color-result{top: 0px; display:block; white-space: nowrap; overflow: hidden; float:left; height:27px; min-width: 79px;}
.xtreme-style .wp-color-result:after{line-height:27px; }
.xtreme-style .wp-picker-input-wrap .button{ line-height:29px; height:29px; margin-left: 5px; padding:0;}
.xtreme-style .wp-picker-input-wrap .colorpicker{margin-right:6px; position: relative; }

.xtreme-style .iris-picker, .xtreme-style .wp-color-result, .xtreme-style .wp-color-result:after, .xtreme-style .wp-picker-input-wrap .button{
border-color: #e1e1e1; color: #444; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius:0;
}

/*checkbox*/
.xtreme-element-checkbox{position: relative;}
.xtreme-element-checkbox .xtreme-name-description > span, .xtreme-name-description > label{ padding-left:20px;}
.xtreme-element-checkbox .xtreme-form-element{position: absolute;top:37px;}


/*XTREME MODAL*/
body.xtreme-noscroll{overflow: hidden;}

.xtreme-modal-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background: black;
opacity: .7;
z-index: 14000;
}




.xtreme-modal {
position: fixed;
top: 30px;
left: 15%;
right: 15%;
z-index: 15000;
background: #fff;
min-height: 210px;
overflow: auto;
bottom: 30px;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}


@-webkit-keyframes xtreme_modal_pop {
  0%   { -webkit-transform:scale(0.8); opacity:0; }
  100% { -webkit-transform:scale(1); opacity:1;  }
}
@-moz-keyframes xtreme_modal_pop {
  0%   { -moz-transform:scale(0.8); opacity:0; }
  100% { -moz-transform:scale(1); opacity:1;  }
}
@-o-keyframes xtreme_modal_pop {
  0%   { -o-transform:scale(0.8); opacity:0; }
  100% { -o-transform:scale(1); opacity:1;  }
}
@keyframes xtreme_modal_pop {
  0%   { transform:scale(0.8); opacity:0; }
  100% { transform:scale(1); opacity:1;  }
}


.xtreme-modal.bigscreen{
left: 30px;
right: 30px;
bottom: 30px;
}

.xtreme-modal.mediumscreen{
top:20%;
left: 20%;
right: 20%;
bottom: 20%;
}

.xtreme-modal.highscreen{
top:5%;
left: 20%;
right: 20%;
bottom: 5%;
}

.xtreme-modal.smallscreen, .xtreme-modal.flexscreen{
top:35%;
left: 30%;
right: 30%;
bottom: auto;
}


.xtreme-modal.flexscreen{
min-height:0;
}

.xtreme-modal.flexscreen .xtreme-modal-inner-content{
position: relative;
padding-bottom: 50px;
top:0;
}

.xtreme-modal-inner-header{
height: 50px;
background:#222;
color:#fff;
position: relative;
}

.xtreme-modal-inner-footer {
height: 50px;
border-top: 1px solid #DFDFDF;
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
background: rgb(238, 238, 238);
width: 100%;
}

div.xtreme-modal .xtreme-modal-inner-footer .button-large {
position: absolute;
right: 12px;
top: 10px;
padding: 0 35px 2px;
}


.xtreme-modal-inner-content {
position: absolute;
overflow: auto;
padding: 0 20px;
top: 52px;
left: 0;
right: 0;
bottom: 50px;
background: #fcfcfc;
}


.xtreme-modal-close{
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
height:24px;
width:24px;
position: absolute;
top:14px;
right:14px;
background: transparent url(../../images/icon-trash.png) top left no-repeat;
overflow: hidden;
text-indent: 200%;
}

.xtreme-modal-close:hover{
background: transparent url(../../images/icon-trash.png) bottom left no-repeat;
}

.xtreme-modal-title {
position: absolute;
top: 0;
margin: 0;
line-height: 53px;
left: 14px;
color: #fff;
padding: 0;
font-size: 22px;
font-weight: 200;
}

.xtreme-msg-error{ color: #D54E21; }
.xtreme-msg-success{ color:#8AB83A;}
.xtreme-msg-attention{color:#4BA7D3;}

.xtreme-modal-inner-content.preloading{
background: transparent url(../../images/loading.gif) center 100px  no-repeat;
}

.smallscreen .xtreme-modal-inner-content.preloading{
background: transparent url(../../images/loading.gif) center center  no-repeat;
}

.xtreme-modal-inner-footer.preloading{
background: #FCFCFC url(../../images/loading.gif) 15px center  no-repeat;
}

.xtreme-form-element-container{
padding:8px;
}


.xtreme-modal .xtreme-form-element-container{
padding:18px 20px;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
border-bottom:1px solid #E7E7E7;
position: relative;
background: #FCFCFC;
clear: both;
}

.xtreme-modal .xtreme-form-element-container > p{color: #777;}

.xtreme-modal .xtreme-form-element-container:hover, .smallscreen .xtreme-modal-inner-content:hover{
}

.smallscreen .xtreme-form-element-container{
border-bottom:none;
}

/*
.xtreme-form-element-container:nth-child(even){background: #f8f8f8;}
.xtreme-form-element-container:nth-child(odd){clear:both;}
.xtreme-form-element-container:last-child{border:none;}
*/

.xtreme-name-description > strong{ display:block; font-size:14px; }
.xtreme-name-description > span, .xtreme-name-description > label{ display: block; margin-bottom: 4px; color: #333;}






/*inside modal use half with for element + description*/

.xtreme-modal .xtreme-form-element{
width:49%;
float:right;
}
.xtreme-modal .xtreme-name-description{
width:49%;
float:left;
}

/*checkbox needs another width*/
.xtreme-modal .xtreme-element-checkbox .xtreme-form-element{
width:30px;
}

.xtreme-modal .xtreme-element-checkbox .xtreme-name-description{
width:100%;
}



/*use full width for those exceptions:*/

.xtreme-element-iconfont .xtreme-form-element, .xtreme-element-iconfont .xtreme-name-description,
.xtreme-element-tiny_mce .xtreme-form-element, .xtreme-element-tiny_mce .xtreme-name-description,
.xtreme-element-heading .xtreme-form-element, .xtreme-element-heading .xtreme-name-description,
.xtreme-element-fullwidth .xtreme-form-element, .xtreme-element-fullwidth .xtreme-name-description
{
float:none;
width:100%;
}


.xtreme-modal .xtreme-form-element-container.xf_group_prev{
margin-top:-20px;
}

.xtreme-modal .xtreme-form-element-container.xf_no_bottom{
border:none;
}


/*half sized elements*/
.xtreme-modal .xf_half {width:50%; float:left; position: relative;  clear:none;}
.xtreme-modal .xf_half_first {clear:both;}
.xtreme-modal .xf_half .xtreme-form-element, .xtreme-modal .xf_half .xtreme-name-description{width:100%; float:none;}


/*third sized elements*/
.xtreme-modal .xf_third {width:33%; float:left; position: relative;  clear:none;}
.xtreme-modal .xf_third_first {clear:both;}
.xtreme-modal .xf_third .xtreme-form-element, .xtreme-modal .xf_third .xtreme-name-description{width:100%; float:none;}




/*google maps*/

.xtreme-modal .xf-gmap-field { font-weight: bold; }
.xtreme-modal .xf-gmap-field input[type="text"]{ width: 100%; }
.xtreme-modal .xf-gmap-field.xf_first input[type="text"]{ width: 98%; }
.xf-gmap-coordinates{visibility: hidden;}
.xf-gmap-coordinates.xf-visible{visibility: visible;}
#wpwrap .xf-google-fetch-button{margin-bottom: 11px;}



/*fullwidth and no border bottom*/
.xtreme-form-element-container.xtreme-element-heading{
border-bottom:none;
}


/*multi input*/
.xf-multi-input-table{display: table;}
.xf-multi-input-cell{display: table-cell;}
.xf-multi-input-label{font-size: 10px; color: #999;}


/*datepicker*/
.xtreme-modal .xf_third.xtreme-element-datepicker{z-index: auto;}

.xtreme-datepicker-div{ background: #fff; border:1px solid #e1e1e1; }
.xtreme-datepicker-div a{ color:#333; background-color: #f8f8f8; }
.xtreme-datepicker-div a.ui-state-active{ color:#fff; background: #1E8CBE;}
.xtreme-datepicker-div a.ui-state-highlight{ color:#1E8CBE; background: #f8f8f8;}
.xtreme-datepicker-div a.ui-state-hover{ color:#FFF; background-color: #000; }
.xtreme-datepicker-div .ui-datepicker-buttonpane button{ background-color: #1E8CBE; color: #FFF; border-color: #1E8CBE; }


.xtreme-datepicker-div.ui-datepicker { width: 300px; padding: 20px; display: none; box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2);}
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-prev, .xtreme-datepicker-div.ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 50px; height: 1.8em;  text-align: center; line-height: 1.8em; cursor: pointer;}
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-prev { left:2px; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-next { right:2px; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.xtreme-datepicker-div.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.xtreme-datepicker-div.ui-datepicker select.ui-datepicker-month,
.xtreme-datepicker-div.ui-datepicker select.ui-datepicker-year { width: 49%;}
.xtreme-datepicker-div.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.xtreme-datepicker-div.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.xtreme-datepicker-div.ui-datepicker td { border: 0; padding: 1px; }
.xtreme-datepicker-div.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: 10px 20px; width:auto; overflow:visible; border: none;
border-radius: 3px;}
.xtreme-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/* RTL support */
.xtreme-datepicker-div.ui-datepicker-rtl { direction: rtl; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.xtreme-datepicker-div.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/*BACKWARDS COMPAT*/
/*legacy thickbox scripts should be displayed above modal window*/
body #TB_overlay, body>.ui-widget-overlay{
z-index: 1000 !important;
}
body #TB_window, body>.ui-dialog.ui-widget{
z-index: 15005;
}

/*hide tinymce fullscreen editor and more tag when in modal window*/
body div.xtreme-modal .mce_wp_fullscreen, body div.xtreme-modal .mce_wp_more{display:none; }



/*GENERIC STUFF*/
.xtreme_clearfix:after{
content: '.'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear:both;
}

body .xtreme-hidden{
display:none;
}

.xtreme-noselect{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/* MEDIA QUERIES*/


/* TinyMce Breakpoint (inside modal windows) */
@media only screen and (max-width: 979px) {

	.xtreme-modal{
	left:30px;
	right:30px;
	}

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.xtreme-modal.smallscreen, .xtreme-modal.flexscreen, .xtreme-modal.mediumscreen{
	left: 10%;
	right: 10%;
	top:10px;
	}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	
	.xtreme-modal .xtreme-form-element, .xtreme-modal .xtreme-name-description{
	width:100%;
	float:none;
	}
	
	
	
}


.wp-fullscreen-active input[type=text].wp-fullscreen-title{display: block; margin-left: auto; margin-right: auto; }






/*rgba color picker*/
.xf-iris-picker-rgba{
	margin-bottom: 5px;
}

.xf-iris-picker-rgba.iris-border .iris-palette-container {
  bottom: 47px;
}


.xf-alpha-wrap {
  display: block;
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 235px;
  padding: 9px 10px;
  border: 1px solid #dfdfdf;
  z-index: 0;
  background-color: #fff;
}

.xf-alpha-slider {
  position: absolute;
  width: 190px;
  margin-left: 2px;
  height: 18px;
}

.xf-alpha-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  bottom: -3px;
  z-index: 5;
  border-color: #aaa;
  border-style: solid;
  border-width: 4px 3px;
  width: 10px;
  height: 16px;
  margin: 0 -5px;
  background: none;
  cursor: ew-resize;
  opacity: 0.9;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.xf-alpha-slider .ui-slider-handle:before {
  content: " ";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -3px;
  bottom: -3px;
  border: 2px solid #fff;
  border-radius: 3px;
}

.xf-alpha-slider-offset {
  height: 18px;
  width: 200px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAASCAYAAAAe/ZHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNEQUQ0ODM4RUE0MTFFNEExOEJFN0E5M0VFOTg0QUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNEQUQ0ODQ4RUE0MTFFNEExOEJFN0E5M0VFOTg0QUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0RBRDQ4MThFQTQxMUU0QTE4QkU3QTkzRUU5ODRBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0RBRDQ4MjhFQTQxMUU0QTE4QkU3QTkzRUU5ODRBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/r/N8AAAWYSURBVHjarFvvR3VBEN45JZGIPkREHyIiIhJJf3qUSERE9CGiDxERkcg9z9u92uucvTszz5z7xnHPj93Z2d359cxscn5+jpTS+EoiMr3/+51cZ2dn4+e29i2/u7y8RKf/pO3vc+o+n5ycoNK31+f6+jrfZ37yuG2mf3R01H3fa5N/b29vU6dP5qft0G4PDg5MGuPr/v4+jz1t27mfvN/b21P75+fHx8eZfiV/Ozs7rUJnSu/5+RlFv+m6ZJpbW1s1PnrvXl9fZ/qX89zY2LB4mfy+v7/nsdV1XltbK/dr5vnz87OcV5bJabuVlRVLBifjfX9/l/xkGtM+S0tLNXnu0szfU/P3IMn/k0678h6ddqjQFGccVL6hoCsVfsq+NZ5QtCv5rfFS41sq37W+UPhMyhxEWTetvce3NR8oewqD39qalXuGAK/WPltjajIC4x2c9Ye1f43SGcqGwRBeTZjhMNntL4pCWZMQYhE05RVl02EovRgC4RkCbUNSQAGhGB/GsKG4h6FQoigDa2i8fRBy3uLMXYIG3Vr3aZvRaCRdBYlYIMZywhBGCVhgzzOlgRuUSOvC0GMEWxOM/+EtQFh1OIIXtfwg1tRaayGjg5px0jyZKEaTle3e+AsLCygVRAh3FlEgKbReE3oYGj9EgIR00QiEgKw3ZBQbRGjBeAMtDETQmHiKDsezJNLgCTFGItZXlAgCSiQggblP+9c8SDI0lXWlFv5g3K63KZ51FOcZzthQ3LomoNHwJmKIQISI3vqzSpwIQ8liSjGMFQjDpoVgaQ6cWgvLhOC7qiAwiHrWbEg4JMSmeUrBuHoYwioOQNXmhmAcrs096s1gJCGi3hSEVU8DQxYElYHhKwUUGAa+NqOBMsSSAQJuhQhCAH4vxozExsxiihPuaIrjCVYKWlYEsjSM52G8Kxxryngl5j0j+EyGTIiED4s1Itm0ZGWxMFCLJaBAcEI6OBkmFgNBoc8Cait2ZnENE/6wQN8LJSJeSMNAjKVm+LUMAIt3PR5AQgIGp1Z5zxhE8PtXUYReYeXi4mKmOPNXBMzt2tPT07LIUtJqr66uusXEbkFnWiQ6Pj72ikrtzc1NKopuvbbj58PDwxqNHp27u7tuYWumUDV+v7+/Xyu6pc59+/DwUCsC9ujt7u6qRbt8//T01C3elbyN70fb29uZ/1FSincvLy/lPGb42tzc9IqJeHt7q61Pr2C6vr7u7tfHx8fMPhV0sLq6WhZtU0n36+uru8elPE7aLi8v1wqJPXn++fmZKYgX8ozFxcXJb0NaQTHClZT8+gBjsYdaFc+zWcUkGTCWENY66ta92oSVzo3WI6IZKGtukeyfBLFKBNAj6bUOBgaoe9wE4n04IBNkLMoC7+Skj630ZlTJMYdyMsU2T8AwpzALkVFilZgJcT2l9PCWDDSAMBSjVlJgZNk0lE1AIby0qCiCnBQNj6aBGQslZIZJ5hB6D/AzQHto5Z9Nk8tARdN4q2ExBnsyIJ311EymShyjan2rKk0zh1Ay1oQVWAZQRnkUA8RFw7TahjBnmNgMVMQrsCGZJezRtGlU0cUZ1zuaxGZPpbhApM+ZpFQqQ6xadoMtBrEKpBVo4GRXvNSxpaRixKiR+TChCYhsDwZkfFj8IkErjAHejcUI0XQrgwehhNSMHAz21E0wZ23FcCAmj8Sd/PXy2xLYLAuwRw4IMsqjFaWYOpMEhDySAPFCWyFkgAHrEcA+BNeJ4UE8HCzJPpCrerUmQIx1pWJkjqxJD8EikUo2c5aI8ZYgsAkM4WQtnHd0ns0ORgVTBghy5ISy928SGsbTMqYg523RUY8oNYG4FIYiyRyZCnFCJC87IoRAIMVOqQ7BKexxCS2hYVl9JhvlpYjnAe4MhmRPMWhhvLfXINaI9WKM0Zu0+SfAAFLE1EgfVSv7AAAAAElFTkSuQmCC);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
  border-radius: 2px;
}

.xf-alpha-text {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  font-size: 12px;
  text-align: center;
  color: #999;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}