/*!
 * jQuery UI Bootstrap (1.0 alpha)
 * http://addyosmani.github.io/jquery-ui-bootstrap/
 *
 * Copyright 2012 - 2013, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter, Inc.
 */

/********** VJ - Move to Less - Start *************/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	/*display: inline-block; */
	display: block;
	min-height: 0; /* support: IE7 */
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height:1%;
}

/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}
.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
 * jQuery UI Resizable 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/resizable/
 */

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*
 * jQuery UI Selectable 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/selectable/
 */

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}


/*
 * jQuery UI CSS Framework 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * 
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/* Component containers
----------------------------------*/

.ui-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.ui-widget .ui-widget {
	font-size: 13px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_75_ffffff_1x400.png") 50% 50% repeat-x;
	color: #404040;
}

.ui-widget-header {
	font-weight: bold;
    background-color: #F5F5F5;
    border-color: #DDDDDD;
    color: #333333;

}

.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   color: #333333;
   background-color: #ffffff;
   font-weight: normal;
   border: 1px solid #cccccc;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.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 {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
	text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #333333;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #adadad;
	font-weight: normal;
	color: #333333;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333333;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-state-error,
.ui-state-default {
	position: relative;
	border-width: 1px;
	border-style: solid;
}

.ui-state-highlight p,
.ui-state-error p,
.ui-state-default p {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin:7px 15px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #2d6987;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #953b39;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #953b39;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_f6cf3b_256x240.png");
}

/* positioning */

.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all {
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	-webkit-border-top-left-radius: 4px; /* Safari 4 */
	-moz-border-radius-topleft: 4px; /* Firefox 3.6 */
	border-top-left-radius: 4px;
}

.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	-webkit-border-top-right-radius: 4px; /* Safari 4 */
	-moz-border-radius-topright: 4px; /* Firefox 3.6 */
	border-top-right-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	-webkit-border-bottom-left-radius: 4px; /* Safari 4 */
	-moz-border-radius-bottomleft: 4px; /* Firefox 3.6 */
	border-bottom-left-radius: 4px;
}

.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	-webkit-border-bottom-right-radius: 4px; /* Safari 4 */
	-moz-border-radius-bottomright: 4px; /* Firefox 3.6 */
	border-bottom-right-radius: 4px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
	-webkit-border-radius: 8px; /* Safari 4 */
	-moz-border-radius: 8px; /* Firefox 3.6 */
	border-radius: 8px;
}

/*
 * jQuery UI Accordion 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/accordion/
 */

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
    border-top: 0 none;
	margin-top: -3px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}


/*
 * jQuery UI Autocomplete 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}


/*
 * jQuery UI Button 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
  	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ccc;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	   -o-user-select: none;
	      user-select: none;
}

.ui-button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-button:focus,
.ui-button:hover {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none;
}

ui-button.disabled,
ui-button[disabled],
fieldset[disabled] ui-button,
ui-button.disabled:hover,
ui-button[disabled]:hover,
fieldset[disabled] ui-button:hover,
ui-button.disabled:focus,
ui-button[disabled]:focus,
fieldset[disabled] ui-button:focus,
ui-button.disabled:active,
ui-button[disabled]:active,
fieldset[disabled] ui-button:active,
ui-button.disabled.active,
ui-button[disabled].active,
fieldset[disabled] ui-button.ui-state-active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-btn-lg{
	padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.ui-btn-sm,
.ui-btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.ui-btn-xs {
  padding: 1px 5px;
}

.ui-btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.ui-btn-block + .ui-btn-block {
  margin-top: 5px;
}

input[type="submit"].ui-btn-block,
input[type="reset"].ui-btn-block,
input[type="button"].ui-btn-block {
  width: 100%;
}

.ui-button-text-icon-primary 
.ui-button-icon-primary {
    float:left;
}

.ui-button-text-icon-primary {
    padding:2px 7px 3px;
}

.ui-button-primary {
	color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.ui-button-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.ui-button-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ui-button-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.ui-button-inverse {
	color: #ffffff;
	background-color: #222222;
    border-color: #080808;
}

.ui-button-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.ui-button-error {
	color: #ffffff;
	background-color: #c43c35;
	border-color: #882a25;
}

.ui-button-primary:hover,
.ui-button-success:hover,
.ui-button-info:hover,
.ui-button-danger:hover, 
.ui-button-warning:hover,
.ui-button-inverse:hover{
	color: #ffffff;
	text-decoration: none;
}

.ui-button-primary:hover,
.ui-button-primary:focus {
	color: #ffffff;
	background-color: #3276b1;
	border-color: #285e8e;
}
.ui-button-success:hover{
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.ui-button-info:hover{
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.ui-button-danger:hover{
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.ui-button-warning:hover{
	color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

.ui-button-inverse:hover{
	color: #ffffff;
	background-color: #363636;
	border-color: #000000;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon {
    margin-top:5px;
}
/*button text element */

.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999px;
	display:none; /*tempfix*/
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    margin-bottom: 0;
    margin-top: 0;
    top: 50%;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	/* chrome margin*/
	margin-left: -8px;
	/* firefox margin*/
    margin-right: -6px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/*button sets*/

.ui-buttonset {
	margin-right: 7px;
}

.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-buttonset .ui-state-active.ui-state-hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.4em;
}

/* reset extra padding in Firefox */
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
} 


/*
 * jQuery UI Menu 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu{
	margin-top: -3px;
	position: absolute;
	list-style:none;
}

/*
* Bug inline with IE sub menu
*/
/* IE9, IE10 */
@media screen and (min-width:0\0) {
	.ui-menu li {
	  list-style-type: none;
	  display: inline;
	  line-height: 0;
	}

	li.ui-menu-item { 
	  /* This fixes the IE10 issue (jQuery UI Issue #8844)*/
	  list-style-type: none;
	}
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style:none;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-corner-all{
	-webkit-border-radius: 0px; /* Safari 4 */
    -moz-border-radius: 0px; /* Firefox 3.6 */
    border-radius: 0px;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-widget-content{
	font-weight: bold;
	margin: 0;
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
    display: block;
}

/* Fix problem with border in ui-state-active */
.ui-menu .ui-menu-item a.ui-state-active {
	padding: 1px .4em;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-menu {
	width: 200px;
	margin-bottom: 2em;
}


/*
 * jQuery UI spinner 1.10.3
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

/* need to fix icons sprite */
.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

/*
 * jQuery UI Dialog 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	width: 300px;
	overflow: hidden;
	outline: 0;
	background-clip: padding-box;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Safari 4 */
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Firefox 3.6 */
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	/*left: 50%;
	margin-left: -280px;*/
	outline: medium none;
	/*top: 10%;
	width: 560px;*/
	z-index: 1050;
}

.ui-dialog .ui-dialog-titlebar {
	/*padding: .4em 1em;*/
	position: relative;
	padding: 5px 15px;
	border: 0 0 0 1px solid;
	border-color: white;
	padding: 5px 15px;
	font-size: 18px;
	text-decoration: none;
	-webkit-border-bottom-right-radius: 0; /* Safari 4 */
	-moz-border-radius-bottomright: 0; /* Firefox 3.6 */
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0; /* Safari 4 */
	-moz-border-radius-bottomleft: 0; /* Firefox 3.6 */
	border-bottom-left-radius: 0;
	border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
	float: left;
	color: #404040;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -20px 0 0 0;
	padding: 1px;
	height: 18px;
	font-size: 20px;
	font-weight: bold;
	line-height: 13.5px;
	text-shadow: 0 1px 0 #ffffff;
	filter:alpha(opacity=25);
	-khtml-opacity: 0.25;
	-moz-opacity: 0.25;
	opacity: 0.25;
	background: none;
	border-width: 0;
	border: none;
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
	text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
	padding: 1px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;	 
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin: .5em 0 0 0;
	background-color: #ffffff;
	padding: 5px 15px 5px;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */
	-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */
	-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */
	box-shadow: inset 0 1px 0 #ffffff;
	margin-bottom: 0;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:not(:first-child) {
    cursor: pointer;
    display: inline-block;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    overflow: visible;
}

.ui-dialog-buttonset .ui-button:not(:first-child).ui-state-hover{
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none;
}

/* ui-dialog-buttonset UI info */
.ui-dialog-buttonset .ui-button.ui-button-info{
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover{
	color: #ffffff;
	background-color: #39b3d7;
	border-color: #269abc;
}

/* ui-dialog-buttonset UI success */
.ui-dialog-buttonset .ui-button.ui-button-success{
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover{
	color: #ffffff;
	background-color: #47a447;
	border-color: #398439;
}

/* ui-dialog-buttonset UI warning */
.ui-dialog-buttonset .ui-button.ui-button-warning{
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover{
    color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

/* ui-dialog-buttonset UI Danger */
.ui-dialog-buttonset .ui-button.ui-button-danger{
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover{
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;
}

/* ui-dialog-buttonset UI Inverse */
.ui-dialog-buttonset .ui-button.ui-button-inverse{
	color: #ffffff;
	background-color: #222222;
    border-color: #080808;
}

.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover{
	color: #ffffff;
	background-color: #363636;
	border-color: #000000;
}

/*
 * jQuery UI Slider 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
	position: relative;
	text-align: left;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	color: #ffffff;
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*
 * jQuery UI Tabs 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */

.ui-tabs {
	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
}

.ui-tabs .ui-tabs-nav {
	margin-bottom: 5px;
	border: solid #ddd;
	border-width: 0 0 1px 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
	background: none;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	top: 0;
	float: left;
	margin-right: 2px;
	margin-bottom: -1px;
	border: 0;
	list-style: none;
	white-space: nowrap;
	background: none;
}

.ui-tabs-nav .ui-state-default {
	border: 0;
	-webkit-box-shadow: none;  /* Safari 4 */
	-moz-box-shadow: none;  /* Firefox 3.6 */
	box-shadow: none;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 4px 4px 0 0; /* Safari 4 */
	-moz-border-radius: 4px 4px 0 0; /* Firefox 3.6 */
	border-radius: 4px 4px 0 0;
	padding: 8px 12px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #0069D6;
	background: none;
}

.ui-tabs .ui-tabs-nav li a:hover {
	border: 1px solid whiteSmoke;
	border-bottom: 1px solid #ddd;
	background-color: whiteSmoke;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #555;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
	background: #fff;
	cursor: text;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	margin: 1em 0;
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
	padding: 1px 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* IE fix for background inheritance from ui-widget */
.ui-tabs .ui-tabs-nav li {
	filter:none;
}

/*
 * jQuery UI Tooltip 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */

.ui-tooltip {
    display: block;
    font-size: 11px;
    opacity: 0.8;
    position: absolute;
    visibility: visible;
    z-index: 1024;
    max-width: 200px;
}

.ui-tooltip {
    background: #000000;
    border: 1px solid #000000;
}

.ui-tooltip {
    color: #FFFFFF;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 #000000; /* Safari 4 */
    -moz-box-shadow: inset 0 1px 0 #000000; /* Firefox 3.6 */
    box-shadow: inset 0 1px 0 #000000;
    border-radius: 4px 4px 4px 4px;
}

body .ui-tooltip {
	border-width: 1px;
}

.arrow {
    overflow: hidden;
    position: absolute;
    margin-left: 0;
    height: 20px;
    width: 20px;
}

.arrow.bottom {
    top: 100%;
    left: 38%;
}

.arrow.top {
    top: -50%;
    bottom: 22px;
    left: 42%;
}

.arrow.left {
    top : 25%;
    left: -15%;
    right: 0;
    bottom:-16px;
}

.arrow.right {
    top: 26%;
    left: 100%;
    right: 0;
    bottom:-16px;
    margin-left: 1px;
}

.arrow:after {
    content : " " ;
    position : absolute ;
    height : 0 ;
    left:0;
    top: 0;
    width: 0;
    margin-left : 0 ;
    bottom : 12px ;
    box-shadow: 6px 5px 9px -9px black;
}

.arrow.bottom:after {
    border-top:8px solid #000000;
    border-right:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid transparent;
}

.arrow.top:after {
    border-top:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #000000;
    border-left:6px solid transparent;
}

.arrow.left:after{
    width:0;
    border-top: 6px solid transparent;
    border-right: 6px solid #000000;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
}

.arrow.right:after{
    width:0;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000000;
}

/*
 * jQuery UI Datepicker 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding: .2em 0;
	border: 0;
	font-weight: bold;
	width: 100%;
	padding: 4px 0;
	background-color: #f5f5f5;
	color: #808080;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	/*left:1px;*/
}

.ui-datepicker .ui-datepicker-next-hover {
	/*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.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;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow:visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0em;
}

/* RTL support */

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display/**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}

.ui-datepicker th {
	font-weight: bold;
	color: gray;
}

.ui-datepicker-today a:hover {
	background-color: #808080;
	color: #ffffff;

}
.ui-datepicker-today a {
	background-color: #BFBFBF;
	cursor: pointer;
	padding: 0 4px;
	margin-bottom: 0;
}

.ui-datepicker td a {
	margin-bottom: 0;
	border: 0;
}

.ui-datepicker td:hover {
	color: #ffffff;
}

.ui-datepicker td .ui-state-default {
	border: 0;
	background:none;
	margin-bottom: 0;
	padding: 5px;
	color: gray;
	text-align: center;
	filter: none;
}

.ui-datepicker td .ui-state-highlight{
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker td .ui-state-active {
	color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
	margin-bottom: 0;
	font-size: normal;
	text-shadow: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
	color: #ffffff;
	background: #428bca;
	background-color: #428bca;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #357ebd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px; /* Safari 4 */
	-moz-border-radius: 4px; /* Firefox 3.6 */
	border-radius: 4px;
}


/*
 * jQuery UI Progressbar 1.10.3
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-progressbar {
	height:2em;
	margin-bottom: 20px;
	border:0px;
	overflow: hidden;
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ui-progressbar .ui-progressbar-value {
	margin: 0px;
	height: 100%;
	height:100%;
	color: #ffffff; /*this can be removed if ui-widget-header is blue*/
	background-color: #428BCA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.ui-progressbar .ui-progressbar-overlay {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*** Input field styling from Bootstrap **/

 input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input:focus, textarea:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Safari 4 */
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); /* Firefox 3.6 */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	outline: 1px dotted #666;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
	display: inline-block;
	padding: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #555555;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px; /* Safari 4 */
	-moz-border-radius: 3px; /* Firefox 3.6 */
	border-radius: 3px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**Toolbar**/

.ui-toolbar {
	padding: 7px 14px;
	margin: 0 0 18px;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */
	background-image: linear-gradient(top, #ffffff, #f5f5f5); /* CSS3 Compliant */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE8 */
	border: 1px solid #ddd;
	-webkit-border-radius: 3px; /* Safari 4 */
	-moz-border-radius: 3px; /* Firefox 3.6 */
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */
	-moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */
	box-shadow: inset 0 1px 0 #ffffff;
}

/********** VJ - Move to Less - End *************/

/** File Input **/

.customfile-button{
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/***Wijmo Theming**/

div.wijmo-wijmenu {
	padding:0 20px;
	background-color: #222222;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #333333, #222222); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #333333, #222222); /* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #333333, #222222); /* Opera 11.10+ */
	background-image: linear-gradient(top, #333333, #222222); /* CSS3 Compliant */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); /* IE8 */
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Safari 4 */
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Firefox 3.6 */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.wijmo-wijmenu .ui-state-default {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text {
	color: #bfbfbf;
}

.wijmo-wijmenu .ui-state-hover {
	background: #444;
	background: rgba(255, 255, 255, 0.05);
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text {
	color: #ffffff;
}

div.wijmo-wijmenu .ui-widget-header h3 {
	position: relative;
	margin-top: 1px;
	padding: 0;
}

.wijmo-wijmenu h3 a {
	color: #ffffff;
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 200;
	line-height: 1;
	margin-left: -20px;
	margin-top: 1px;
	padding: 8px 20px 12px;
}

.wijmo-wijmenu h3 a:hover{
	background-color: rgba(255, 255, 255, 0.05);
	color: #ffffff;
	text-decoration: none;
}

.wijmo-wijmenu .ui-widget-header {
	border: 0;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
	padding: 0.3em 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child {
	background: #333;
	border: 0;
	margin: 0;
	padding: 6px 0;
	width: 160px;
	-webkit-border-radius: 0 0 6px 6px; /* Safari 4 */
	-moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Safari 4 */
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Firefox 3.6 */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

div.wijmo-wijmenu .wijmo-wijmenu-item {
	margin: 0;
	border: 0;
}

.wijmo-wijmenu a.wijmo-wijmenu-link {
	margin: 0;
	line-height: 19px;
	padding: 10px 10px 11px;
	border: 0;
	-webkit-border-radius: 0; /* Safari 4 */
	-moz-border-radius: 0; /* Firefox 3.6 */
	border-radius: 0;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link {
	display: block;
	float: none;
	padding: 4px 15px;
	width: auto;
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text {
	float: none;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
	background: #191919;
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator {
	padding: 5px 0;
	background-image: none;
	background-color: #222;
	border-top: 1px solid #444;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
	-moz-transition: none 0s ease 0s;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid #111111;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Safari 4 */
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Firefox 3.6 */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
	color: rgba(255, 255, 255, 0.75);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	margin: 5px 10px 0 10px;
	padding: 4px 9px;
	width: 100px;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
	background-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
	background-color: #ffffff;
	border: 0 none;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Safari 4 */
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Firefox 3.6 */
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	color: #404040;
	outline: 0 none;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #ffffff;
}

.wijmo-wijmenu .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	text-shadow:none;
}

.wijmo-wijmenu .ui-state-default {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	color: #bfbfbf;
	filter: none;
}

/**
* Font Awesome in jQuery UI
* @author Gerits Aurelien
*
**/

.ui-button-icon-primary.ui-icon[class^="icon-"]:before,
.ui-button-icon-primary.ui-icon[class*=" icon-"]:before,
.ui-button-icon-secondary.ui-icon[class^="icon-"]:before,
.ui-button-icon-secondary.ui-icon[class*=" icon-"]:before {
    font-size: inherit;
    margin-left: 7px!important;
    margin-left: 5px;
    display: inline;
    text-decoration: inherit;
    color:inherit;
}

/* **
* If you use "Font awesome" is disable UI icons in element
** */
.ui-state-default .ui-icon[class*=" icon-"]{
    /* Reset background with font Awesome */
    background:none;
    margin-left:-12px; /*fix for margin issue with font awesome buttons*/
}

/* If you do not use ui-icon uncomment the lines */
/*
.ui-button .ui-button-text{
    display: inline-block;
    padding: 0px;
}

.ui-button-text-icon-primary .ui-button-icon-primary{
    float:none;
}*/
        
            .tour-date-filter-wrapper {
                width: 100%;
                max-width: 1400px;
                margin: 15px auto 22px auto;
                direction: rtl;
                font-family: inherit;
                box-sizing: border-box;
            }
            .tour-date-filter-card {
                background: #ffffff;
                border: 1px solid #e2e8f0;
                border-radius: 16px;
                padding: 18px 22px;
                box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
                display: flex;
                flex-direction: column;
                gap: 40px;
                transition: all 0.25s ease;
            }
            .tour-date-filter-card:hover {
                border-color: #cbd5e1;
                box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07);
            }
            .tour-date-filter-header {
                display: flex;
                align-items: center;
                gap: 10px;
                justify-content: center;
            }
            .tour-date-filter-icon {
                width: 36px;
                height: 36px;
                background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #2563eb;
                flex-shrink: 0;
                border: 1px solid #bfdbfe;
            }
            .tour-date-filter-title-box {
                display: flex;
                flex-direction: column;
                gap: 2px;
                align-items: center;
            }
            .tour-date-filter-title {
                font-size: 14.5px;
                font-weight: 700;
                color: #1e293b;
            }
            .tour-date-filter-desc {
                font-size: 12px;
                color: #64748b;
            }
            .tour-filters-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
                gap: 12px;
                align-items: flex-end;
            }
            .tour-filter-field {
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
            .tour-filter-field-date {
                min-width: 190px;
            }
            .tour-filter-label {
                font-size: 12px;
                font-weight: 600;
                color: #475569;
                display: flex;
                align-items: center;
                gap: 4px;
            }
            .tour-filter-label svg {
                color: #3b82f6;
            }
            .tour-date-input-group {
                position: relative;
                width: 100%;
            }
            .tour-date-input,
            #tour_date_filter_input {
                width: 100%;
                height: 40px;
                background: #f8fafc;
                border: 1.5px solid #cbd5e1 !important;
                border-radius: 12px !important;
                padding-right: 38px !important;
                padding-left: 12px !important;
                font-size: 13px;
                font-weight: 500;
                color: #1e293b;
                outline: none;
                cursor: pointer;
                transition: all 0.2s ease;
                box-sizing: border-box;
                direction: rtl;
                text-align: right;
                font-family: inherit;
            }
            .tour-date-input:focus, .tour-date-input:hover,
            #tour_date_filter_input:focus, #tour_date_filter_input:hover {
                border-color: #3b82f6 !important;
                background: #ffffff;
                box-shadow: 0 0 0 3.5px rgba(59, 130, 246, 0.12);
            }
            .tour-date-calendar-btn {
                position: absolute;
                right: 11px;
                top: 50%;
                transform: translateY(-50%);
                color: #3b82f6;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 2;
                pointer-events: auto;
                transition: transform 0.15s ease;
            }
            .tour-date-input-group:hover .tour-date-calendar-btn {
                transform: translateY(-50%) scale(1.08);
            }
            .tour-filter-select,
            select.tour-filter-select {
                width: 100%;
                height: 40px;
                background: #f8fafc url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat left 10px center;
                border: 1.5px solid #cbd5e1 !important;
                border-radius: 12px !important;
                padding: 0 12px 0 28px;
                font-size: 13px;
                font-weight: 500;
                color: #1e293b;
                outline: none;
                cursor: pointer;
                transition: all 0.2s ease;
                box-sizing: border-box;
                font-family: inherit;
                appearance: none;
                -webkit-appearance: none;
                direction: rtl;
            }
            .tour-filter-select:focus, .tour-filter-select:hover,
            select.tour-filter-select:focus, select.tour-filter-select:hover {
                border-color: #3b82f6 !important;
                background-color: #ffffff;
                box-shadow: 0 0 0 3.5px rgba(59, 130, 246, 0.12);
            }
            .tour-filter-select option,
            select.tour-filter-select option {
                background: #ffffff;
                color: #1e293b;
                padding: 9px 12px;
                font-size: 13px;
                font-family: inherit;
                font-weight: 500;
            }
            .tour-date-range-badges {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 2px;
            }
            .tour-date-badge {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                height: 34px;
                padding: 0 12px;
                border-radius: 10px !important;
                font-size: 12px;
                font-weight: 500;
                transition: all 0.2s ease;
                white-space: nowrap;
                box-sizing: border-box;
            }
            .badge-prev, .badge-next {
                background: #f8fafc;
                color: #475569;
                border: 1px solid #e2e8f0;
            }
            .badge-current {
                background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
                color: #1d4ed8;
                border: 1.5px solid #93c5fd;
                font-weight: 700;
                box-shadow: 0 2px 8px rgba(37, 99, 235, 0.12);
            }
            .badge-label {
                color: inherit;
                opacity: 0.85;
                font-size: 11.5px;
            }
            .badge-val {
                color: inherit;
                font-weight: 700;
                font-size: 12px;
            }
            .tour-date-reset-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                height: 40px;
                width: 100%;
                padding: 0 12px;
                background: #fff1f2;
                color: #e11d48;
                border: 1px solid #fecdd3 !important;
                border-radius: 12px !important;
                font-size: 12.5px;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.2s ease;
                white-space: nowrap;
                font-family: inherit;
                box-sizing: border-box;
            }
            .tour-date-reset-btn:hover {
                background: #ffe4e6;
                color: #be123c;
                border-color: #fda4af;
                transform: translateY(-1px);
                box-shadow: 0 3px 10px rgba(225, 29, 72, 0.15);
            }

            #ui-datepicker-div,
            #ui-datepicker-div.ui-datepicker,
            .ui-datepicker {
                background: #ffffff !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 16px !important;
                padding: 14px 14px 18px 14px !important;
                box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(15, 23, 42, 0.06) !important;
                font-family: inherit !important;
                z-index: 99999 !important;
                width: 320px !important;
                max-width: 95vw !important;
                height: auto !important;
                min-height: auto !important;
                box-sizing: border-box !important;
                direction: rtl !important;
                right: calc((100vw - 1200px) / 2 + 25px) !important;
                left: auto !important;
            }
            @media (max-width: 1200px) {
                #ui-datepicker-div,
                #ui-datepicker-div.ui-datepicker,
                .ui-datepicker {
                    right: 25px !important;
                    left: auto !important;
                }
            }
            #ui-datepicker-div .ui-datepicker-header {
                background: #f8fafc !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 12px !important;
                padding: 6px 8px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                position: relative !important;
                margin-bottom: 12px !important;
            }
            #ui-datepicker-div .ui-datepicker-title {
                margin: 0 !important;
                padding: 0 !important;
                line-height: 1 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 5px !important;
                width: 72% !important;
                text-align: center !important;
            }
            #ui-datepicker-div .ui-datepicker-title select {
                background: #ffffff !important;
                border: 1px solid #cbd5e1 !important;
                border-radius: 6px !important;
                padding: 2px 4px !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                outline: none !important;
                cursor: pointer !important;
                font-family: inherit !important;
                width: 48% !important;
                display: inline-block !important;
                height: 28px !important;
            }
            #ui-datepicker-div .ui-datepicker-prev,
            #ui-datepicker-div .ui-datepicker-next {
                position: static !important;
                width: 28px !important;
                min-width: 28px !important;
                height: 28px !important;
                background: #ffffff !important;
                border: 1px solid #cbd5e1 !important;
                border-radius: 6px !important;
                cursor: pointer !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #475569 !important;
                transition: all 0.15s ease !important;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                padding: 0 !important;
                overflow: hidden !important;
                text-decoration: none !important;
            }
            #ui-datepicker-div .ui-datepicker-prev:hover,
            #ui-datepicker-div .ui-datepicker-next:hover {
                background: #eff6ff !important;
                color: #2563eb !important;
                border-color: #93c5fd !important;
            }
            #ui-datepicker-div .ui-datepicker-prev span,
            #ui-datepicker-div .ui-datepicker-next span {
                font-size: 0 !important;
                line-height: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 100% !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                text-indent: 0 !important;
                background: none !important;
                position: static !important;
            }
            #ui-datepicker-div .ui-datepicker-prev span::before {
                content: "›" !important;
                font-size: 16px !important;
                line-height: 1 !important;
                color: #475569 !important;
                font-weight: bold !important;
            }
            #ui-datepicker-div .ui-datepicker-next span::before {
                content: "‹" !important;
                font-size: 16px !important;
                line-height: 1 !important;
                color: #475569 !important;
                font-weight: bold !important;
            }
            #ui-datepicker-div .ui-datepicker-prev:hover span::before,
            #ui-datepicker-div .ui-datepicker-next:hover span::before {
                color: #2563eb !important;
            }
            #ui-datepicker-div .ui-datepicker-prev span::after,
            #ui-datepicker-div .ui-datepicker-next span::after {
                display: none !important;
                content: "" !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar {
                width: 100% !important;
                margin: 0 !important;
                border-collapse: separate !important;
                border-spacing: 2px !important;
                table-layout: fixed !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar th {
                padding: 6px 0 !important;
                font-size: 11.5px !important;
                font-weight: 700 !important;
                color: #64748b !important;
                text-align: center !important;
                border: none !important;
                width: 14.28% !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td {
                padding: 1px 0 !important;
                text-align: center !important;
                border: none !important;
                width: 14.28% !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td a,
            #ui-datepicker-div .ui-datepicker-calendar td span {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 34px !important;
                height: 34px !important;
                margin: 0 auto !important;
                border-radius: 8px !important;
                font-size: 12.5px !important;
                font-weight: 500 !important;
                color: #1e293b !important;
                text-decoration: none !important;
                transition: all 0.15s ease !important;
                border: none !important;
                background: transparent !important;
                box-sizing: border-box !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td a:hover {
                background: #eff6ff !important;
                color: #2563eb !important;
                font-weight: 700 !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a {
                background: #f1f5f9 !important;
                color: #0f172a !important;
                font-weight: 700 !important;
                border: 1px solid #cbd5e1 !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a {
                background: #2563eb !important;
                color: #ffffff !important;
                font-weight: 700 !important;
                box-shadow: 0 3px 8px rgba(37, 99, 235, 0.3) !important;
            }
            #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable span {
                color: #cbd5e1 !important;
                cursor: default !important;
            }

            @media (max-width: 900px) {
                .tour-filters-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 550px) {
                .tour-filters-grid {
                    grid-template-columns: 1fr;
                }
            }
        </style>
        
                    #s_breadCrump{
                        flex: 0 0 100%;
                        max-width: 100%;
                        width: 100%;
                        margin: auto;
                        height: 50px;
                        line-height:24px;
                        padding:0 20px;
                        font-size: 12px;
                        color:#000000;
                    }
                    #s_breadCrump span,#s_breadCrump a{display:inline-block;padding: 0px 5px;color:#000000;}
                 
            .card-main{
                width: 100%;
                padding: 0 10px;
            } 
            #locals_main .card-box-width{
                flex: 0 0 100%;
                max-width: 100%;
            }
            .pagination{
                width: 100%;
                flex: 0 0 calc(100% - 20px);
                max-width: calc(100% - 20px);
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                height: 50px;
                padding: 15px;
                margin: 20px 10px;
                border-radius: 50px;
                background-color: #222831;
                box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
            }
            .arrow-pagination > svg{
                width: 100%;
                height: 100%;
            }
            .arrow-pagination > svg path{
                fill: #222831;
            }
            .left-pagination{
                transform: rotate(180deg);
            }
            .number-pagination{
                display: flex;
                flex-direction: row;
                align-items: center;
                height: 100%;
            }
            .num-pagination:hover{
                background-color: #1e5f74;
            }
            .num-pagination:hover > a{
                color: #fff;
            }
            .arrow-pagination:hover{
                background-color: #1e5f74;
            }
            .arrow-pagination:hover >svg path{
                fill: #fff;
            }
            .pagination-style{
                flex:0 0 30px;
                max-width: 30px;
                width:100%;
                height: 30px;
                background-color: #dddddd;
                border-radius: 50%;
                padding: 5px;
                cursor: pointer;
                text-align: center;
            }
            .number-pagination .pagination-style{
                margin: 0 7px;
            }
            .number-pagination .arrow-pagination > a{
                display: block;
                text-align: center;
            }
            .active-pagination{
                background-color: #00baff !important;
            }
            .active-pagination > a{
                color: #fff !important;
            }
            .pagination-style > span{
                display: block;
                margin-top: -4px;
                font-weight: 600;
            }
            .non-product{   
                font-size: 25px;
                display: block;
                text-align: center;
                font-weight: 600;
                color: #222;
                margin: 50px 0;
                width: 100%;
            }
            .post-details > i{
                transform: rotate(180deg);
            }
            .post-details::after{
                right: 0;
            }
            .link-box::after{
                right: 0;
            }
            .link-box > i{
                transform: rotate(180deg) translateY(-3px);
            }
            .link-box:hover i{
             color:#39dfaa;
            }
            #top_custom_review{
                flex: 0 0 100%;
                width: 100%;
                max-width: 100%;
            }
            .adv-img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                padding: 15px;
                user-drag: none;
                -webkit-user-drag: none;
                user-select: none;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
            }
           
                .card-main{ 
                    flex: 0 0 100%;
                    max-width: 100%;
                }
            .tour-card {    display: flex;    align-items: center;    background: #fff;    border: 1px solid #e0e0e0;    border-radius: 12px;    padding: 16px 24px;    width: 1200px !important;    flex: unset !important;    margin: 5px auto;    box-shadow: 0 2px 8px rgba(0,0,0,0.05);    justify-content: space-between;}.tour-info {    display: flex;    align-items: center;    flex: 1;    justify-content: space-between;    padding-left: 24px;}.tour-header {    display: flex;    flex-direction: column;    gap: 12px;width: 35%;}.tags {    display: flex;    gap: 8px;    justify-content: flex-start;}.tag {    padding: 4px 8px;    border-radius: 6px;    font-size: 12px;    font-weight: bold;}.tag-id {    background-color: #e0f2f1;    color: #00a693;}.tag-level {    background-color: #e0f2f1;    color: #00a693;    display: flex;    align-items: center;    gap: 4px;}.tour-title {    margin: 0;    font-size: 18px;    font-weight: bold;    color: #1a1a1a;}.tour-details {    display: flex;    align-items: center;    gap: 24px;width: 50%;    justify-content: space-between;}.detail-item {    display: flex;    align-items: center;    gap: 8px;    color: #424242;    font-size: 13px;    font-weight: 500;}.detail-item i {    color: #00a693;    font-size: 20px;}.detail-text {    display: flex;    flex-direction: column;    gap: 4px;}.separator {    width: 1px;    height: 40px;    background-color: #eeeeee;}.tour-price {    display: flex;    gap: 4px;    color: #00a693;width: 15%;    justify-content: flex-end;    align-items: center;}.price-value {    font-size: 22px;    font-weight: bold;}.price-currency {    font-size: 14px;    color: #9e9e9e;    width: 25px;    height: 25px;    display: flex;    align-items: center;    justify-content: center;}.price-currency svg {width: 100%;height: 100%;}.btn-action {    background-color: #00a693;    color: white;    border: none;    border-radius: 12px;    width: 48px;    height: 48px;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: background 0.3s;}.btn-action:hover {    background-color: #009688;}.tour-card.expired {    border: 1px solid #e0e0e0;    position: relative;    overflow: hidden;    background-color: #fafafa;}/* نوار متنی سمت راست */.tour-card.expired::before {    content: 'اتمام تاریخ';    position: absolute;    right: 0;    top: 0;    bottom: 0;    width: 32px;    background-color: #ffebee;    color: #c62828;    writing-mode: vertical-rl;    text-align: center;    font-weight: bold;    font-size: 13px;    display: flex;    align-items: center;    justify-content: center;    border-left: 1px solid #ffcdd2;}/* پدینگ راست بیشتر */.tour-card.expired .tour-info,.tour-card.expired .card-header,.tour-card.expired .card-body,.tour-card.expired .card-footer {    padding-right: 24px;}/* خاکستری کردن متون و استایل دکمه */.tour-card.expired .tour-title,.tour-card.expired .detail-item i,.tour-card.expired .detail-text,.tour-card.expired .price-value,.tour-card.expired .price-currency {    color: #9e9e9e !important;}.tour-card.expired .btn-action {    background-color: #9e9e9e !important;    cursor: not-allowed;}.tour-card.expired .tag-level, .tour-card.expired .tag-id {    background-color: #eeeeee;    color: #757575;}.tour-card.special-offer {    border: 2px solid #B4A473; /* حاشیه زرد رنگ */    position: relative;    overflow: hidden;}/* نوار متنی سمت راست */.tour-card.special-offer::before {    content: 'پیشنهاد ویژه';    position: absolute;    right: 0;    top: 0;    bottom: 0;    width: 32px;    background-color: #B4A473;    color: white;    writing-mode: vertical-rl;    text-align: center;    font-weight: bold;    font-size: 13px;    display: flex;    align-items: center;    justify-content: center;    border-left: 1px solid #B4A473;}/* پدینگ راست بیشتر برای جلوگیری از تداخل متن با نوار در دسکتاپ و موبایل */.tour-card.special-offer .tour-info,.tour-card.special-offer .card-header,.tour-card.special-offer .card-body,.tour-card.special-offer .card-footer {    padding-right: 24px;}
            body{
                position: relative;
            }
            .dno{
                display: none!important;
            }
            .public-header{
                position: relative;
                transition:5s;
            }
            .absolute-container{
                background-color: #ee273a;
                border-radius: 7px;
                position: fixed;
                top: 50%;
                left: 2%;
                transform: translateY(-50%);
                padding: 10px;
                z-index: 4900;
            }
            .social-absolute{
                position: relative;
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
                box-sizing: content-box;
                width: 24px;
                height: 24px;
            }
            .social-absolute:last-child {
                border-bottom: none !important;
            }
            .social-absolute img{
                width: 24px;
                height: 24px;
            }
            .absolute-tooltip{
                position: relative;
                transition: all 0.5s;
                border-radius: 0 7px 7px 0;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
            }
            .absolute-tooltip > span{
                padding: 10px 20px;
                display: block;
            }
            .tooltip-shake{
                display: block;
                width: 100%;
                height: 100%;
            }
            .tooltip-shake:before,
            .tooltip-shake:after {
                position: absolute;
                content: "";
                opacity: 0;
                transition: all 0.4s ease;
                color: #fff;
                font-weight: bold;
            }
            .tooltip-shake:before {
                content: attr(data-tooltip);
                background: #3c5059;
                width: 0;
                padding: 0;
                font-size: 0.9rem;
                top: 50%;
                left: calc(24px + 32px);
                border-radius: 5px;
                transform: translateY(-50%);
                overflow: hidden;
                white-space: nowrap;
            }
            .tooltip-shake:after {
                border-width: 8px 10px 8px 0;
                border-style: solid;
                border-color: transparent #3c5059 transparent transparent;
                top: 50%;
                left: calc(24px + 24px);
                transform: translateY(-50%);
            }
            .tooltip-shake:hover::before,
            .tooltip-shake:hover::after {
                opacity: 1;
                overflow: hidden;
                white-space: nowrap;
                transform: translate(0, -50%);
            }
            .tooltip-shake:hover::before {
                width: max-content;
                padding: 10px 25px;
            }
            @keyframes shake {
                0% {
                    transform: rotate(2deg);
                }
                50% {
                    transform: rotate(-3deg);
                }
                70% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(0deg);
                }
            }
            .social-absolute:hover {
                animation: shake 500ms ease-in-out forwards;
            }
            
                .public-header{
                    width: 100%;
                    background: #000;
                    background-size: auto;
                    background-repeat: no-repeat;
                    z-index: 100;
                }
            
            .adv-banner-container{
                width: 100%;
                height: 10px;
            }
            .adv-banner-container .adv-item{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .top-bar-container{
                width: 100%;
                min-height: 40px;
                height: 40px;
                background: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-bar{
                width: 1200px;
                height: 100%;
                margin: auto;
                padding: 0 8px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .top-item{
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container{
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .info-container img{
                width: 16px;
                height: 16px;
            }
            .info-container > span{
                display: inline-flex;
            }
            .top-info,
            .top-social{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-social{
                padding: 5px 0;
            }
            .top-social li a img{
                width: 32px;
                height: 32px;
            }
            .top-social li a span{
                font-size: 0px;
                font-weight: 200;
                color: #777;
            }
            .top-list{
                width: max-content;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 0  0px;
            }
            .top-list:hover{
                color: ;
            }
            
                .top-list:first-child{
                    margin-right : 0;
                }
                .top-list:last-child{
                    margin-left : 0;
                }
            
            .arrow-menu-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .top-list a span,
            .top-list span{
                color: #777;
                font-weight: bold;
                font-size: 14px;
            }
            .top-list a img,
            .top-list span img{
                margin: 0 5px;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .top-list:first-child a img,
            .top-list:first-child span img{
                margin-right: 0;
            }
            .top-navbar{
                height: 100%;
                background: transparent;
            }
            .top-nav-list{
                position: relative;
                height: 100%;
                padding: 0 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-nav-list a span,
            .top-nav-list span{
                color: #000;
                font-size: 0px;
                font-weight: 200;search
            }
            .top-nav-list:hover{
                background-color: #fff;
            }
            .top-nav-list .arrow-menu-container svg{
                fill: #000;
            }
            .top-nav-list:hover a span,
            .top-nav-list:hover span,
            .top-nav-list:hover .arrow-menu-container svg{
                color: #fff;
                fill: #fff;
            }
            .top-nav-list .icon-title-part{
                padding-left: 5px;
            }
            .top-sub-nav > .top-sub-list a span,
            .top-sub-nav > .top-sub-list span{
                color: #000;
            }
            .top-sub-nav > .top-sub-list:hover a span,
            .top-sub-nav > .top-sub-list:hover span{
                color: #fff;
            }
            
            .top-sub-nav{
                flex-direction: column;
                justify-content: center;
                align-content: flex-start;
                position: absolute;
                z-index: 4999;
                min-width: 150px;
                width: max-content;
                background: #000;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translateY(-10px) scaleY(0.5);
                transform-origin: top;  
                border-radius: 0;
            }
            .top-nav-list:hover > .top-sub-nav{
                display: flex;
                top: 100%;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
        
                .top-nav-list:hover > .top-sub-nav{
                    right: 0;
                }
                .top-sub-list{
                    border-left: 5px solid  #f00;
                }
            
            .top-sub-list{
                width: 100%;
                padding: 8px 20px;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-sub-list:hover{
                background: #fff;
            }
            .header-container{
                display: grid;
                width: 1200px;
                margin: auto;
                height: auto;
                grid-template-rows: 1fr 1fr;  
                grid-template-columns: 1fr 3fr 1fr;
                grid-template-areas: 
                    "top-1 top-2 top-3"
                    "bottom-1 bottom-2 bottom-3"; 
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 8px;
                padding-right: 8px;
            }
            .top-section-1{
                grid-area: top-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-2{
                grid-area: top-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .top-section-3{
                grid-area: top-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            .logo-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 4px  4px;
            }
            .logo-container img{
                display: block;
                width: 220px;
                height: 60px;
                max-width: 220px;
                max-height: 60px;
                object-fit: contain;
            }
            .nav-container{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                box-sizing: border-box;
                margin: 0 10px;
            }
            .nav-container > .navbar{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: #000;
                box-sizing: border-box;
                border: px  solid  ;
                border-radius: 3px;
                padding: 0 !important;
            }
            
                .nav-container > .navbar{
                    margin-left: calc(0px + 10px);
                }
            
            .max-height{
                height: 700px;
                overflow-x:hidden;
                overflow-y: auto;
                display:flex!important;
                flex-direction: column!important;
                justify-content: flex-start!important;
            }
            .nav-container .navbar .nav-list{
                padding: 10px 18px;
                min-height: 45px;
                position: relative;
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-content: center;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list.active{
                background-color: ;
            }
            .nav-container .navbar .nav-list.active a,
            .nav-container .navbar .nav-list.active span{
                color: #00A693;
            }
            
            .nav-container .navbar .nav-list .icon-title-part{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .nav-container .navbar .nav-list .icon-title-part img{
                width: 24px;
                height: 24px;
                margin: 0 5px;
            }
            .nav-container .navbar .nav-list .overflow-menu{
                justify-content: center !important;
            }
            .nav-container .navbar .nav-list:hover{
                background-color: ;
                box-sizing: border-box;
            }
            .nav-container .navbar .nav-list:hover a,
            .nav-container .navbar .nav-list:hover span{
                color:  ;
            }
            .nav-container .navbar .nav-list img{
                width: 32px;
                height: 32px;
            }
            .nav-container .navbar .nav-list a,
            .nav-container .navbar .nav-list span{
                text-decoration: none;
                font-size: 15px;
                color: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
            .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                display: flex;
                top: 45px;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                display: flex;
                right: calc(100%  +  5px);
                top: 0;
                clip: auto;
                opacity: 1;
                transform: translateY(0) scaleY(1);
            }
            
                    .nav-container .navbar.navbar-sub{
                        position: absolute;
                        z-index: 4999;
                        background: #000;
                        clip: rect(1px, 1px, 1px, 1px);
                        opacity: 0.1;
                        transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                                    opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                        transform: translateY(-10px) scaleY(0.5);
                        transform-origin: top;  
                        border-radius: 0;
                    }
                    .nav-container .navbar.navbar-sub{
                        flex-direction: column;
                        justify-content: center;
                        align-content: flex-start;
                        min-width: 150px;
                        width: max-content;
                    }
                    .nav-container .navbar .nav-list.base-level:hover > .navbar.navbar-sub,
                    .nav-container .navbar .nav-list:hover > .overflow-menu > .navbar.navbar-sub{
                        right: 0;
                    }
                    .nav-container .navbar .nav-list:hover > .navbar.navbar-sub{
                        right: calc(100%  +  5px);
                    }
                    .nav-container .navbar.navbar-sub .nav-list{
                        width:200px;
                        border-left: 5px solid #00A693;
                    }
                
            .arrow-icon-menu{
                width: 8px;
                height: 8px;
            }
            .arrow-icon-menu.arrow-bottom{
                transform: rotate(90deg);
            }
            
                .arrow-menu-container{
                    margin-right: 5px;
                }
                .arrow-icon-menu.arrow-right,
                .overflow-list .arrow-icon-menu.arrow-bottom{
                    transform: rotate(180deg);
                }
                .nav-container .navbar .nav-list:first-child:hover{
                    border-radius: 0 3px 3px 0;
                }
                .nav-container .navbar .nav-list:last-child:hover{
                    border-radius: 3px 0 0 3px;
                }
            
            .nav-container .navbar .nav-list.base-level svg,
            .nav-container .navbar .nav-list .overflow-menu svg{
                fill: #fff;
            }
            .nav-container .navbar .nav-list.base-level:hover svg{
                fill: ;
            }
            .sub-menu-container{
                position: absolute;
                min-width: 150px;
                background-color: #000;
                color: #fff;
                top: 32px;
                right: 0;
                z-index: 4999;
               /* display: none;*/
            } 
            /*.sub-navbar{
                width: 100%;
                height: 100%;
            }*/
            .nav-container .navbar.navbar-sub .nav-list img{
                width: 16px;
                height: 16px;
            }
            .nav-container .navbar.navbar-sub .nav-list a,
            .nav-container .navbar.navbar-sub .nav-list span{
                color: #fffff;
                font-size: 14px;
            }
            .nav-list.with-sub-menu:hover .sub-menu-container{
                display: block;
            }
            .nav-container .navbar.navbar-sub .nav-list .arrow-menu-container svg{
                fill: #fffff;
            }
            .active{
                background-color: ;
            }
            .active a{
                color: #00A693;
            }     
            .icon-container{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
            }
            .icon-container .icon-item{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-content: center;
                box-sizing: border-box;
                min-height: 45px;
                margin: 0 5px;
            }
            
                .icon-container .icon-item:first-child{
                    margin-right: 0 !important;
                }
                .icon-container .icon-item:last-child{
                    margin-left: 0 !important;
                }
                
            
            .icon-container .icon-item a{
                border: 0px  solid  ;
            }
            .icon-container .icon-item.basket-icon{
                position: relative;
                color: #00A693;
                min-width: 45px;
                min-height: 45px;
                outline: none;
                border-radius: 3px;
                background: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                text-decoration: none;
                margin: 0 10px;
            }
            .icon-container .icon-item .icon-shortcut{
                color: #00A693;
                min-width: 45px;
                min-height: 45px;
                margin: 0;
                outline: none;
                border-radius: 3px;
                background: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: .4s;
                cursor: pointer;
                text-decoration: none;
            }
            
            .basket-shop{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border-radius: 3px;
            }
            .icon-container .icon-item .icon-shortcut:hover svg,
            .icon-container .icon-item .icon-shortcut:hover .add-item-to-cart.open span
            {
                fill: #fff;
                color: #fff;
            }
            
                .icon-container .icon-item.basket-icon .add-item-to-cart{
                    color: #00A693;
                    border-radius: 3px;
                    background: #000;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .4s;
                    cursor: pointer;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                
                    .icon-container .icon-item.basket-icon .add-item-to-cart{
                        border-left: none !important;
                    }
                    .border-basket{
                        border-right: none !important;
                    }
                
                    .icon-container .icon-item:hover > span,
                    .icon-container .icon-item.login-icon:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover,
                    .icon-container .icon-item.login-icon .icon-shortcut:hover,
                    
                    .icon-container .icon-item.basket-icon .icon-shortcut:hover .add-item-to-cart{
                       background: #000;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open{
                        width: 45px;
                        border-radius: 0 3px 3px 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                    }
                    .icon-container .icon-item.basket-icon:hover .add-item-to-cart.open{
                        background: #000;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open:hover span{
                        color: #fff;
                    }
                    .icon-container .icon-item.basket-icon .add-item-to-cart.open + .icon-shortcut{
                        border-radius: 3px 0 0 3px;
                    }
                    .icon-container .icon-item.lang-icon .icon-shortcut:hover{
                        background: #000;
                    }
                    .icon-container .icon-item.search-icon .icon-shortcut .search-container .search-btn:hover{
                        background: #000;
                    }
                 
            .icon-container .icon-item svg{
                width: 25px;
                height: 25px;
            
                fill: #00A693;
            
            }
            .icon-container .icon-item.login-icon{
                position: relative;
            }
            /*.icon-container .icon-item.login-icon .icon-shortcut{
                width: 100%;
                height: 100%;
            }*/
            .icon-container .icon-item.login-icon .icon-login{
                width: 25px;
                height: 25px;
            }
            #div_profile_picture, 
            #div_profile_picture_metro {
                display: block;
                width: 0 !important;
                height: 0 !important;
                line-height: unset !important;
            }
            #div_profile_picture .rShowLogin{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                z-index: -1000;
            }
            #div_profile_picture .login-container{
                display: none !important;
            }
            #div_profile_picture #profile_picture,
            #div_profile_picture #profile_exit{
                display: none !important;
            }
        
                .icon-container .icon-item.login-icon{
                    color: #00A693;
                    /*width: 90px !important;*/
                    min-height: 45px;
                    outline: none;
                    border-radius: 3px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    text-decoration: none;
                    box-sizing: content-box;
                    border: 0px  solid  ;
                }
                .icon-container .icon-item.login-icon .status-user,
                .icon-container .icon-item.login-icon .icon-login{
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    margin: 0 5px;
                    font-size:14px;
                }
            
            .public-header .bottom-section-1{
                grid-area: bottom-1;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-2{
                grid-area: bottom-2;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            .public-header .bottom-section-3{
                grid-area: bottom-3;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
            }
            
                .icon-container .icon-item{
                    width: unset;
                    height: unset;
                }
                .search-icon{
                    position: relative;
                }
                .search-container {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    height: 100%;
                    position: relative;
                    border-radius: 3px;
                    min-width: 45px;
                }
                .search-container > .search-btn svg,
                .search-container > .close-search-btn svg{
                    fill: #00A693;
                }
                .search-container > .search-btn:hover svg,
                .search-container > .close-search-btn:hover svg{
                    fill: #fff;
                }
                .search-btn {
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #000;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    transition: .8s;
                    cursor: pointer;
                    text-decoration: none;
                    border: 0px  solid  transparent;
                }
                
                .icon-container .icon-item img{
                    width: 25px;
                    height: 25px;
                    object-fit:contain;
                }
                
                    .search-container.open-search-box .search-btn{
                        border-radius: 3px 0 0 3px !important;
                    }
                    .search-container.open-search-box .close-search-btn{
                        border-radius: 0 3px 3px 0 !important;
                    }
                 
                .search-btn,
                .search-command,
                .close-search-btn{
                    box-sizing: content-box;
                }
                .search-btn > svg {
                    fill: #fff;
                }
                .cls-pls::placeholder{
                    color: ;
                }
                .search-input {
                    padding: 0;
                    height: 100%;
                    background: #000;
                    color: #fff;
                    font-size: 14px;
                    font-weight: normal;
                    transition: all 1s ease-in-out;
                    width: 0;
                    position: absolute;
                    top: 0;
                    overflow: hidden;
                    white-space: nowrap;
                    border: 0px  solid  transparent;
                }
                
                .open-search-box > .search-input{
                    padding : 10px 48px;
                }
                
                    .search-input {
                        left: calc(0px + 45px);
                        border-right: none;
                        border-left: none;
                    }
                
                        .search-container.open-search-box .search-btn{
                            border-radius: 3px 0 0 3px !important;
                        }
                        .search-container.open-search-box .close-search-btn{
                            border-radius: 0 3px 3px 0 !important;
                        }
                        .search-container.open-search-box .search-input{
                            border-radius: 0 3px 3px 0 !important;
                        }
                    
                .close-search-btn{
                    position: absolute;
                    color: #fff;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    outline: none;
                    border-radius: 3px;
                    background: #000;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    box-sizing: border-box;
                    box-sizing: border-box;
                }
                .close-search-btn svg{
                    fill: #00A693;
                }
            
            .sticky{
                width: 100vw;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 999;
                padding: 2vh 8vw;
                transition: .8s;
                background-color: #000 !important;
            }
            .public_sticky{
                width: 100%;
                height: max-content;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1001;
            }
            .d-none{
                display: none !important;
            }
            .border-left-n{
                border-left: none !important;
            }
            .border-right-n{
                border-right: none !important;
            }
            .w-1200px{
                width: 1200px !important;
                margin: auto;
            }
            .lang-icon{
                position: relative;
            }
            .language-container .lang-btn{
                width: 25px;
                height: 25px;
            }
            .lang-list-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .lang-list{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px;
                background: #000;
                border-radius: 3px;
            }
            .lang-list::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #000;
                display: block;
            }
            .lang-nav{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }
            .lang-nav .lang-li{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                list-style: none;
                width: max-content;
                margin: 5px 0;
                
            }
            .lang-nav .lang-li a{
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }
            .lang-nav .lang-li img{
                width: 25px;
                height: 25px;
                object-fit: cover;
                margin: 0 4px;
            }
            .lang-nav .lang-li span{
                text-transform: uppercase;
                line-height: 2.5;
                font-size: 14px;
                margin: 0 4px;
                color: #fff;
            }
            .lang-nav .lang-li a{
                color: #fff;
            }
            .lang-nav .lang-li span:hover{
                cursor: pointer;
                color: #fff;
            }
            .lang-nav .lang-li .lang-active{
                font-weight: bold;
                color: #00A693;
            }
            .icon-item.lang-icon:hover .lang-list-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            /*---------------------------------------------------------------------------------*/
            .link-profile-container{
                width: max-content;
                height: max-content;
                padding-top: 20px;
                position: absolute;
                top: 35px;
                left: 50%;
                clip: rect(1px, 1px, 1px, 1px);
                opacity: 0.1;
                transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1),
                            opacity 0.6s cubic-bezier(0.2, 0, 0.2, 1);
                transform: translate(-50%, 0) scaleY(0.5);
                transform-origin: top;
                z-index: 100;
            }
            .link-profile-container .link-wrapper{
                position: relative;
                width: max-content;
                height: max-content;
                padding: 10px 25px;
                background: #000;
                border-radius: 3px;
            }
            .link-profile-container .link-wrapper a{
                color: #fff;
            }
            .link-profile-container .link-wrapper a:hover{
                cursor: pointer;
                color: #fff;
            }
            .link-profile-container .link-wrapper::after{
                content: "";
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #000;
                display: block;
            }
             .icon-item.login-icon:hover .link-profile-container{
                clip: auto;
                opacity: 1;
                transform: translate(-50%, 0) scaleY(1);
            }
            
            .backTop{
                display: flex !important;
            }
            #back_to_top{
                display: none;
                position: fixed;
                transition: 600ms;
                right: 25px;
                left: unset;
                bottom: 50px;
                z-index: 100;
                border-radius: 50%;
                border: 1px  solid  #000;
                padding: 15px;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                background-color: #777 ;
            }
            #back_to_top svg{
                width: 24px;
                height: 24px;
                fill: #fff ;
            }
            #back_to_top img{
                width: 24px;
                height: 24px;
                fill: #fff ;
                object-fit:contain;
            }
            .search-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .basket-shop img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .lang-btn img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
            .icon-login img{
                width: 25px;
                height: 25px;
                object-fit: contain;
            }
        
                    .header-container{
                        grid-template-rows: auto;  
                        grid-template-columns: 220px minmax(auto, 100%) auto;
                        grid-template-areas: 
                            "top-1 top-2 top-3"; 
                        background-color: transparent;
                        background-image: unset;
                    }
                    .top-section-1{
                        justify-content: flex-start;
                    }
                    .top-section-2{
                        justify-content: center;
                    }
                    .top-section-3{
                        justify-content: flex-end;
                    }
                    .logo-container{
                        justify-content: flex-start;
                    }
                    .nav-container{
                        padding: 15px;
                        justify-content: center;
                    }
                    .nav-container .navbar{
                        justify-content: center;
                    }
                    .width-full{
                        width: 43vw !important;
                    }
                #module_footer_section_6{
;
width:100%;
padding-top:4vw;
padding-right:4vw;
padding-bottom:4vw;
padding-left:4vw;
border-style:none;
}#module_footer_column_14{
;
width:25%;
margin-top:0px;
border-style:none;
}#module_footer_row_37{
;
margin-top:0px;
border-style:none;
}#module_footer_items_48{
;
cursor:default;
width:14vw;
height:5vw;
font-weight:400;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_48:hover{
;
}#module_footer_column_15{
;
width:25%;
margin-top:0px;
border-style:none;
}#module_footer_items_49{
;
cursor:default;
line-height:1.5vw;
color:#FFF;
font-weight:bold;
font-size:1.05vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_49:hover{
;
}#module_footer_row_39{
;
padding-top:1.5vw;
border-style:none;
}#module_footer_items_50{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_50:hover{
;
}#module_footer_row_41{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_52{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_52:hover{
;
}#module_footer_row_40{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_51{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_51:hover{
;
}#module_footer_column_16{
;
width:25%;
margin-top:0px;
border-style:none;
}#module_footer_items_53{
;
cursor:default;
line-height:1.5vw;
color:#FFF;
font-weight:bold;
font-size:1.05vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_53:hover{
;
}#module_footer_row_43{
;
padding-top:1.5vw;
border-style:none;
}#module_footer_items_54{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_54:hover{
;
}#module_footer_row_44{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_55{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_55:hover{
;
}#module_footer_row_45{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_56{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_56:hover{
;
}#module_footer_row_46{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_57{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_57:hover{
;
}#module_footer_column_17{
;
width:25%;
margin-top:0px;
border-style:none;
}#module_footer_items_58{
;
cursor:default;
line-height:1.5vw;
color:#FFF;
font-weight:bold;
font-size:1.05vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_58:hover{
;
color:#00A693;
}#module_footer_row_48{
;
padding-top:1.5vw;
border-style:none;
}#module_footer_items_59{
;
cursor:default;
line-height:1.2vw;
color:#FFF;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_59:hover{
;
}#module_footer_row_49{
;
padding-top:1vw;
border-style:none;
}#module_footer_items_60{
;
cursor:default;
line-height:1.2vw;
color:#fff;
font-weight:500;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_60:hover{
;
}#module_footer_row_71{
;
justify-content:center;
padding-top:1vw;
padding-bottom:1vw;
border-style:solid;
border-top-width:0.15vw;
border-color:#fff;
}#module_footer_items_86{
;
cursor:default;
text-align:center;
line-height:1.5vw;
color:#fff;
font-weight:400;
font-size:.9vw;
transition-duration:600ms;
transition-delay:0ms;
transition-timing-function:ease;
visibility:visible;
opacity:1;
border-style:none;
}#module_footer_items_86:hover{
;
}#public_footer_main_4{;background-color:#000000;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;width:100%;max-width:100%;border-style:none;}#public_footer_main_4:hover{;}
                #public_footer_main_4{
                    position:relative;
                    margin-right:auto !important;
                    margin-left:auto !important;
                    overflow:hidden !important;
                }
                #public_footer_main_4 > div{
                    position:relative;
                    z-index:12;
                }
                
                #public_footer_main_4 
            
            #public_footer_main_4 .new_admin_layer {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 10;
                transition: all 600ms ease;
                background-color: rgba(0,0,0,0);
                display: flex;
                
            right:0;
            top:0;
        
            }

            #public_footer_main_4 .layer_first_child {
                width: 100%;
            }
        
            #public_footer_main_4:hover .new_admin_layer {
                border-radius: 0 !important;
                
                background-color: rgba(0,0,0,0);
            }
        
            #msg_footer.msg_footer,
            #msg_footer_complete.msg_footer{
                position: fixed;
                top: 50px;
                right: 10px;
                width: 400px;
                height: 50px;
                z-index: 10000;
                border-radius: 3px;
            }

            #msg_footer .d_flex,
            #msg_footer_complete .d_flex{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                padding: 0 15px;
            }

            #msg_footer.green_msg_footer {
                background-color: #d4edda;
                border: 1px solid #c3e6cb;
                color: #155724;
            }

            #msg_footer.red_msg_footer,
            #msg_footer_complete.red_msg_footer{
                background-color: #f8d7da;
                border: 1px solid #f5c6cb;
                color: #721c24;
            }

            #msg_footer .close_msg,
            #msg_footer_complete .close_msg{
                cursor: pointer;
                font-size: 25px;
                padding-right: 15px;
            }

            #msg_footer .close_msg:hover,
            #msg_footer_complete .close_msg:hover{
                color: #000;
            }
            
            .border_red{
                border: 1px solid #e20000;
            }
            footer a{
                color: inherit;
            }
        .dno{display:none!important;}
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}