/*
 Concatinated JS file 
Author: Ben Mizrahi 
Created Date: 2022-01-19
 */ 
@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ngdialog {
  box-sizing: border-box;
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit;
}

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
  -webkit-animation: none!important;
  animation: none!important;
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog-no-overlay {
  pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
  pointer-events: all;
}

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}

html.ngdialog-open,
body.ngdialog-open {
  overflow: hidden;
}

/*! ng-dialog - v0.4.0 (https://github.com/likeastore/ngDialog) */

@-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{padding-bottom:160px;padding-top:160px}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#f0f0f0;border-radius:5px;color:#444;font-family:Helvetica,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#bbb;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{-webkit-box-shadow:inset 0 0 0 2px #8dbdf1;box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons{*zoom:1}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media (max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777}

.datepicker a,[datepicker] a,datepicker a{color:inherit;text-decoration:none}.datepicker a:hover,[datepicker] a:hover,datepicker a:hover{text-decoration:none}.datepicker select,.datepicker select:focus,.datepicker select:hover,[datepicker] select,[datepicker] select:focus,[datepicker] select:hover,datepicker select,datepicker select:focus,datepicker select:hover{width:100%;overflow:hidden;background:#138EFA;color:#fff;border-radius:2px;border:0;margin-top:5px}._720kb-datepicker-calendar-body,._720kb-datepicker-calendar-days-header,._720kb-datepicker-calendar-header,._720kb-datepicker-calendar-years-pagination-pages,.datepicker,[datepicker],datepicker{font-family:Helvetica Neue;font-size:13.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto;float:left;clear:right;position:relative}._720kb-datepicker-calendar{background:#fff;color:#333;position:absolute;z-index:999;min-width:220px;margin:0 auto 0 -.5%;width:101%;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;visibility:hidden;overflow:hidden;padding:0 0 2%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}._720kb-datepicker-calendar._720kb-datepicker-open{visibility:visible}._720kb-datepicker-calendar-header{text-align:center;font-size:15px;line-height:40px}._720kb-datepicker-calendar-header:nth-child(odd){background:#138EFA}._720kb-datepicker-calendar-header:nth-child(even){background:#7BC6FC}._720kb-datepicker-calendar-header-left,._720kb-datepicker-calendar-header-middle,._720kb-datepicker-calendar-header-right{width:15%;float:left}._720kb-datepicker-calendar-header-middle{width:70%}._720kb-datepicker-calendar-header-closed-pagination::after{content:" \25BE"}._720kb-datepicker-calendar-header-opened-pagination::after{content:" \25F9"}._720kb-datepicker-calendar-body{width:96%;margin:2%;text-align:center}._720kb-datepicker-calendar-day{cursor:pointer;font-size:12.5px;width:12.2%;margin:5px 1%;padding:1.5% 0;float:left;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}._720kb-datepicker-calendar-day._720kb-datepicker-active,._720kb-datepicker-calendar-day:hover{background:rgba(0,0,0,.03)}._720kb-datepicker-calendar-header a,._720kb-datepicker-calendar-header a:hover{text-decoration:none;padding:3% 9% 4%;font-size:13.5px;color:rgba(0,0,0,.55);font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}._720kb-datepicker-calendar-header a:hover{color:rgba(0,0,0,.9);background:rgba(255,255,255,.45)}._720kb-datepicker-calendar-month{color:#fff}._720kb-datepicker-calendar-month span{font-size:13px;color:rgba(0,0,0,.4)}._720kb-datepicker-calendar-month a span i{font-style:normal;font-size:15px}._720kb-datepicker-calendar-month a,._720kb-datepicker-calendar-month a:hover{padding:3px;margin-left:1%}._720kb-datepicker-calendar-years-pagination{padding:2% 0 0;float:left;clear:right;width:100%}._720kb-datepicker-calendar-years-pagination a,._720kb-datepicker-calendar-years-pagination a:hover{font-size:12px;padding:0 7px;font-weight:400;margin:3px 1% 0;line-height:20px;display:inline-block}._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active{color:rgba(0,0,0,.9);font-weight:500;background:rgba(255,255,255,.45)}._720kb-datepicker-calendar-years-pagination-pages a,._720kb-datepicker-calendar-years-pagination-pages a:hover{padding:5px 10px}._720kb-datepicker-calendar-days-header{max-width:100%;margin:0 auto;padding:0 2%;background:rgba(19,142,250,.08);border-bottom:1px solid rgba(0,0,0,.02)}._720kb-datepicker-calendar-days-header div{width:13.2%;font-weight:500;font-size:11.5px;padding:10px .5%;float:left;text-align:center;color:rgba(0,0,0,.7)}._720kb-datepicker-calendar-days ._720kb-datepicker-default-button{font-size:18.5px;position:relative;bottom:-.5px}._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item{width:95%;float:none;margin:0 auto}._720kb-datepicker-item-hidden{visibility:hidden}._720kb-datepicker-calendar-day._720kb-datepicker-disabled,._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover{color:rgba(0,0,0,.2);background:rgba(25,2,0,.02);cursor:default}

.ui-colorpicker,
.ui-dialog.ui-colorpicker {
	width:					auto;
    white-space:			nowrap;

	-webkit-touch-callout:	none;
	-webkit-user-select:	none;
	-khtml-user-select:		none;
	-ms-user-select:		none;
	user-select:			none;
}

.ui-colorpicker-inline {
    position:				static;
}

.ui-colorpicker-buttonset {
	float:					left;
	margin-left:			.4em;
}

.ui-colorpicker-buttonset .ui-button {
	margin:					.5em 0 .5em 0;
	cursor:					pointer;
}

.ui-colorpicker-buttonpane {
	background-image:		none;
	margin:					.7em 0 0 0;
	padding:				0 .2em;
	border-left:			0;
	border-right:			0;
	border-bottom:			0;
}

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

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

.ui-colorpicker table {
	/*width:					100%;*/
    font-size:				100%; /* Reset browser table font-size */
	margin:					0;
}
.ui-colorpicker table tr {
    	display: inline-block;
	float: left;
}
.ui-colorpicker table td {
	vertical-align:			top;
    float:left;
    direction: ltr;
}

.ui-colorpicker-border {
    display:				inline-block;
}

/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
    position:				absolute;
	cursor:					crosshair;
}

.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
    position:				absolute;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
    display:				block;
	width:					256px;
	height:					256px;
	overflow:				hidden;
}

.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
	background:				url(images/map.png) no-repeat;
}

.ui-colorpicker-map-layer-alpha {
	background:				url(images/map-opacity.png);
}

.ui-colorpicker-map-pointer {
	display:				inline-block;
	width:					15px;
	height:					15px;
	background:				url(images/map-pointer.png) no-repeat;
}

/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
    display:				block;
    width:					20px;
    height:					256px;
	overflow:				hidden;
    background-repeat:		repeat-x;
}

.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
	background:				url(images/bar.png) repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
	background:				url(images/bar-opacity.png);
}

.ui-colorpicker-bar-layer-alphabar {
	background:				url(images/bar-alpha.png);
}

.ui-colorpicker-bar-pointer {
	display:				inline-block;
	width:					20px;
	height:					7px;
	background:				url(images/bar-pointer.png) no-repeat;
}

/* Preview */
.ui-colorpicker-preview {
	text-align: center;
    margin: 0 21px;
	border: 3px solid;
}
.ui-colorpicker-preview > span{
    	float: right;
	text-align: center;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	display: inline-block;
	clear: both;
}

.ui-colorpicker-preview-initial {
    cursor:					pointer;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
	width: 80px;
	height: 30px;
    display:				inline-block;
    clear: both;
    float: right;
}

.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
    width:					50px;
    height:					20px;
    display:				inline-block;
	background:				url(images/preview-opacity.png) repeat;
}

/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
    display:				inline-block;
}

.ui-colorpicker-number {
	margin:					.1em;
	width:					4em;
}

/* Hex */
.ui-colorpicker-hex {
	text-align:				center;
}

/* Swatches */
.ui-colorpicker-swatches {
	height:					256px;
	overflow:				auto;
}

.ui-colorpicker-swatch {
	cursor:					pointer;
	float:					left;
	width:					11px;
	height:					11px;
    border-right:			1px solid black;
    border-bottom:			1px solid black;
}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-selection {
}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 24, 2012 */



@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Bold.eot');
    src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Bold.woff') format('woff'),
         url('fonts/Alef-Bold.ttf') format('truetype'),
         url('fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.eot');
    src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Regular.woff') format('woff'),
         url('fonts/Alef-Regular.ttf') format('truetype'),
         url('fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@charset "utf-8";
[dir=ltr] .accessibility_component {
  /*left: auto;
		right: 6px;*/
}
.userOptions {
  position: absolute;
  display: block;
  background-color: white;
  z-index: 3;
  top: 65px;
  left: 2px;
  border: 1px solid #cccccc;
  width: 229px;
}
.userOptions button {
  cursor: pointer;
  background-color: transparent;
  border: transparent;
  width: 100%;
  height: 32px;
  text-align: right;
  padding-right: 12px;
}
.userOptions .exit {
  border-top: 1px solid #cccccc;
  background-color: #fafafa;
}
.moreNav {
  position: absolute;
  display: none;
  z-index: 1;
  padding-right: 2px;
  top: 48px;
  left: 0;
  background-color: white;
  border: 1px solid #5c5c5c;
}
.moreNav button {
  background: transparent;
  border: transparent;
}
.moreNav .header {
  color: #3e66db;
  font-size: 17px;
}
.moreNav .header .helloUser {
  padding-right: 0px;
}
.moreNav .header .helloUser .navText {
  font-size: 15px;
  padding-top: 3px;
  padding-left: 13px;
}
.moreNav .header .fa-angle-left {
  background-color: transparent;
  border: transparent;
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 21px;
  color: #cccccc;
  width: 40px;
}
.allNav {
  width: 100%;
  height: 63px;
  background-color: white;
  border-bottom: 1px solid #cccccc;
  position: fixed;
  z-index: 2;
  font-family: Alef;
  color: #5c5c5c;
  top: 0;
  left: 0;
  padding: 0px 13px 10px 13px ;
  box-sizing: border-box;
}
[dir=ltr] .allNav {
  padding: 0 36px 10px 13px;
}
.allNav .leftNav,
.allNav .rightNav {
  height: 100%;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}
.allNav .leftNav .navButton,
.allNav .rightNav .navButton {
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
}
.allNav .personal-site {
  display: inline-block;
  width: 250px;
  height: 50px;
  margin-right: 115px;
  margin-top: 6px;
}
.rightNav {
  text-align: right;
  float: right;
  white-space: nowrap;
}
[dir=ltr] .rightNav {
  text-align: left;
  float: left;
}
.leftNav {
  text-align: left;
  float: left;
  white-space: nowrap;
}
.leftNav .save {
  width: 80px;
}
[dir=ltr] .leftNav {
  text-align: right;
  float: right;
}
.itemNav {
  padding-top: 10px ;
  display: inline-block;
  vertical-align: middle;
  width: 66px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
  border-top: 4px solid transparent;
  cursor: pointer;
}
.itemNav .fa {
  font-size: 18px;
}
.itemNav.search {
  width: 300px;
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
[dir=ltr] .itemNav.search {
  float: left;
}
.itemNav .navText {
  font-size: 16px;
  line-height: 15px;
}
.itemNav > button:active,
.itemNav > button:hover,
.itemNav > .navText > button:active,
.itemNav > .navText > button:hover {
  color: #2178da;
}
.itemNav.selected {
  color: #2178da;
  border-top: 4px solid #2178da;
}
.itemNav :focus :not(.searchInput, .searchCategory) {
  outline-color: transparent;
  outline-style: none;
  color: #2178da;
}
.embedded-renderer {
  width: 300px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.embedded-renderer .header {
  z-index: 3;
  background-color: #ffffff;
}
.layers .layerCounter {
  background-color: #3e66db;
  font-style: normal;
  color: white;
  width: 19px;
  height: 19px;
  margin-right: 35px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  z-index: 1;
  line-height: 1.2;
}
[dir=ltr] .layers .layerCounter {
  margin-right: auto;
  margin-left: 35px;
}
.appsCounter {
  background-color: #3e66db;
  font-style: normal;
  color: white;
  width: 19px;
  height: 19px;
  margin-right: 35px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  z-index: 1;
  line-height: 1.2;
}
.signOrRegister {
  width: 150px;
  font-size: 15px;
  margin-left: 13px;
}
.signOrRegister .navText {
  padding-top: 3px;
}
.signOrRegister .userName {
  font-weight: normal;
  font-size: 15px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  position: relative;
  top: 3px;
}
.signOrRegister .helloUser {
  display: inline-block;
}
.signOrRegister .fa-user {
  font-size: 22px;
  position: absolute;
  left: 84px;
  top: -5px;
}
.signOrRegister button {
  padding: 0;
  background-color: transparent;
  font-size: 15px;
  border: transparent;
}
.signOrRegister button .fa-arrow-circle-o-up,
.signOrRegister button .fa-arrow-circle-o-down {
  font-size: 16px;
  color: #3e66db;
  padding-top: 3px;
}
.signOrRegister .helloUser {
  position: relative;
  top: 2px;
}
.user-logged-in .name-container {
  text-align: right;
  padding-right: 32px;
}
.user-logged-in .fa-user {
  position: relative;
  top: 2px;
  right: 0;
  left: inherit;
}
.user-logged-in .helloUser {
  right: 5px;
  left: inherit;
}
.user-logged-in .fa-caret-up,
.user-logged-in .fa-caret-down {
  font-size: 17px;
  text-align: right;
  padding-right: 36px;
}
.user-logged-in .options {
  display: inline-block;
  padding-right: 9px;
}
.user-logged-in .optins-conainer {
  text-align: right;
}
.searchSmall,
.more,
.shareSmall,
.measureSmall {
  display: none;
}
.searchSmall .smallSearchesWrapper,
.more .smallSearchesWrapper,
.shareSmall .smallSearchesWrapper,
.measureSmall .smallSearchesWrapper {
  width: 100%;
  right: 0;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  background-color: white;
  padding-top: 3px;
  padding-bottom: 3px;
}
.searchSmall .smallSearchesWrapper .allSearchWrapper,
.more .smallSearchesWrapper .allSearchWrapper,
.shareSmall .smallSearchesWrapper .allSearchWrapper,
.measureSmall .smallSearchesWrapper .allSearchWrapper {
  width: 80%;
  width: calc(100% - 65px);
  right: 9px;
  height: 100%;
}
@media (max-width: 996px) {
  [dir=ltr] .searchSmall .smallSearchesWrapper .allSearchWrapper,
  [dir=ltr] .more .smallSearchesWrapper .allSearchWrapper,
  [dir=ltr] .shareSmall .smallSearchesWrapper .allSearchWrapper,
  [dir=ltr] .measureSmall .smallSearchesWrapper .allSearchWrapper {
    width: calc(100% - 80px);
    right: auto;
    left: 9px;
  }
}
.searchSmall .smallSearchesWrapper > button,
.more .smallSearchesWrapper > button,
.shareSmall .smallSearchesWrapper > button,
.measureSmall .smallSearchesWrapper > button {
  position: absolute;
  left: 9px;
  top: 18px;
  border: none;
  background-color: transparent;
  color: #337ab7;
}
.searchSmall .smallSearchesWrapper .cancelBtn,
.more .smallSearchesWrapper .cancelBtn,
.shareSmall .smallSearchesWrapper .cancelBtn,
.measureSmall .smallSearchesWrapper .cancelBtn {
  margin: 0;
  padding: 0 !important;
  vertical-align: middle;
  position: absolute;
  left: 9px;
  top: 0;
  height: 100%;
  padding-top: 14px !important;
  border: none;
  background-color: transparent;
  color: #337ab7;
}
.searchSmall .smallSearchesWrapper .cancelBtn.en,
.more .smallSearchesWrapper .cancelBtn.en,
.shareSmall .smallSearchesWrapper .cancelBtn.en,
.measureSmall .smallSearchesWrapper .cancelBtn.en {
  left: 322px;
  top: 2px;
  font-size: 100%;
}
@media (max-width: 996px) {
  .searchSmall .smallSearchesWrapper .cancelBtn.en,
  .more .smallSearchesWrapper .cancelBtn.en,
  .shareSmall .smallSearchesWrapper .cancelBtn.en,
  .measureSmall .smallSearchesWrapper .cancelBtn.en {
    left: auto;
    right: 12px;
  }
}
@media only screen and (max-width: 996px) {
  .moreNav {
    overflow: hidden;
    display: block;
    width: 100%;
    top: 0px;
    z-index: 6;
    box-sizing: border-box;
    background-color: #e9eaed;
    height: 100%;
    padding-right: 0px;
    /*border: 1px solid #e9eaed;*/
    border: none;
  }
  .moreNav .header {
    border-bottom: 1px solid #e3e3e4;
    box-sizing: border-box;
    padding-top: 12px;
    padding-right: 12px;
    background-color: white;
    width: 100%;
    height: 48px;
  }
  .moreNav .header .login-logo .fa-circle {
    font-size: 41px;
    color: #2178da;
    position: absolute;
    top: 4px;
    right: 8px;
  }
  .moreNav .header .login-logo .fa-user {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 9px;
    right: 10px;
  }
  .moreNav .header .not-logged-in span {
    float: right;
    margin-top: 4px;
    color: #1883ba;
    padding: 0;
  }
  .moreNav .header .not-logged-in button {
    float: right;
    position: static;
    color: #2178da;
    font: 17px alef, sans-serif;
    padding-right: 40px;
  }
  .moreNav .header .close {
    width: 40px;
    left: 0;
    height: 100%;
    top: 0;
  }
  .moreNav .header .helloUser {
    color: #747474;
    text-align: right;
    padding-right: 40px;
  }
  .moreNav .header .helloUser .userName {
    font: 17px alef, sans-serif;
    color: #212121;
    position: absolute;
    margin-right: 40px;
    top: 7px;
  }
  .moreNav .header .helloUser .userName.hello {
    margin-right: 0px;
  }
  .moreNav .header .helloUser .userEmail {
    font: 14px alef, sans-serif;
    color: #989898;
    margin-top: 15px;
    position: absolute;
  }
  .moreNav .header .button {
    color: #1883ba;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
  }
  .moreNav .header .back {
    position: absolute;
    left: 10px;
    top: 13px;
    width: 20px;
    color: #747474 ;
  }
  .moreNav .userOptionsAfterLogin {
    padding: 0;
    margin: 0;
    position: relative;
    /*max-height: calc(~'100% - 120px');*/
    max-height: calc(100% - 50px);
    overflow-y: auto;
    color: black;
  }
  .moreNav .title {
    padding-top: 10px;
    padding-right: 12px;
    font: 16px alef, sans-serif;
    color: #000000;
  }
  .moreNav .about button {
    border-bottom: 1px solid #cccccc;
  }
  .moreNav .about button i {
    font-size: 20px;
  }
  .moreNav .userOptionsMobile {
    font: 16px alef, sans-serif;
    color: #000000;
  }
  .moreNav .userOptionsMobile button {
    border-bottom: 1px solid #e9eaed;
  }
  .moreNav .userOptionsMobile button i {
    font-size: 21px;
  }
  .moreNav .about,
  .moreNav .userOptionsMobile {
    background-color: white;
    margin-top: 12px;
    border-top: 1px solid #cccccc;
  }
  .moreNav .about button,
  .moreNav .userOptionsMobile button {
    background-color: transparent;
    border-bottom: 1px solid #e9eaed;
    /*border: transparent;*/
    width: 100%;
    height: 43px;
    text-align: right;
    padding-right: 10px;
  }
  .moreNav .about button i,
  .moreNav .userOptionsMobile button i {
    padding-left: 14px;
    width: 20px;
    color: #bdc1c9;
  }
  .moreNav .about button.last,
  .moreNav .userOptionsMobile button.last {
    border-bottom: 1px solid #cccccc;
  }
  .moreNav .exit {
    /*position: absolute;*/
    bottom: 10px;
    text-align: center;
    color: #ff0000;
    background-color: white;
    width: 100%;
    height: 43px;
    font: 20px alef;
    margin-top: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
  }
  .allNav {
    height: 48px;
    /*padding: 0px 13px 4px 13px;*/
    padding: 0;
  }
  .itemNav {
    /*width: 63px;*/
    width: 19% !important;
    padding-top: 4px;
  }
  .itemNav .navText {
    font-size: 13px;
  }
  .search,
  .save,
  .print,
  .measure,
  .signOrRegister,
  .share {
    display: none;
  }
  .search * {
    display: none;
  }
  .searchSmall .fa-search {
    position: relative;
    height: auto;
  }
  .rightNav {
    width: 100%;
    float: none;
  }
  .searchSmall,
  .apps,
  .layers,
  .more,
  .shareSmall,
  .measureSmall {
    display: inline-block;
    width: 16%;
    margin: 0;
  }
  .layer .layerCounter {
    width: 15px;
    height: 15px;
    margin-right: 28px;
  }
  [dir=ltr] .layer .layerCounter {
    margin-right: auto;
    margin-left: 28px;
  }
  .fa-user {
    padding: 0px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .itemNav.save,
  .itemNav.print {
    display: none;
  }
  .tablet {
    display: none !important;
  }
}
.ios .searchSmall > button:hover {
  color: #5c5c5c;
}
html {
  font-size: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  direction: rtl;
  text-align: right;
  font-family: Alef;
  background-color: #FFF;
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
[dir=ltr] body {
  text-align: left;
  direction: ltr;
}
/* Overwritten CSS class */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Alef, sans-serif;
  font-weight: normal;
  line-height: 120%;
  color: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
}
.main-container {
  width: 100%;
  height: 100%;
}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="search"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}
.fromTop.ng-animate,
.rollDown.ng-animate,
.rollUp.ng-animate,
.rollLeft.ng-animate,
.rollRight.ng-animate,
.fade.ng-animate {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bounce,
.bounce.ng-enter {
  -webkit-animation: bounceIn 2s;
  -moz-animation: bounceIn 2s;
  -ms-animation: bounceIn 2s;
  -o-animation: bounceIn 2s;
  animation: bounceIn 2s;
}
.bounce,
.bounce.ng-leave {
  -webkit-animation: bounceOut 0.5s;
  -moz-animation: bounceOut 0.5s;
  -ms-animation: bounceOut 0.5s;
  -o-animation: bounceOut 0.5s;
  animation: bounceOut 0.5s;
}
.fade {
  opacity: 1;
}
.fade.ng-enter,
.fade.ng-move {
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  opacity: 0;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  -moz-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
  opacity: 1;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
/*.lazyTop{
    .layersHelperWrapper{
     -moz-transition: all @animSpeed;
    -o-transition: all @animSpeed;
    -webkit-transition: all @animSpeed;
    transition: all @animSpeed;       
    }
}
.lazyTop.ng-enter{
 .layersHelperWrapper {
    opacity: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
 }

.lazyTop.ng-enter.ng-enter-active{
    .layersHelperWrapper {
    opacity: 1;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
    }

.lazyTop.ng-leave{

    .layersHelperWrapper {
    opacity: 1;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
    }
.lazyTop.ng-leave.ng-leave-active{
    .layersHelperWrapper {
    opacity: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
}*/
.fromTop.ng-enter {
  opacity: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fromTop.ng-enter.ng-enter-active {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.fromTop.ng-leave {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.fromTop.ng-leave.ng-leave-active {
  opacity: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fromBottom.ng-enter {
  opacity: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.fromBottom.ng-enter.ng-enter-active {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.fromBottom.ng-leave {
  opacity: 1;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.fromBottom.ng-leave.ng-leave-active {
  opacity: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.rollDown.ng-enter {
  overflow: hidden;
  max-height: 0px;
}
.rollDown.ng-enter.ng-enter-active {
  overflow: hidden;
  max-height: 300px;
}
.rollDown.ng-enter.ng-enter-active.rollDown40 {
  max-height: 40px;
}
.rollDown.ng-leave {
  overflow: hidden;
  max-height: 300px;
}
.rollDown.ng-leave.rollDown40 {
  max-height: 40px;
}
.rollDown.ng-leave.ng-leave-active {
  overflow: hidden;
  max-height: 0px;
}
.rollUp.ng-enter {
  overflow: hidden;
  max-height: 0px;
}
.rollUp.ng-enter.ng-enter-active {
  overflow: hidden;
  max-height: 300px;
}
.rollUp.ng-enter.ng-enter-active.rollDown40 {
  max-height: 40px;
}
.rollUp.ng-leave {
  overflow: hidden;
  max-height: 300px;
}
.rollUp.ng-leave.rollDown40 {
  max-height: 40px;
}
.rollUp.ng-leave.ng-leave-active {
  overflow: hidden;
  max-height: 0px;
}
.rollLeft.ng-enter {
  overflow: hidden;
  width: 30% !important;
}
.rollLeft.ng-enter.ng-enter-active {
  overflow: hidden;
  width: 100% !important;
}
.rollLeft.ng-leave {
  overflow: hidden;
  width: 100% !important;
}
.rollLeft.ng-leave.ng-leave-active {
  overflow: hidden;
  width: 30% !important;
}
.rollRight.ng-enter {
  overflow: hidden;
  width: 30% !important;
}
.rollRight.ng-enter.ng-enter-active {
  overflow: hidden;
  width: 100% !important;
}
.rollRight.ng-leave {
  overflow: hidden;
  width: 100% !important;
}
.rollRight.ng-leave.ng-leave-active {
  overflow: hidden;
  width: 30% !important;
}
.default {
  opacity: 1;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  animation-name: fadeIn;
}
.fadeIn:hover {
  cursor: pointer;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  -o-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fadeOut:hover {
  cursor: pointer;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  -o-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
@keyframes slideDownReturn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%);
  }
  100% {
    transform-origin: 0 0;
    transform: translateY(170%);
  }
}
.animationsDialog {
  overflow: hidden;
}
.animationsDialog .ngdialog-overlay {
  -webkit-animation: slideDownReturn .5s !important;
  animation: slideDownReturn .5s !important;
}
.animationsDialog .ngdialog-content {
  -webkit-animation: slideDownReturn .5s !important;
  animation: slideDownReturn .5s !important;
}
.animationsDialog.ngdialog-closing .ngdialog-overlay {
  -webkit-animation: slideDown .5s !important;
  animation: slideDown .5s !important;
}
.animationsDialog.ngdialog-closing .ngdialog-content {
  -webkit-animation: slideDown .5s !important;
  animation: slideDown .5s !important;
}
.animate-if.ng-enter {
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  overflow: hidden;
  max-height: 0;
}
.animate-if.ng-leave {
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  overflow: hidden;
  max-height: 999px;
}
.animate-if.ng-enter.ng-enter-active {
  max-height: 48px;
  /*opacity:1;*/
}
.animate-if.ng-leave.ng-leave-active {
  max-height: 48px;
  /*opacity:0;*/
}
.animate-close.ng-enter {
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  overflow: hidden;
  max-height: 0;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.animate-close .ng-leave {
  /*max-height: 999px;*/
  min-height: 48px;
}
.animate-close .ng-leave .ng-leave-active {
  max-height: 0;
}
.animate-close.ng-enter.ng-enter-active {
  max-height: 48px;
  /*opacity:1;*/
}
.animate-switch-container {
  position: relative;
  /*background:white;*/
  /*border:1px solid black;*/
  /*height:40px;*/
  overflow: hidden;
}
.animate-switch {
  /*padding:10px;*/
}
.animate-switch.ng-animate {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.animate-switch.ng-leave.ng-leave-active,
.animate-switch.ng-enter {
  top: -50px;
}
.animate-switch.ng-leave,
.animate-switch.ng-enter.ng-enter-active {
  top: 0;
}
/*@layersIconsColor:#1c8be0;*/
.clickbtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
}
.clickbtn:hover {
  background-color: #1a6eb7;
}
.cancelBtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
}
.cancelBtn:hover {
  background-color: #1a6eb7;
}
.cancelBtn:hover {
  background-color: white;
}
.closeBtn {
  font-size: 21px;
  color: #747474;
  background-color: transparent;
  border: transparent;
}
.title {
  color: #888888;
  /*font-weight: bold;*/
}
.loginWindows {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
}
.loginWindows input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.loginWindows input:active {
  border-color: #1c8be0;
}
.loginWindows input:focus {
  border-color: #1c8be0;
}
.helperLazyWarpper {
  position: absolute;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #cccccc;
  background-color: white;
}
.helperWrapper {
  background-color: white;
  position: absolute;
  top: 55px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.helperWrapperMobile {
  background-color: white;
  position: absolute;
  top: 55px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  position: fixed;
  top: 47px;
  left: 0;
  right: 0;
  border-left: none;
  border-right: none;
}
.helperWrapperMobile .topWrapper {
  height: 100%;
}
.helperWrapperMobile .topWrapper button.menuBtn input.searchInput {
  padding-right: 75px;
}
.helperWrapperMobile .searchHistory .header {
  width: 100%;
}
[disabled] {
  opacity: 0.65;
}
input::-ms-clear {
  display: none;
}
.hidden {
  display: none;
}
input {
  border-radius: 0;
}
* {
  outline: 0;
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
html {
  height: calc(100vh-44px);
  overflow: hidden;
}
body {
  height: calc(100vh-44px);
  overflow: hidden;
  font-family: Alef, sans-serif;
  -webkit-overflow-scrolling: touch;
  /* lets it scroll lazy */
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
body ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
body ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.901961) !important;
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.901961) !important;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.901961) !important;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.498039) !important;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.498039) !important;
  background-color: rgba(0, 0, 0, 0.498039) !important;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  font-family: Alef, sans-serif;
}
button {
  overflow: visible;
  cursor: pointer;
}
button,
select {
  text-transform: none;
}
div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-as {
  display: none;
}
.text-format {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.under-z-index {
  z-index: 0!important;
}
.focusBtns {
  position: absolute;
  right: initial !important;
  left: 17px;
  top: 80px;
  background-color: transparent !important;
  height: 100px;
  width: 27px;
  z-index: 1;
}
[dir=ltr] .focusBtns {
  left: auto;
  right: 17px !important;
}
.focusBtns button {
  color: #797b81;
  cursor: pointer;
  height: 27px;
  width: 27px;
  display: block;
  text-align: center;
  padding: 0;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.focusBtns .gpsOn {
  color: #3da0db;
}
.focusBtns .gpsBtn,
.focusBtns .editLayerBtn {
  margin-top: 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #797b81;
  font-size: 18px;
}
.focusBtns .editLayerBtn:focus {
  border: 2px solid  #2178da;
}
.focusBtns .fa-crosshairs {
  font-size: 20px;
  line-height: 1.25;
}
.focusBtns .zoomInBtn {
  border-bottom: none;
}
.focusBtns .zoomInBtn:focus {
  border: 2px solid  #2178da;
}
.focusBtns .zoomOutBtn:focus {
  border: 2px solid  #2178da;
}
.search-result-open {
  position: relative;
  margin-bottom: 85px;
}
.show-locate-open {
  margin-bottom: 125px;
}
.btnOn {
  color: #2178da;
}
.embeddedMapXY {
  position: absolute;
  bottom: 1px;
  z-index: 1;
  display: block;
  font-size: 15px;
  background-color: transparent;
  right: 5px;
}
.zoomBtn {
  margin-top: 14px;
}
.zoomBtn:focus {
  border: 2px solid  #2178da;
}
.eraserBtn {
  margin-top: 14px;
}
.eraserBtn:focus {
  border: 2px solid  #2178da;
}
.zoomBtns {
  position: absolute;
  right: initial !important;
  left: 17px;
  top: 80px;
  background-color: transparent !important;
  height: 100px;
  width: 27px;
  z-index: 1;
}
.zoomBtns button {
  cursor: pointer;
  height: 27px;
  width: 27px;
  display: block;
  text-align: center;
  padding: 0;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #797b81;
}
.zoomBtns .gpsBtn {
  margin-top: 14px;
}
.zoomBtns .fa-crosshairs {
  font-size: 20px;
  line-height: 1.25;
}
.zoomBtns .zoomInBtn {
  border-bottom: none;
}
.zoomBtns.embedded {
  top: 17px !important;
}
.header {
  color: #000000;
  border-bottom: 1px solid #e9eaed;
  padding: 10px;
  position: relative;
  height: 48px;
  text-align: center;
}
.header .close {
  float: left !important;
  /*padding-right: 5px;*/
  background-color: transparent;
  border: transparent;
  position: absolute;
  right: auto;
  top: 8px;
  left: 18px;
  color: #888;
}
.header button {
  position: absolute;
  left: 13px;
  top: 10px;
  color: #2178da;
  background-color: transparent;
  border-color: transparent;
}
.header title {
  display: block;
  font: 20px Alef;
}
.rightClickPopUp {
  position: absolute;
  width: 200px;
  background-color: white;
  border: 1px solid #ccc;
  top: 0;
}
.layersDialog .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.layersDialog .ngdialog-content {
  position: absolute;
  top: 50%;
  overflow: auto;
  overflow-x: hidden;
  left: 50%;
  margin-left: -216px;
  transform: translate3D(-50%, 0, 0) !important;
  transform: initial !important;
  -webkit-transform: translate3D(-50%, 0, 0) !important;
  -moz-transform: translate3D(-50%, 0, 0) !important;
  border-radius: 1px;
  color: #444;
  border: 1px solid #cccccc;
  padding: 0;
}
.layersDialog .ngdialog-content .ngdialog-close {
  display: none;
}
.ngdialog.printDialog {
  width: 1000px;
  overflow: hidden;
}
.printDialog .ngdialog-content {
  height: 100%;
  width: 1000px;
  top: 0;
  right: 0;
  overflow: hidden;
  border: 1px solid #cccccc;
  color: #444;
}
.printDialog .ngdialog-close {
  position: absolute;
  top: 5px;
  right: 295px;
  width: 40px;
  font-size: 21px;
  color: #747474;
}
.overlay-content {
  position: relative;
  background-color: white;
  z-index: 1000 !important;
}
.defaultDialog .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.defaultDialog.thin .ngdialog-content {
  left: calc(50% - 210px);
}
.defaultDialog.medium .ngdialog-content {
  left: calc(50% - 218px);
}
.defaultDialog .ngdialog-content {
  position: absolute;
  top: 20%;
  overflow: auto;
  overflow-x: hidden;
  left: calc(50% - 312px);
  transform: translate3D(0, 0, 0) !important;
  transform: initial !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  -moz-transform: translate3D(0, 0, 0) !important;
  border-radius: 1px;
  color: #444;
  border: 1px solid #cccccc;
  padding: 0;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
.defaultDialog .ngdialog-content .ngdialog-close {
  top: 9px;
  left: 15px;
  position: absolute;
  display: none;
  font-size: 21px;
  color: #888;
}
.defaultDialog.gridDialog .ngdialog-content {
  left: calc(50vw - 216px);
  top: calc(50vh - 121px);
}
.defaultDialog.gridDialog .ngdialog-content .loginHeader {
  height: 35px;
}
.defaultDialog.gridDialog .ngdialog-content .loginContent {
  text-align: center;
  padding: 8px;
}
._720kb-datepicker {
  position: relative;
}
.reportDialog {
  top: 70px;
  width: 328px;
  height: auto;
  right: 13px;
  -ms-transform: translate3D(0, 0, 0) !important;
  -o-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
  -ms-transform: initial !important;
  -o-transform: initial !important;
  transform: initial !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  -moz-transform: translate3D(0, 0, 0) !important;
  border: transparent;
}
[dir=ltr] .reportDialog {
  right: auto;
  left: 13px;
}
.reportDialog .ngdialog-content {
  top: 0;
  left: 0;
  width: 100%;
  margin-left: 0;
  -ms-transform: translate3D(0, 0, 0) !important;
  -o-transform: translate3D(0, 0, 0) !important;
  transform: translate3D(0, 0, 0) !important;
  -ms-transform: initial !important;
  -o-transform: initial !important;
  transform: initial !important;
  -webkit-transform: translate3D(0, 0, 0) !important;
  -moz-transform: translate3D(0, 0, 0) !important;
}
.ngdialog-theme-register .ngdialog-content {
  width: 628px !important;
}
.ngdialog-theme-register .ngdialog-close {
  right: initial !important;
  left: 34px;
}
.ngdialog-theme-about .ngdialog-content {
  width: 628px !important;
}
.ngdialog-theme-about .ngdialog-close {
  right: initial !important;
  left: 34px;
}
.aboutContent {
  max-height: 488px;
  overflow-y: auto;
  width: 100%;
  padding: 20px;
}
[dir=ltr] .aboutContent {
  text-align: left;
}
.ngdialog-content {
  background-color: white !important;
  border: 1px solid #cccccc;
  padding-top: 0 !important;
}
.ngdialog-theme-register .ngdialog-content {
  width: 628px !important;
}
.ngdialog-theme-register .ngdialog-close {
  top: 14px;
  right: initial !important;
  left: 34px;
  font-size: 21px;
  color: #747474;
}
.ngdialog-close {
  cursor: pointer;
}
@media only screen and (max-width: 996px) {
  .focusBtns {
    display: none;
  }
  .login-as {
    display: block;
    /*width:100%;*/
    top: 50px;
    background-color: #fff1a8;
    height: 39px;
    right: 2px;
    left: 2px;
    position: absolute;
    z-index: 1;
    border: 1px solid #d8d8d8;
    font: 15px alef, sans-serif;
    color: #000000;
  }
  .login-as span {
    top: 7px;
    position: relative;
    right: 10px;
  }
  .header .close {
    font-size: 20px;
    /*float:right;
            left:auto;
            right:18px;*/
  }
  .ngdialog-content {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    left: initial !important;
    -ms-transform: translate3D(0, 0, 0) !important;
    -o-transform: translate3D(0, 0, 0) !important;
    transform: translate3D(0, 0, 0) !important;
    -ms-transform: initial !important;
    -o-transform: initial !important;
    transform: initial !important;
    -webkit-transform: translate3D(0, 0, 0) !important;
    -moz-transform: translate3D(0, 0, 0) !important;
  }
  .ngdialog-theme-register .ngdialog-content {
    width: 100% !important;
    top: 0 !important;
    left: initial !important;
  }
  .ngdialog-theme-about .ngdialog-content,
  .ngdialog-theme-accessibility .ngdialog-content {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0!important;
  }
  .defaultDialog .ngdialog-overlay {
    background: #e9eaed;
  }
  .defaultDialog .ngdialog-content {
    box-shadow: none;
  }
  .reportDialog {
    right: 0;
    top: 0;
    width: 100%;
    left: 13px;
  }
}
.rightClickDialog .ngdialog-close {
  display: none !important;
}
@media print {
 @page {size: landscape} .printLazyWrapper {
    border: none !important;
  }
  .allNav {
    display: none !important;
  }
  .focusBtns {
    display: none !important;
  }
  .rightClickWrapper {
    display: none !important;
  }
  .ngdialog {
    display: none !important;
  }
  .mainMap {
    display: none !important;
  }
  .footer-container {
    display: none !important;
  }
  .printOptions {
    display: none !important;
  }
  .backgroundBtnLarge {
    display: none !important;
  }
  .printWrapper {
    border: none !important;
  }
  .printWrapper .printSection {
    display: inline !important;
  }
  .printWrapper .close {
    color: #5d5c5c;
  }
  html,
  body {
    overflow: visible !important;
  }
}
.scrollWrapper:hover .iScrollVerticalScrollbar {
  opacity: 1 !important;
}
.symbol-continar {
  display: inline-block;
  width: 30px;
  height: 100%;
  overflow: hidden;
}
.symbol-continar .bar {
  width: 22px;
  height: 4px;
}
.symbol-continar .bar.no-1 {
  margin: 12px 0;
}
.symbol-continar .bar.no-2 {
  margin: 7px 0;
}
.symbol-continar .bar.no-3 {
  margin: 5px 0;
}
.symbol-continar .square {
  width: 21px;
  height: 21px;
  position: absolute;
  border: 3px solid #000;
  top: 9px;
  left: 6px;
}
.symbol-continar .square.fill {
  border: 1px solid #000;
}
.symbol-continar .square .bar {
  height: 6px;
}
.symbol-continar .square .bar.no-2 {
  margin: 0 0;
}
.symbol-continar .square .bar.no-2.bar-1 {
  height: 10px !important;
  width: 19px !important;
}
.symbol-continar .square .bar.no-2.bar-2 {
  height: 9px !important;
  width: 19px !important;
}
.symbol-continar .square .bar.no-3 {
  margin: 0 0;
}
.symbol-continar .square .bar.no-3.bar-1 {
  height: 6px !important;
  width: 19px !important;
}
.symbol-continar .square .bar.no-3.bar-2 {
  height: 7px !important;
  width: 19px !important;
}
.symbol-continar .square .bar.no-3.bar-3 {
  height: 6px !important;
  width: 19px !important;
}
.symbol-continar .line {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 9px;
  left: 6px;
}
.symbol-continar .line .bar {
  margin: 9px 0;
  height: 4px;
  width: 21px;
}
.symbol-continar .line .bar.no-2 {
  margin: 3px 0;
}
.symbol-continar .line .bar.no-2.bar-1 {
  margin-top: 5px;
}
.symbol-continar .line .bar.no-3 {
  margin: 3px 0;
}
.symbol-continar .iconPoint {
  top: 0 !important;
  padding-top: 3px !important;
  margin-left: 3px !important;
}
.symbol-continar .iconPoint .layerIconBox34 {
  height: 34px;
  width: 34px;
}
.symbol-continar .iconPoint .layerIconBox34 > div {
  overflow: hidden;
  display: inline-block;
}
.symbol-continar .point {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 2px;
  font-style: normal;
  font-size: 14px;
  color: #ffffff;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  padding-top: 4px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
}
@media only screen and (max-width: 996px) {
  .symbol-continar .iconPoint {
    top: 7px !important;
  }
}
.text-align-left {
  text-align: left !important;
}
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address inconsistent styling of `abbr[title]`.
 * 1. Correct styling in Firefox 39 and Opera 12.
 * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Address inconsistent styling of b and strong.
 * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
 * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
 */
b,
strong {
  font-weight: inherit;
  /* 1 */
}
b,
strong {
  font-weight: bolder;
  /* 2 */
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address inconsistent styling of `hr`.
 * 1. Correct `box-sizing` set to `border-box` in Firefox.
 * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * 1. Correct inheritance and scaling of font-size for preformatted text.
 * 2. Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct font properties not being inherited.
 * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Address `appearance` set to `searchfield` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.ngdialog-close {
  cursor: pointer;
}
.aboutWrapper,
.termsWrapper,
.contact,
.accessibilityWrapper {
  height: 538px;
  font-size: 15px;
}
.aboutWrapper title,
.termsWrapper title,
.contact title,
.accessibilityWrapper title {
  display: block;
  height: 40px;
  font-size: 21px;
  text-align: center;
  padding-top: 5px;
}
.aboutWrapper .body .scrollWrapper,
.termsWrapper .body .scrollWrapper,
.contact .body .scrollWrapper,
.accessibilityWrapper .body .scrollWrapper {
  padding: 0;
  margin: 0;
  position: relative;
  max-height: 450px;
  overflow-y: hidden;
}
.termsWrapper,
.aboutWrapper,
.accessibilityWrapper {
  overflow: hidden;
  width: 628px;
}
.termsWrapper .content,
.aboutWrapper .content,
.accessibilityWrapper .content {
  max-height: 488px;
  overflow-y: auto;
  width: 100%;
  padding: 20px;
}
.contact {
  height: auto;
  width: 384px;
}
.contact .loginContent {
  max-height: none;
}
.contact .loginContent.enter {
  box-shadow: none!important;
}
.contact .loginContent .rating-container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact .loginContent .userInput {
  margin-bottom: 5px;
}
.contact .loginContent .userInput textarea {
  width: 100%;
  height: 70px;
  resize: none;
}
.contact .loginContent .contact-us-error {
  color: red;
  margin-right: 5px;
}
.contact .loginContent .error-border {
  border: 1px solid red;
}
.contact .loginHeader img {
  width: 125px;
  margin-top: -4px;
}
.contact .loginHeader span {
  bottom: 16px;
  right: 0;
}
.contact .loginHeader .closeBtn {
  top: 0;
}
.remove-layer-confirmation .ngdialog-content {
  height: 120px;
  top: calc(50% - 60px);
}
.remove-layer-confirmation .confirm-wrapper {
  width: 350px;
  /*height: 200px;*/
}
.remove-layer-confirmation .confirm-wrapper .confirmation-text {
  margin-top: 5%;
  text-align: center;
}
.remove-layer-confirmation .confirm-wrapper .buttons-wrapper {
  text-align: center;
  margin-top: 20px;
}
.remove-layer-confirmation .confirm-wrapper .buttons-wrapper button {
  width: 100px;
  font-size: 17px;
  background: #337ab7;
  color: #fff;
  border: none;
  height: 35px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.remove-layer-confirmation .confirm-wrapper .buttons-wrapper .confirm-button {
  margin-left: 20px;
}
.actionNotPermittedMsg .ngdialog-content {
  height: 200px;
}
.actionNotPermittedMsg .confirm-wrapper {
  width: 500px;
  /*height: 200px;*/
}
.actionNotPermittedMsg .confirm-wrapper .link {
  color: #1C67BD;
  cursor: pointer;
  text-decoration: underline;
  padding: 5px;
}
.actionNotPermittedMsg .confirm-wrapper .bold {
  font-weight: bold;
}
.actionNotPermittedMsg .confirm-wrapper .confirmation-text {
  margin-top: 5%;
  text-align: center;
}
.actionNotPermittedMsg .confirm-wrapper .buttons-wrapper {
  text-align: center;
  margin-top: 20px;
}
.actionNotPermittedMsg .confirm-wrapper .buttons-wrapper button {
  width: 100px;
  font-size: 17px;
  background: #337ab7;
  color: #fff;
  border: none;
  height: 35px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.actionNotPermittedMsg .confirm-wrapper .buttons-wrapper .confirm-button {
  margin-left: 20px;
}
@media only screen and (max-width: 996px) {
  .aboutWrapper,
  .termsWrapper,
  .accessibilityWrapper {
    width: 100%;
  }
  .termsWrapper title,
  .accessibilityWrapper title {
    font-size: 19px;
  }
  .contact {
    height: 100%;
    width: 100%;
  }
  .contact .loginContent {
    max-height: none;
    height: 100%;
  }
  .contact .loginContent .rating-container {
    margin-top: 20px;
  }
  .contact .loginContent .userInput {
    width: 100%;
  }
  .contact .loginContent .userInput .errorItem {
    top: 40px;
    right: 0px;
    margin-right: 0px;
  }
  .contact .loginContent .userInput .errorTextArea {
    top: 70px;
  }
  .contact .loginContent .userInput textarea {
    width: 100%;
    border: 1px solid #2e6da4;
  }
  .contact .loginContent .userInput div input {
    height: 38px;
  }
  .contact .loginContent .userInput div select {
    height: 38px;
  }
  .contact .loginContent .userInput div i {
    margin-top: 11px;
  }
}
.footer-container {
  text-align: center;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #ccc;
  position: fixed;
  z-index: 2;
  font-family: Alef, sans-serif;
  color: #5c5c5c;
  left: 0;
  padding: 0 13px 10px 13px;
  box-sizing: border-box;
  font-size: 14px;
  color: black;
}
.footer-container .footer-link {
  color: #1C67BD;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.footer-container .footer-link:hover {
  color: #1C67BD;
  text-decoration: underline;
}
.footer-container .footer-link:active {
  color: #1C67BD;
  text-decoration: none;
}
.footer-container .footer-link:visited {
  color: #1C67BD;
  text-decoration: none;
}
.footer-container .footer-link:focus {
  text-decoration: underline;
}
.footer-container .footer-link-delimiter {
  background-image: url('Images/pointSeparetor.JPG');
  display: inline-block;
  height: 10px;
  width: 10px;
  background-position: 14px 16px;
}
.footer-container .footer-Language {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 9999999;
  font-size: 14px;
  color: #1C67BD;
  cursor: pointer;
}
[dir=ltr] .footer-container .footer-Language {
  left: auto;
  right: 10px;
}
.footer-container .footer-Language:hover {
  text-decoration: underline;
}
.footer-container .mapXY {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 9999999;
  font-size: 14px;
}
[dir=ltr] .footer-container .mapXY {
  right: auto;
  left: 10px;
}
.footer-container .mapXY.kanam {
  right: 150px;
}
[dir=ltr] .footer-container .mapXY.kanam {
  right: auto;
  left: 170px;
}
@media only screen and (max-width: 996px) {
  .footer-container {
    display: none;
  }
}
.re-captcha {
  display: block;
  margin-bottom: 5px;
}
.re-captcha.not-validated > div:first-child {
  /*border: 1px solid #ff0000 !important;*/
}
.re-captcha div:first-child {
  margin: 0 auto;
}
.re-captcha-no-center div div {
  margin: 0 !important;
}
input::-moz-placeholder {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.searchBtn {
  background-color: transparent;
  border: transparent;
  position: absolute;
  left: 0px;
  top: 10px;
}
.searchBtn .fa-search {
  position: relative;
}
.searchBtn:disabled {
  background-color: white;
}
.allSearchWrapper {
  position: relative;
  text-align: right;
}
.allSearchWrapper button {
  outline: none;
}
.allSearchWrapper .topWrapper button.menuBtn {
  position: absolute;
  /*height: 23px;*/
  margin-right: 5px;
  background-color: transparent;
  border: none;
  /*top: 8px;*/
  right: 0;
  padding: 0 !important;
  height: 100%;
  width: 20px;
  top: 2px;
}
.allSearchWrapper .topWrapper button.menuBtnEn {
  float: right;
  position: relative;
  top: 12px;
  right: 13px;
}
[dir=ltr] .allSearchWrapper .topWrapper button.menuBtnEn {
  right: auto;
  left: 12px;
  float: left;
}
.allSearchWrapper .topWrapper button.menuBtnEn .fa.fa-bars {
  display: none;
}
.allSearchWrapper .topWrapper .close {
  right: 5px !important;
  margin-top: 1px;
}
.allSearchWrapper .topWrapper input.searchInput {
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 42px;
  line-height: 1.5;
  height: 38px;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  margin: 0;
}
.allSearchWrapper .topWrapper input.searchInput ::-webkit-input-placeholder {
  /* Chrome */
  color: #929292 !important;
  font-size: 15px !important;
}
.allSearchWrapper .topWrapper input.searchInput :-ms-input-placeholder {
  /* IE 10+ */
  color: #929292 !important;
  font-size: 15px !important;
}
.allSearchWrapper .topWrapper input.searchInput ::-moz-placeholder {
  /* Firefox 19+ */
  color: #929292 !important;
  font-size: 15px !important;
}
.allSearchWrapper .topWrapper input.searchInput :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #929292 !important;
  font-size: 15px !important;
}
.allSearchWrapper .topWrapper input.no-text {
  pointer-events: none;
}
.allSearchWrapper .searchOptionsWrapper {
  z-index: 2;
  background-color: white;
  position: absolute;
  top: 38px;
  width: 100%;
  padding-top: 10px;
  border: 1px solid #e9eaed;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
.allSearchWrapper .searchOptionsWrapper .searchOption {
  padding-right: 12px;
}
.allSearchWrapper .searchOptionsWrapper .searchOption .fa-check {
  color: green;
  position: absolute;
  right: 18px;
  font-size: 14px;
  margin-top: 2px;
}
.allSearchWrapper .searchOptionsWrapper .searchOption .fa-check.en {
  right: inherit;
  left: 5px;
}
.allSearchWrapper .searchOptionsWrapper button {
  width: 100%;
  background-color: white;
  border: none;
  font-size: 16px;
  text-align: right;
  text-indent: 20px;
}
.allSearchWrapper .searchOptionsWrapper div {
  height: 32px;
  font-size: 14px;
}
.allSearchWrapper .searchOptionsWrapper .loader {
  border: 1px solid #cccccc;
  z-index: 2;
}
.allSearchWrapper .searchOptionsWrapper .loaderText {
  position: absolute;
  top: 7px;
  width: 100%;
  text-align: center;
  margin-right: 20px;
  font-size: 17px;
}
.allSearchWrapper .searchOptionsWrapper .fa-spinner {
  color: #2e6dab;
  position: relative;
  width: 100%;
  font-size: 22px;
  text-align: center;
  top: -5px;
  left: 20px;
}
.allSearchWrapper .searchHelperWrapper {
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  background-color: white;
  position: absolute;
  top: 55px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.loader-repeat {
  background-repeat: no-repeat !important;
  background-position-x: 60px !important;
  left: inherit !important;
  top: 60px !important;
  width: 100% !important;
}
.loader-repeat .fa-spinner {
  /*display:none !important;*/
  color: #5c5c5c !important;
}
.autoComplete {
  position: relative;
}
.autoComplete .notFound {
  height: 46px;
  position: relative;
  border: 1px solid #cccccc;
  font-size: 14px;
  top: -11px;
  right: 0px;
  padding: 7px;
}
.autoComplete .notFound div {
  padding-bottom: 2px;
}
.autoComplete .notFound a {
  color: #2178da;
}
.autoComplete .autoCompleteResult {
  position: absolute;
  background-color: white;
  width: 100%;
  right: 0px;
  top: 31px;
  z-index: 10;
  border: 1px solid #e9eaed;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 180px;
}
.autoComplete .autoCompleteResult ul {
  margin-bottom: 6px;
  margin-top: 6px;
  padding-right: 7px;
}
.autoComplete .autoCompleteResult ul.en {
  list-style-type: none;
}
.autoComplete .autoCompleteResult ul .selected .autocomplete-item {
  color: #4471db;
}
.autoComplete .autoCompleteResult ul .autocomplete-item {
  color: black;
  font-size: 15px;
}
.autoComplete .autoCompleteResult ul .autocomplete-item:hover {
  color: #4471db;
}
.autoComplete .autoCompleteResult .loader {
  margin-top: 6px;
  margin-bottom: 6px;
  overflow: hidden;
}
.autoComplete .autoCompleteResult .fa-spinner {
  color: #2e6dab;
  position: relative;
  width: 100%;
  right: 0px;
  padding: 4px;
}
.autoComplete .en {
  padding-left: 5px;
}
.searchCategory {
  width: 300px;
  background-color: white;
  padding: 0px;
  padding-bottom: 11px;
  border: 1px solid #e9eaed;
  z-index: 2;
}
.searchCategory hr {
  margin: 0px;
}
.searchCategory .searchBtn {
  position: relative;
  height: 34px;
  margin: 0px 15px;
  margin-bottom: 10px;
  padding: 0;
  top: 0;
  left: 0;
  width: calc(100% - 30px);
}
.searchCategory .searchBtn button {
  margin: auto;
  position: absolute;
  z-index: 1;
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  border: 1px solid #2e6dab;
  width: 100%;
  height: 31px;
  border-radius: 1px;
}
.searchCategory .searchBtn button:hover {
  background-color: #1a6eb7;
}
.searchCategory .searchBtn button[disabled] {
  background-color: lightblue;
  border-color: #a0cae6;
}
.searchCategory .searchBtn .en {
  position: relative;
}
.searchCategory .searchCategoryHeader {
  height: 48px;
  border-bottom: 1px solid #e9eaed;
}
.searchCategory .searchCategoryHeader button {
  position: absolute;
  top: 13px;
  font-size: 21px;
  background-color: transparent;
  border: transparent;
  left: 9px;
}
[dir=ltr] .searchCategory .searchCategoryHeader button {
  left: auto;
  right: 9px;
}
.searchCategory .searchCategoryHeader title {
  display: block;
  text-align: center;
  line-height: 2;
  font: 20px alef, sans-serif;
  width: 100%;
  padding-top: 10px;
  color: #000000;
}
.searchCategory .searchComponentResult {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}
.searchCategory .searchComponentResult input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
  height: 34px;
  width: 100%;
  text-align: center;
  background-color: white !important;
  color: #000000;
  border: 1px solid #cccccc;
  margin-bottom: 11px;
  font: 15px alef, sans-serif;
  text-align: right;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}
.grayBackground {
  background-color: transparent;
  border-color: transparent;
  top: 63px;
}
.searchExp {
  position: relative;
  padding: 0px 30px;
}
.searchExp button {
  font-size: 16px;
  background-color: transparent;
  border-color: transparent;
  color: #2178da;
  font-weight: bold;
  margin-top: 0px;
  padding: 0;
}
.searchExp .btnMore {
  position: relative;
  font-size: 15px;
  margin-bottom: 16px;
}
.searchExp .categoryName {
  font-weight: bold;
  color: #7b7b7b;
}
.searchExp .header {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 18px;
  position: relative;
  text-align: right;
  border-bottom: none;
}
.searchExp .header button {
  color: #7b7b7b;
  font-weight: normal;
  position: relative;
  top: 5px;
  left: 10px;
}
.searchExp div {
  margin-bottom: 5px;
}
.searchExp .examples {
  margin-right: 1px;
}
.searchHistory .header {
  font-size: 16px;
  height: 35px;
  background-color: #f6f7f8;
  width: 100%;
  right: 0;
  position: relative;
  top: 0;
}
.searchHistory .header .cleanHistoryBtn {
  position: absolute;
  left: 5px;
  top: 8px;
  text-align: left;
  font-size: 14px;
}
.searchHistory .header .cleanHistoryBtn button {
  display: inline-block;
  border: 1px solid black;
}
.searchHistory .header .cleanConfirmHistoryBtn {
  position: relative;
  left: 5px;
  top: 0px;
  text-align: left;
}
.searchHistory .header button {
  background-color: transparent;
  border-color: transparent;
  top: 4px;
  color: #337ab7;
}
.searchHistory .header button.clickbtn {
  background-color: #337ab7;
  color: #ffffff;
  font-size: 14px;
  height: 20px;
  width: 60px;
  padding: 0;
  border-radius: 1px;
  top: -3px;
  left: -3px;
}
.searchHistory .header button.clickbtn.white {
  background-color: white;
  color: black;
  border: 1px solid #ddd;
  left: 60px;
}
.searchHistory .header span {
  top: 10px;
  position: absolute;
  right: 10px;
}
.searchHistory .historyResult {
  position: relative;
  padding: 0;
}
.searchHistory .historyResult ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.searchHistory .historyResult ul hr {
  border-color: #e9eaed;
  width: 100%;
  bottom: 0;
  right: 0;
  position: relative;
  margin-top: 10px;
}
.searchHistory .historyResult ul li {
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 0px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e9eaed;
  overflow: hidden;
}
.searchHistory .historyResult ul li button {
  width: 35px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 0;
  color: #cccccc;
}
.searchHistory .historyResult ul li div {
  position: relative;
  display: block;
  font-size: 17px;
  color: #2178da;
  max-width: 280px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 40px;
  bottom: 20px;
}
.searchHistory .historyResult ul li button {
  border-color: transparent;
  background-color: transparent;
  padding-right: 10px;
  top: 2px;
}
.searchHistory .historyResult ul li i.eye {
  float: left;
  width: 40px;
  font-size: 17px;
  margin-top: -8px;
  z-index: 9999;
  height: 39px;
  text-align: center;
  display: flex;
  justify-content: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.searchHistory .historyResult ul li i.eye.fa-eye {
  color: #2178da;
}
.searchHistory .historyResult ul li i.eye.fa-eye-slash {
  color: #cccccc;
}
.searchHistory .historyResult ul .moreHistory {
  text-align: center;
}
.searchHistory .historyResult ul .moreHistory button {
  padding: 0;
}
.searchHistory .historyResult ul .moreHistory button .fa {
  position: relative;
  top: 0;
  color: #2178da;
}
.eraseSelection {
  position: relative;
  height: 52px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 12px solid #e9eaed;
  overflow: hidden;
}
.eraseSelection .fa-eraser {
  position: relative;
  top: 3px;
}
.eraseSelection button {
  width: 35px;
  padding: 0;
  color: #cccccc;
  border-color: transparent;
  background-color: transparent;
  padding-right: 7px;
}
.eraseSelection div {
  position: relative;
  display: inline-block;
  font-size: 16px;
  max-width: 280px;
  color: black;
  text-align: center;
  vertical-align: middle;
  line-height: 39px;
}
.noResult {
  height: 52px;
  background-color: #f2dede !important;
  /*border-bottom-color: #ebccd1;*/
  padding: 8px;
  /*opacity: 0.9;*/
  width: 300px !important;
  top: 35px !important;
  border: 1px solid #cccccc;
}
.noResult div {
  margin-bottom: 4px;
}
.noResult .reportBtn {
  color: #2a55b9;
}
.noResult button {
  background-color: transparent;
  border: transparent;
  position: absolute;
  right: initial;
  left: 5px;
  font-size: 20px;
  top: 5px;
}
.searchResult,
.multyResult {
  position: absolute;
  top: 47px;
  width: 314px;
  padding-right: 13px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  margin-top: 25px;
  z-index: 1;
}
.searchResult.en,
.multyResult.en {
  padding-left: 23px;
}
.searchResult .BlockByAddress,
.multyResult .BlockByAddress {
  background-color: #f6f7f8;
  padding-top: 7px;
  height: 40px;
  /*color: #2a55b9;
        font-size: 13px;*/
  font-size: 16px !important;
  color: #212121;
  padding-right: 12px;
  border: 1px solid #cccccc;
  border-top: none;
}
.searchResult .BlockByAddress button,
.multyResult .BlockByAddress button {
  cursor: pointer;
  background-color: transparent;
  color: #2a55b9;
  border: none;
  box-shadow: none;
}
.searchResult .result,
.multyResult .result {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 8px;
  margin-bottom: 4px;
  font-weight: bold;
  overflow: auto;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.searchResult .result .txt,
.multyResult .result .txt {
  /*padding-right: 15px;*/
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.searchResult .result .close,
.multyResult .result .close {
  line-height: normal;
  /*font-size: 23px;*/
  top: 3px;
  position: absolute;
  left: 8px;
  cursor: pointer;
  font-weight: 100;
}
.searchResult .resultSmall,
.multyResult .resultSmall {
  font-size: 16px !important;
  color: #212121;
  font-weight: 100;
  overflow-y: hidden;
  cursor: pointer;
}
.searchResult .resultOptions,
.multyResult .resultOptions {
  font-size: 13px;
  padding: 8px;
  color: #2a55b9;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
.searchResult .resultOptions.en,
.multyResult .resultOptions.en {
  white-space: normal;
}
.searchResult .resultOptions button,
.multyResult .resultOptions button {
  cursor: pointer;
  background-color: transparent;
  border: transparent;
  display: inline-block;
  padding: 0 2px;
  margin: 0;
}
.searchResult .resultOptions .fa,
.multyResult .resultOptions .fa {
  font-size: 2px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
  color: black;
}
/*.noResult {
    width: 300px;
}*/
.multyResult {
  width: 300px;
  padding: 13px;
  border: 1px solid #cccccc;
  background-color: white;
  margin-right: 13px;
}
.multyResult ul {
  padding: 0;
  padding-right: 5px;
  margin: 0;
}
.multyResult ul li {
  list-style-type: none;
  cursor: pointer;
}
.multyResult ul li:hover {
  color: #138EFA;
}
.multyResult ul .close {
  position: absolute;
  left: 12px;
  top: 5px;
}
.customClose {
  width: 100%;
  background-color: transparent;
  position: fixed;
  height: 100%;
  top: 55px;
  left: 0;
}
.inputBtn {
  background-color: transparent;
  border: 1px solid #cccccc;
  width: 100%;
  text-align: right;
  padding-right: 42px;
  height: 38px;
  font-size: 15px;
}
[dir=ltr] .inputBtn {
  padding-right: 6px;
  padding-left: 36px;
  left: -24px;
  position: relative;
}
.free-auto-complete {
  position: absolute;
  background-color: white;
  width: 100%;
  right: 0px;
  top: 31px;
  z-index: 10;
  border: 1px solid #cccccc;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 285px;
  margin-top: 7px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
.free-auto-complete ul {
  margin-bottom: 6px;
  margin-top: 0;
  padding-right: 0;
}
.free-auto-complete ul .selected .autocomplete-item {
  /*color: #4471db;*/
  background-color: #e0f0ff;
}
.free-auto-complete ul .autocomplete-item {
  cursor: pointer;
  padding-right: 7px;
  height: 100%;
}
.free-auto-complete ul .autocomplete-item:hover {
  /*color: #4471db;*/
}
.free-auto-complete ul .autocomplete-item .tokentext {
  font-size: 16px;
  color: #000;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.free-auto-complete ul .autocomplete-item .caption {
  font-size: 12px;
  color: #989898;
  line-height: 10px;
}
.free-auto-complete ul li {
  height: 40px;
}
.free-auto-complete .loader {
  margin-top: 6px;
  margin-bottom: 6px;
  overflow: hidden;
}
.free-auto-complete .fa-spinner {
  color: #2e6dab;
  position: relative;
  width: 100%;
  right: 0px;
  padding: 4px;
}
@media (max-width: 996px) {
  .loaderText {
    font-size: 12px;
  }
  .allSearchWrapper.en {
    left: 9px;
    right: unset;
  }
  .allSearchWrapper .topWrapper {
    width: 100%;
    position: relative;
    padding-top: 6px;
  }
  .allSearchWrapper .topWrapper button.menuBtn {
    /*top: 9px;*/
    top: 4px;
  }
  .allSearchWrapper .topWrapper button.menuBtn .close {
    top: 7px;
  }
  .allSearchWrapper .topWrapper button.menuBtnEn {
    top: 7px;
    left: 36px;
  }
  .allSearchWrapper .topWrapper input.searchInput {
    border: 1px solid #9b9b9b;
    height: 31px;
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
  }
  .allSearchWrapper .topWrapper .close {
    margin-top: 0;
  }
  .allSearchWrapper .searchCategory {
    top: 0 !important;
    width: calc(100% + 65px);
    margin-top: 0;
    background-color: white;
    position: absolute;
    top: 55px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    border-left: none;
    border-right: none;
  }
  .allSearchWrapper .searchCategory .searchBtn {
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 10px;
  }
  .allSearchWrapper .searchCategory .searchBtn button {
    padding: 0;
    color: #ffffff !important;
  }
  .allSearchWrapper .searchCategory .searchCategoryHeader {
    border-bottom: 1px solid #cccccc;
  }
  .allSearchWrapper .searchCategory .searchCategoryHeader title {
    top: 15px;
    color: #000000 !important;
  }
  .allSearchWrapper .searchCategory .searchCategoryHeader button {
    top: 12px;
    /*left: 15px;*/
    left: 7px;
    color: #000000 !important;
  }
  [dir=ltr] .allSearchWrapper .searchCategory .searchCategoryHeader button {
    left: auto;
    right: 7px;
  }
  .allSearchWrapper .searchCategory .topWrapper {
    height: 100%;
  }
  .allSearchWrapper .searchCategory .topWrapper button.menuBtn input.searchInput {
    padding-right: 75px;
  }
  .allSearchWrapper .searchCategory .searchHistory .header {
    width: 100%;
  }
  .allSearchWrapper .searchHelperWrapper {
    box-shadow: none;
    background-color: white;
    position: absolute;
    top: 55px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    border-left: none;
    border-right: none;
  }
  .allSearchWrapper .searchHelperWrapper .topWrapper {
    height: 100%;
  }
  .allSearchWrapper .searchHelperWrapper .topWrapper button.menuBtn input.searchInput {
    padding-right: 75px;
  }
  .allSearchWrapper .searchHelperWrapper .searchHistory .header {
    width: 100%;
  }
  .allSearchWrapper .searchOptionsWrapper {
    box-shadow: none;
  }
  .searchOptionsWrapper .allSearchWrapper.loader-repeat {
    top: 40px !important;
  }
  .searchResult,
  .multyResult {
    position: fixed;
    overflow-x: auto;
    top: inherit;
    padding-right: 0px;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: 5px;
  }
  .searchResult .resultSmall,
  .multyResult .resultSmall {
    font-size: 16px !important;
    color: #212121;
    font-weight: 100;
  }
  .searchResult .BlockByAddress,
  .multyResult .BlockByAddress {
    font-size: 16px !important;
    color: #212121;
  }
  .searchResult .resultOptions button,
  .multyResult .resultOptions button {
    padding: 0;
    margin: 0;
  }
  .multyResult {
    position: absolute;
    padding: 0;
    top: 35px;
    background-color: #e9eaed;
  }
  .multyResult .inner-wrapper {
    background-color: #ffffff;
    padding: 15px;
    height: auto;
  }
  .noResult {
    width: 100% !important;
    padding-right: 13px;
    height: 54px !important;
    top: 22px !important;
    z-index: 2;
  }
  .noResult button {
    top: 0;
    left: 0;
    padding: 5px;
  }
  .searchHistory header {
    width: 100%;
    position: relative;
  }
  .searchHistory .historyResult ul li div {
    max-width: calc(100% - 30px);
  }
  .searchBtn {
    left: 5px;
    top: 13px;
    padding: 0;
  }
  .grayBackground {
    background-color: rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 48px;
    z-index: 1;
  }
  .searchGrayBackground {
    background-color: #e9eaed;
  }
  .multyResult {
    margin: 0;
  }
  .customClose {
    display: none;
  }
  .customCloseMobile {
    z-index: 1;
    top: 48px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
  }
  .searchComponentResult {
    padding: 0;
  }
  .searchComponentResult input {
    color: #000000 !important;
  }
  .inputBtn {
    height: 31px;
    line-height: 0.5;
  }
  .sharedBg-btn-mobile {
    bottom: 95px !important;
  }
  .left-menu-mobile {
    bottom: 95px !important;
  }
  .left-menu-mobile.sharedBgOpen {
    bottom: 145px !important;
  }
  .left-menu-btns-mobile-parcel-bloc-calc {
    height: 140px !important;
  }
  .right-menu-btns-mobile-parcel-bloc-calc {
    height: 86px !important;
  }
  .ios .allSearchWrapper .searchCategory .searchComponentResult input {
    -webkit-text-fill-color: #000000;
    -webkit-opacity: 1;
    color: #000000;
  }
  .ios .allSearchWrapper .searchCategory .searchComponentResult input:disabled {
    -webkit-text-fill-color: #cccccc;
    -webkit-opacity: 1;
    color: #cccccc;
  }
  .ios .allSearchWrapper .searchCategory .searchCategoryHeader title,
  .ios .allSearchWrapper .searchCategory .searchCategoryHeader button {
    -webkit-text-fill-color: #000000;
    -webkit-opacity: 1;
    color: #000000;
  }
  .ios .allSearchWrapper .searchCategory .searchBtn button {
    -webkit-text-fill-color: #ffffff;
    -webkit-opacity: 1;
    color: #ffffff;
  }
  .free-auto-complete {
    position: fixed;
    margin-top: 16px;
  }
  .free-auto-complete ul .autocomplete-item .tokentext {
    line-height: 39px;
    font-size: 17px;
    color: #5c5c5c;
    display: inline-block;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .free-auto-complete ul .autocomplete-item .fa-search {
    font-size: 18px;
    color: #c5c5c5;
    display: inline-block;
  }
}
.layerWrapperLazy {
  position: absolute;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #cccccc;
  background-color: white;
  top: 68px;
  width: 300px;
  right: 13px;
  z-index: 2;
}
[dir=ltr] .layerWrapperLazy {
  right: auto;
  left: 13px;
}
.layersHelperWrapper {
  z-index: 2;
  padding: 0 !important;
  text-align: right;
  background-color: white;
  position: absolute;
  top: 55px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  top: 0;
  right: 0;
}
[dir=ltr] .layersHelperWrapper {
  text-align: left;
}
.layersHelperWrapper hr {
  margin: 0;
}
.layersHelperWrapper .header {
  z-index: 0;
}
.layersHelperWrapper .header input.layersSearchFilter {
  border: 1px solid #ccc;
}
.layersHelperWrapper .header title {
  color: #000000;
}
.layersHelperWrapper .header .fa {
  color: #000000;
  right: 5px;
  position: relative;
}
.layersHelperWrapper .header .close {
  left: 0px !important;
  width: 48px;
}
[dir=ltr] .layersHelperWrapper .header .close {
  left: auto !important;
  right: 0;
}
.layersHelperWrapper .layersLoader {
  position: relative;
  background-color: white;
  width: 100%;
  height: 41px;
}
.layersHelperWrapper .layersLoader i {
  font-size: 21px;
  right: 45%;
  padding: 5px;
}
.layersHelperWrapper .error {
  background-color: #f2dede;
  position: absolute;
  margin: 0;
  top: 48px;
  height: 46px;
  padding-top: 27px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  width: 100%;
  color: black;
  z-index: 1;
}
.layersHelperWrapper .error.too-much-layers,
.layersHelperWrapper .error.arcgisError {
  height: 40px;
  padding-top: 8px !important;
}
.layersHelperWrapper .error.too-much-layers .fa-exclamation-triangle {
  position: relative;
  top: 2px;
}
.layersHelperWrapper .error.too-much-layers .too-much-layers-label {
  margin-right: 7px;
  display: inline-block;
}
.layersHelperWrapper .error.on-layers-error {
  height: 110px;
}
.layersHelperWrapper .error .arcgis-err {
  padding-right: 3px;
}
.layersHelperWrapper .error .fa-exclamation-triangle {
  color: red;
  font-size: 20px;
}
.layersHelperWrapper .error .report {
  color: #2178da;
}
.layersHelperWrapper .error .close {
  background-color: transparent;
  border: transparent;
  left: 5px;
  position: absolute;
}
.layersHelperWrapper .errorSize {
  background-color: #ffffcc;
  padding-top: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
[dir=ltr] .layersHelperWrapper .errorSize {
  font-size: 14px;
}
.layersHelperWrapper .errorSize button {
  border: transparent;
  background-color: transparent;
  color: #2178da;
}
.layersHelperWrapper .buttons {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #e9eaed;
}
[dir=ltr] .layersHelperWrapper .buttons {
  padding-left: 12px;
}
.layersHelperWrapper .buttons button {
  border-bottom: transparent;
  height: 100%;
  background-color: white;
  border: 1px solid #e9eaed;
  font-size: 15px;
}
.layersHelperWrapper .buttons .createBtn {
  background-color: #337ab7;
  color: white;
  border-color: #2e6dab;
  float: left;
  margin-left: 15px;
  margin-top: 10px;
  height: 22px;
  padding: 0 15px;
  font-size: 17px;
  line-height: 0.5;
}
.layersHelperWrapper .buttons .layersBtn {
  float: right;
  height: 42px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
  color: #1a6eb7;
  border-bottom-color: white;
}
[dir=ltr] .layersHelperWrapper .buttons .layersBtn {
  float: left;
}
.layersHelperWrapper .buttons .layersBtn:active {
  border-bottom: 1px solid white;
}
.layersHelperWrapper .buttons .layersBtnNotSelected {
  border-color: white !important;
  height: 39px;
}
.layersHelperWrapper .buttons .infoBtn {
  border-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  height: 42px;
  background-color: transparent;
  color: #1a6eb7;
}
[dir=ltr] .layersHelperWrapper .buttons .infoBtn {
  float: left;
}
.layersHelperWrapper .buttons .infoBtn:active {
  border-bottom: 1px solid white;
}
.layersHelperWrapper .buttons .activeBtn {
  color: #747474;
  border-radius: 4px;
}
.layersHelperWrapper .buttons .infoBtnSelected {
  border: 1px solid #cccccc !important;
  border-bottom: white !important;
  background-color: white !important;
}
.layersHelperWrapper .sliderWrapper {
  position: relative;
  background-color: #f2f2f2;
  height: 50px;
  top: 0 !important;
  z-index: 1;
}
.layersHelperWrapper .sliderWrapper .slider {
  position: relative;
}
.layersHelperWrapper .sliderWrapper .slider .newSlider {
  margin: 15px 30px;
  width: calc(100% - 50px);
}
.layersHelperWrapper .sliderWrapper .slider .newSlider .bar {
  background-color: #00b3ff;
}
.layersHelperWrapper .sliderWrapper .minLimit {
  position: absolute;
  left: 4px;
  top: 10px;
}
.layersHelperWrapper .sliderWrapper .maxLimit {
  position: absolute;
  right: 4px;
  top: 10px;
}
.layersHelperWrapper .sliderWrapper .sliderCounter {
  position: absolute;
  top: 30px;
  right: 33%;
}
.layersHelperWrapper .layersSearchResult {
  background-color: white;
  position: relative;
  color: black;
  font-size: 14px;
}
.layersHelperWrapper .layersSearchResult .title {
  height: 22px;
  padding: 2px 12px;
  background-color: #e5e5e5;
  color: black;
}
.layersHelperWrapper .layersSearchResult .text {
  padding-right: 25px;
}
.layersHelperWrapper .layersSearchResult .small {
  display: block;
  font-size: 10px;
  padding-right: 60px;
  bottom: 6px;
  position: relative;
}
.layersHelperWrapper .layersSearchResult button {
  background-color: transparent;
  border-color: transparent;
}
.layersHelperWrapper .layersSearchResult .fa-check-square-o {
  color: #2178da;
}
.layersHelperWrapper .layersSearchResult .fa-square-o {
  color: #ccc;
}
.layersHelperWrapper .layersSearchResult .valueIcon i {
  position: absolute;
  top: 12px;
}
.layersHelperWrapper .layersSearchResult li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  height: 40px;
  padding-top: 7px;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.layersHelperWrapper .layersSearchResult li hr {
  width: 100%;
  position: relative;
  top: 5px;
}
.layersHelperWrapper .layersSearchResult ul {
  margin: 0;
  padding: 0;
}
.layersHelperWrapper .layersSearchResult .noSearchResult {
  position: relative;
  background-color: #f2dede;
  height: 50px;
  font-size: 17px;
  padding: 15px 13px;
}
.layersHelperWrapper .layersDetails.mouse-over .iScrollVerticalScrollbar {
  opacity: 1 !important;
}
.layersHelperWrapper .layersDetails .scrollWrapper {
  padding: 0;
  margin: 0;
  position: relative;
  max-height: calc(100vh - 250px);
  overflow-y: hidden;
}
.layersHelperWrapper .layersDetails .li {
  list-style-type: none;
}
.layersHelperWrapper .layersDetails .li-animation {
  transition: background-color 1s linear;
  -moz-transition: background-color 1s linear;
  -webkit-transition: background-color 1s linear;
  -ms-transition: background-color 1s linear;
}
.layersHelperWrapper .layersDetails .categoryList {
  padding: 0;
  margin: 0 !important;
  overflow: hidden;
}
.layersHelperWrapper .layersDetails .categoryList .categoryTitle {
  padding-top: 0;
  font-size: 13px;
}
.layersHelperWrapper .layersDetails .categoryList .categoryTitle .title {
  height: 22px;
  background-color: #e5e5e5;
  padding-right: 15px;
  color: black;
  font-size: 15px;
  padding-top: 1px;
  font-weight: 100;
}
[dir=ltr] .layersHelperWrapper .layersDetails .categoryList .categoryTitle .title {
  font-size: 14px;
  padding-right: 0;
  padding-left: 15px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList {
  font-size: 14px;
  margin: 0 !important;
  padding: 0px;
  color: black;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .checkBtn {
  position: absolute;
  right: 0;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList hr {
  width: 100%;
  position: relative;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .layerInfoWrapper {
  position: relative;
  height: 57px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .layerInfoWrapper:hover .iScrollHorizontalScrollbar {
  opacity: 1 !important;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .itemsOptionsWrapper {
  position: relative;
  background-color: #f2f2f2;
  height: 57px;
  z-index: 1;
  overflow: hidden;
  width: 140%;
  direction: ltr !important;
  float: left;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .itemsOptionsWrapper .itemOption {
  display: inline-block;
  width: 80px;
  padding: 0;
  padding-top: 12px;
  text-align: center;
  background-color: transparent;
  border: transparent;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .itemsOptionsWrapper .itemOption .fa {
  font-size: 20px;
  color: #5c5c5c;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem {
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #e9eaed;
  padding-top: 7px;
  cursor: pointer;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .valueIcon {
  position: absolute;
  right: 37px;
  top: 0;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .valueIcon i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  margin: auto;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .en .valueIcon {
  left: 35px;
  right: inherit;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .text {
  /*padding-right: 25px;*/
  font-size: 15px;
  color: #212121;
  position: absolute;
  right: 73px;
  top: 8px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .text.en {
  left: 73px;
  right: inherit;
  text-align: left;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .text-format {
  width: 200px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .button {
  background-color: transparent;
  border-color: transparent;
  position: absolute;
  top: 11px;
  right: 8px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .button.en {
  left: 12px;
  right: inherit;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem:hover {
  background-color: #f4f5f5;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem:hover .showInfo {
  display: inline-block;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem:hover .showInfo.en {
  right: 12px;
  left: inherit;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo {
  display: none;
  width: 35px;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  height: 100%;
  padding-top: 9px;
  padding-right: 9px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo.newLayerShowInfo {
  display: inline-block !important;
  width: 25px;
  top: 9px;
  left: 0;
  position: absolute;
  padding: 0;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo .fa-angle-down,
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo .fa-angle-up {
  color: #818282;
  font-size: 24px;
}
[dir=ltr] .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo .fa-angle-down,
[dir=ltr] .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo .fa-angle-up {
  float: right;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo .fa-ellipsis-v {
  color: #cbcbcb;
  font-size: 21px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-check-square-o {
  color: #2178da;
  padding-right: 4px;
  font-size: 18px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-square-o {
  color: #ccc;
  padding-right: 7px;
  font-size: 18px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .visible-in-scale {
  color: #848484;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-chevron-circle-down {
  color: #ccc;
  font-size: 21px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-chevron-circle-up {
  color: #ccc;
  font-size: 21px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-plus-circle {
  margin-right: 15px;
}
.layersHelperWrapper .layersDetails .categoryList .valuesList .newLayer {
  background-color: #e1f1e1;
}
.layersHelperWrapper .moreLayers {
  border-top: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 10px 15px;
  height: auto;
}
.layersHelperWrapper .moreLayers button {
  width: 100%;
  font-size: 17px;
  background: #337ab7;
  color: #ffffff;
  border: none;
  height: 35px;
  text-align: center;
  padding-left: 19px;
}
.layersHelperWrapper .moreLayers button:hover {
  background-color: #1a6eb7;
  border-color: #2e6da4;
}
.layersHelperWrapper .moreLayers .fa {
  font-size: 15px;
  color: #ffffff;
}
.layersHelperWrapper .moreLayers .fa-chevron-left {
  position: absolute;
  left: 8px;
  background-color: transparent;
  border: transparent;
  padding: 0;
  font-size: 18px;
  margin-top: 2px;
}
.layersHelperWrapper .moreLayers .fa-database {
  color: #1a6eb7;
  font-size: 20px;
  margin-right: 5px;
}
.layersSearch {
  position: absolute;
  top: 7px;
  z-index: 1;
  background: white;
  left: 0;
  right: 0;
}
.layersSearch .layersSearchFilter {
  width: calc(100% - 48px);
  font-size: 14px;
  padding-right: 12px;
  height: 30px;
}
.layersSearch .closeSearchBtn {
  color: #9b9b9b !important;
  position: relative !important;
  top: 0 !important;
  padding: 0;
  right: 5px;
}
@media (max-width: 996px) {
  .layerWrapperLazy {
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
  }
  .layersHelperWrapper {
    top: 0;
    right: 0;
    width: 100%;
    border: 0;
    box-shadow: none;
  }
  .layersHelperWrapper .layersBtnNotSelected {
    font-size: 17px !important;
    color: #2178da !important;
  }
  .layersHelperWrapper .header {
    padding: 10px 0;
  }
  .layersHelperWrapper .header title {
    display: inline-block;
  }
  .layersHelperWrapper .header .layer-counter {
    display: inline-block;
    padding-right: 5px;
    font: 20px Alef, sans-serif;
  }
  .layersHelperWrapper .header .close {
    width: 100%;
  }
  .layersHelperWrapper .header .close .cancel {
    float: left;
    margin-left: 10px;
  }
  .layersHelperWrapper .header .close .backBtn {
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 6px !important;
  }
  .layersHelperWrapper .header .close .backBtn .back-text {
    font-size: 20px;
    padding-right: 0;
    width: 57px;
    right: 0;
    top: 3px;
  }
  .layersHelperWrapper .header .close .okBtn {
    color: #2178da !important;
    padding: 0;
    cursor: pointer;
    position: absolute;
    padding-right: 0;
    left: 6px !important;
  }
  [dir=ltr] .layersHelperWrapper .header .close .okBtn {
    left: auto !important;
    right: 6px;
  }
  .layersHelperWrapper .header .close .okBtn .ok-text {
    font-size: 20px;
    width: 100px;
  }
  .layersHelperWrapper .header .close .okBtn .ok-text.opacity50 {
    opacity: 0.5;
  }
  .layersHelperWrapper .header button {
    width: 30px;
  }
  .layersHelperWrapper .header .layers-info {
    /*width:250px;
            padding-right:14%;*/
  }
  .layersHelperWrapper .infoBtn {
    font-size: 17px !important;
    color: #2178da !important;
  }
  .layersHelperWrapper .activeBtn {
    color: #838383 !important;
    font-size: 17px !important;
  }
  .layersHelperWrapper .error-zoom {
    color: #000000 !important;
  }
  .layersHelperWrapper .createBtn {
    padding: 0;
  }
  .layersHelperWrapper .layersSearchResult .title {
    height: 40px;
    padding: 12px;
  }
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: -moz-calc(100vh - 210px);
    max-height: -webkit-calc(100vh - 210px);
    max-height: -o-calc(100vh - 210px);
    max-height: calc(100vh - 210px);
    overflow-x: hidden;
  }
  .layersHelperWrapper .layersDetails .categoryList .li {
    border: none;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList {
    max-height: 100%;
    overflow: hidden;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .itemsOptionsWrapper {
    width: 150% !important;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem {
    height: 54px;
    padding-top: 15px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem:hover {
    background-color: #ffffff !important;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem:hover .showInfo {
    display: inline-block;
    /*top: 11px;*/
    left: 0;
    position: absolute;
    padding: 0;
    width: 37px;
    top: 0;
    padding-top: 15px;
    z-index: 3;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .largerButton {
    width: calc(100% - 50px);
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .largerButton .symbol-continar .square,
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .largerButton .symbol-continar .line {
    top: 16px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .largerButton .symbol-continar .point {
    top: 12px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa {
    font-size: 20px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .fa-angle-down {
    top: 16px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo {
    display: inline-block;
    /*top: 11px;*/
    left: 0;
    position: absolute;
    padding: 0;
    width: 40px;
    top: 0;
    height: 100%;
    padding-top: 15px;
    text-align: center;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .showInfo.en {
    left: inherit;
    right: 0;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .valueIcon {
    top: -1px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .valueIcon i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    margin: auto;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .text {
    position: relative;
    font-size: 17px;
    /*top: -4px;*/
    top: 1px;
    right: 73px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .text-format {
    width: 210px;
    right: 0;
    padding-right: 73px;
  }
  .layersHelperWrapper .layersDetails .categoryList .valuesList .valuesItem .button {
    top: 17px;
    right: 6px;
  }
  .layersBackground {
    z-index: 1;
    background-color: #e9eaed;
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
  }
}
@media (max-width: 996px) and (min-width: 560px) {
  .layerInfoWrapper {
    width: 100%;
  }
}
@media all and (display-mode: standalone) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: -moz-calc(100vh - 150px);
    max-height: -webkit-calc(100vh - 150px);
    max-height: -o-calc(100vh - 150px);
    max-height: calc(100vh - 150px);
  }
}
.ios .layersHelperWrapper .layersDetails .scrollWrapper {
  max-height: calc(100vh - 220px);
}
/*iphone x*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
/*iphone 11*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
/*iphone 11pro*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
/*iphone 11pro max*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
/*iphone 12 pro max*/
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
/*iphone 12pro*/
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .layersHelperWrapper .layersDetails .scrollWrapper {
    max-height: calc(100vh - 270px) !important;
  }
}
.extraLayersBackground {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.4);
}
.extraLayersWrapper {
  width: 826px;
  z-index: 3;
  background-color: white;
  left: 50%;
  right: auto;
  top: 78px;
  transform: translate3D(-50%, 0, 0);
  position: absolute;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
.extraLayersWrapper .extraLayersHeader,
.extraLayersWrapper .extraLayersBody,
.extraLayersWrapper .addLayersContainer {
  z-index: 1;
}
.extraLayersWrapper .extraLayersHeader {
  position: relative;
  height: 49px;
  padding-top: 10px;
  background-color: white;
}
.extraLayersWrapper .extraLayersHeader .close {
  background-color: transparent;
  border: transparent;
  /*float: right;*/
  position: absolute;
  left: 0;
  /*padding-right: 12px;*/
  opacity: 1;
  z-index: 1;
  width: 40px;
  top: 0;
  height: 100%;
}
[dir=ltr] .extraLayersWrapper .extraLayersHeader .close {
  left: auto;
  right: 0;
}
.extraLayersWrapper .extraLayersHeader title {
  text-align: center;
  position: relative;
  font-size: 20px;
  display: block;
}
.extraLayersWrapper .extraLayersHeader .select {
  right: 12px;
  position: absolute;
  top: 13px;
  font-size: 15px;
}
[dir=ltr] .extraLayersWrapper .extraLayersHeader .select {
  right: auto;
  left: 12px;
}
.extraLayersWrapper .extraLayersHeader .select i {
  padding-right: 2px;
  font-size: 18px;
}
.extraLayersWrapper .extraLayersBody {
  position: relative;
  background-color: white;
  height: calc(100% - 100px);
}
.extraLayersWrapper .extraLayersBody .extraLayersCatSelection {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 100%;
}
.extraLayersWrapper .extraLayersBody .categoryList {
  position: relative;
  overflow: hidden;
  max-height: 100%;
}
.extraLayersWrapper .extraLayersBody .categoryList .list {
  position: relative;
  padding-bottom: 12px;
}
[dir=ltr] .extraLayersWrapper .extraLayersBody .categoryList .list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.extraLayersWrapper .extraLayersBody .categoryList .selected {
  background-color: #2178da !important;
  color: white !important;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames {
  direction: ltr;
  background-color: #e6e6e6;
  height: 56px;
  width: 100%;
  white-space: nowrap;
  position: relative;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames.edit-style {
  text-align: center;
  background-color: #ffffff !important;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames.edit-style .categoryNames {
  font: 20px Alef, sans-serif;
  padding-top: 4px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .namesWrapper {
  position: relative;
  width: 100%;
  direction: rtl;
}
[dir=ltr] .extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .namesWrapper {
  direction: ltr;
  text-align: left;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .categoryNames {
  background-color: transparent;
  border: transparent;
  display: inline-block;
  font-size: 15px;
  color: #2178da;
  font-weight: normal;
  vertical-align: middle;
  width: 33%;
  padding-right: 20px;
  height: 56px;
  border-bottom: 4px solid transparent;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .categoryNames.en {
  width: 280px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .notLoogedIn {
  width: 203px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .selected {
  border-bottom: 4px solid #2178da;
  font-weight: bold;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers {
  vertical-align: top;
  z-index: 1;
  position: relative;
  display: inline-block;
  border: 1px solid #e9eaed;
  width: 264px;
  font-size: 15px;
  background-color: #fafafa;
  height: calc(100% - 56px);
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 12px;
  padding-left: 12px;
  background-color: white;
  border-bottom: 1px solid #e9eae9;
  /* flex */
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons .rightBtn {
  margin-left: 7px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons button {
  font-size: 14px;
  width: 113px;
  height: 34px;
  border-radius: 1px;
  background-color: white;
  border: 1px solid #e9eaed;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons .selected {
  background-color: #e6e6e6;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .allCategories {
  background-color: #e6e6e6;
  font-weight: bold;
  height: 54px;
  padding-right: 20px;
  padding-top: 17px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .category-list {
  height: calc(100% - 63px);
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer {
  height: 111px;
  width: 125px;
  line-height: 8px;
  box-sizing: border-box;
  display: inline-block;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer .firstBtn {
  margin-right: 7px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button {
  background-color: white;
  border: 1px solid #d0d0d0;
  width: 113px;
  height: 100px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  position: relative;
  margin: 12px;
  margin-right: 11px;
  font-family: alef, sans-serif;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .fa-angle-left {
  float: left;
  /*font-size: 18px;*/
  font-size: 27px;
  color: #cccccc;
  top: 12px;
  /*top: 15px;*/
  padding-left: 9px;
  position: relative;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .fa-angle-right {
  float: right;
  font-size: 27px;
  color: #cccccc;
  top: 12px;
  /*top: 15px;*/
  padding-left: 9px;
  position: relative;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .counter {
  padding: 0 12px;
  float: left;
  padding-top: 17px;
  height: 100%;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .counter.en {
  float: right;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-icon-wrapper {
  width: 113px;
  height: 65px;
  font-family: mapiregular, sans-serif;
  text-align: center;
  /*.category-icon {
                            color: #949494;
                            display: inline-block;
                            font-size: 33px;
                            margin-top: 25px;
                            font-style: normal;
                        }*/
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-icon-wrapper .category-icon {
  color: #949494;
  /*margin:4px;*/
  display: inline-block;
  width: 22px;
  height: 64px;
  font-size: 45px;
  font-style: normal;
  width: 100%;
  text-align: center;
  margin-left: 0;
  line-height: 65px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-text {
  width: 113px;
  height: 35px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  font-size: 14px;
  color: #212121;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .text-format {
  width: 113px;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .office-text {
  width: 113px;
  height: 35px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  font-size: 14px;
  color: #212121;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .office-text.en {
  position: relative;
  padding-right: inherit;
  float: left;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .category-icon-wrapper .category-icon {
  color: #2178da;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .category-text,
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .office-text {
  color: #2178da;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button.selected .category-icon-wrapper .category-icon {
  color: #f0f0f0;
}
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button.selected .category-text,
.extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button.selected .office-text {
  color: #f0f0f0;
}
.extraLayersWrapper .extraLayersBody .extraLayers {
  box-sizing: border-box;
  position: relative;
  top: 0px;
  bottom: 49px;
  width: 550px;
  display: inline-block;
  vertical-align: top;
  padding: 0 12px;
  height: calc(100% - 56px);
  overflow: hidden;
}
.extraLayersWrapper .extraLayersBody .extraLayers .fa-spinner {
  color: #1883ba;
  text-align: center;
  font-size: 21px;
  width: 100%;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersSearchResult {
  position: relative;
}
.extraLayersWrapper .extraLayersBody .extraLayers .noLayerResult {
  text-align: center;
  padding-top: 10px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper {
  position: relative;
  overflow: hidden;
  max-height: calc(100vh - 405px);
}
.extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper.en {
  text-align: left;
}
.extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper .deleted {
  background-color: #fff9b6;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersHeader {
  height: 62px;
  padding: 12px 0;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersHeader button {
  background-color: transparent;
  border: transparent;
  position: absolute;
  top: 22px;
  left: 8px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersHeader input {
  height: 100%;
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersHeader input.en {
  padding-left: 35px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers {
  margin-top: 0;
  position: relative;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers li {
  list-style-type: none;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer {
  /*&:nth-last-child(2):nth-child(odd), &:nth-last-child(3):nth-child(odd), &:nth-last-child(2):nth-child(even) {
                        border-bottom: none;
                    }*/
  display: inline-block;
  width: 50%;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding-right: 12px;
}
[dir=ltr] .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer {
  padding-right: 0;
  padding-left: 12px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .fa-square-o {
  color: #ccc;
  font-size: 18px;
  text-align: center;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .fa-check-square-o {
  color: #2178da;
  font-size: 18px;
  text-align: center;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .square,
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .line {
  top: 2px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .point {
  top: 0;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-first-child(1),
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-first-child(2) {
  border-top: none !important;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-child(odd) {
  border-left: 1px solid #e9eaed;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-child(even),
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-child(odd) {
  border-bottom: 1px solid #e9eaed;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer button {
  background-color: transparent;
  border: transparent;
  width: 23px;
  position: relative;
  padding: 0;
  top: 7px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .valueIcon {
  display: inline-block;
  /*width: 16px;
                        height: 16px;*/
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .valueIcon i {
  position: absolute;
  top: 0;
}
[dir=ltr] .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .valueIcon i {
  left: 3px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .valueIcon.en {
  padding-left: 3px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .valueIcon.en i {
  position: relative;
  top: 7px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text {
  position: relative;
  top: 10px;
  font-size: 15px;
  color: #212121;
  padding-right: 8px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text.govmap-symbol {
  top: 0;
  vertical-align: middle;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text-format {
  width: 165px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text > * {
  vertical-align: middle;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text > button {
  padding-top: 1px;
}
.extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .extra-layer-container .largerButton i {
  background-color: transparent;
  border: transparent;
  width: 23px;
  position: relative;
  padding: 0;
  top: 9px;
}
.extraLayersWrapper .extra-layer-container {
  height: 100%;
}
.extraLayersWrapper .addLayersContainer {
  background-color: white;
  position: relative;
  height: 49px;
  padding-top: 13px;
  padding-right: 20px;
  font-size: 15px;
  border-top: 1px solid #e9eaed;
  box-sizing: border-box;
  width: 100%;
  bottom: 0;
}
.extraLayersWrapper .addLayersContainer .buttons {
  position: absolute;
  top: 10px;
  left: 12px;
}
[dir=ltr] .extraLayersWrapper .addLayersContainer .buttons {
  left: auto;
  right: 12px;
}
.extraLayersWrapper .addLayersContainer .buttons .blueBtn {
  color: white;
  background-color: #2178da;
  padding-right: 12px;
  padding-left: 12px;
}
.extraLayersWrapper .addLayersContainer .buttons .whiteBtn {
  background-color: white;
}
.extraLayersWrapper .addLayersContainer .buttons button {
  border-radius: 1px;
  border: 1px solid #e9eaed;
  width: 100px;
  height: 31px;
  font-size: 17px;
}
.extraLayersWrapper .addLayersContainer .error {
  width: 100%;
  height: 100%;
  background-color: #f2dede;
  left: 0;
  top: 0;
  color: black;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 3;
  text-align: center;
}
.extraLayersWrapper .addLayersContainer .error i {
  color: red;
}
[dir=ltr] .extraLayersWrapper .addLayersContainer span {
  margin: 0 12px;
}
.bigBlue {
  width: 160px !important;
}
.createLayer {
  top: calc(50vh - 275px) !important;
  /*top:20%!important;*/
}
@media (max-width: 996px) {
  .extraLayersBackground {
    position: fixed;
    z-index: 6;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #e9eaed;
  }
  .extraLayersBackground .extraLayersWrapper .ngdialog-overlay {
    top: 50px;
  }
  .extraLayersBackground .extraLayersWrapper .search-wrapper {
    height: 60px;
    border-bottom: 1px solid #e9eae9;
  }
  .extraLayersBackground .extraLayersWrapper .search-wrapper .search-input {
    margin-right: 20px;
    height: 32px;
    width: 80%;
    padding-right: 12px;
    margin-top: 4px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
  }
  [dir=ltr] .extraLayersBackground .extraLayersWrapper .search-wrapper .search-input {
    margin-left: 12px;
  }
  .extraLayersBackground .extraLayersWrapper .search-wrapper .fa-search {
    position: absolute;
    left: 34px;
    top: 23px;
  }
  .extraLayersBackground .extraLayersWrapper .search-wrapper .close {
    width: 46px !important;
    color: #212121 !important;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader {
    border-bottom: 1px solid #e9eae9;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .close {
    left: inherit;
    width: 80px;
    color: #2178da;
    z-index: 3;
    font-size: 20px;
    top: 0;
    z-index: 9999999999;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .close.en {
    right: 6px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .close .fa-chevron-right {
    right: 0;
    width: 20px;
    padding-top: 7px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .okBtn {
    color: #2178da !important;
    padding: 0;
    cursor: pointer;
    position: absolute;
    padding-right: 0;
    left: 0 !important;
    font-size: 20px;
    width: 80px;
    border: none;
    background-color: transparent;
    height: 100%;
    top: 0;
    z-index: 3;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .btn-extra-layers {
    width: 57px !important;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header {
    display: inline-block;
    height: 33px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header.en {
    margin-left: 82px;
    right: inherit;
    width: 100%;
    margin-top: 0;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header title.en {
    width: 60%;
    margin-top: 21px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header .title {
    text-align: center;
    position: absolute;
    font-size: 20px;
    display: block;
    width: 100%;
    top: 11px;
    color: #000000;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header .title.text-format {
    width: 60%;
  }
  [dir=ltr] .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header .title.text-format {
    left: 20%;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header .title .sub-title {
    position: absolute;
    top: 22px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    right: 0;
    color: #989898;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersHeader .category-name-header .dontShow {
    display: none;
  }
  .extraLayersBackground .extraLayersWrapper .categorie-names-wrapper {
    position: absolute;
    top: 1px;
    z-index: 3;
    background-color: #ffffff;
    width: 100%;
    max-height: 144px;
    overflow: scroll;
  }
  .extraLayersBackground .extraLayersWrapper .categorie-names-wrapper .categorie-name {
    width: 100%;
    background-color: transparent;
    border: none;
    text-align: right;
    padding-right: 12px;
    height: 48px;
    padding-top: 13px;
  }
  .extraLayersBackground .extraLayersWrapper .categorie-names-wrapper .categorie-name span {
    font: 16px alef, sans-serif;
    color: #212121;
  }
  .extraLayersBackground .extraLayersWrapper .categorie-names-wrapper .categorie-name .fa {
    float: left;
    padding-left: 12px;
    color: #4471db;
    font-size: 18px;
  }
  [dir=ltr] .extraLayersBackground .extraLayersWrapper .categorie-names-wrapper .categorie-name .fa {
    padding-left: 0;
    padding-right: 12px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody {
    height: 100%;
    background-color: #e9eaed;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .layers-search-result {
    max-height: calc(100vh - 170px);
    overflow: hidden;
    position: relative;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers {
    padding-right: 0;
    margin: 0;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers li {
    list-style-type: none;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer {
    width: 100%;
    border-top: 1px solid #e9eaed;
    border-left: 1px solid #e9eaed;
    height: 54px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .fa-check-square-o {
    color: #1c8be0;
    font-size: 18px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .fa-square-o {
    color: #cccccc;
    font-size: 18px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer button {
    /*top: 19px;*/
    top: 15px;
    position: relative;
    font-size: 15px;
    color: #212121;
    padding-right: 8px;
    background-color: transparent;
    border: none;
    width: 23px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .text {
    top: 16px;
    position: relative;
    padding-right: 8px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .valueIcon {
    /*width: 16px;
                                height: 16px;*/
    display: inline-block;
    vertical-align: middle;
    top: 2px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader {
    width: 100%;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .fa-search {
    width: 34px !important;
    padding: 0 !important;
    left: 13%;
    margin-right: 7px;
  }
  [dir=ltr] .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .fa-search {
    left: auto;
    right: 18%;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryHeader .buttons button {
    font-size: 16px;
    color: #000000;
    width: 100px;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .valueIcon i {
    top: 8px !important;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayers {
    background-color: #fff;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .fa-check-square-o {
    top: 15px !important;
  }
  .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .fa-square-o {
    top: 15px !important;
  }
  .backBtn {
    color: #2178da;
    font-size: 16px;
    padding-right: 10px;
    padding-top: 5px;
  }
  .backBtn .back-text {
    padding-right: 5px;
  }
  .backBtn i {
    color: #2178da !important;
    font-size: 18px;
  }
  .extraLayersWrapper {
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    transform: auto;
    transform: initial;
    box-shadow: none;
    /*height: 100%;*/
    background-color: #e9eaed;
    visibility: visible !important;
    transform: translate3D(0, 0, 0);
  }
  .extraLayersWrapper.category-selection .extraLayersHeader {
    padding-top: 0;
  }
  .extraLayersWrapper.category-selection .extraLayersHeader .back-text {
    font-size: 20px;
    top: 10px !important;
  }
  .extraLayersWrapper.category-selection .extraLayersHeader .fa-chevron-right {
    padding-top: 10px;
  }
  .extraLayersWrapper .addLayersContainer .buttons .bigBlue {
    width: 150px !important;
  }
  .extraLayersWrapper .extraLayersHeader .backBtn .back-text {
    padding-right: 21px !important;
    top: 13px;
    position: absolute;
  }
  .extraLayersWrapper .extraLayersHeader .fa-chevron-right {
    z-index: 1;
    position: absolute;
    background-color: white;
    border: transparent;
    height: 22px;
    width: 22px;
    font-size: 18px;
  }
  .extraLayersWrapper .extraLayersHeader .mainTitle {
    text-align: center;
    font-size: 20px;
    color: #000000;
  }
  .extraLayersWrapper .extraLayersHeader .subTitle {
    text-align: center;
    font-size: 14px;
    position: relative;
    bottom: 5px;
  }
  .extraLayersWrapper .extraLayersHeader .extra-layers-title {
    top: 5px !important;
  }
  [dir=ltr] .extraLayersWrapper .extraLayersHeader .extra-layers-title {
    padding-bottom: 14px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers {
    width: 100%;
    display: contents;
    border-bottom: none;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .buttons {
    text-align: center;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .category-list {
    background-color: #fff;
    height: calc(100vh - 100px) !important;
    width: 100%;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer {
    margin: 6px;
    padding-right: 6px;
    padding-top: 6px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer .firstBtn {
    margin-right: -4px;
    line-height: 51px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button {
    font-size: 17px;
    color: #212121;
    margin: auto;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .fa-chevron-left {
    float: left;
    padding-left: 9px;
    font-size: 18px;
    top: 17px;
    position: relative;
    color: #c7c7cc;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .counter {
    padding: 0;
    padding-left: 5px;
    left: 22px;
    font-size: 20px;
    color: #212121;
    height: 100%;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-icon-wrapper {
    width: inherit;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-icon-wrapper .category-icon {
    margin: auto;
    line-height: 1;
    width: 33px;
    height: 35px;
    position: relative;
    top: 40%;
    left: 9px;
    transform: translateY(-50%);
    font-size: 52px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .category-text {
    width: inherit;
    display: flex;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button .office-text {
    width: inherit;
    display: flex;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .category-icon-wrapper .category-icon {
    color: #949494;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .category-text,
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .categoryLayer button:hover .office-text {
    color: #212121;
  }
  .extraLayersWrapper .extraLayersBody .categoryList {
    max-height: 80vh;
    max-height: -moz-calc(100% - 118px);
    max-height: -webkit-calc(100% - 118px);
    max-height: -o-calc(100% - 118px);
    max-height: calc(100vh - 118px);
    /*max-height: calc(~'100vh - 180px');*/
    /*overflow-y: auto;*/
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieNames {
    white-space: nowrap;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .categoryNames {
    padding: 0px;
    padding-top: 10px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayersCategorieNames .notLoogedIn {
    width: 50%;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers {
    width: 100%;
    padding: 0;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper {
    position: relative;
    overflow: hidden;
    max-height: calc(100vh - 100px);
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .search-layers-list {
    padding-top: 33px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers {
    margin: 0;
    border: none;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer {
    width: 100%;
    border-top: none;
    border-left: none !important;
    height: 54px;
    background-color: white;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer button {
    top: 12px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .point {
    top: 5px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .square,
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .symbol-continar .line {
    top: 9px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text {
    top: 16px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text.govmap-symbol {
    line-height: 15px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer .text-format {
    width: 210px;
  }
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-last-child(2):nth-child(odd),
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-last-child(2):nth-child(odd),
  .extraLayersWrapper .extraLayersBody .extraLayers .extraLayersCategorieLayers .layer:nth-last-child(3):nth-child(odd) {
    border-bottom: 1px solid #e9eaed;
  }
  .createLayer {
    top: 0 !important;
  }
}
@media all and (display-mode: standalone) {
  .extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper {
    max-height: calc(100vh - 48px);
  }
  .extraLayersWrapper .extraLayersBody .categoryList {
    max-height: calc(100vh - 150px);
  }
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .layers-search-result {
  max-height: calc(100vh - 180px);
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .layer .fa-square-o {
  top: 17px !important;
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersCategorieLayers .layer .symbol-continar .point {
  top: 8px;
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer button {
  width: 31px;
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .text {
  padding-right: 2px;
}
.ios .extraLayersBackground .extraLayersWrapper .extraLayersBody .extraLayersSearchResult .extraLayersCategorieLayers .layer .text-format {
  padding-right: 7px !important;
}
.ios .extraLayersWrapper .extraLayersBody .extraLayers .layersListWrapper {
  max-height: calc(100vh - 120px);
}
.ios .extraLayersWrapper .extraLayersBody .categoryList {
  max-height: -moz-calc(100vh - 185px);
  max-height: -webkit-calc(100vh - 185px);
  max-height: -o-calc(100vh - 185px);
  max-height: calc(100vh - 185px);
}
.center {
  text-align: center;
}
.small {
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}
.wrapper {
  text-align: center;
}
.feed-item {
  overflow: hidden;
}
.feed-photos {
  position: relative;
  min-height: 100px;
}
.feed-photos.loading::after {
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6) url("loader.gif") center center no-repeat;
  left: 0;
  top: 0;
  position: absolute;
}
.feed-photos.loading .grid-cell-image {
  width: 100%;
}
.grid-cell:after {
  content: '';
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*change this color if you want*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pswp__top-bar,
.pswp__bg {
  opacity: 0.8!important;
}
/*@import "../Widget/layers/css/icons";*/
.defaultDialog.contactUsDialog .ngdialog-content {
  left: calc(50vw - 216px);
  top: calc(50vh - 121px);
}
.defaultDialog.contactUsDialog .ngdialog-content .loginContent {
  text-align: center;
}
.forgotPasswordInput {
  padding-top: 25px;
}
.userInput {
  position: relative;
  width: 100%;
  font-size: 14px;
  /*font-size: 100%; hadas*/
  display: inline-block;
}
[dir=ltr] .userInput {
  text-align: left;
}
.userInput p {
  font-size: 15px;
  /*font-size: 94%; hadas*/
  margin: 0;
}
.userInput div {
  position: relative;
}
.userInput div input {
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 13px;
}
.userInput div input::-ms-clear {
  display: none;
}
.userInput div select {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.userInput div select:active {
  border-color: #1c8be0;
}
.userInput div i {
  position: absolute;
  left: 10px;
  top: 0px;
  margin-top: 8px;
  color: #b2b2b2;
  /*font-size:15px; hadas*/
}
.userInput button {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  width: 100%;
}
.userInput button:hover {
  background-color: #1a6eb7;
}
.userInput button:disabled {
  background-color: lightblue;
  border-color: #a0cae6;
}
.userInput button:hover {
  background-color: #1a6eb7;
  border-color: #2e6da4;
}
.userInput .login-new-in-site {
  height: 45px;
  font-size: 16px;
  padding-top: 10px;
}
.forgotPassword {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
  width: 433px;
}
.forgotPassword input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.forgotPassword input:active {
  border-color: #1c8be0;
}
.forgotPassword input:focus {
  border-color: #1c8be0;
}
.forgotPassword form {
  width: 100%;
}
.forgotPassword .captchaForgotPass {
  font-size: 12px;
  text-align: center;
  margin: 10px;
}
.forgotPassword input {
  border: 1px solid #aaaaaa;
}
.forgotPassword input :focus {
  border: 1px solid #1c8be0 !important;
}
.forgotPassword .captcha {
  margin-top: 15px;
  text-align: center;
}
.forgotPassword .captcha .fa-refresh {
  font-size: 15px;
  margin-right: 10px;
}
.forgotPassword .gap {
  height: 100px;
}
.forgotPassword .emailForgotPass .userInput {
  padding-top: 8px;
}
.forgotPassword .emailForgotPass .msg {
  padding-bottom: 30px;
}
.forgotPassword .msgFailedForgetPass {
  color: red;
}
.forgotPassword .msgFailedForgetPass i {
  font-size: 18px;
  padding: 0 4px;
}
.logout-btn {
  position: initial !important;
}
.register {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
  position: relative;
  width: 628px;
}
.register .loginHeader span {
  right: 0 !important;
}
.register .loginHeader .closeBtn {
  padding-left: 0 !important;
  padding-top: 4px;
  width: 40px;
  left: 0;
}
.register .loginHeader img {
  margin-right: 19px !important;
}
.register input,
.register select {
  height: 38px;
  border: 1px solid #aaaaaa !important;
  width: 302px !important;
}
.register input :focus,
.register select :focus {
  border: 1px solid #1c8be0 !important;
}
.register .passwordVerification .eye {
  right: 10px !important;
}
.register .passwordVerification .userInput input {
  direction: ltr;
}
.register .passwordVerification .userInput div i {
  left: 0 !important;
}
.register .input-focus:focus {
  border: 1px solid #1c8be0 !important;
}
.register .check-green {
  color: #3eb32f;
}
.register .registerBtn {
  margin-top: 18px;
  height: 42px;
  width: 302px !important;
}
.register .loginContent {
  padding-right: 18px;
  padding-top: 10px;
}
.register input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.register input:active {
  border-color: #1c8be0;
}
.register input:focus {
  border-color: #1c8be0;
}
.register .userInput {
  width: 50%;
  margin-bottom: 12px !important;
  height: 50px;
}
.register .userInput.email {
  margin-bottom: 24px !important;
}
.register .userInput.answer {
  margin-bottom: 25px !important;
}
.register .userInput.btn {
  margin-bottom: 20px !important;
}
.register .userInput.captcha {
  height: 78px !important;
}
.register .userInput div,
.register .userInput button {
  width: 288px;
}
.register .userInput div i,
.register .userInput button i {
  margin-top: 10px;
  left: 0 !important;
  /*font-size:16px; hadas*/
}
.register .userInput div .fa-check,
.register .userInput button .fa-check {
  position: relative;
  left: 0;
  top: 0;
}
.register .userInput .errorItem {
  display: inline-block;
  color: red;
  position: absolute;
  top: 7px;
  right: 305px;
  margin-right: 5px;
  width: 200px;
  /*float:right;
      position:initial;*/
}
.register .userInput .errorItem.captcha-error {
  /*margin-right: 35px;*/
  font-size: 14px;
}
.register .userInput .errorItem.newPassError {
  top: 25px;
}
.register .error-focus {
  border: 1px solid red !important;
}
.register form {
  width: 100%;
}
.register .strongPassword {
  position: absolute;
  background-color: white;
  color: #5c5c5c;
  font-size: 12px;
  right: 307px;
  width: 270px;
  margin-left: 10px;
  top: 19px;
  padding-right: 5px;
  z-index: 1;
  border: 1px solid #9b9b9b;
}
.register .strongPassword ul {
  padding-right: 15px;
  margin: 0;
}
.register .strongPassword ul li {
  font-size: 12px;
}
.register .passwordError {
  position: absolute;
  color: red;
  right: 310px;
  width: 45%;
  top: 25px;
  font-size: 14px;
}
.register .questionDetails {
  position: absolute;
  font-size: 12px;
  right: 307px;
  width: 270px;
  margin-left: 10px;
  border: 1px solid #9b9b9b;
  height: 30px;
  top: 19px;
  vertical-align: middle;
  padding-top: 5px;
  padding-right: 5px;
}
.register .mailDetails {
  position: absolute;
  border: 1px solid #9b9b9b;
  font-size: 12px;
  right: 307px;
  width: 270px;
  margin-left: 10px;
  top: 19px;
}
.register .mailDetails ul {
  margin: 5px;
  padding-right: 20px;
}
.captcha {
  font-size: 12px;
}
.enter {
  width: 383px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
}
.enter input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.enter input:active {
  border-color: #1c8be0;
}
.enter input:focus {
  border-color: #1c8be0;
}
.enter .loginHeader {
  height: 55px;
}
.enter .loginHeader span {
  bottom: 15px;
}
.enter .loginContent {
  padding-top: 14px;
}
.enter .loginContent .emailInput {
  margin-bottom: 15px;
}
.enter .loginContent .userInput {
  margin-bottom: 15px;
}
.enter .loginContent .userInput.password {
  margin-bottom: 7px;
}
.enter .loginContent .userInput div i {
  margin-top: 15px;
  /*font-size:16px; hadas*/
}
.enter .loginContent .userInput input {
  height: 41px;
}
.enter .loginContent .userInput .login-button {
  height: 42px;
}
.enter .loginContent .enterMsg {
  height: initial;
}
.enter .loginContent .enterMsg .fa {
  padding-left: 10px;
}
.enter .loginContent .enterMsgOk,
.enter .loginContent .enterMsgNotOk {
  font-size: 17px;
  height: 27px;
  white-space: nowrap;
}
.enter .loginContent .enterMsgOk {
  color: #3eb32f;
}
.enter .loginContent .enterMsgNotOk {
  color: #d11421;
}
.enter .loginContent .loadEnter {
  top: -20px;
  /*button[disabled] {
      background-color: lightblue;
      border-color: #a0cae6;
    }*/
}
.enter .loginContent .loadEnter .fa-spinner {
  position: absolute;
  right: 130px;
  left: inherit;
  color: white;
  bottom: 7px;
  margin-top: 9px;
}
.enter .loginContent .forgetOrRemember {
  font-size: 15px;
}
.enter .loginContent .forgetOrRemember .forget {
  position: relative;
  right: 0;
}
.enter .loginContent .forgetOrRemember .forget button {
  background-color: transparent;
  border: transparent;
  color: #4471db;
  text-align: right;
  font-size: 15px;
  width: 133px;
  white-space: nowrap;
}
.enter .loginContent .forgetOrRemember .remember {
  position: relative;
  left: 0;
  margin-top: 11px;
}
.enter .loginContent .forgetOrRemember .remember input {
  display: inline-block;
  position: absolute;
  top: -34px;
  width: 15px;
  height: 15px;
  left: 62px;
  padding: 0;
}
.enter .loginContent .forgetOrRemember .remember span {
  position: absolute;
  top: -37px;
  left: 0;
}
.enter .loginContent .newInSite {
  margin-top: 10px;
}
.enter .loginContent .newInSite span {
  text-align: right;
}
.enter .loginContent hr {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
  border-top: 1px solid #e9eaed;
}
.blue {
  color: #3da0db;
}
.shareDialogError_EMAIL .ngdialog-content {
  top: calc(50vh - 82px);
  left: calc(50vh + 272px);
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister {
  width: 433px;
  font-size: 18px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister input:active {
  border-color: #1c8be0;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister input:focus {
  border-color: #1c8be0;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister .loginContent {
  padding-left: 13px;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister p {
  margin: 0;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister .msgMidAfterRegister {
  margin-top: 17px;
  margin-bottom: 17px;
}
.shareDialogError_EMAIL .ngdialog-content .afterRegister .redMsgRegister {
  color: red;
  margin-bottom: 7px;
  font-size: 17px;
}
.newPassword {
  width: 433px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  font-family: Alef;
}
.newPassword input {
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
}
.newPassword input:active {
  border-color: #1c8be0;
}
.newPassword input:focus {
  border-color: #1c8be0;
}
.newPassword .passwordError {
  position: absolute;
  color: red;
  width: 45%;
  font-size: 14px;
}
.newPassword .loginContent {
  padding-top: 0;
}
.newPassword .userInput {
  margin-top: 31px;
}
.newPassword .pleaseEnter {
  position: relative;
  top: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.newPassword .check-green {
  color: green;
}
.newPassword .password .strongPassword {
  position: absolute;
  color: #5c5c5c;
  font-size: 12px;
  display: none;
}
.newPassword .errorItem {
  display: inline-block;
  color: red;
  position: absolute;
  top: 55px;
  right: 0;
  margin-right: 5px;
  width: 200px;
}
.loginHeader {
  padding-top: 10px;
  position: relative;
  height: 48px;
  border-bottom: 1px solid #ccc !important;
  font: 20px Alef;
  color: #000000;
}
[dir=ltr] .loginHeader {
  text-align: left;
}
.loginHeader .closeBtn {
  float: left;
  padding-left: 0;
  /*padding-top:8px;*/
  width: 40px;
  left: 0;
  height: 100%;
  padding-top: 0;
  padding-right: 10px;
  top: 0;
}
[dir=ltr] .loginHeader .closeBtn {
  float: right;
  left: auto;
  right: 0;
}
.loginHeader span {
  bottom: 19px;
  position: relative;
  right: 15px;
}
[dir=ltr] .loginHeader span {
  right: auto;
}
.loginHeader img {
  margin-left: 2px;
  margin-right: 10px;
  width: 122px;
  padding-bottom: 3px;
}
.loginContent {
  max-height: calc(80vh - 140px);
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.loginContent .enter-wrapper {
  border-bottom: 1px solid #e9eaed;
  height: 267px;
}
.loginContent .enter-captcha {
  height: 370px !important;
}
.inputInfo {
  display: none;
}
@media (max-width: 996px) {
  .loginContent {
    max-height: 100%;
  }
  .logout-btn {
    padding-top: 0 !important;
    padding-right: 13px !important;
  }
  .userInput div input {
    height: 38px;
  }
  .userInput div select {
    height: 38px;
  }
  .userInput div i {
    margin-top: 11px;
  }
  .userInput .errorItem.captcha-error {
    top: 78px !important;
    right: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;
  }
  .register,
  .enter,
  .forgotPassword {
    width: 100% !important;
  }
  .enter .enterMsg {
    height: 30px;
  }
  .enter .enterMsgOk,
  .enter .enterMsgNotOk {
    font-size: 14px;
  }
  .enter .loadEnter span {
    padding-right: 12px;
  }
  .enter .loadEnter .fa-spinner {
    right: 35% !important;
  }
  .register .loginContent {
    padding: 20px;
  }
  .register .userInput {
    width: 100%;
    padding-left: 13px;
    margin-bottom: 31px !important;
  }
  .register .userInput .error-msg {
    white-space: nowrap;
    padding-top: 5px;
    position: absolute;
  }
  .register .userInput .errorItem {
    top: 35px;
    right: 0px;
    margin-right: 0px;
  }
  .register .userInput .errorItem.newPassError {
    top: 53px;
  }
  .register .userInput div i {
    left: 10px !important;
  }
  .register .strongPassword {
    position: relative;
    font-size: 12px;
    right: 0px;
    top: 0px;
    width: 100%;
  }
  .register .strongPassword ul {
    display: none;
  }
  .register .strongPassword ul li {
    font-size: 11px;
  }
  .register .strongPassword .letters {
    right: 143px !important;
  }
  .register .strongPassword .numbers {
    right: 194px !important;
  }
  .register .strongPassword .length {
    right: 57px !important;
  }
  .register .passwordError {
    font-size: 14px;
    margin-bottom: 5px;
    top: 60px;
    right: 0;
  }
  .register .questionDetails {
    position: relative;
    font-size: 12px;
    right: 0px;
    top: 0px;
    width: 100% !important;
  }
  .register .mailDetails {
    position: relative;
    font-size: 12px;
    right: 0px;
    top: 0px;
    width: 100%;
    margin: 0;
    border: none;
  }
  .register .mailDetails ul {
    border: 1px solid #9b9b9b;
    padding-right: 20px;
  }
  .register input,
  .register select {
    width: inherit !important;
  }
  .register .passwordVerification .userInput div i {
    left: 10px !important;
  }
  .register .passwordVerification .userInput .strongPassword i {
    left: 0 !important;
  }
  .register .registerBtn {
    width: inherit !important;
  }
  .register .loginHeader .closeBtn {
    padding-top: 0;
  }
  .registerDialog {
    overflow: hidden;
  }
  .registerDialog .ngdialog-content {
    /*height: 100%;*/
  }
  .registerDialog .ngdialog-content .register {
    height: 100%;
  }
  .registerDialog .ngdialog-content .register .loginContent {
    max-height: calc(100vh - 80px);
    height: inherit;
  }
  .afterRegister {
    width: 100% !important;
  }
}
.ios .modal-open {
  position: fixed;
}
.ios .registerDialog .ngdialog-content .register .loginContent {
  max-height: calc(100vh - 100px) !important;
}
.defaultDialog.shareDialog .ngdialog-content {
  left: calc(50vw - 237px);
  top: calc(50vh - 120px);
  /*top: calc(~'50vh - 160px');*/
}
.defaultDialog.shareDialog_HTML.shareDialog_LARGE .ngdialog-content {
  left: calc(50vw - 332px);
  top: calc(50vh - 342px);
}
.defaultDialog.shareDialog_HTML.shareDialog_MEDIUM .ngdialog-content {
  top: calc(50vh - 275px);
}
.defaultDialog.shareDialog_HTML.shareDialog_SMALL .ngdialog-content {
  left: calc(50vw - 205px);
  top: calc(50vh - 275px);
}
.defaultDialog.shareDialog_HTML.shareDialog_CUSTOM .ngdialog-content {
  top: calc(50vh -135px);
}
.defaultDialog.shareDialog_EMAIL .ngdialog-content {
  top: calc(50vh - 201px);
}
.shareWrapper_LARGE {
  width: 664px !important;
}
.shareWrapper_MEDIUM {
  width: 474px !important;
}
.shareWrapper_SMALL {
  width: 433px !important;
}
.shareWrapper_CUSTOM {
  width: 433px !important;
}
.share-close-btn {
  float: left;
  margin-top: -41px;
}
.shareWrapper {
  font-size: 15px;
  width: 433px;
  padding-bottom: 20px;
  -webkit-transition: none;
  transition: none;
}
.shareWrapper .close {
  width: 40px;
  height: 48px;
  top: 0;
  left: 0;
}
[dir=ltr] .shareWrapper .close {
  left: auto;
  right: 0;
}
.shareWrapper .close:focus {
  color: #3da0db;
  font-weight: bold;
}
.shareWrapper .map-html-wrapper {
  padding: 12px;
}
.shareWrapper .map-html-wrapper select,
.shareWrapper .map-html-wrapper #htmlFixedSize {
  margin-bottom: 12px;
  margin-left: 9px;
}
.shareWrapper .map-html-wrapper select.en,
.shareWrapper .map-html-wrapper #htmlFixedSize.en {
  float: left;
}
.shareWrapper .map-html-wrapper select.en.custom,
.shareWrapper .map-html-wrapper #htmlFixedSize.en.custom {
  margin-top: 14px;
}
.shareWrapper .map-html-wrapper .input-html-MEDIUM {
  width: 258px;
}
.shareWrapper .map-html-wrapper .input-html-LARGE {
  width: 447px;
}
.shareWrapper .map-html-wrapper .input-html-SMALL {
  width: 215px;
}
.shareWrapper .map-html-wrapper .input-html-CUSTOM {
  width: 100%;
}
.shareWrapper .map-html-wrapper select,
.shareWrapper .map-html-wrapper #htmlFixedSize,
.shareWrapper .map-html-wrapper #copyHtmlBtn {
  height: 34px;
}
.shareWrapper .map-html-wrapper .map-size-wrapper #width {
  margin-left: 7px;
  margin-right: 27px;
}
.shareWrapper .map-html-wrapper .map-size-wrapper #height {
  margin-left: 32px;
  margin-right: 8px;
}
.shareWrapper title {
  display: block;
  height: 47px;
  font: 20px Alef;
  text-align: center;
  padding-top: 9px;
  color: #000000;
}
.shareWrapper .body {
  position: relative;
  height: 150px;
  font-size: 15px;
}
.shareWrapper .showBgButton {
  display: inline;
}
.shareWrapper .showNavButton {
  display: inline;
}
.shareWrapper .enableIdentify {
  display: inline;
}
.shareWrapper #htmlCustomSize {
  width: 432px;
  display: none;
}
.shareWrapper #width {
  width: 71px;
  text-align: center;
}
.shareWrapper #height {
  width: 71px;
  text-align: center;
}
.shareWrapper #copyHtmlBtn {
  width: 60px;
}
.shareWrapper #mapOptions {
  margin-top: 10px;
}
.shareWrapper .iFrameSize_LARGE {
  width: 640px;
  height: 480px;
}
.shareWrapper .iFrameSize_MEDIUM {
  width: 450px;
  height: 350px;
}
.shareWrapper .iFrameSize_SMALL {
  width: 350px;
  height: 350px;
  margin-right: 15px;
}
.shareWrapper .iFrameSize_CUSTOM {
  display: none;
}
.shareWrapper .optionsWrapper {
  height: 36px;
  background-color: #f2f2f2;
  color: #5c5c5c;
  position: relative;
  white-space: nowrap;
  padding: 8px;
}
[dir=ltr] .shareWrapper .optionsWrapper {
  text-align: left;
}
.shareWrapper .optionsWrapper .selected {
  color: #3da0db;
  font-weight: bold;
  border-bottom: 2px solid #3da0db;
}
.shareWrapper .optionsWrapper button {
  bottom: 2px;
  background-color: transparent;
  border: transparent;
  border-bottom: 2px solid transparent;
  display: inline-block;
  width: 115px;
  font-size: 15px;
  position: relative;
  text-align: center;
  padding-bottom: 8px;
}
.shareWrapper .optionsWrapper button .fa {
  display: block;
  font-size: 24px;
}
.shareWrapper .optionsWrapper button:focus {
  color: #3da0db;
  font-weight: bold;
}
.shareWrapper button {
  background-color: transparent;
  border: transparent;
}
.shareWrapper .chackbox {
  position: relative;
  top: 0px;
  margin: 5px;
}
.shareWrapper .shareTitle {
  padding-top: 15px;
}
.shareWrapper .shareText {
  padding-bottom: 15px;
}
.shareWrapper .shareTitle,
.shareWrapper .shareText {
  padding-right: 14px;
}
.shareWrapper .options {
  padding-top: 8px;
  padding-bottom: 4px;
  padding-right: 5px;
}
.shareWrapper .options.en {
  padding-left: 8px;
}
.shareWrapper .options > div {
  display: inline-block;
  position: absolute;
}
.shareWrapper .options .shortLink .longLink {
  text-align: right;
}
.shareWrapper .box {
  width: calc(100% - 95px);
  height: 34px;
  margin: 14px;
  padding: 0 5px;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #cccccc;
}
.shareWrapper .copyLink {
  left: 12px;
  height: 34px;
  width: 52px;
  border: 1px solid #cccccc;
}
.shareWrapper .copyLink:focus {
  color: #3da0db;
  font-weight: bold;
  border: #3da0db;
}
.shareWrapper .facebook {
  padding-right: 5px;
  padding-top: 18px;
  height: 30px;
}
.shareWrapper .facebook button {
  position: relative;
  bottom: 12px;
  font-size: 16px;
}
.shareWrapper .facebook button.en {
  float: left;
  left: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.shareWrapper .facebook button i {
  background: #3b5998;
  color: white;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  font-size: 28px;
  padding: 2px;
}
.shareWrapper .facebook button text {
  padding-left: 4px;
  color: #3da0db;
}
.shareWrapper form {
  padding-right: 12px;
  overflow: hidden;
}
[dir=ltr] .shareWrapper form {
  padding-left: 12px;
}
.shareWrapper form button {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  position: absolute;
  left: 14px;
  bottom: 5px;
  height: 25px;
  font-size: 16px;
}
.shareWrapper form button:hover {
  background-color: #1a6eb7;
}
.shareWrapper form .userInput input {
  height: 34px;
  text-align: right;
  padding: 0px 8px;
  border: 1px solid #cccccc;
  width: -moz-calc(86%);
  width: -webkit-calc(86%);
  width: -o-calc(86%);
  width: calc(100% - 14px);
}
.shareWrapper form .userInput .error {
  color: red;
}
.shareWrapper form .userInput .commentsInput {
  width: 100%;
  width: -moz-calc(86%);
  width: -webkit-calc(86%);
  width: -o-calc(86%);
  width: calc(100% - 14px);
  padding: 0px 8px;
  border: 1px solid #cccccc;
}
.shareWrapper form .userInput .commentsInput.en {
  padding-left: 12px;
}
.shareWrapper form .userInput .text {
  height: 33px;
  vertical-align: middle;
  padding-top: 7px;
  padding-right: 2px;
}
.shareWrapper form .userInput .text.en {
  padding-left: 12px;
}
.shareWrapper form .Wrapper {
  position: relative;
  width: 100%;
  height: 80px;
  white-space: normal;
}
.shareWrapper form .Wrapper button {
  width: 100px;
  font-size: 15px;
  padding-bottom: 10px;
}
.shareWrapper form .Wrapper button:disabled {
  background-color: lightblue;
  border-color: #a0cae6;
}
@media only screen and (max-width: 996px) {
  .ngdialog-content {
    border: none !important;
  }
  .ngdialog-content .shareWrapper {
    border: none;
    width: inherit;
    background-color: #e9eaed;
  }
  .ngdialog-content .shareWrapper .header {
    background-color: white;
    border-bottom: 1px solid #cccccc;
  }
  .ngdialog-content .shareWrapper .header .title {
    height: 48px;
    font: 20px Alef, sans-serif;
    color: #000000 !important;
  }
  .ngdialog-content .shareWrapper .body {
    background-color: #e9eaed;
    height: 100%;
  }
  .ngdialog-content .shareWrapper .body .option {
    height: 300px;
    margin: 12px;
  }
  .ngdialog-content .shareWrapper .body .option .optionUrl {
    /*top: 12px;*/
    height: 42px !important;
    overflow: hidden;
    direction: ltr;
  }
  .ngdialog-content .shareWrapper .body .option .optionUrl label {
    position: relative;
    top: 10px;
    float: left;
    left: 12px;
    text-align: left;
    white-space: nowrap;
    /*padding-right: 12px;*/
  }
  .ngdialog-content .shareWrapper .body .option .optionMail {
    /*top: 66px;*/
  }
  .ngdialog-content .shareWrapper .body .option .optionMail a {
    text-decoration: none;
  }
  .ngdialog-content .shareWrapper .body .option .optionWhatsapp {
    /*top: 131px;*/
  }
  .ngdialog-content .shareWrapper .body .option .optionWhatsapp a {
    text-decoration: none;
  }
  .ngdialog-content .shareWrapper .body .option .optionfacebook {
    /*top: 196px;*/
  }
  .ngdialog-content .shareWrapper .body .option .optionHelper {
    border: 1px solid #cccccc;
    height: 53px;
    background-color: white;
    /*margin-left: 12px;*/
    /*width: 92.5%;*/
    position: relative;
    /*right: 12px;*/
    margin-top: 12px;
    width: 100%;
  }
  .ngdialog-content .shareWrapper .body .option .optionHelper .chevron-left {
    position: relative;
    top: 6px;
    float: left;
    left: 8px;
    font-size: 27px;
    color: #cccccc;
  }
  .ngdialog-content .shareWrapper .body .option .optionHelper .chevron-left.en {
    float: right;
    margin-right: 14px;
    left: inherit;
  }
  .ngdialog-content .shareWrapper .body .option .optionHelper .chevron-whatsapp,
  .ngdialog-content .shareWrapper .body .option .optionHelper .chevron-mail {
    left: 5px;
    color: #444444 !important;
    display: block;
    height: 100%;
  }
  .ngdialog-content .shareWrapper .body .option .text {
    top: 5px;
    position: relative;
    right: 12px;
  }
  .ngdialog-content .shareWrapper .body .option .text.en {
    right: inherit;
  }
  .ngdialog-content .shareWrapper .body .option .mail {
    padding-right: 5px;
    padding-top: 18px;
    height: 31px;
  }
  .ngdialog-content .shareWrapper .body .option .mail i {
    background: #3899ec;
    color: white;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    font-size: 28px;
    padding: 2px;
    margin-right: 2px;
    margin-top: 11px;
  }
  .ngdialog-content .shareWrapper .body .option .whatsapp {
    padding-right: 5px;
    padding-top: 18px;
    height: 31px;
  }
  .ngdialog-content .shareWrapper .body .option .whatsapp i {
    background: #2ab200;
    color: white;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    font-size: 28px;
    padding: 2px;
    margin-right: 2px;
    margin-top: 11px;
  }
  .ngdialog-content .shareWrapper .body .option .facebook {
    padding-right: 5px;
    padding-top: 18px;
    height: 31px;
  }
  .ngdialog-content .shareWrapper .body .option .facebook i {
    background: #375492;
    color: white;
    width: 31px;
    height: 31px;
    vertical-align: middle;
    font-size: 28px;
    padding: 2px;
    margin-right: 2px;
    margin-top: 11px;
  }
  .ngdialog-content .shareWrapper .body .option .mail.en,
  .ngdialog-content .shareWrapper .body .option .whatsapp.en,
  .ngdialog-content .shareWrapper .body .option .facebook.en {
    margin-left: 8px;
  }
}
.editable-layers-wrapper {
  width: 100%;
}
.editable-layers-wrapper.static-height {
  height: 430px;
}
.editable-layers-wrapper .combo-first-option {
  color: #dddddd;
}
.editable-layers-wrapper .title-wrapper {
  height: 48px;
}
.editable-layers-wrapper .title-wrapper button {
  right: unset;
  left: 18px;
  position: absolute;
  margin: 0;
  padding: 0;
}
.editable-layers-wrapper .title-wrapper title {
  display: inline-block;
  margin-right: 145px;
  font-size: 20px !important;
  margin-top: 10px;
}
.editable-layers-wrapper .title-wrapper .close {
  top: 5px;
}
.editable-layers-wrapper .noLayerResult {
  text-align: center;
  padding-top: 10px;
  height: 48px;
}
.editable-layers-wrapper .none {
  display: none !important;
}
.editable-layers-wrapper .img-wrapper {
  border-bottom: 1px solid #cccccc;
  min-height: 124px;
}
.editable-layers-wrapper .img-wrapper .img {
  height: 187px;
  height: 70px;
  width: 80px;
  background: url('../Images/MapArea.png');
  background-repeat: no-repeat;
  background-position: -76px -135px;
  margin: auto;
  margin-top: 35px;
}
.editable-layers-wrapper .header {
  height: 62px;
  padding: 12px;
  border: 0;
  border-bottom: 1px solid #cccccc;
}
.editable-layers-wrapper .header button {
  background-color: transparent;
  border: transparent;
  position: absolute;
  top: 22px;
  left: 14px;
  color: #dbdbdb;
}
.editable-layers-wrapper .header .clearSearch {
  top: 19px;
}
.editable-layers-wrapper .header input {
  height: 100%;
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
  color: #898989;
  border: 1px solid #cccccc;
}
.editable-layers-wrapper .layersWrapper {
  box-sizing: border-box;
  position: relative;
  top: 0px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.editable-layers-wrapper .layersWrapper .fa-spinner {
  color: #1883ba;
  text-align: center;
  font-size: 21px;
  width: 100%;
}
.editable-layers-wrapper .layersWrapper .layersSearchResult {
  position: relative;
}
.editable-layers-wrapper .layersWrapper .layersListWrapper {
  position: relative;
  overflow: hidden;
  max-height: 200px;
}
.editable-layers-wrapper .layersWrapper .layersContainer {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  padding: 0;
  width: 100%;
  border: none;
  box-sizing: border-box;
}
.editable-layers-wrapper .layersWrapper .layersContainer li {
  list-style-type: none;
}
.editable-layers-wrapper .layersWrapper .layersContainer li:hover {
  background-color: #eeeeee;
}
.editable-layers-wrapper .layersWrapper .layersContainer li:hover div .edit {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 2px;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer {
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  height: 40px;
  border-bottom: 1px solid #e9eaed;
  margin-right: 17px;
  padding-right: 5px;
  position: relative;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .symbol-continar .line,
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .symbol-continar .square {
  right: 6px !important;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .symbol-continar .point {
  right: 2px !important;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .text {
  position: relative;
  top: 8px;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .text-format {
  width: 350px;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .text > * {
  vertical-align: middle;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .text > button {
  padding-top: 1px;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer div .edit {
  display: none;
}
.editable-layers-wrapper .layersWrapper .layersContainer .layer.last-layer {
  border-bottom: 0;
}
@media only screen and (max-width: 996px) {
  .editable-layers-wrapper {
    background-color: white;
  }
  .editable-layers-wrapper .img-wrapper {
    display: none;
  }
  .editable-layers-wrapper .header {
    height: 59px;
  }
  .editable-layers-wrapper .header input {
    height: 34px;
  }
  .editable-layers-wrapper .title-wrapper {
    /*height: 55px;*/
    border-bottom: 1px solid #dddddd;
    text-align: center;
  }
  .editable-layers-wrapper .title-wrapper .close {
    top: 10px;
  }
  .editable-layers-wrapper .title-wrapper title {
    margin-right: auto;
    margin-top: 10px;
  }
  .editable-layers-wrapper .layersWrapper .layersContainer .layer div .edit {
    top: 10px;
    position: relative;
  }
  .editable-layers-wrapper .layersWrapper .layersContainer li:hover {
    background-color: #ffffff;
  }
  .editable-layers-wrapper .layersWrapper .layersContainer li:hover div .edit {
    display: none;
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper {
    /*height: ~"calc(100vh - 107px)" !important;*/
    max-height: calc(100vh - 165px) !important;
    /*height: ~"calc(100vh - 161px)" !important;*/
    /*max-height: ~"calc(100vh - 161px)" !important;*/
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer {
    height: 54px !important;
    margin: 0;
    padding-right: 12px;
    white-space: nowrap;
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer div .symbol-continar .line,
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer div .symbol-continar .square {
    top: 15px;
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer div .symbol-continar .point {
    top: 12px;
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer div .text-format {
    width: 285px;
    top: 15px;
    right: 40px;
  }
  .editable-layers-wrapper .layersWrapper .layersListWrapper .layer govmap-symbol {
    position: absolute;
  }
}
.side-buttons {
  top: 57px;
}
.setEntityTop {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  background-color: #4285f4;
  height: 40px;
  font-size: 16px;
  padding-right: 14px;
}
.setEntityTop .set-entity-options {
  display: inline-block;
  float: left;
  margin-left: 12px;
  margin-top: 10px;
  height: 20px;
  width: 150px;
  color: #000;
  font-size: 15px;
  background-color: #fff;
  cursor: pointer;
}
.setEntityTop .set-entity-options span {
  padding-top: 0;
  color: #000;
  line-height: 20px;
  margin-left: 0;
}
.setEntityTop .set-entity-options .fa {
  line-height: 20px;
  float: right;
  margin-right: 4px;
  margin-left: 4px;
}
.setEntityTop span {
  display: inline-block;
  float: right;
  margin-left: 12px;
  color: #ffffff;
  padding-top: 8px;
}
.setEntityTop .layerName {
  font-weight: bold;
}
.setEntityTop button {
  display: inline-block;
  float: left;
  margin-left: 12px;
  margin-top: 6px;
  margin-top: 10px;
  height: 20px;
}
.setEntityTop button span {
  display: inline-block;
  padding: 5px;
  color: #000000;
  margin: 0;
  padding: 0;
  margin-top: -4px;
}
.set-entity-options-menu {
  position: fixed;
  top: 44px;
  width: 300px;
  font-size: 15px;
  color: #000;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #fff;
  left: 75px;
  border: 1px solid #cccccc;
}
.set-entity-options-menu .type-wrapper {
  padding-right: 7px;
  border-bottom: 1px solid #cccccc;
}
.set-entity-options-menu .type-wrapper .header {
  height: 48px;
  text-align: right;
  line-height: 48px;
  padding: 0;
  border: none;
}
.set-entity-options-menu .type-wrapper .option-container {
  height: 48px;
  cursor: pointer;
}
.set-entity-options-menu .type-wrapper .option-container .fa {
  display: inline-block;
  width: 24px;
  font-size: 20px;
  line-height: 48px;
  top: 0;
  float: right;
}
.set-entity-options-menu .type-wrapper .option-container .fa.fa-check-circle-o {
  color: #2178da;
}
.set-entity-options-menu .type-wrapper .option-container .fa.fa-circle-o {
  color: #989898;
}
.set-entity-options-menu .type-wrapper .option-container .text-container {
  display: inline-block;
}
.set-entity-options-menu .type-wrapper .option-container .text-container .title {
  color: #000;
}
.set-entity-options-menu .type-wrapper .option-container .text-container .description {
  color: #989898;
}
.set-entity-options-menu .collect-data {
  padding-right: 7px;
}
.set-entity-options-menu .collect-data .header {
  height: 48px;
  text-align: right;
  line-height: 48px;
  padding: 0;
  border: none;
}
.set-entity-options-menu .collect-data .option-container {
  height: 48px;
  cursor: pointer;
}
.set-entity-options-menu .collect-data .option-container .fa {
  display: inline-block;
  width: 24px;
  font-size: 20px;
  line-height: 48px;
  top: 0;
  float: right;
}
.set-entity-options-menu .collect-data .option-container .fa.fa-check-circle-o {
  color: #2178da;
}
.set-entity-options-menu .collect-data .option-container .fa.fa-circle-o {
  color: #989898;
}
.set-entity-options-menu .collect-data .option-container .text-container {
  line-height: 48px;
}
.set-entity-options-menu .collect-data .option-container .text-container .title {
  color: #000;
}
@media only screen and (max-width: 996px) {
  .setEntityTopMobile {
    z-index: 1;
  }
  .setEntityTopMobile .header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 3px;
  }
  .setEntityTopMobile .header title {
    font-size: 18px;
    font-weight: bold;
  }
  .setEntityTopMobile .header .closeBtn {
    font-size: 20px;
    /*top: 10px;*/
    color: #1c8be0;
    /*right: 10px;*/
    right: inherit;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .setEntityTopMobile .header .closeBtn .text {
    /*left:17px;
                    position:relative;*/
    /*left: 22px;
                    position: absolute;
                    top: 11px;*/
  }
  .setEntityTopMobile .header .closeBtn .text.fa-text {
    margin-left: 10px;
  }
  .setEntityTopMobile .header .closeBtn .fa-chevron-left {
    position: absolute;
    top: 17px;
    left: 6px;
  }
  .setEntityTopMobile .header .close {
    left: unset;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 6px;
    width: 68px;
    text-align: center;
  }
  .setEntityTopMobile .header .back {
    left: 0;
    width: 68px;
  }
  .setEntityTopMobile .header .sub-title {
    font-size: 14px;
    color: #989898;
    top: 25px;
    position: absolute;
    width: 100%;
    right: 0;
  }
  .setEntityTopMobile .setEntityTop {
    top: 48px;
  }
  .setEntityTopMobile .setEntityTop span {
    padding-right: 12px;
  }
  .ios .setEntityTopMobile .header .closeBtn .nextBtn {
    left: 14px;
    position: absolute;
    top: 10px;
  }
}
.add-fields-wrapper select {
  border: 1px solid #cccccc!important;
}
.add-fields-wrapper input,
.add-fields-wrapper textarea {
  border: 1px solid #cccccc!important;
  padding-right: 10px;
}
.add-fields-wrapper .header {
  height: 40px;
}
.add-fields-wrapper .header .close {
  top: 0;
  width: 40px;
  left: 0;
  height: 100%;
}
.add-fields-wrapper .header div {
  margin-top: -4px;
}
.add-fields-wrapper .text-format {
  width: 610px;
}
.add-fields-wrapper .map-wrapper {
  height: 151px;
  padding-bottom: 1px;
  padding-top: 1px;
  border-bottom: 1px solid #e9eaed;
  border-top: 1px solid #e9eaed;
  width: 644px;
}
.add-fields-wrapper .fields-wrapper {
  margin-bottom: 12px;
  position: relative;
  max-height: calc(100vh - 270px);
}
.add-fields-wrapper .fields-wrapper:hover {
  cursor: pointer;
}
.add-fields-wrapper .fields-wrapper:hover .iScrollVerticalScrollbar {
  opacity: 1!important;
}
.add-fields-wrapper .fields-wrapper.scroll-wrapper {
  overflow: hidden;
}
.add-fields-wrapper .fields-wrapper .field-wrapper {
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .changedField {
  border: solid 2px #2178de !important;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .input-number-error {
  color: red;
  display: inline-block;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container.user-time-container {
  height: auto!important;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div input {
  width: 98%;
  height: 29px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div textarea {
  width: 97.5%;
  min-height: 29px;
  resize: none;
  line-height: 28px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div select {
  width: 100%;
  height: 34px;
  color: #000000;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div select.combo-first-option {
  color: #acacac;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div select .combo-first-option {
  color: #acacac;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container div select option {
  color: #000000;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label {
  display: inline-block;
  width: 203px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label input[type="checkbox"] {
  height: auto;
  width: auto;
  margin-left: 12px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label span {
  position: relative;
  top: -3px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper {
  display: block;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-link input[type="text"] {
  width: 80%!important;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-link a {
  font-size: 15px;
  color: #2178da;
  text-decoration: none;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-link .save-upload-link {
  margin-left: 19px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-link .save-upload-link[disabled] {
  color: #cccccc;
  pointer-events: none;
  cursor: default;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .button-wrapper {
  width: 85px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .fa-spinner.fa-pulse {
  margin-bottom: 20px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .text-color {
  font-size: 14px!important;
  margin-left: 5px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper {
  display: inline-block;
  max-width: 450px;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper .image-cell {
  margin-right: 19px;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper .image-cell.first-cell {
  margin-right: 14px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper .image-cell .image-item {
  width: 107px;
  height: 107px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper .image-cell .fa-close {
  position: absolute;
  top: 3px;
  left: 3px;
  display: none;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .upload-image-wrapper {
  width: 107px;
  height: 107px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid #cccccc;
  vertical-align: top;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .choose-upload-type {
  border: 1px solid #cccccc;
  padding: 10px;
  width: 107px;
  height: 107px;
  display: inline-block;
  vertical-align: top;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .uploader-image {
  background: url('../Images/MapArea.png');
  background-repeat: no-repeat;
  background-position: -147px 0;
  display: inline-block;
  width: 50px;
  height: 60px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .uploader-image-text {
  font-size: 14px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .uploader-link {
  height: 34px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #cccccc!important;
  padding-right: 10px;
  margin-top: 13px;
  width: 100%;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploader .btn-upload {
  background-color: #ffffff;
  color: #000000;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploader .loader-wrapper {
  left: 0;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploader .loader-wrapper .text-color {
  font-size: 9px;
  margin-right: 0;
  top: 0;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper ::-webkit-input-placeholder {
  /* Chrome */
  color: #acacac;
  font-size: 15px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 15px;
  color: #acacac;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #acacac;
  opacity: 1;
  font-size: 15px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #acacac;
  opacity: 1;
  font-size: 15px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper input[type="text"] {
  width: 81%;
  margin-left: 12px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper {
  width: 89px;
  height: auto;
  position: relative;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper input[type="button"] {
  height: 34px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper .imgButton {
  display: none;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper .error {
  display: none!important;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker {
  display: inline-block;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker ._720kb-datepicker-open {
  position: absolute;
  bottom: 0;
  right: 188px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker.first-date-field ._720kb-datepicker-open {
  bottom: -100px !important;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker .calendar-toggle {
  position: absolute;
  top: 10px;
  left: 3px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker .calendar-toggle .fa-calendar {
  color: #acacac;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper {
  margin-bottom: 10px;
  margin-top: 11px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper a {
  color: #2178da;
  font-size: 14px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper a.select-all {
  margin-right: 20px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper a.select-all-mobile {
  display: none;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper .first-day {
  margin-right: 15px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper label {
  margin-right: 23px;
  width: auto;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper label input {
  margin-left: 6px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .anchor-disabled {
  pointer-events: none;
  cursor: default;
  color: #cccccc;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time select {
  width: 136px;
  margin-left: 18px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value {
  background-color: #f3f3f3;
  height: 34px;
  padding-top: 6px;
  padding-right: 12px;
  margin-bottom: 6px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .edit {
  display: none;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value:hover .edit {
  display: inline-block;
  float: left;
  margin-left: 12px;
  margin-top: 5px;
  color: #2178da;
  font-size: 18px;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value:hover .edit.fa-pencil {
  cursor: pointer;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value:hover .edit.fa-trash {
  cursor: pointer;
}
.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile {
  display: none!important;
}
.add-fields-wrapper .buttons-wrapper {
  text-align: left;
  padding-left: 13px;
  margin-top: 12px;
  height: 48px;
  border-top: 1px solid #e9eaed;
  padding-top: 12px;
}
.add-fields-wrapper .buttons-wrapper button {
  height: 24px;
  line-height: 1px;
}
.add-fields-wrapper .buttons-wrapper .clickbtn {
  width: 73px;
  margin-right: 9px;
}
.add-fields-wrapper .buttons-wrapper .cancleBtn {
  width: 57px;
}
.add-fields-wrapper .buttons-wrapper .multipleEditWarning {
  color: #ff0000;
  padding-right: 11px;
  float: right;
  font-size: 20px;
}
.add-fields-wrapper .buttons-wrapper .multipleEditWarning .exclamation {
  font-size: 19px;
}
.add-fields-wrapper .error-msg {
  text-align: center;
  margin-top: 20px;
}
@media only screen and (max-width: 996px) {
  .mobile-add-user-time .header {
    position: fixed;
  }
  .add-fields-wrapper,
  .mobile-add-user-time {
    background-color: white;
    /*top:48px;*/
    position: relative;
  }
  .add-fields-wrapper .text-format,
  .mobile-add-user-time .text-format {
    width: 330px;
  }
  .add-fields-wrapper .header,
  .mobile-add-user-time .header {
    background-color: #ffffff;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    padding-top: 3px;
    height: 48px;
  }
  .add-fields-wrapper .header .arrow,
  .mobile-add-user-time .header .arrow {
    margin-left: 5px;
  }
  .add-fields-wrapper .header title,
  .mobile-add-user-time .header title {
    font-size: 18px;
    font-weight: bold;
  }
  .add-fields-wrapper .header .closeBtn,
  .mobile-add-user-time .header .closeBtn {
    font-size: 18px;
    top: 10px;
    color: #1c8be0;
    z-index: 3;
  }
  .add-fields-wrapper .header .back,
  .mobile-add-user-time .header .back {
    left: 0;
  }
  .add-fields-wrapper .header .close,
  .mobile-add-user-time .header .close {
    left: 258px;
    width: 60px;
  }
  .add-fields-wrapper .header .close .text,
  .mobile-add-user-time .header .close .text {
    position: static;
  }
  .add-fields-wrapper .header div,
  .mobile-add-user-time .header div {
    margin-top: 0;
  }
  .add-fields-wrapper .sub-title,
  .mobile-add-user-time .sub-title {
    margin-top: 18px;
    display: inline-block;
    margin-right: 12px;
  }
  .add-fields-wrapper .map-wrapper,
  .mobile-add-user-time .map-wrapper {
    /*display:none;*/
    height: 160px;
    width: 100%;
    border-top: none;
  }
  .add-fields-wrapper .fields-wrapper,
  .mobile-add-user-time .fields-wrapper {
    top: 0;
    /*height: ~"calc(100vh - 30px)" !important;*/
    max-height: calc(100vh - 105px) !important;
    padding-bottom: 0;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper {
    clear: both;
    padding-left: 12px;
    padding-top: 11px;
    min-height: 88px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .changedField,
  .mobile-add-user-time .fields-wrapper .field-wrapper .changedField {
    border: solid 2px #2178de;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-caption,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-caption {
    display: inline-block;
    margin-bottom: 5px;
    height: 20px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container {
    height: auto!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container select,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container select {
    height: 41px!important;
    background-color: #ffffff;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container input[type="date"],
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container input[type="date"] {
    background-color: #ffffff;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container input[type="text"],
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container input[type="text"] {
    height: 28px!important;
    width: 96%;
    padding: 5px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container textarea,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container textarea {
    width: 95%!important;
    min-height: 34px!important;
    line-height: 34px!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container label {
    width: 100%!important;
    border-top: 1px solid #e9eaed;
    height: 30px;
    padding-top: 10px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label.last,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container label.last {
    border-bottom: 1px solid #e9eaed;
  }
  .field-caption.add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container label .list-options,
  .field-caption.mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container label .list-options {
    height: 41px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .images-wrapper {
    display: inline;
    overflow-y: unset;
    overflow-x: unset;
    white-space: normal;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .fa-close,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .fa-close {
    display: block!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .image-item,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .image-item {
    width: 64px!important;
    height: 64px!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .image-cell,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .image-cell {
    margin-left: 14px;
    margin-right: 0!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .choose-upload-type,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .choose-upload-type {
    border: 1px solid #cccccc;
    padding: 5px;
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: top;
    margin-left: 14px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .button-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-buttons-wrapper .button-wrapper {
    width: 100%;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper input[type="text"],
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper input[type="text"] {
    display: none;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploaded-image,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploaded-image {
    width: 85px;
    height: 89px;
    border: 0;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-container input[type="button"],
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-container input[type="button"] {
    display: none;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-container .imgButton,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .upload-container .imgButton {
    display: inline-block;
    background-position: 106px -1px;
    height: 56px;
    width: 50px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper.uploaded-image-success .imgButton,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper.uploaded-image-success .imgButton {
    display: none;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper {
    float: none;
    position: relative!important;
    width: 100%;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper .popup,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .main-wrapper .popup {
    display: none!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploader .loader-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .uploader-wrapper .uploader .loader-wrapper {
    left: -5px;
    top: 3px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .add-user-time,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .add-user-time {
    position: relative !important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .date-picker {
    width: 216px;
    position: relative;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker {
    position: relative;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker input,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker input {
    height: 35px;
    padding-left: 30px;
    width: 70%;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker .calendar-toggle,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .date-picker .mobile-date-picker .calendar-toggle {
    left: 10px;
    top: 0!important;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .add-btn,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .add-btn {
    font-size: 18px;
    color: #1c8be0;
    padding: 0;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper a.select-all,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper a.select-all {
    display: none;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper label,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .days-wrapper label {
    margin-right: 0;
    width: auto;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value {
    padding-left: 12px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile {
    display: inline-block !important;
    float: left;
    margin: 0;
    height: 20px;
    width: 10px;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile a,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile a {
    display: none;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover {
    position: relative;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover .menu-wrapper,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover .menu-wrapper {
    border: 1px solid #525252;
    background-color: #f3f3f3;
    padding: 10px 20px;
    position: absolute;
    top: 20px;
    left: 0;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover .menu-wrapper a,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .confirmed-field-value .mobile:hover .menu-wrapper a {
    display: block;
  }
  .add-fields-wrapper .fields-wrapper .field-wrapper .field-type-container .user-time .edit,
  .mobile-add-user-time .fields-wrapper .field-wrapper .field-type-container .user-time .edit {
    display: none!important;
  }
  .add-fields-wrapper .buttons-wrapper,
  .mobile-add-user-time .buttons-wrapper {
    display: none;
  }
  .mobile-add-user-time {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    height: 100%;
  }
  .mobile-add-user-time .header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 3px;
    height: 48px;
  }
  .mobile-add-user-time .header .close {
    left: 262px !important;
  }
  .mobile-add-user-time .header title {
    font-size: 18px;
  }
  .mobile-add-user-time .header .closeBtn {
    font-size: 18px;
    top: 1px;
    height: 100%;
  }
  .mobile-add-user-time .header .back {
    left: 0;
  }
  .mobile-add-user-time .header div {
    margin-top: 0;
  }
  .mobile-add-user-time .header .anchor-disabled {
    pointer-events: none;
    cursor: default;
    color: #cccccc;
  }
  .mobile-add-user-time .user-time {
    position: relative;
    top: 55px;
    padding: 0 20px;
  }
  .mobile-add-user-time .user-time .days-wrapper span {
    display: inline-block;
    height: 33px;
  }
  .mobile-add-user-time .user-time .days-wrapper a.select-all-mobile {
    margin-right: 0;
    float: left;
    display: inline-block;
  }
  .mobile-add-user-time .user-time .days-wrapper .first-day {
    margin-right: 0;
    border-top: 1px solid #e3e3e3;
  }
  .mobile-add-user-time .user-time .days-wrapper label {
    margin-right: 0;
    width: auto;
    display: block;
    height: 30px;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 11px;
  }
  .mobile-add-user-time .user-time .days-wrapper label input[type="checkbox"] {
    margin-left: 12px;
  }
  .mobile-add-user-time .user-time .select-hours {
    margin-top: 31px;
  }
  .mobile-add-user-time .user-time select {
    margin-left: 0;
    margin-top: 15px;
    height: 39px;
    width: 128px;
  }
  .mobile-add-user-time .user-time select.from-hours {
    margin-left: 17px;
  }
  .add-fields-wrapper .header {
    background-color: #ffffff;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    padding-top: 3px;
  }
  .add-fields-wrapper .header .close .text {
    right: 12px;
  }
  .add-fields-wrapper .header title {
    font-size: 18px;
    font-weight: bold;
  }
  .add-fields-wrapper .header .sub-title {
    font-size: 14px;
    color: #989898;
    top: 25px;
    position: absolute;
    width: 100%;
    right: 0;
    margin-top: 0;
    margin-right: 0;
  }
  .add-fields-wrapper .back-btn {
    left: inherit;
    right: 0;
    height: 100%;
    top: 0 !important;
    width: 75px;
    position: absolute;
  }
  .add-fields-wrapper .back-btn .fa-chevron-right {
    right: 6px;
    top: 17px;
    position: absolute;
  }
  .add-fields-wrapper .back-btn .text {
    position: absolute !important;
    top: 10px;
    right: 23px;
    font-size: 20px !important;
  }
  .add-fields-wrapper .save-btn {
    height: 100%;
    top: 0 !important;
    font-size: 20px !important;
  }
}
.ios .add-fields-wrapper .fields-wrapper {
  max-height: calc(100vh - 130px) !important;
}
.wizard {
  width: 436px;
  z-index: 100;
  position: absolute;
  left: calc(50vw - 218px);
  top: 20%;
  background-color: white;
  border: 1px solid #cccccc;
}
.wizard.set-geometry {
  border: 0;
}
.wizard.set-fields {
  width: 646px;
  left: calc(50% - 323px);
  top: calc(50% - 210px);
  /*top: 7%;*/
}
@media only screen and (max-width: 996px) {
  .layerentitywizardmainmodule {
    z-index: 9999 !important;
  }
  .wizard {
    width: 100%;
    /*top: 48px;*/
    right: 0;
    height: 100%;
    background-color: #ececec;
    top: 0;
  }
  .wizard.fromTop {
    top: 0;
  }
  .wizard.set-geometry {
    height: unset;
  }
  .wizard.set-fields {
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    border: none !important;
  }
}
.printLazyWrapper {
  position: absolute;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #cccccc;
  background-color: white;
  z-index: 100;
  top: 70px;
  right: 13px;
  width: 300px;
}
[dir=ltr] .printLazyWrapper {
  right: auto;
  left: 13px;
}
.printLazyWrapper.embedded {
  top: 13px;
}
.printWrapper {
  position: relative;
  background-color: white;
  z-index: 3;
  top: 0;
  right: 0;
  width: 300px;
  padding: 0;
}
.printWrapper .printOptions {
  float: right;
  /*padding-top:10px;*/
  width: 100%;
}
.printWrapper .header {
  height: 48px;
  font-size: 20px;
  text-align: center;
  padding-top: 8px;
}
.printWrapper .options {
  padding: 10px;
  position: relative;
  text-align: left;
}
.printWrapper .options.en {
  text-align: right;
}
.printWrapper .options span {
  display: inline-block;
}
.printWrapper .options span button {
  font-size: 15px;
  width: inherit;
}
.printWrapper .options span .saveBtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  height: 28px;
}
.printWrapper .options span .saveBtn:hover {
  background-color: #1a6eb7;
}
.printWrapper .options span .saveBtn:focus {
  border: 2px solid black;
}
.printWrapper .options span .cancleBtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
  height: 28px;
}
.printWrapper .options span .cancleBtn:hover {
  background-color: #1a6eb7;
}
.printWrapper .options span .cancleBtn:hover {
  background-color: white;
}
.printWrapper .options span .cancleBtn:focus {
  border: 2px solid black;
}
.printWrapper .close {
  position: absolute;
  /*right: 12px;*/
  top: 0;
  background-color: transparent;
  border: transparent;
  width: 40px;
  height: 100%;
  padding: 0 0;
  margin: 0;
  color: #5d5c5c;
  left: 0;
}
[dir=ltr] .printWrapper .close {
  left: auto;
  right: 0;
}
.printWrapper .close:focus {
  color: #3da0db;
  font-weight: bold;
}
.printWrapper .printFooter {
  margin-top: 10px;
}
.printWrapper .printHeader {
  width: 700px;
  margin-top: 10px;
}
.printWrapper .printHeader .printTitle {
  font-size: 20px;
  width: 100%;
  text-align: center;
}
.printWrapper .printHeader .mapi-logo {
  right: 0;
}
.printWrapper .printRemarks {
  width: 700px;
}
.printWrapper #mapToPrint {
  overflow: hidden;
}
.printWrapper #pmap {
  float: right;
}
[dir=ltr] .printWrapper #pmap {
  float: left;
}
.printWrapper .description {
  padding-top: 12px;
  padding-right: 16px;
  width: calc(100% - 20px) !important;
}
.printWrapper .description.en {
  padding-left: 16px;
  padding-right: inherit;
}
.printWrapper .description .userInput {
  height: 31px;
}
.printWrapper .description .option {
  padding-top: 10px;
}
.printWrapper .description .option .chackbox {
  position: relative;
  top: 3px;
}
.printWrapper button {
  background-color: #2a55b9;
  color: white;
  width: calc(100% - 20px);
  height: 50px;
  margin-top: 10px;
}
.printWrapper button .fa-check {
  color: green;
  position: absolute;
  right: 5px;
}
.printWrapper button .fa-arrow-left {
  position: absolute;
  left: 45px;
}
@media print {
  div {
    box-shadow: none !important;
    border: none !important;
  }
}
.rendererWrapper {
  z-index: 2;
  position: relative;
  width: 100%;
  background-color: white;
  height: 100%;
  max-height: calc(100vh - 190px);
  /*box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);*/
}
.rendererWrapper .error-no-layers {
  padding: 10px;
}
.rendererWrapper .fa-spinner {
  text-align: center;
  color: #3e66db;
  width: 100%;
  font-size: 21px;
}
.rendererWrapper .imageIcon {
  width: 16px !important;
  height: 16px !important;
  margin-left: 4px;
  display: inline-block;
}
.rendererWrapper .legend-caption {
  display: inline-block;
  position: relative;
  bottom: 4px;
}
.rendererWrapper .layer-caption {
  font-size: 14px;
  color: #000000;
}
.rendererWrapper .symbol-caption {
  font-size: 14px;
  color: #7b7b7b;
}
.rendererWrapper .result_desc {
  font-size: 15px;
  padding: 6px 0px;
}
.rendererWrapper .result_desc .uInfo-legend-caption {
  height: 20px;
  position: relative;
  bottom: 4px;
}
.rendererWrapper .scrollWrapper {
  color: black;
  background-color: white;
  padding: 0;
  margin: 0;
  position: relative;
  max-height: -moz-calc(-90%);
  max-height: -webkit-calc(-90%);
  max-height: -o-calc(-90%);
  max-height: calc(100vh - 190px);
  overflow-y: hidden;
}
.rendererWrapper .scrollWrapper .RendererListWrapper {
  padding: 12px;
}
.rendererWrapper .scrollWrapper .RendererListWrapper .renderer {
  padding-top: 12px;
}
@media (max-width: 996px) {
  .rendererWrapper .scrollWrapper {
    max-height: 80vh;
    max-height: -moz-calc(-150%);
    max-height: -webkit-calc(-150%);
    max-height: -o-calc(-150%);
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.close {
  background-color: transparent;
  border: transparent;
  position: fixed;
  left: 18px;
  font-size: 21px;
  top: 5px;
  color: #888;
  padding: 0;
  font-weight: normal;
  z-index: 1000;
}
[dir=ltr] .close {
  left: auto !important;
  right: 18px;
}
.closeBtn {
  position: absolute;
}
.select-layers {
  cursor: pointer;
  color: #3e66db;
  right: 8px;
  top: 14px;
  position: absolute;
  z-index: 1000;
}
[dir=ltr] .select-layers {
  right: auto;
  left: 8px;
}
.bubbleWrapper {
  z-index: 1;
  position: absolute;
  top: 70px;
  right: 13px;
  background-color: transparent;
  border: transparent;
  width: 301px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
[dir=ltr] .bubbleWrapper {
  right: auto;
  left: 13px;
}
@media (max-width: 996px) {
  [dir=ltr] .bubbleWrapper {
    left: 0;
  }
}
.bubbleWrapper .text-format {
  width: 200px;
  top: 6px;
}
.bubbleWrapper.wide {
  width: 680px;
}
.bubbleWrapper .more {
  width: 100%;
  position: relative;
  background-color: white;
  height: 33px;
}
.bubbleWrapper .scrollWrapper {
  margin: 0;
  height: auto;
  position: relative;
  max-height: 390px;
  overflow: hidden;
  /*max-height: -moz-calc(100% - 166px);
        max-height: -webkit-calc(100% - 166px);
        max-height: -o-calc(100% - 166px);
        max-height: calc(~'100vh - 166px');*/
}
.bubbleWrapper .scrollWrapper.iskaot-filter {
  overflow: unset;
}
.bubbleWrapper .bubblesMultyResult {
  max-height: 390px;
  /*max-height: -moz-calc(97% - 225px);
        max-height: -webkit-calc(97% - 225px);
        max-height: -o-calc(97% - 225px);
        max-height: calc(~'97vh - 225px');*/
}
.bubbleWrapper .allLayers {
  overflow: hidden;
  position: relative;
  height: 62px;
  padding: 5px;
  font-weight: normal;
  background-color: white;
}
.bubbleWrapper .allLayers .all-layers-wrapper {
  position: relative;
  height: 62px;
  z-index: 1;
  overflow: hidden;
  float: left;
  white-space: nowrap;
}
.bubbleWrapper .allLayers .all-layers-wrapper .layer-ancor {
  text-decoration: none;
  display: inline-block;
  width: 80px;
  height: 62px;
  text-align: center;
  cursor: pointer;
  color: #747474;
  background-color: transparent;
  border: transparent;
  -ms-word-break: break-word;
  word-break: break-word;
  white-space: normal;
  vertical-align: top;
  font-size: 15px;
}
.bubbleWrapper .allLayers .all-layers-wrapper .layer-ancor .valueIcon {
  position: relative;
  right: 27px;
  display: block;
  height: 16px;
}
.bubbleWrapper .allLayers .all-layers-wrapper .layer-ancor:hover {
  text-decoration: underline;
}
.bubbleWrapper .layerWrapper {
  position: relative;
  width: 100%;
  background-color: #ececec;
  border: 1px solid #cccccc;
}
.bubbleWrapper .layerWrapper .bgTitle {
  height: 41px;
  width: 100%;
  position: relative;
  background-color: white;
  border-bottom: 1px solid #fff;
  font: 17px Alef;
  color: #000000;
  z-index: 10;
  padding-right: 16px;
  line-height: 41px;
}
.bubbleWrapper .layerWrapper .bgTitle.layer-header {
  background-color: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.bubbleWrapper .layerWrapper .bgTitle .text {
  position: relative;
}
.bubbleWrapper .layerWrapper .bgTitle .close {
  background-color: transparent;
  border: transparent;
  position: absolute;
  left: 8px;
  font-size: 21px;
  top: 5px;
  color: #888;
  padding: 0;
  font-weight: normal;
}
.bubbleWrapper .layerWrapper .title {
  height: 41px;
  width: 100%;
  position: relative;
  background-color: white;
  border-bottom: 1px solid #fff;
  font: 17px Alef;
  color: #000000;
  z-index: 10;
  padding-right: 20px;
}
.bubbleWrapper .layerWrapper .title.layer-header {
  background-color: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
}
.bubbleWrapper .layerWrapper .title.layer-list {
  background-color: white !important;
  border: none !important;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.bubbleWrapper .layerWrapper .title .valueIcon {
  position: relative;
  top: 8px;
  right: 6px;
  display: inline-block;
}
.bubbleWrapper .layerWrapper .title .symbol-continar {
  position: absolute;
  right: 23px;
  top: 3px;
}
[dir=ltr] .bubbleWrapper .layerWrapper .title .symbol-continar {
  right: auto;
  left: 23px;
}
@media (max-width: 996px) {
  [dir=ltr] .bubbleWrapper .layerWrapper .title .symbol-continar {
    left: 12px;
  }
}
.bubbleWrapper .layerWrapper .title .symbol-continar .point {
  top: 2px;
}
.bubbleWrapper .layerWrapper .title .symbol-continar .square {
  top: 7px;
}
.bubbleWrapper .layerWrapper .title .resultCounter {
  background-color: #3e66db;
  color: white;
  width: 27px;
  height: 24px;
  text-align: center;
  left: 35px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  line-height: 20px;
}
[dir=ltr] .bubbleWrapper .layerWrapper .title .resultCounter {
  left: auto;
  right: 35px;
}
.bubbleWrapper .layerWrapper .title .text {
  position: relative;
  right: 35px;
}
[dir=ltr] .bubbleWrapper .layerWrapper .title .text {
  right: auto;
  left: 55px;
}
.bubbleWrapper .layerWrapper .title .text-user-layer {
  right: 32px;
  top: 7px;
}
.bubbleWrapper .layerWrapper .title .select-layer {
  top: 5px;
  right: 100px;
  position: absolute;
  font: 20px Alef;
  color: #000000;
}
.bubbleWrapper .layerWrapper .title .close {
  background-color: transparent;
  border: transparent;
  position: absolute;
  left: 8px;
  font-size: 21px;
  top: 5px;
  color: #888;
  padding: 0;
  font-weight: normal;
}
.bubbleWrapper .layerWrapper .layers {
  border-bottom: 1px solid #e9eaed;
  margin-bottom: 0 !important;
}
.bubbleWrapper .layerWrapper span.title {
  font-size: 15px;
}
.bubbleWrapper .layerWrapper .allResults .extra-scroll-space {
  height: 8px;
}
.bubbleWrapper .layerWrapper .allResults .small-space {
  height: 1px !important;
}
.bubbleWrapper .layerWrapper .allResults .backgroundResult {
  background-color: white;
  padding-right: 10px;
  z-index: 0;
}
.bubbleWrapper .layerWrapper .allResults .bgResultWrapper {
  position: relative;
  border: 1px solid #cccccc;
  margin: 5px;
  background-color: white;
  overflow: hidden;
  cursor: pointer;
  z-index: 0;
  height: 41px;
  line-height: 41px;
}
.bubbleWrapper .layerWrapper .allResults .bgResultWrapper .details-wrapper {
  padding-right: 10px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper {
  max-height: -moz-calc(84%);
  max-height: -webkit-calc(84%);
  max-height: -o-calc(84%);
  max-height: calc(100% - 16px);
  /*max-height: calc(~'100vh - 16px');*/
  position: relative;
  border: 1px solid #cccccc;
  margin: 8px;
  padding-bottom: 50px;
  background-color: white;
  overflow: hidden;
  cursor: pointer;
  z-index: 0;
  /*margin-bottom:50px;*/
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper.iframe {
  padding-bottom: 0 !important;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .details-wrapper {
  padding-right: 10px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .details-wrapper.en {
  padding-left: 10px;
  text-align: left;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .select-tab {
  display: none;
  /*visibility:hidden;*/
  /*display: block;*/
  position: relative;
  top: 10px;
  width: 40px;
  float: left;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .select-tab.en {
  float: right;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .select-tab.en .fa-paint-brush {
  right: unset;
  left: 5px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .select-tab .fa-paint-brush {
  font-size: 16px;
  color: #6e6e6e;
  position: absolute;
  top: 9px;
  right: 5px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .select-tab .fa-circle {
  font-size: 32px;
  color: #f3f3f3;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper.tabSelected {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .tabsNav {
  position: relative;
  width: 100%;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .tabsNav button {
  display: inline-block;
  background-color: #ffffff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #e9eaed;
  width: 50%;
  font-size: 17px;
  color: #212121;
  height: 39px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .tabsNav .selected-tab {
  color: #000000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #2178da;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .tabsNav .selected {
  border-color: #3e66db;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field {
  font-size: 15px;
  padding-top: 10px;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .fieldName {
  color: #888888;
  font-weight: bold;
  display: inline;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .fieldValue {
  color: #000000;
  display: inline;
  word-break: break-word;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .bubbleImg {
  width: 96%;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .photo-grid-wrapper {
  width: 260px;
  position: relative;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .photo-grid-wrapper .rest-images-count-wrapper {
  background-color: #000000;
  opacity: 0.4;
  position: absolute;
  top: 175px;
  left: 131px;
  width: 130px;
  height: 86px;
  display: inline-block;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .photo-grid-wrapper .rest-images-count-text {
  color: #ffffff;
  font-size: 40px;
  position: absolute;
  top: 175px;
  left: 131px;
  padding-top: 13px;
  padding-left: 35px;
  display: inline-block;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .generic-time-fieldValue {
  display: block;
}
.bubbleWrapper .layerWrapper .allResults .resultWrapper .field .generic-time-fieldValue .generic-time-days {
  padding-top: 9px;
  padding-left: 9px;
  font-size: 15px;
  font-weight: bold;
}
.bubbleWrapper .layerWrapper .allResults .busResult {
  padding-bottom: 0;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field {
  padding-right: 10px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .busField {
  height: 30px;
  white-space: nowrap;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .bus-line .line-title {
  display: table;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .bus-line :hover {
  background-color: #f6f5f3;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .bus-line-border {
  border-bottom: 1px solid #e9eaed;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .bus-line-wrapper {
  padding-top: 6px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .title {
  display: inline-block;
  color: #888888;
  height: 19px;
  font-weight: bold;
  border: transparent;
  width: auto;
  vertical-align: middle;
  font-size: 15px;
  padding-right: 0;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .open-line {
  font-size: 13px;
  font-weight: normal;
  padding-top: 10px;
  border-bottom: 1px solid #e9eaed;
  height: inherit;
  width: 100%;
  padding-bottom: 10px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field hr {
  padding: 0 !important;
  width: calc(100% - 10px);
  color: #cccccc;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .arrive {
  margin-right: 45px;
  /*margin-left: 30px;*/
  padding: 5px 5px;
  padding-bottom: 12px;
  display: inline-block;
  float: left;
  left: 0;
  position: absolute;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .line-container {
  display: inline-block;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .logo {
  background-image: url('https://www.govmap.gov.il/images/agency.png');
  width: 30px;
  height: 30px;
  background-position: 32px 125px;
  display: inline-block;
  position: relative;
  top: 9px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .line {
  width: 40px;
  height: inherit;
  /*border: 1px solid #cccccc;*/
  padding-right: 9px;
  display: inline-block;
  font-size: 30px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .dest {
  display: table-cell;
  padding-right: 5px;
  width: 216px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .value {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .first {
  display: block;
  font-size: 16px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .second {
  display: block;
  font-size: 12px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .arrivalTIme {
  display: inline-block;
  /*padding: 0px 3px;*/
  padding-left: 16px;
}
.bubbleWrapper .layerWrapper .allResults .busResult .field .arrivalTIme .real-time {
  color: #348832;
}
.bubbleWrapper .layerWrapper .allResults .busResult .busInfo {
  border: 1px solid #cccccc;
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.bubbleWrapper .layerWrapper .footer {
  background-color: #fafafa;
  color: #747474;
  border-top: 1px solid #cccccc;
  text-align: right;
  position: relative;
  font-size: 13px;
  cursor: pointer;
}
.bubbleWrapper .layerWrapper .footer button,
.bubbleWrapper .layerWrapper .footer div {
  background-color: transparent;
  border: transparent;
  height: 41px;
  padding: 0;
  font: 15px Alef, sans-serif;
  color: #212121;
  /*span{
                    position:absolute;
                    top:12px;
                }
                  .text-edit-details{
                    right:40px;
                }
                    .text-edit-geom{
                    right:140px;
                }
                     .text-delete{
                    right:250px;
                 }*/
}
.bubbleWrapper .layerWrapper .footer button .fa,
.bubbleWrapper .layerWrapper .footer div .fa {
  padding-left: 3px;
  color: #6e6e6e;
  /*position:absolute;*/
  position: relative;
  top: 3px;
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-list-alt,
.bubbleWrapper .layerWrapper .footer div .fa.fa-list-alt {
  padding-right: 8px;
  font-size: 18px;
  /*right:8px;*/
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-map-pin,
.bubbleWrapper .layerWrapper .footer div .fa.fa-map-pin {
  font-size: 16px;
  padding-right: 13px;
  top: 1px;
  /*right:112px;*/
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-trash-o,
.bubbleWrapper .layerWrapper .footer div .fa.fa-trash-o {
  font-size: 21px;
  padding-right: 13px;
  /*right:215px;*/
  /*top:13px;*/
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-star,
.bubbleWrapper .layerWrapper .footer div .fa.fa-star {
  padding-right: 8px;
  font-size: 16px;
  top: 1px;
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-share-alt,
.bubbleWrapper .layerWrapper .footer div .fa.fa-share-alt {
  font-size: 16px;
  padding-right: 13px;
  top: 2px;
}
.bubbleWrapper .layerWrapper .footer button .fa.fa-exclamation-circle,
.bubbleWrapper .layerWrapper .footer div .fa.fa-exclamation-circle {
  font-size: 16px;
  padding-right: 13px;
  top: 2px;
}
.bubbleWrapper .layerWrapper .footer div {
  display: inline-block;
  padding-top: 10px;
}
.bubbleWrapper .layerWrapper .footer.en {
  text-align: left;
  padding-left: 10px;
}
[dir=ltr] .bubbleWrapper .layerWrapper .footer .bubbleBookmarks {
  display: none;
}
.bubbleWrapper .seperator {
  background-color: transparent;
  height: 8px;
  position: relative;
}
.bubbleWrapper .urlBubble {
  padding: 0 0;
  overflow: hidden;
  z-index: 0;
}
.bubbleWrapper .urlBubbleIframe {
  display: block;
  border: none;
}
.bubbleWrapper .urlBubbleIframe.isBubbleUrl {
  height: 202px;
}
.on-top {
  background-color: white !important;
  border-bottom: 1px solid #fff !important;
}
.valueIcon i {
  position: relative;
  top: 3px;
  display: inline-block;
}
.resultWrapper:hover .select-tab {
  display: block !important;
}
@media only screen and (max-width: 996px) {
  .bubbleWrapper {
    top: unset !important;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow-x: hidden;
    box-shadow: none;
  }
  .bubbleWrapper .text-format {
    width: 255px;
  }
  .bubbleWrapper .scrollWrapper {
    height: auto;
    max-height: 60vh;
    max-height: -moz-calc(-200%);
    max-height: -webkit-calc(-200%);
    max-height: -o-calc(-200%);
    max-height: calc(100vh - 300px);
    /*overflow-y: auto !important;*/
    overflow-x: hidden;
  }
  .bubbleWrapper .bubblesMultyResult {
    height: auto;
    max-height: 80vh;
    max-height: -moz-calc(-216%);
    max-height: -webkit-calc(-216%);
    max-height: -o-calc(-216%);
    max-height: calc(100vh - 316px);
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .bubbleWrapper.wide {
    width: 100%;
  }
  .select-layers {
    top: 0;
    right: 0;
    padding-top: 14px;
    padding-right: 8px;
    width: 30px;
    height: 28px;
  }
  .layerWrapper .details-wrapper {
    padding-right: 0;
  }
  .layerWrapper .close {
    width: 40px;
    left: 0;
    top: 0;
    height: 40px;
  }
  [dir=ltr] .layerWrapper .close {
    left: auto;
    right: 0;
  }
}
.close {
  background-color: transparent;
  border: transparent;
  position: fixed;
  left: 18px;
  font-size: 21px;
  top: 5px;
  color: #888;
  padding: 0;
  font-weight: normal;
  z-index: 1000;
}
.closeBtn {
  position: absolute;
}
.iskaot-keshet-anan {
  z-index: 1;
  position: absolute;
  top: 70px;
  right: 13px;
  background-color: transparent;
  border: transparent;
  width: 964px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
.iskaot-keshet-anan.embedded {
  top: 16px;
}
.iskaot-keshet-anan .text-format {
  width: 800px;
}
.iskaot-keshet-anan .overlay {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 140px;
  left: 0;
}
.iskaot-keshet-anan .scrollWrapper {
  margin: 0;
  height: auto;
  position: relative;
  max-height: calc(100vh - 245px);
  overflow: hidden;
}
.iskaot-keshet-anan .scrollWrapper.no-overflow {
  overflow: hidden;
}
.iskaot-keshet-anan .title {
  height: 41px;
  width: 100%;
  position: relative;
  background-color: white;
  border-bottom: 1px solid #fff;
  font: 17px Alef;
  color: #000000;
  z-index: 10;
  padding-right: 20px;
}
.iskaot-keshet-anan .title.layer-header {
  background-color: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.iskaot-keshet-anan .title .valueIcon {
  position: absolute;
  top: 0;
  right: 8px;
  display: inline-block;
}
.iskaot-keshet-anan .title .text {
  position: relative;
  right: 20px;
  top: 8px;
}
.iskaot-keshet-anan .side-padded {
  padding-bottom: 8px;
}
.iskaot-keshet-anan .first {
  padding-right: 19px;
}
.iskaot-keshet-anan .sale-date {
  width: 110px;
}
.iskaot-keshet-anan .address {
  width: 157px;
  line-height: 0;
  position: relative;
}
.iskaot-keshet-anan .address .address-text {
  position: absolute;
  top: -3px;
}
.iskaot-keshet-anan .address .address-text.link {
  color: #2178da;
}
.iskaot-keshet-anan .address .neighborhood-text {
  font-size: 12px;
  color: #929292;
  position: absolute;
  top: 11px;
}
.iskaot-keshet-anan .gush-helka {
  width: 109px;
}
.iskaot-keshet-anan .gush-helka-link {
  color: #2178da;
}
.iskaot-keshet-anan .asset-type {
  width: 140px !important;
}
.iskaot-keshet-anan .rooms {
  width: 83px;
  text-align: center !important;
}
.iskaot-keshet-anan .floor {
  width: 89px;
}
.iskaot-keshet-anan .floor.ellipsis-text {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.iskaot-keshet-anan .mr {
  width: 63px;
}
.iskaot-keshet-anan .price-deal {
  width: 109px;
}
.iskaot-keshet-anan .price-deal .fa-ils {
  font-size: 14px;
}
.iskaot-keshet-anan .last {
  width: 85px;
}
.iskaot-keshet-anan .realestate-topbar {
  height: 52px;
  line-height: 32px;
  padding-right: 17px;
  border-bottom: 1px solid #000000 !important;
}
.iskaot-keshet-anan .realestate-topbar i {
  vertical-align: middle;
}
.iskaot-keshet-anan .realestate-topbar .date,
.iskaot-keshet-anan .realestate-topbar .asset-type,
.iskaot-keshet-anan .realestate-topbar .rooms,
.iskaot-keshet-anan .realestate-topbar .deal {
  display: inline-block;
  cursor: pointer;
  height: 27px;
  padding-right: 10px;
  line-height: 25px;
  position: relative;
}
.iskaot-keshet-anan .realestate-topbar .date.selected,
.iskaot-keshet-anan .realestate-topbar .asset-type.selected,
.iskaot-keshet-anan .realestate-topbar .rooms.selected,
.iskaot-keshet-anan .realestate-topbar .deal.selected {
  background-color: #f2f2f2;
}
.iskaot-keshet-anan .realestate-topbar .resultCounter {
  background-color: #3e66db;
  color: white;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  line-height: 18px;
}
.iskaot-keshet-anan .realestate-topbar .date {
  width: 93px;
}
.iskaot-keshet-anan .realestate-topbar .asset-type {
  width: 104px;
}
.iskaot-keshet-anan .realestate-topbar .rooms {
  width: 170px;
  text-align: right !important;
}
.iskaot-keshet-anan .realestate-topbar .deal {
  width: 120px;
}
.iskaot-keshet-anan .cell {
  display: inline-block;
  text-align: right;
  height: 45px;
  line-height: 42px;
  vertical-align: bottom;
  font-size: 15px;
  color: #000000;
}
.iskaot-keshet-anan .related-items-title {
  height: 45px;
  text-align: right;
  padding-right: 20px;
  line-height: 42px;
  position: relative;
}
.iskaot-keshet-anan .related-items-title .related-items-wrapper {
  background-color: #2178da;
  color: #ffffff;
  font-size: 15px;
  padding: 0 5px;
}
.iskaot-keshet-anan .related-items-title .change-view-popup {
  top: 32px;
  right: 20px;
  width: 302px;
  height: 156px;
  padding: 0 10px;
}
.iskaot-keshet-anan .related-items-title .change-view-popup div {
  height: 39px;
}
.iskaot-keshet-anan .realsestate-header {
  border-bottom: 1px solid #e9eaed;
  height: 45px;
  line-height: 45px;
  text-align: right;
}
.iskaot-keshet-anan .realestate-table-wrapper .data-row {
  border-bottom: 1px solid #e9eaed;
  background-color: #ffffff;
}
.iskaot-keshet-anan .realestate-table-wrapper .data-row.choose {
  border: none;
}
.iskaot-keshet-anan .realestate-table-wrapper .data-row:hover {
  background-color: #e9eaed;
}
.iskaot-keshet-anan .project-icon {
  background: url('../Images/kablan_man.png');
  width: 20px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
}
.assets-deals-filter-popup {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  top: 163px;
  z-index: 2;
  padding: 10px;
  padding-bottom: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  text-align: right;
}
.assets-deals-filter-popup.date-popup {
  right: 28px;
  width: 400px;
}
.assets-deals-filter-popup.date-popup .selected-dates {
  height: 45px;
}
.assets-deals-filter-popup.date-popup .date-label {
  position: relative;
  top: 10px;
}
.assets-deals-filter-popup.date-popup .rzslider {
  width: 79%!important;
}
.assets-deals-filter-popup.date-popup .rzslider .rz-pointer {
  top: -8px;
  width: 18px;
  height: 18px;
  background-color: #5c5c5c;
}
.assets-deals-filter-popup.date-popup .rzslider .rz-pointer:after {
  display: none;
}
.assets-deals-filter-popup.date-popup .rz-bubble {
  display: none!important;
  visibility: hidden!important;
}
.assets-deals-filter-popup.assettype-popup {
  right: 128px;
  width: 300px;
}
.assets-deals-filter-popup.rooms-popup {
  right: 272px;
  width: 300px;
}
.assets-deals-filter-popup.dealtype-popup {
  right: 406px;
  width: 300px;
}
.assets-deals-filter-popup.hidden {
  display: none;
}
.assets-deals-filter-popup .asset-type-row,
.assets-deals-filter-popup .rooms-row,
.assets-deals-filter-popup .dealtype-row {
  height: 52px;
  cursor: pointer;
}
.assets-deals-filter-popup .rooms-row .fa-square-o,
.assets-deals-filter-popup .rooms-row .fa-check-square-o {
  vertical-align: middle;
}
.assets-deals-filter-popup .fa-square-o {
  margin-left: 9px;
  font-size: 21px;
  color: #818181;
  margin-right: 3px;
}
.assets-deals-filter-popup .fa-check-square-o {
  margin-left: 9px;
  font-size: 21px;
  color: #2178da;
}
.assets-deals-filter-popup .asset-type-text,
.assets-deals-filter-popup rooms-text,
.assets-deals-filter-popup dealtype-text {
  font-size: 16px;
  color: #000000;
  position: relative;
  top: -4px;
}
.assets-deals-filter-popup .filter-footer {
  height: 45px;
}
.assets-deals-filter-popup .filter-footer .btn {
  font-size: 20px;
  border-color: transparent;
  background-color: transparent;
}
.assets-deals-filter-popup .filter-footer .btn.btn-cancel {
  float: right;
  color: #818181;
}
.assets-deals-filter-popup .filter-footer .btn.btn-filter {
  float: left;
  color: #2178da;
}
.boxed {
  padding: 9px;
}
.boxed.asset-preview {
  margin: 6px 8px;
}
.boxed .deals-street,
.boxed .fa-table,
.boxed .fa-angle-left {
  color: #929292;
}
.boxed .row {
  height: 30px;
}
.boxed .button-wrapper {
  line-height: 15px;
  height: 38px;
  padding: 9px;
  background: #f3f3f3;
  margin-bottom: 50px;
  margin-top: 5px;
}
.boxed .button-wrapper .fa-table {
  font-size: 17px;
  right: 3px;
}
.boxed .button-wrapper .fa-angle-left {
  font-size: 20px;
  right: 57px;
}
.boxed .button-wrapper .fa-angle-left,
.boxed .button-wrapper .fa-table {
  top: -1px;
  position: relative;
}
.boxed .button-wrapper .btn-address {
  border-color: transparent;
  background-color: transparent;
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 996px) {
  .iskaot-keshet-anan {
    bottom: 0;
    right: 0;
    overflow: hidden;
    box-shadow: none;
    width: 100% !important;
    top: 0 !important;
  }
  .iskaot-keshet-anan .title {
    padding-right: 5px;
  }
  .iskaot-keshet-anan .text-format {
    width: 800px;
  }
  .iskaot-keshet-anan .result-wrapper {
    height: 92.8%;
    background-color: #e4eaed;
  }
  .iskaot-keshet-anan .scrollWrapper {
    height: auto;
    max-height: 60vh !important;
    max-height: -moz-calc(-11%) !important;
    max-height: -webkit-calc(-11%) !important;
    max-height: -o-calc(-11%) !important;
    max-height: calc(100vh - 111px) !important;
    overflow-x: hidden;
  }
  .iskaot-keshet-anan .change-view-popup {
    top: -10px !important;
    right: 0 !important;
    z-index: 10;
    position: relative;
  }
  .iskaot-keshet-anan .change-view-popup div {
    width: 275px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 52px!important;
    border-bottom: 1px solid #e9eaed;
    line-height: 52px;
  }
  .iskaot-keshet-anan .change-view-popup div label input {
    position: relative;
    top: 5px;
    margin-left: 7px;
    width: 20px;
    height: 20px;
  }
  .iskaot-keshet-anan .overlay-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 1;
  }
  .iskaot-keshet-anan .on-top {
    border-bottom: 1px solid #ccc !important;
  }
  .iskaot-keshet-anan .side-padded {
    padding: 0;
  }
  .iskaot-keshet-anan .side-padded .boxed {
    padding: 11px;
  }
  .iskaot-keshet-anan .side-padded .boxed .button-wrapper .fa-angle-left {
    right: 115px;
  }
  .iskaot-keshet-anan .deals-title .fa-sliders {
    color: #2178da;
    font-size: 23px;
    float: right;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
  }
  .iskaot-keshet-anan .deals-title .layer-caption {
    display: block;
    width: 200px;
    text-align: center;
    margin: auto;
    line-height: 20px;
    font-size: 20px;
    padding-left: 25px;
  }
  .iskaot-keshet-anan .deals-title .layer-caption.single {
    padding-top: 10px;
  }
  .iskaot-keshet-anan .deals-title .layer-caption.sub-caption {
    color: #929292;
    font-size: 14px;
    line-height: 14px;
  }
  .iskaot-keshet-anan .deal-wrapper {
    margin-top: 6px;
    background-color: #ffffff;
    margin-left: 8px;
    margin-right: 8px;
    border: 1px solid #cccccc;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details {
    border-bottom: 1px solid #e9eaed;
    padding-top: 12px;
    padding-left: 11px;
    padding-right: 11px;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details .address,
  .iskaot-keshet-anan .deal-wrapper .asset-details .gush-helka,
  .iskaot-keshet-anan .deal-wrapper .asset-details .asset-type {
    width: 100%;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details .address {
    font-size: 24px;
    color: #000000;
    margin-bottom: 9px;
    line-height: 8px;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details .address.link {
    color: #2178da;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    text-align: right;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details .gush-helka {
    font-size: 17px;
    color: #989898;
    margin-bottom: 2px;
  }
  .iskaot-keshet-anan .deal-wrapper .asset-details .asset-type {
    font-size: 14px;
    color: #989898;
    margin-bottom: 12px;
  }
  .iskaot-keshet-anan .deal-wrapper .deal-details {
    padding-top: 13px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 43px;
  }
  .iskaot-keshet-anan .deal-wrapper .deal-details div {
    padding-bottom: 7px;
    font-size: 17px;
    color: #212121;
  }
  .iskaot-keshet-anan .deal-wrapper .deal-details div.price {
    background-color: #f9f9f9;
    height: 29px;
    font-size: 20px;
    color: #000000;
    text-align: center;
    padding: 0;
  }
  .iskaot-keshet-anan .deal-wrapper .deal-details div.price .fa-ils {
    position: relative;
    top: 4px;
  }
  .assets-deals-filter-popup {
    position: relative;
    top: -5px;
    width: 100%;
    padding: 0;
    border: 0;
  }
  .assets-deals-filter-popup .title-wrapper {
    height: 45px;
    text-align: center;
    line-height: 42px;
  }
  .assets-deals-filter-popup .title-wrapper .filter-text {
    font-size: 20px;
    color: #000000;
    display: inline-block;
    position: relative;
    top: 5px;
  }
  .assets-deals-filter-popup .filter-content {
    border-top: 1px solid #929292;
  }
  .assets-deals-filter-popup .filter-content.scrollWrapper {
    margin: 0;
    height: auto;
    position: relative;
    max-height: calc(100vh - 40px);
    overflow: hidden;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row {
    border-bottom: 1px solid #e9eaed;
    padding: 28px 10px;
    padding-bottom: 0;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .filter-label {
    display: inline-block;
    padding-bottom: 28px;
    font-size: 17px;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .filter-date-label {
    display: block;
    font-size: 17px;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .selected-dates {
    padding-top: 19px;
    padding-bottom: 29px;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .date-label {
    position: relative;
    top: 10px;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .rzslider {
    width: 77%!important;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .rzslider .rz-pointer {
    top: -8px;
    width: 18px;
    height: 18px;
    background-color: #5c5c5c;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .rzslider .rz-pointer:after {
    display: none;
  }
  .assets-deals-filter-popup .filter-content .filter-content-row .rz-bubble {
    display: none!important;
    visibility: hidden!important;
  }
  .boxed {
    padding: 11px;
  }
  .boxed.asset-preview {
    margin: 6px 8px;
  }
  .boxed .button-wrapper .fa-angle-left {
    right: 115px;
  }
}
.ios .iskaot-keshet-anan .scrollWrapper {
  max-height: calc(100vh - 121px) !important;
}
.ios .iskaot-keshet-anan .deal-wrapper .asset-details.related-data {
  padding-top: 6px;
}
.ios .iskaot-keshet-anan .deal-wrapper .asset-details .address.link {
  height: 28px;
  margin-bottom: 2px;
}
/*אגד*/
.agency_3 .logo {
  background-position: -1px -1px !important;
}
/*אגד תעבורה*/
.agency_4 .logo {
  background-position: -32px -1px !important;
}
/*דן*/
.agency_5 .logo {
  background-position: -63px -1px !important;
}
/*ש.א.מ*/
.agency_6 .logo {
  background-position: -94px -1px !important;
}
/*נסיעות ותיירות*/
.agency_7 .logo {
  background-position: -1px -32px !important;
}
/*גי.בי.טורס*/
.agency_8 .logo {
  background-position: -32px -32px !important;
}
/*מועצה אזורית אילות*/
.agency_10 .logo {
  background-position: -32px -125px !important;
}
/*נתיב אקספרס*/
.agency_14 .logo {
  background-position: -1px -63px !important;
}
/*מטרופולין*/
.agency_15 .logo {
  background-position: -32px -63px !important;
}
/*סופרבוס*/
.agency_16 .logo {
  background-position: -63px -63px !important;
}
/*קווים*/
.agency_18 .logo {
  background-position: -94px -63px !important;
}
/*--Ÿ*/
.agency_19 .logo {
  background-position: -1px -94px !important;
}
/*כרמלית*/
.agency_20 .logo {
  background-position: -63px -125px !important;
}
/*גלים*/
.agency_23 .logo {
  background-position: -32px -94px !important;
}
/*גולן*/
.agency_24 .logo {
  background-position: -32px -125px !important;
}
/*אפיקים*/
.agency_25 .logo {
  background-position: -94px -94px !important;
}
/*דן צפוןŸ*/
.agency_30 .logo {
  background-position: -63px -1px !important;
}
/*דן דרום*/
.agency_31 .logo {
  background-position: -63px -1px !important;
}
/*דן באר שבעŸ*/
.agency_32 .logo {
  background-position: -63px -1px !important;
}
.sort-rooms-list {
  background-color: white;
}
.sort-rooms-list .filter-body {
  width: 97%;
}
.boxed {
  padding: 8px;
  background: #ffffff;
  margin-top: 8px;
  position: relative;
  border: 1px solid #cccccc;
  cursor: pointer;
  z-index: 0;
}
.boxed .select-tab {
  display: none !important;
  position: relative;
  top: 10px;
  width: 40px;
  float: left;
}
.boxed .select-tab .fa-paint-brush {
  font-size: 16px;
  color: #6e6e6e;
  position: absolute;
  top: 5px;
  right: 4px;
}
.boxed .select-tab .fa-circle {
  font-size: 32px;
  color: #f3f3f3;
}
.boxed .optionTitle {
  color: #888888;
  /*font-weight: bold;*/
}
.boxed .fa-angle-left {
  position: absolute;
  font-size: 29px;
  top: 11px;
  left: 11px;
}
.boxed .more-info {
  color: #1C67BD;
}
.boxed .more-info:hover {
  cursor: pointer;
}
.boxed:hover > .select-tab {
  display: block !important;
}
.side-padded {
  padding: 0px 8px;
  /*padding-bottom: 8px;*/
}
.realestate-table {
  white-space: nowrap;
}
.realestate-table .realsestate-header,
.realestate-table .realsestate-items-wrapper {
  text-align: center;
}
.realestate-table .realestate-topbar {
  border-bottom: 1px solid #e9eaed;
  border-top: 1px solid #e9eaed;
}
.full-width {
  padding: 0px 0px;
}
.realestate-topbar {
  padding: 8px;
  background: #ffffff;
  position: relative;
  height: 44px;
}
.realestate-topbar button {
  border: none;
  background: transparent;
}
.realestate-topbar button.filter {
  float: left;
}
.realestate-topbar button.table-mode-selector {
  border: 1px solid #e9eaed;
  text-align: right;
  color: #1C67BD;
}
.realestate-topbar .sort {
  position: absolute;
  top: 10px;
  right: 60px;
  width: calc(100% - 120px);
  text-align: center;
}
.realestate-topbar .single-filter {
  top: 10px;
  right: 10px;
  width: initial;
}
.realestate-topbar .table-sort-button {
  text-align: right;
  right: 120px !important;
  width: inherit;
}
.filter-mode button {
  width: 100%;
  text-align: right;
  height: 60px;
}
.filter-mode .clear-all {
  padding: 9px;
  padding: 8px;
  background: #ffffff;
  margin-top: 8px;
  position: relative;
  border: 1px solid #cccccc;
  cursor: pointer;
  z-index: 0;
  background-color: transparent;
  text-align: center;
  padding: 6px;
  height: 35px;
}
.filter-mode .clear-all.asset-preview {
  margin: 6px 8px;
}
.filter-mode .clear-all .deals-street,
.filter-mode .clear-all .fa-table,
.filter-mode .clear-all .fa-angle-left {
  color: #929292;
}
.filter-mode .clear-all .row {
  height: 30px;
}
.filter-mode .clear-all .button-wrapper {
  line-height: 15px;
  height: 38px;
  padding: 9px;
  background: #f3f3f3;
  margin-bottom: 50px;
  margin-top: 5px;
}
.filter-mode .clear-all .button-wrapper .fa-table {
  font-size: 17px;
  right: 3px;
}
.filter-mode .clear-all .button-wrapper .fa-angle-left {
  font-size: 20px;
  right: 57px;
}
.filter-mode .clear-all .button-wrapper .fa-angle-left,
.filter-mode .clear-all .button-wrapper .fa-table {
  top: -1px;
  position: relative;
}
.filter-mode .clear-all .button-wrapper .btn-address {
  border-color: transparent;
  background-color: transparent;
  position: relative;
  top: -3px;
}
.filter-mode .clear-all .select-tab {
  display: none !important;
  position: relative;
  top: 10px;
  width: 40px;
  float: left;
}
.filter-mode .clear-all .select-tab .fa-paint-brush {
  font-size: 16px;
  color: #6e6e6e;
  position: absolute;
  top: 5px;
  right: 4px;
}
.filter-mode .clear-all .select-tab .fa-circle {
  font-size: 32px;
  color: #f3f3f3;
}
.filter-mode .clear-all .optionTitle {
  color: #888888;
  /*font-weight: bold;*/
}
.filter-mode .clear-all .fa-angle-left {
  position: absolute;
  font-size: 29px;
  top: 11px;
  left: 11px;
}
.filter-mode .clear-all .more-info {
  color: #1C67BD;
}
.filter-mode .clear-all .more-info:hover {
  cursor: pointer;
}
.filter-mode .filter-title {
  height: 35px;
  padding-right: 12px;
  color: #888888;
  font-weight: bold;
  background-color: white;
  padding-top: 7px;
}
.filter-mode .filter-title .resultCounter {
  position: absolute;
  left: 12px;
}
.filter-mode-header {
  padding: 8px;
  padding-bottom: 0;
  background: #ffffff;
  height: 40px;
  position: relative;
  border-bottom: 1px solid #e9eaed;
}
.filter-mode-header .realestate-back {
  float: left;
  position: absolute;
  top: 7px;
  left: 3px;
}
.filter-mode-header .realestate-back button {
  background-color: transparent;
  border: transparent;
}
.filter-mode-header .realestate-back:hover {
  cursor: pointer;
}
.filter-body {
  padding: 8px;
  background: #ffffff;
  position: relative;
}
.filter-body .filter-title {
  padding-right: 4px;
}
.filter-body .asset-list {
  margin: 0;
}
.filter-body .asset-list li {
  height: 33px;
}
.filter-body .asset-type {
  border-bottom: 1px solid #9b9b9b;
  height: 35px;
}
.filter-body select,
.filter-body input {
  width: 100%;
  margin: auto;
  padding-right: 8px;
  height: 28px;
}
.filter-body input {
  margin-top: 25px;
  width: 95% !important;
}
.filter-body .dateInput {
  color: #000000;
}
.filter-body datepicker {
  float: none;
  margin-top: 8px;
}
.filter-body datepicker .calendar-toggle {
  position: absolute;
  left: 9px;
  top: 3px;
  /*bottom: 5px;*/
}
.filter-body ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.filter-body ul li {
  height: 40px;
  padding-top: 13px;
  border-bottom: 1px solid #9b9b9b;
}
.filter-body ul li .checkBtn {
  background: transparent;
  border: transparent;
}
.filter-body ul li .fa {
  color: #3e66db;
  font-size: 18px;
}
.filter-body ul li .fa-circle-thin {
  color: #cccccc;
}
.realsestate-header {
  white-space: nowrap;
  width: 100%;
  background-color: #fff;
}
.realsestate-header div {
  display: inline-block;
  width: 14%;
  font-weight: bold;
}
.realsestate-header div:nth-child(4) {
  width: 8%;
}
.table-choose {
  background-color: white;
  width: 100%;
  white-space: nowrap;
}
.table-choose .realestate-back {
  float: left;
}
.table-choose .realestate-back button {
  background-color: transparent;
  border: transparent;
}
.table-choose .realestate-back:hover {
  cursor: pointer;
}
.table-choose .date-choose {
  padding-top: 5px;
}
.table-choose .date-choose,
.table-choose .room-choose,
.table-choose .asset-choose {
  width: calc(100% - 36px);
  padding-right: 12px;
  position: relative;
}
.table-choose .filter-title {
  color: #888888;
  /*font-weight: bold;*/
  height: 38px;
  padding-top: 13px;
}
.table-choose input,
.table-choose select {
  padding-right: 8px;
}
.table-choose input,
.table-choose .datePickerWrapper {
  display: inline-block;
  width: 50%;
  margin-left: 12px;
  height: 28px;
  box-sizing: border-box;
}
.table-choose .datePickerWrapper {
  width: calc(50% - 24px);
  margin-right: 12px;
  margin-left: 0;
}
.table-choose .datePickerWrapper input {
  width: 100%;
}
.table-choose .datePickerWrapper .calendar-toggle {
  position: absolute;
  left: 5px;
  top: 5px;
}
.table-choose select {
  display: block;
  width: 50%;
  height: 28px;
  margin-bottom: 25px;
}
.table-choose .realestate-btns {
  height: 40px;
  padding-top: 8px;
  border-top: 1px solid #ddd;
}
.table-choose .realestate-btns .clear-all {
  position: absolute;
  right: 12px;
}
.table-choose .realestate-btns button {
  font-size: 15px !important;
  height: 21px !important;
  line-height: 16px;
}
.realestate-table-wrapper > div {
  white-space: nowrap;
  background-color: #e9eaed;
  border: transparent;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  display: block;
  cursor: pointer;
}
.realestate-table-wrapper > div:nth-child(odd) {
  background-color: #ffffff;
}
.realestate-table-wrapper > div button {
  height: 25px;
  width: 100%;
  background-color: transparent;
  border: transparent;
}
.realestate-table-wrapper > div button > div {
  display: inline-block;
  width: 14%;
}
.realestate-table-wrapper > div button > div:nth-child(4) {
  width: 8%;
}
.realestate-table-wrapper .item-info-wrapper {
  position: relative;
  margin: 10px;
  background-color: transparent;
}
.realestate-table-wrapper .item-info-wrapper .item-info-text {
  padding: 12px;
  border: 1px solid #cccccc;
  background-color: white;
  white-space: normal;
  width: 100%;
  text-align: right;
}
.realestate-table-wrapper .item-info-wrapper .item-info-text .field {
  display: inline-block;
  width: calc(50% - 10px);
}
.realestate-table-wrapper .item-info-wrapper .item-info-text .field .fieldName {
  color: #888888;
  /*font-weight: bold;*/
  width: 140px;
}
.realestate-table-wrapper .item-info-wrapper .item-info-text .field > div {
  position: relative;
  display: inline-block;
}
.realestate-table-wrapper .item-info-wrapper .tabSelected {
  /*border: 1px solid #0041ff !important;*/
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.realestate-table-wrapper .item-info-wrapper .tabSelected .select-tab {
  display: none!important;
}
.realestate-tiles-wrapper .title {
  font-weight: bold;
  color: #888;
}
.realestate-tiles-wrapper .rooms {
  white-space: nowrap;
}
.realestate-tiles-wrapper .rooms > div {
  display: inline-block;
  width: 33.3%;
}
.realestate-tiles-wrapper .tabSelected {
  /*border: 1px solid #1c67bd !important;*/
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.realestate-tiles-wrapper .tabSelected .select-tab {
  display: none!important;
}
.realestate-tiles-wrapper .more-info-btn {
  color: #1c67bd;
}
._720kb-datepicker-open {
  position: relative;
  width: 90%;
  margin: auto;
  direction: ltr;
}
.realestate-btns {
  height: 55px;
  padding: 8px;
  background: #ffffff;
  position: relative;
  text-align: left;
}
.realestate-btns button {
  border: 1px solid #e9eaed;
  background: transparent;
}
.realestate-btns button:first-child {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
  height: 27px;
}
.realestate-btns button:first-child:hover {
  background-color: #1a6eb7;
}
.realestate-btns button:first-child:hover {
  background-color: white;
}
.realestate-btns button:nth-child(2) {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  height: 27px;
}
.realestate-btns button:nth-child(2):hover {
  background-color: #1a6eb7;
}
.datePickerScroll {
  overflow: visible !important;
}
@media only screen and (max-width: 996px) {
  .realestate-topbar {
    height: 40px;
  }
  .realestate-topbar .table-mode-selector {
    display: none;
  }
  .realestate-topbar .sort {
    text-align: right;
    right: 0;
  }
  .realestate-table .realsestate-header,
  .realestate-table .realsestate-items-wrapper {
    text-align: right;
  }
}
/*@import "../Widget/GovmapMeasure/css/measure";*/
.saveLazyWrapper {
  position: absolute;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #cccccc;
  background-color: white;
  top: 70px;
  right: 13px;
  z-index: 100;
  border: 1px solid #e9eaed;
}
[dir=ltr] .saveLazyWrapper {
  right: auto;
  left: 13px;
}
.saveLazyWrapper.embedded {
  top: 30px;
}
.saveWrapper {
  cursor: default;
  position: relative;
  z-index: 3;
  top: 0;
  right: 0;
  background-color: white;
  width: 300px;
  height: 245px;
}
.saveWrapper .Image {
  height: 88px;
  width: 130px;
  background: url('../Images/MapArea.png');
  background-repeat: no-repeat;
  background-position: 0px -230px;
  margin-top: 9px;
  margin-right: 3px;
  display: inline-block;
}
.saveWrapper .Image.en {
  /*left:12px;
                position:absolute;*/
}
.saveWrapper .header {
  height: 48px;
  border-bottom: 1px solid #e9eaed;
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
}
.saveWrapper .close {
  position: absolute;
  left: 0;
  /*right:12px;
     left:inherit;*/
  top: 0;
  background-color: transparent;
  border: transparent;
  width: 40px;
  height: 48px;
}
[dir=ltr] .saveWrapper .close {
  left: auto;
  right: 0;
}
.saveWrapper .body {
  padding: 9px;
  white-space: normal;
  height: 115px;
}
.saveWrapper .body .text {
  width: 150px;
  padding-right: 15px;
  box-sizing: border-box;
  position: absolute;
  padding-top: 35px;
}
.saveWrapper .body .text.en {
  right: 4px;
  top: 40px;
}
.saveWrapper .body > div {
  display: inline-block;
}
.saveWrapper .save-zip {
  margin-right: 12px;
  margin-bottom: 10px;
}
.saveWrapper .save-zip.en {
  margin-left: 12px;
}
.saveWrapper .save-zip .checkbox {
  position: relative;
  top: 3px;
}
.saveWrapper .save-zip .text {
  font-size: 16px;
  color: #212121;
}
.saveWrapper .options {
  padding: 10px ;
  position: relative;
  text-align: left;
}
.saveWrapper .options.en {
  text-align: right;
}
.saveWrapper .options button {
  font-size: 15px;
  display: inline-block;
}
.saveWrapper .options .saveBtn {
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  height: 28px;
  cursor: pointer;
}
.saveWrapper .options .cancleBtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
  height: 28px;
}
.saveWrapper .options .cancleBtn:hover {
  background-color: #1a6eb7;
}
.saveWrapper .options .cancleBtn:hover {
  background-color: white;
}
.systemWrapper {
  position: absolute;
  z-index: 2;
  left: calc(50vw - 10px);
  top: calc(50vh - 55px);
  transform: translate3D(-50%, -50%, 0);
  background-color: white;
  border: 1px solid #cccccc;
  height: auto;
}
.systemWrapper .title-mobile {
  padding-right: 0px !important;
  font-size: 15px !important;
}
.systemWrapper .mobileSystemWrapper {
  display: none;
}
.systemWrapper .header {
  height: 48px;
  padding-top: 10px;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
.systemWrapper .header .close {
  position: absolute;
  top: 0;
  left: 0;
  right: initial;
  right: auto;
  width: 40px;
  height: 100%;
}
.systemWrapper .header .title {
  font-size: 20px;
}
.systemWrapper .largeSetting {
  width: 646px;
}
.systemWrapper .largeSetting hr {
  margin: 0;
}
.systemWrapper .largeSetting .body > div {
  padding-top: 7px;
  height: 40px;
  white-space: nowrap;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.systemWrapper .largeSetting .body > div div {
  display: inline-block;
  color: #000000;
  position: relative;
  width: 133px;
}
.systemWrapper .largeSetting .body > div div button {
  background: transparent;
  border: transparent;
  color: #337ab7;
}
.systemWrapper .largeSetting .body > div .optionTitle {
  width: 315px;
  color: #888888;
  font-weight: bold;
  padding-right: 12px;
}
.systemWrapper .largeSetting .body > div .description {
  width: 160px;
}
.systemWrapper .largeSetting .body > div .editOption {
  text-align: left;
  left: 12px;
  width: 172px;
}
.systemWrapper .largeSetting .body > div .afterSave {
  color: #63b32e;
  font-weight: bold;
  position: absolute;
  left: 5px;
  top: -11px;
  text-align: left;
}
.systemWrapper .largeSetting .body > div .afterSave .after-save-check {
  margin-left: 5px;
}
.mapi-logo {
  position: absolute;
  right: 20px;
  bottom: 13px;
  background-color: transparent;
  border: none;
  z-index: 1;
  font-family: mapiregular, sans-serif;
  display: inline-block;
}
[dir=ltr] .mapi-logo {
  left: 0;
  margin-left: 16px;
}
.mapi-logo .logo {
  font-size: 66px;
  font-style: normal;
  display: inline-block;
}
.mapi-logo .mapi-23 {
  float: left;
  margin-right: -7px;
}
.mapi-logo.logo-orthoBgPhotoChange,
.mapi-logo.logo-orthoBgPhotoChangeEn {
  text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
}
.mapi-logo.logo-orthoBgPhotoChange .mapi-23,
.mapi-logo.logo-orthoBgPhotoChangeEn .mapi-23 {
  color: #2178da;
}
.mapi-logo.logo-orthoBgPhotoChange .mapi-25,
.mapi-logo.logo-orthoBgPhotoChangeEn .mapi-25 {
  color: #ff871d;
}
.mapi-logo.logo-mapBgPhotoChange,
.mapi-logo.logo-mapBgPhotoChangeEn {
  text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
}
.mapi-logo.logo-mapBgPhotoChange .mapi-23,
.mapi-logo.logo-mapBgPhotoChangeEn .mapi-23 {
  color: #ffffff;
}
.mapi-logo.logo-mapBgPhotoChange .mapi-25,
.mapi-logo.logo-mapBgPhotoChangeEn .mapi-25 {
  color: #ffffff;
}
.backgroundBtnLarge {
  position: absolute;
  left: 22px;
  bottom: 32px;
  background-color: transparent;
  border: none;
  z-index: 3;
  height: 72px;
  width: 72px;
}
[dir=ltr] .backgroundBtnLarge {
  left: auto;
  right: 22px;
}
.backgroundBtnLarge button {
  cursor: pointer;
  border: none;
  padding: 0;
  height: 72px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.backgroundBtnSmall {
  display: none;
}
.backgroundBtnSmall button {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid #cccccc;
}
.userBackgrounds {
  height: 300px !important;
}
.userBackgrounds .body {
  height: 245px !important;
}
.userBackgrounds .body .scrollWrapper {
  max-height: 180px !important;
}
.userBackgrounds .body .cancel,
.userBackgrounds .body .save {
  margin-top: 10px !important;
}
.userBackgrounds .background-close {
  right: 0;
  left: inherit;
  width: 30px;
}
.backgroundMapBox {
  z-index: 1000;
  bottom: 32px;
  background-color: white;
  width: 286px;
  height: 275px;
  left: 21px;
  position: absolute;
  border: 1px solid #cccccc;
}
[dir=ltr] .backgroundMapBox {
  left: unset;
  right: 17px;
}
.backgroundMapBox .header {
  padding-right: 0px !important;
}
.backgroundMapBox .header .close {
  left: 10px;
  height: 100%;
  top: 0;
}
[dir=ltr] .backgroundMapBox .header .close {
  left: auto;
  right: 10px;
}
.backgroundMapBox .chooseBackgroundHeader {
  padding-right: 5px;
}
.backgroundMapBox hr {
  margin: 0;
}
.backgroundMapBox .body {
  overflow: hidden !important;
  height: 220px;
}
.backgroundMapBox .body .scrollWrapper {
  max-height: 235px;
  /*height: inherit;*/
}
.backgroundMapBox .moreBg {
  position: absolute;
  right: 32%;
}
.backgroundMapBox .back {
  /*right: 220px;*/
  position: static;
  float: right !important;
  color: #2178da;
}
.backgroundMapBox .back .fa-chevron-left {
  font-size: 18px;
  padding-top: 6px;
}
.backgroundMapBox .back .back-text {
  font-size: 20px;
  margin-left: 5px;
  position: relative;
}
.backgroundMapBox .back .back-text .text {
  top: -2px;
  position: relative;
}
.backgroundMapBox .scrollWrapper {
  padding: 0;
  margin: 0;
  position: relative;
  max-height: 240px;
  overflow-y: hidden;
}
.backgroundMapBox .scrollWrapper .backgroundNamesWrapper {
  overflow-y: hidden;
  overflow-x: hidden;
}
.backgroundMapBox .background-loader {
  height: 40px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.backgroundMapBox .fa-spinner {
  text-align: center;
  color: #4471db;
  font-size: 19px;
}
.backgroundMapBox .fa-chevron-left {
  position: relative;
  float: left;
  padding-top: 8px;
  font-size: 18px;
}
.backgroundMapBox .backgroundName {
  background-color: transparent;
  border: transparent;
  width: 83px;
  text-align: center;
  margin-top: 13px;
  margin-right: 9px;
  padding: 0;
  vertical-align: top;
}
[dir=ltr] .backgroundMapBox .backgroundName {
  margin-left: 9px;
  margin-right: 0;
}
.backgroundMapBox .backgroundName .selected {
  border: 2px solid #2178da !important;
}
.backgroundMapBox .backgroundName .fa {
  float: left;
  padding-top: 10px !important;
}
.backgroundMapBox .backgroundName .subBackgrounds {
  color: #c7c7cc;
}
.backgroundMapBox .backgroundName span {
  display: inline-block;
  height: 35px;
  position: relative;
  top: -6px;
  font-size: 15px;
  color: #212121;
  line-height: 17px;
}
.backgroundMapBox .backgroundName .backgroundMapOptionImage {
  display: inline-block;
}
.backgroundMapBox .backgroundName .backgroundMapOptionImage.image-border {
  border: 1px solid #d0d0d0;
}
.backgroundMapBox .backgroundName .backgroundMapOptionImage.image-border.selected {
  border: 2px solid #2178da;
}
.backgroundMapBox .sub-backgroundName {
  background-color: transparent;
  border: transparent;
  height: 48px;
  width: 100%;
  text-align: right;
  margin-right: 2px;
}
.backgroundMapBox .sub-backgroundName span {
  display: inline-block;
  position: relative;
  bottom: 13px;
  margin-right: 3px;
}
.backgroundMapBox .sub-backgroundName .background-text {
  bottom: 0;
  margin-right: 0;
}
.backgroundMapBox .mapFooter {
  display: block;
  width: 100%;
  position: relative;
  background-color: white;
  height: 35px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #747474;
}
.backgroundMapBox .mapFooter button {
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
}
.backgroundMapBox .mapFooter .button.cancel {
  background: #ffffff !important;
  color: black;
  border: 1px solid #ccc;
}
.rightClickWrapper {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  border: 1px solid #cccccc;
  width: 153px;
  /*hr{
    margin: 0;
  }*/
}
[dir=ltr] .rightClickWrapper {
  width: 170px;
}
.rightClickWrapper .exit {
  position: absolute;
  font-size: 19px;
  left: 0;
  margin: 5px;
  font-weight: bold;
  background-color: transparent;
  border: transparent;
}
.rightClickWrapper .MapMenuOption {
  background-color: white;
  border: transparent;
  padding: 15px 10px;
  font-size: 15px;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #e9eaed;
}
[dir=ltr] .rightClickWrapper .MapMenuOption {
  text-align: left;
}
.rightClickWrapper .MapMenuOption .fa {
  color: #4471db;
  padding-left: 10px;
}
.bookmarksWrapper {
  z-index: 3;
  background-color: white;
  border: 1px solid #747474;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
  width: 400px;
}
.bookmarksWrapper .header {
  padding-top: 13px;
  height: 48px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #747474;
}
.bookmarksWrapper .header .close {
  position: absolute;
  top: 10px;
  left: 5px;
}
.bookmarksWrapper .header .chooseBackgroundHeader {
  padding-top: 13px;
  height: 48px;
  font-size: 18px;
  text-align: center;
  margin-right: 12px;
}
.bookmarksWrapper .body {
  padding: 12px;
}
.bookmarksWrapper .body .mapList {
  padding: 12px;
}
.bookmarksWrapper .body .mapList .title {
  color: #888888;
  /*font-weight: bold;*/
}
.bookmarksWrapper .body .mapList .mapItem {
  padding: 3px 0px;
}
.bookmarksWrapper .body .enterName {
  padding: 12px 0px;
}
.bookmarksWrapper .body input {
  padding-right: 8px;
}
.bookmarksWrapper .buttons {
  position: relative;
  height: 35px;
  width: 100%;
  text-align: left;
}
.bookmarksWrapper .buttons > div {
  display: inline-block;
}
.bookmarksWrapper .buttons > div button {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
}
.bookmarksWrapper .buttons > div button:hover {
  background-color: #1a6eb7;
}
.bookmarksWrapper .buttons .cancelBtn {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
}
.bookmarksWrapper .buttons .cancelBtn:hover {
  background-color: #1a6eb7;
}
.bookmarksWrapper .buttons .cancelBtn:hover {
  background-color: white;
}
.reportDialog .ngdialog-close {
  right: 10px;
}
.missingInfoWrapper {
  width: 100%;
}
.missingInfoWrapper .header {
  position: relative;
  height: 48px;
  border-bottom: 1px solid #e9eaed;
  padding-top: 10px;
  text-align: center;
  font: 20px alef, sans-serif;
  color: #000000;
  /*font-size: 18px;*/
}
.missingInfoWrapper .body {
  text-align: right;
  margin: 12px;
}
.missingInfoWrapper .userInput button {
  background-color: transparent;
  border: transparent;
  width: 25px;
  position: absolute;
}
.missingInfoWrapper .userInput .fa {
  font-size: 18px;
  color: black;
  display: inline-block;
  padding-right: 0;
}
.missingInfoWrapper .userInput input {
  width: 100%;
  padding-right: 8px;
  height: 30px;
}
.missingInfoWrapper .userInput .freeTxt {
  height: 78px;
  width: 100%;
  resize: none;
  border: 1px solid #cccccc;
}
.missingInfoWrapper .userInput .title {
  padding: 4px 0px;
  color: black;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 12px;
  font-size: 16px;
}
.missingInfoWrapper .userInput .mailTitle {
  display: inline-block;
  font-size: 14px;
  right: 34px;
  padding-top: 5px;
}
[dir=ltr] .missingInfoWrapper .userInput .mailTitle {
  right: auto;
  left: 34px;
}
.missingInfoWrapper .input-send-mail {
  padding-bottom: 6px;
}
.missingInfoWrapper .input-send-mail-wrapper {
  padding-bottom: 7px;
}
.missingInfoWrapper .input-send-mail-wrapper input {
  border: 1px solid #cccccc;
}
.missingInfoWrapper .missing-info-error {
  padding-top: 7px;
  color: #ff000c;
  font-size: 15px;
}
.missingInfoWrapper .border-error {
  border: 1px solid #ff0000 !important;
}
.missingInfoWrapper .btnWrapper {
  position: relative;
  height: 40px;
}
.missingInfoWrapper .btnWrapper.finish-button {
  margin-top: 100px;
}
.missingInfoWrapper .btnWrapper .submit {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 33px;
  width: 100%;
  cursor: pointer;
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
}
.missingInfoWrapper .btnWrapper .submit:hover {
  background-color: #1a6eb7;
}
.missingInfoWrapper .after-send-message {
  margin-bottom: 30px;
}
.changeDisplayViewPopUp .fa-angle-left {
  text-align: left;
  position: absolute;
  left: 22px;
  font-size: 24px;
}
.viewWrapper {
  z-index: 3;
  background-color: white;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
  width: 400px;
}
.viewWrapper hr {
  margin: 0;
}
.viewWrapper .blue-check {
  color: #4471db;
}
.viewWrapper .header {
  height: 48px;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #747474;
  padding-top: 10px;
}
.viewWrapper .close {
  background-color: transparent;
  border: transparent;
  position: absolute;
  top: 10px;
  left: 12px;
}
.viewWrapper .displaySettingClose {
  top: 0;
  left: 0;
  /*right: 10px;*/
  width: 40px;
  height: 48px;
}
.viewWrapper select {
  margin: 12px;
  padding-right: 8px;
  width: calc(100% - 24px);
}
.viewWrapper .title {
  height: 40px;
  color: #888888;
  font-weight: bold;
  padding-right: 12px;
  font-size: 16px;
  padding-top: 10px;
  border-bottom: 1px solid #747474;
}
.viewWrapper .option {
  padding-top: 7px;
  height: 40px;
  padding-right: 12px;
  border-bottom: 1px solid #cccccc;
}
.viewWrapper .option button {
  background-color: transparent;
  border: transparent;
}
.viewWrapper .option label {
  font-weight: normal;
}
.viewWrapper .footer {
  height: 48px;
}
.viewWrapper .footer .buttons {
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.viewWrapper .footer button {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  cursor: pointer;
  height: 25px;
  font-size: 14px;
  background-color: #337ab7 !important;
}
.viewWrapper .footer button:hover {
  background-color: #1a6eb7;
}
.viewWrapper .footer .white {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  background-color: white;
  color: black;
  border-color: #747474;
  height: 25px;
  font-size: 14px;
  background-color: white !important;
}
.viewWrapper .footer .white:hover {
  background-color: #1a6eb7;
}
.viewWrapper .footer .white:hover {
  background-color: white;
}
.footer {
  text-align: left;
}
.footer .button {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin: 3px 0;
  padding: 0 15px;
  background-color: #F1F1F1 !important;
}
.footer .save {
  background-color: #337ab7 !important;
  color: white;
}
.footer .title {
  color: #000000;
}
.footer hr {
  border-top: 1px solid #e9eaed;
  margin: 0;
  padding: 0;
}
.footer .cancel {
  vertical-align: middle;
  background-color: white;
  color: black;
  font-size: 18px;
  border-radius: 1px;
  line-height: 0.5;
  text-align: center;
  border: 1px solid #cccccc;
}
.user-api-wrapper {
  position: absolute;
  /*top: 200px;*/
  /*left: 350px;*/
  z-index: 9;
  background-color: #ffffff;
  width: 600px;
  border: 1px solid #cccccc;
  left: -moz-calc(-250%);
  left: -webkit-calc(-250%);
  left: -o-calc(-250%);
  left: calc(50vw - 300px);
  top: calc(50vh - 245px);
}
.user-api-wrapper .header .close {
  width: 40px;
  left: 0;
  height: 100%;
  top: 0;
}
.user-api-wrapper textarea {
  resize: none;
}
.user-api-wrapper .scrollWrapper {
  margin: 0;
  height: auto;
  position: relative;
  max-height: 450px;
  overflow-y: hidden;
}
.user-api-wrapper .scrollWrapper .user-api-content .content {
  padding: 20px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .domain-input {
  margin-top: 26px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .domain-input span {
  direction: ltr;
  display: inline-block;
  margin-right: 10px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .domain-input .error {
  text-align: right;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .desc-input {
  margin-top: 10px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .desc-input textarea {
  width: 283px;
  direction: rtl;
  height: 62px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .desc-input .error {
  text-align: right;
}
.user-api-wrapper .scrollWrapper .user-api-content .content input {
  width: 283px;
  direction: ltr;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-status {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-confirm .api-confirm-text {
  margin-bottom: 10px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-confirm .userToken {
  padding-top: 149px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-confirm input {
  width: 300px;
  text-align: center;
  background-color: white;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-reject .api-reject-text {
  margin-bottom: 10px;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-reject textarea {
  width: 300px;
  height: 58px;
  direction: rtl;
  background-color: white;
}
.user-api-wrapper .scrollWrapper .user-api-content .content .api-reject .new-request {
  margin-top: 10px;
}
.user-api-wrapper .scrollWrapper .user-api-content .buttons-wrapper {
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid #e9eaed;
  text-align: left;
}
.user-api-wrapper .scrollWrapper .user-api-content .buttons-wrapper .clickbtn {
  height: 26px;
}
.user-api-exist {
  top: calc(50vh - 183px);
}
.user-link-wrapper {
  position: absolute;
  /*top: 100px;
    left: 350px;*/
  z-index: 9;
  background-color: #ffffff;
  width: 630px;
  font-size: 14px;
  border: 1px solid #cccccc;
  top: calc(50vh - 275px);
  left: calc(50vw - 315px);
}
.user-link-wrapper .header .close {
  width: 40px;
  left: 0;
  height: 100%;
  top: 0;
}
.user-link-wrapper .buttons-wrapper {
  padding: 10px;
  border-top: 1px solid #e9eaed;
  text-align: left;
  position: relative;
  width: 100%;
  bottom: 0;
  background-color: #ffffff;
}
.user-link-wrapper .buttons-wrapper .clickbtn {
  height: 24px;
  font-size: 16px;
}
.user-link-wrapper textarea {
  resize: none;
}
.user-link-wrapper .info {
  font-size: 12px;
  color: #919191;
  width: 252px;
}
.user-link-wrapper .user-link-content {
  /*max-height: -moz-calc(100% - 220px);
        max-height: -webkit-calc(100% - 220px);
        max-height: -o-calc(100% - 220px);
        max-height: calc(~'100vh - 220px');*/
  max-height: 500px;
  /*height: 620px;*/
  overflow: hidden;
}
.user-link-wrapper .user-link-content .error {
  text-align: center;
  margin-bottom: 20px;
  color: red;
}
.user-link-wrapper .user-link-content .content {
  padding-top: 13px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
}
.user-link-wrapper .user-link-content .content .sub-title {
  width: 90%;
}
.user-link-wrapper .user-link-content .content textarea,
.user-link-wrapper .user-link-content .content input[type="text"] {
  border: 1px solid #cccccc !important;
  color: #c2c2c2;
  font-size: 14px;
}
.user-link-wrapper .user-link-content .content .error {
  text-align: right;
  margin-bottom: 0;
}
.user-link-wrapper .user-link-content .content input[type="text"] {
  width: 283px;
  direction: ltr;
  padding: 3px;
  height: 24px;
}
.user-link-wrapper .user-link-content .content .user-link-input {
  margin-top: 22px;
}
.user-link-wrapper .user-link-content .content .user-link-input .available {
  color: #3eb32f;
}
.user-link-wrapper .user-link-content .content .user-link-input .user-link-name-wrapper {
  margin-top: 4px;
}
.user-link-wrapper .user-link-content .content .user-link-input .user-link-name-wrapper .user-link-prefix {
  direction: ltr;
  display: inline-block;
}
.user-link-wrapper .user-link-content .content .user-link-input .user-link-name-wrapper .user-link-avalible {
  margin-right: 17px;
  text-decoration: none;
}
.user-link-wrapper .user-link-content .content .user-link-logo {
  margin-top: 25px;
}
.user-link-wrapper .user-link-content .content .user-link-logo .user-link-logo-caption {
  margin-bottom: 4px;
}
.user-link-wrapper .user-link-content .content .user-link-publisher {
  margin-top: 24px;
}
.user-link-wrapper .user-link-content .content .user-link-publisher .user-link-publisher-input-caption {
  display: inline-block;
  margin-bottom: 5px;
}
.user-link-wrapper .user-link-content .content .user-link-layers {
  margin-top: 24px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options {
  margin-top: 5px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options input[type="radio"] {
  height: 10px;
  transform: scale(2);
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options label {
  margin-right: 12px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .user-link-all-layers {
  display: inline-block;
  margin-left: 10px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper {
  width: 283px;
  border-bottom: 1px solid #e9eaed;
  height: 40px;
  padding-top: 8px;
  position: relative;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper button {
  background-color: transparent;
  border-color: transparent;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper button .fa {
  font-size: 18px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper button .fa.fa-check-square-o {
  color: #1c8be0;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper button .fa.fa-square-o {
  padding-right: 2px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper .valueIcon i {
  position: absolute;
  top: 11px;
}
.user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper .text {
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
}
.user-link-wrapper .user-link-content .content .user-link-desc {
  margin-top: 24px;
}
.user-link-wrapper .user-link-content .content .user-link-desc .user-link-desc-input-caption {
  display: inline-block;
  margin-bottom: 5px;
}
.user-link-wrapper .user-link-content .content .user-link-desc textarea {
  width: 283px;
  direction: rtl;
  height: 62px;
}
.user-link-wrapper .user-link-content .content .user-link-aproval {
  margin-top: 20px;
}
.user-link-wrapper .user-link-content .content .user-link-aproval input[type="checkbox"] {
  margin-left: 5px;
}
.user-link-wrapper .user-link-content .content .user-link-name-wrapper .user-link {
  display: inline-block;
  direction: ltr;
}
.user-link-wrapper .user-link-content .content .user-link-status {
  margin-top: 18px;
}
.user-link-wrapper .user-link-content .content .user-link-reject {
  margin-top: 23px;
}
.user-link-wrapper .user-link-content .content .user-link-reject .user-link-reject-text {
  display: inline-block;
  margin-bottom: 3px;
}
.user-link-wrapper .user-link-content .content .user-link-reject textarea {
  width: 280px;
  height: 59px;
}
.user-link-wrapper .user-link-content.user-link-update {
  height: inherit;
  max-height: 500px;
}
.user-link-wrapper .user-link-content.user-link-inProg {
  height: 329px;
}
.user-link-wrapper .user-link-content.user-link-inProg .user-link-desc {
  margin-top: 10px;
}
.user-link-wrapper .user-link-content.user-link-inProg .user-link-status {
  margin-top: 7px;
}
.user-link-wrapper .user-link-content.user-link-inProg .cancel-request {
  display: inline-block;
  margin-top: 13px;
}
@media only screen and (max-width: 996px) {
  .cacheType-box {
    height: 340px !important;
  }
  .cacheType-box .cacheType-body {
    height: 75%;
  }
  .cacheType-box .cacheType-body .cacheType-footer {
    border-color: white !important;
    padding-left: 15px;
  }
  .bookmarksWrapper,
  .missingInfoWrapper {
    top: 0;
    left: 0;
    transform: initial;
    width: 100%;
  }
  .viewWrapper {
    top: 0;
    width: 100%;
    transform: initial;
    right: 0;
    background-color: #e9eaed;
    border: none;
  }
  .viewWrapper .header {
    background-color: white;
  }
  .viewWrapper .title {
    padding-bottom: 10px;
    border: none;
  }
  .viewWrapper .body {
    background-color: white;
    border: 1px solid #747474;
    width: calc(100% - 24px) !important;
    margin-right: 12px;
  }
  .viewWrapper .footer {
    background-color: white;
  }
  .viewWrapper .footer .buttons {
    left: 24px;
  }
  .mobileSystemWrapper {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #e9eaed;
  }
  .systemWrapper {
    border: none;
    top: 0;
    width: 100%;
    transform: initial;
    right: 0;
    background-color: #e9eaed;
    height: 100%;
  }
  .systemWrapper .header {
    background-color: white;
  }
  .systemWrapper .largeSetting {
    width: 100%;
  }
  .systemWrapper .largeSetting .body > div {
    padding-top: 0;
    height: 53px;
  }
  .systemWrapper .largeSetting .changeDefualt {
    font-size: 12px;
    background-color: #e9eaed;
  }
  .systemWrapper .largeSetting .changeDefualt > div {
    border: transparent;
    text-align: center;
    font-size: 20px;
  }
  .systemWrapper .largeSetting .changeDefualt div:nth-child(2) {
    padding-top: 0;
    height: 35px;
  }
  .systemWrapper .largeSetting .changeDefualt .title {
    padding-top: 10px;
    padding-right: 12px;
    color: #888888;
    font-weight: bold;
    height: 40px;
    font-size: 16px;
  }
  .systemWrapper .largeSetting .changeDefualt .changeDefualtButtons {
    border: transparent;
    width: calc(100% - 46px) !important;
    white-space: nowrap;
    margin-right: 12px;
  }
  .systemWrapper .largeSetting .changeDefualt .changeDefualtButtons button {
    height: 36px;
    vertical-align: middle;
    background: #337ab7;
    color: #ffffff;
    font-size: 18px;
    border-radius: 1px;
    text-align: center;
    border: 1px solid #2e6dab;
    cursor: pointer;
    padding-right: 12px;
    padding-left: 12px;
    width: 50%;
    height: 40px;
  }
  .systemWrapper .largeSetting .changeDefualt .changeDefualtButtons button:hover {
    background-color: #1a6eb7;
  }
  .systemWrapper .largeSetting .changeDefualt .changeDefualtButtons .white {
    background-color: white;
    color: black;
    border-color: #747474;
    margin-left: 12px;
  }
  .systemWrapper .largeSetting .changeDefualt .changeDefualtButtons .white:hover {
    background-color: white;
  }
  .systemWrapper .largeSetting .option {
    height: 53px;
    background-color: white;
    position: relative;
    margin: 12px;
    width: calc(100% - 24px) !important;
  }
  .systemWrapper .largeSetting .option .optionHelper {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #747474;
  }
  .systemWrapper .largeSetting .option .description {
    display: block;
    padding-right: 12px;
  }
  .systemWrapper .largeSetting .option .editOption {
    position: absolute;
    top: 8px;
    left: 0 !important;
    width: 100% !important;
  }
  .systemWrapper .largeSetting .option .editOption .fa {
    color: #747474;
    font-size: 20px;
  }
  .ngdialog-theme-windowPreference .ngdialog-overlay {
    background: #e9eaed;
  }
  .ngdialog-theme-windowPreference .ngdialog-content {
    margin: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    top: 0;
    height: 185px;
  }
  .ngdialog-theme-windowPreference .ngdialog-close {
    left: 2px !important;
  }
  .ngdialog-theme-settings .ngdialog-overlay {
    background: #e9eaed;
  }
  .ngdialog-theme-settings .ngdialog-content {
    margin: 0;
    width: 100%;
    top: 0;
    height: 200px;
  }
  .ngdialog-theme-settings .ngdialog-close {
    left: 2px !important;
  }
  .ngdialog-theme-backgroundMap .ngdialog-content {
    margin: 0 !important;
    width: 100%;
    top: 0;
    height: 200px;
  }
  .ngdialog-theme-backgroundMap .ngdialog-content .footer {
    background-color: white;
    padding-left: 3px;
  }
  .ngdialog-theme-backgroundMap .ngdialog-overlay {
    background: #e9eaed;
  }
  .ngdialog-theme-chooseBackgroundMap .ngdialog-overlay {
    background: #e9eaed;
  }
  .ngdialog-theme-chooseBackgroundMap .ngdialog-content {
    margin: 0 !important;
    width: 100%;
    top: 0;
    height: 235px;
  }
  .ngdialog-theme-chooseBackgroundMap .ngdialog-content .footer {
    background-color: white;
    width: 100%;
  }
  .ngdialog-theme-chooseBackgroundMap .ngdialog-close {
    left: 2px !important;
  }
  .ngdialog-theme-mapMenu .ngdialog-content {
    margin: 0;
    width: 100%;
    top: 0;
  }
  .ngdialog-theme-mapMenu .ngdialog-overlay {
    background: #e9eaed;
  }
  /*.backgroundBtnLarge {
        .hidden;
    }*/
  .setUpBtn {
    display: none;
  }
  .backgroundBtnSmall {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    display: block;
    font-size: 20px;
    background-color: transparent;
    height: 108px;
  }
  .backgroundBtnSmall.right {
    right: 20px !important;
    width: 50px;
    height: 54px;
  }
  .backgroundBtnSmall button {
    cursor: pointer;
    border: 1px solid #cccccc;
    padding: 0;
    display: block !important;
    width: 40px;
    height: 40px;
    margin-top: 14px;
    text-align: center !important;
    background-color: white;
    color: #797b81;
  }
  .backgroundBtnSmall .gpsOn {
    color: #3da0db;
  }
  .backgroundBtnSmall .display-none-demo {
    display: none;
  }
  .backgroundBtnSmall .demo {
    height: 100px;
  }
  .backgroundMapBox {
    height: 100%;
    width: 100%;
    left: initial !important;
    top: 0;
    border: none;
  }
  .backgroundMapBox .header {
    background-color: white;
    border-bottom: 1px solid #cccccc;
  }
  .backgroundMapBox .body {
    background-color: #e9eaed;
    height: calc(100vh - 50px);
  }
  .backgroundMapBox .body .scrollWrapper {
    max-height: calc(100vh - 62px);
  }
  .backgroundMapBox .body .scrollWrapper .backgroundNamesWrapper .backgroundName {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
  }
  .backgroundMapBox .body .scrollWrapper .backgroundNamesWrapper .backgroundName span {
    height: 32px;
    line-height: 35px;
  }
  .backgroundMapBox .body .scrollWrapper .backgroundNamesWrapper .backgroundName .image-border {
    border: 0;
    border-bottom: 1px solid #e9eaed;
  }
  .backgroundMapBox .body .scrollWrapper .backgroundNamesWrapper .backgroundName.selected {
    border: 2px solid #2178da !important;
  }
  .backgroundMapBox .background-close {
    right: inherit;
    float: left !important;
    padding-right: inherit;
  }
  .mapMenuBtn {
    display: none;
  }
  .user-api-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .user-api-wrapper .header .back {
    right: 13px;
    left: inherit;
  }
  .user-api-wrapper .scrollWrapper {
    max-height: 70vh;
    max-height: -moz-calc(100% - 152px);
    max-height: -webkit-calc(100% - 152px);
    max-height: -o-calc(100% - 152px);
    max-height: calc(100vh - 152px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .domain-input .mobile-domain {
    width: 75%;
    border: 1px solid #747474;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .desc-input {
    margin-top: 15px;
    background-color: white;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .desc-input .mobile-desc {
    height: 80px;
    width: 275px;
    border: 1px solid #747474;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content input {
    width: 100%;
    height: 40px;
    border: 1px solid #9b9b9b !important;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-status {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-confirm .api-confirm-text {
    margin-bottom: 10px;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-confirm input {
    width: 275px;
    font-size: 14px;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-reject .api-reject-text {
    margin-bottom: 10px;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-reject textarea {
    height: 80px;
    width: 275px;
    border: 1px solid #9b9b9b !important;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .content .api-reject .new-request {
    margin-top: 10px;
  }
  .user-api-wrapper .scrollWrapper .user-api-content .buttons-wrapper {
    display: none;
  }
  .user-link-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .user-link-wrapper .buttons-wrapper {
    display: none;
  }
  .user-link-wrapper .header .back {
    font-size: 18px;
    left: auto;
    right: 13px;
  }
  .user-link-wrapper .error {
    display: block;
    margin-top: 0;
  }
  .user-link-wrapper .user-link-content {
    height: -moz-calc(50%);
    height: -webkit-calc(50%);
    height: -o-calc(50%);
    height: calc(100vh - 50px);
  }
  .user-link-wrapper .user-link-content .content textarea,
  .user-link-wrapper .user-link-content .content input[type="text"] {
    border: 1px solid #cccccc !important;
  }
  .user-link-wrapper .user-link-content .content input[type="text"] {
    width: 270px;
    height: 31px;
  }
  .user-link-wrapper .user-link-content .content .user-link-name-wrapper {
    margin-top: 3px;
  }
  .user-link-wrapper .user-link-content .content .user-link-input .mobile-user-link-input {
    width: 29%;
    height: 31px;
  }
  .user-link-wrapper .user-link-content .content .user-link-input .user-link-name-wrapper .user-link-avalible {
    margin-right: 0;
    display: inline-block;
    margin-top: 5px;
  }
  .user-link-wrapper .user-link-content .content .user-link-layers {
    margin-top: 22px;
  }
  .user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper {
    height: 58px;
    padding-top: 16px;
  }
  .user-link-wrapper .user-link-content .content .user-link-layers .user-link-layers-options .layer-wrapper .valueIcon i {
    top: 19px;
  }
  .user-link-wrapper .user-link-content .content .user-link-logo {
    margin-top: 22px;
  }
  .user-link-wrapper .user-link-content .content .user-link-desc {
    margin-top: 24px;
  }
  .user-link-wrapper .user-link-content .content .user-link-desc .user-link-desc-input-caption {
    margin-bottom: 0;
  }
  .user-link-wrapper .user-link-content .content .user-link-desc textarea {
    width: 273px;
    height: 80px;
  }
  .user-link-wrapper .user-link-content .content .user-link-publisher .user-link-publisher-input-caption {
    margin-bottom: 0;
  }
  .user-link-wrapper .user-link-content .content .user-link-reject textarea {
    width: 272px;
    height: 80px;
  }
  .user-link-wrapper .user-link-content .content .user-link-reject .new-request {
    margin-top: 24px;
  }
  .user-link-wrapper .user-link-content .content .cancel-request {
    display: inline-block;
    margin-top: 24px;
  }
  .user-link-wrapper .user-link-content .content .user-link-status {
    margin-top: 26px;
  }
  .animate-wrapper {
    z-index: 2;
    transition: all ease 0.5s;
    width: 100%;
    bottom: 0;
    position: absolute;
    top: 0;
  }
  .background-btn {
    z-index: 1000;
  }
}
@media only screen and (max-width: 996px) {
  .ios .backgroundMapBox .body .scrollWrapper {
    max-height: calc(100vh - 110px);
  }
  .backgroundBtnLarge {
    display: none;
  }
  .mapi-logo {
    width: 100%;
    text-align: center;
    right: 0;
    bottom: 0;
    font-size: 50px;
  }
  .mapi-logo .mapi-23 {
    width: 50%;
    bottom: 13px;
    float: left;
  }
  .mapi-logo .mapi-25 {
    width: 50%;
    bottom: 13px;
    float: right;
  }
  .mapi-logo .mapi-23:before {
    float: right;
    margin-right: -7px;
  }
  .mapi-logo .mapi-25:before {
    float: left;
  }
}
.userGroups {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Alef;
  position: relative;
  width: 627px;
  height: 566px;
  font-size: 14px;
}
.userGroups [ng\:cloak],
.userGroups [ng-cloak],
.userGroups .ng-cloak {
  display: none !important;
}
.userGroups .groupEmailsWrapper {
  position: relative;
  overflow: hidden;
  max-height: 420px;
}
.userGroups .closeX {
  position: absolute;
  left: 18px;
  cursor: pointer;
  width: 40px;
  left: 0;
  height: 48px;
  top: 0;
  padding-top: 10px;
}
.userGroups .ngdialog-close {
  display: none !important;
}
.userGroups button {
  height: 36px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  width: 150px;
}
.userGroups button:hover {
  background-color: #1a6eb7;
}
.userGroups .error {
  text-align: center;
  color: red;
  z-index: 1;
}
.userGroups .userGroupsHeader {
  padding-top: 10px;
  position: relative;
  height: 48px;
  border-bottom: 1px solid #e9eaed;
  font: 20px Alef, sans-serif;
  color: #747474;
  text-align: center;
}
.userGroups .createFirstGroupContent {
  border: none;
  text-align: center;
  padding-top: 37px;
  padding-bottom: 137px;
}
.userGroups .createFirstGroupContent .userGroupsLogo {
  background: url('../Images/cgroups.png');
  width: 251px;
  height: 164px;
  display: inline-block;
}
.userGroups .createFirstGroupContent .beginCreateGroup {
  display: block;
}
.userGroups .createFirstGroupContent .explanation {
  display: block;
  padding-bottom: 24px;
  padding-top: 37px;
}
.userGroups .createFirstGroupContent .createGroup {
  padding-top: 37px;
}
.userGroups .createFirstGroupContent .firstGroupName {
  margin-left: 12px;
  margin-right: 12px;
  height: 31px;
}
.userGroups .userGroupsList {
  height: 100%;
}
.userGroups .userGroupsList .groupsWrapper {
  width: 30%;
  float: right;
  height: 100%;
  padding-right: 3px;
  border-left: 1px solid #e9eaed;
  background-color: #fafafa;
}
.userGroups .userGroupsList .groupsWrapper .icon {
  float: left;
  padding-left: 6px;
}
.userGroups .userGroupsList .groupsWrapper .newGroupButton {
  padding-right: 12px;
  padding-left: 12px;
  height: 40px;
  padding-top: 10px;
}
.userGroups .userGroupsList .groupsWrapper .newGroupContainer {
  padding-right: 12px;
}
.userGroups .userGroupsList .groupsWrapper .group {
  padding-right: 12px;
  line-height: 40px;
}
.userGroups .userGroupsList .groupsWrapper .newGroupName {
  width: 70%;
}
.userGroups .userGroupsList .groupsWrapper .group .edit,
.userGroups .userGroupsList .groupsWrapper .group .delete {
  display: none;
}
.userGroups .userGroupsList .groupsWrapper .group:hover .edit,
.userGroups .userGroupsList .groupsWrapper .group:hover .delete {
  display: inline;
}
.userGroups .userGroupsList .groupsWrapper .editedGroupName {
  width: 130px;
}
.userGroups .userGroupsList .groupsWrapper .groupSelected {
  background-color: #e6e6e6;
}
.userGroups .userGroupsList .emailsWrapper {
  display: inline;
}
.userGroups .userGroupsList .emailsWrapper .newEmailContainer {
  border-bottom: 1px solid #e9eaed;
}
.userGroups .userGroupsList .emailsWrapper .newEmailTitle {
  line-height: 42px;
}
.userGroups .userGroupsList .emailsWrapper .editedEmailName {
  text-align: left;
  width: 370px;
}
.userGroups .userGroupsList .emailsWrapper .userGroupsTitle {
  padding-right: 12px;
  color: #000000;
  font-weight: normal;
}
.userGroups .userGroupsList .emailsWrapper .newEmail {
  padding-bottom: 17px;
}
.userGroups .userGroupsList .emailsWrapper .email {
  text-align: left;
  padding-left: 12px;
  line-height: 39px;
  border-bottom: 1px solid #e9eaed;
}
.userGroups .userGroupsList .emailsWrapper .email .text-email {
  display: inline-block;
}
.userGroups .userGroupsList .emailsWrapper .email .edit,
.userGroups .userGroupsList .emailsWrapper .email .delete {
  display: none;
}
.userGroups .userGroupsList .emailsWrapper .email .icon {
  float: right;
  padding-right: 12px;
}
.userGroups .userGroupsList .emailsWrapper .email:hover .edit,
.userGroups .userGroupsList .emailsWrapper .email:hover .delete {
  display: inline;
}
.userGroups .userGroupsList .emailsWrapper .newEmailAddress {
  height: 31px;
  width: 350px;
  margin-right: 12px;
}
.userGroups .userGroupsList .emailsWrapper .emailsListTitle {
  background-color: #e5e5e5;
  line-height: 23px;
}
.userGroups .userGroupsList .emailsWrapper .emailsListTitle .userGroupsTitle {
  color: #000000;
}
.userGroups .userGroupsList .emailsWrapper .add {
  position: relative;
  left: 12px;
}
.userGroups .userGroupsList .emailsWrapper .fa-envelope {
  position: relative;
  left: 25px;
  top: 0;
  margin-top: 8px;
  color: #b2b2b2;
}
.userGroups .link {
  color: #1C67BD;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.userGroups .link:not([disabled]):hover {
  color: #1C67BD;
  text-decoration: underline;
}
.userGroups .link:active {
  color: #1C67BD;
  text-decoration: none;
}
.userGroups .icon {
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
}
.userGroupsDialog .ngdialog-content {
  top: calc(50% - 308px);
}
.emailExtraButtons {
  /*position:absolute;
    top:0;*/
  display: inline-block;
  float: right;
}
@media screen and (max-width: 996px) {
  .userGroupsDialog {
    overflow: hidden;
  }
  .userGroupsDialog .ngdialog-content {
    border: none !important;
    height: 100%;
    overflow: hidden;
  }
  .userGroupsDialog .ngdialog-content .userGroups {
    max-height: 100%;
    width: 100% !important;
    height: 100%;
  }
  .userGroupsDialog .ngdialog-content .userGroups button {
    height: 39px;
    width: 90%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .createFirstGroupContent {
    padding-top: 36px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .createFirstGroupContent .explanation {
    padding: 31px 40px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .createFirstGroupContent .createGroup {
    padding-top: 31px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .createFirstGroupContent .firstGroupName {
    height: 39px;
    margin-bottom: 20px;
    display: block;
    width: 90%;
    padding: 1px;
    margin-left: 18px;
    margin-right: 18px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper {
    width: 100%;
    height: calc(100% - 48px);
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .editGroup {
    width: 100%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .editedGroupName {
    width: 85%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList {
    position: relative;
    overflow: hidden;
    max-height: calc(100vh - 170px);
    padding-right: 12px;
    padding-left: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .groupNameAndMembers {
    float: right;
    padding-right: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .icons {
    float: left;
    display: inline;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .icons .extraButtons {
    display: none;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .icons .extraButtons .edit,
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .icons .extraButtons .delete {
    display: inline;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .group {
    position: relative;
    background: white;
    display: -webkit-box;
    height: 66px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .showGroupDetails {
    padding-left: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .originalGroupName {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .groupNameAndMember .edit,
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .groupNameAndMember .delete {
    display: none;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .groupNameAndMember:hover .edit,
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .groupNameAndMember:hover .delete {
    display: inline;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .newGroupContainer {
    margin: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .newGroupButton button {
    margin-bottom: 12px;
    width: 100%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .groupName {
    font-size: 14px;
    font-weight: bold;
    color: #888888;
    line-height: 14px;
    display: block;
    padding-bottom: 10px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .groupsWrapper .mobileGroupsList .groupMembers {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 14px;
    display: block;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper {
    height: 100%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer {
    border-bottom: 1px solid #cccccc;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer .groupName {
    text-align: center;
    height: 48px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer .groupName .name {
    font-size: 20px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer .groupName .members {
    font-size: 12px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer .groupName .close {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 20px;
    color: #1C67BD;
    cursor: pointer;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailContainer .groupName .return {
    color: #1C67BD;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmail {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailTitle {
    background-color: #ededed;
    padding-right: 20px;
    padding-left: 20px;
    line-height: inherit;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailTitle .userGroupsTitle {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    padding-right: 0;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .newEmailAddress {
    height: 39px;
    margin-right: 20px;
    width: 80%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .email {
    padding-left: 60px;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .email .emailExtraButtons {
    display: none;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .email .emailExtraButtons .edit,
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .email .emailExtraButtons .delete {
    display: inline;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .editedEmailName {
    width: 85%;
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .emailsList {
    height: calc(100% - 136px);
  }
  .userGroupsDialog .ngdialog-content .userGroups .userGroupsList .emailsWrapper .groupEmailsWrapper {
    max-height: 100%;
  }
}
.ios .userGroupsList .groupsWrapper .mobileGroupsList {
  max-height: calc(100vh - 190px) !important;
}
.ios .userGroupsList .emailsWrapper .newEmailAddress {
  margin-right: 13px !important;
}
.ios .userGroupsList .emailsWrapper .groupEmailsWrapper {
  height: calc(100% - 20px);
}
.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 7px;
  bottom: 2px;
  top: 2px;
  right: 1px;
  overflow: hidden;
}
.iScrollIndicator {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.901961);
  border-radius: 3px;
  width: 100%;
  transition-duration: 0ms;
  display: block;
  height: 51px;
  transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
  background: rgba(0, 0, 0, 0.498039);
}
.star-rating {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.star-rating .star {
  padding: 1px;
  color: #ddd;
  font-size: 13px;
  text-shadow: .05em .05em #aaa;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
}
.star-rating .star.filled {
  color: #fd0;
}
.star-rating.readonly .star.filled {
  color: #666;
}
.rating-text {
  display: inline-block;
  vertical-align: top;
}
.starts-wrapper {
  position: absolute;
  left: 18px;
}
[dir=ltr] .starts-wrapper {
  left: auto;
  right: 20px;
}
.starts-wrapper.first {
  bottom: 111px;
}
.starts-wrapper.second {
  bottom: 91px;
}
.starts-wrapper.third {
  bottom: 71px;
}
.rating-container {
  margin-top: 10px;
}
[dir=ltr] .rating-container {
  text-align: left;
}
.rating-container .rating-title {
  font-size: 14px;
}
.rating-container .rating-element {
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 996px) {
  .starts-wrapper {
    right: 0;
    left: 18px;
  }
}
.shares {
  font-size: 14px;
  /*padding: 10px;
    width: 98%;*/
  margin-right: 10px;
  margin-left: 22px;
}
.shares button {
  font-size: 14px;
  height: 28px;
}
.shares input {
  vertical-align: middle;
}
.shares .link {
  color: #1c67bd;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
}
.shares .link:hover {
  color: #1c67bd;
  text-decoration: underline;
}
.shares .addNewShare {
  padding-top: 10px;
  margin-right: 10px;
}
.shares .userShareTitle {
  border-bottom: solid 1px #e9eaed;
  margin-right: 10px;
  margin-left: 22px;
}
.shares .userShareTitle #editLink {
  display: block;
  float: left;
}
.shares .userShareTitle div {
  display: inline-block;
  height: 51px;
  line-height: 51px;
  text-align: right;
}
.shares .userShareTitle #whoCanAccessLayer {
  width: 318px;
}
.shares .shareList .listTitle {
  line-height: 51px;
  margin-left: 22px;
  margin-right: 10px;
}
.shares .shareList .listTitle div {
  display: inline;
}
.shares .shareList .listTitle div .link {
  display: block;
  float: left;
}
.shares .shareList .shareTbl {
  background-color: transparent;
  border-bottom: solid 1px rgba(128, 128, 128, 0.3);
  height: 85%;
  margin-left: 22px;
  margin-right: 10px;
}
.shares .shareList .shareTbl .row span:nth-child(1) {
  border-left: solid 1px rgba(128, 128, 128, 0.3);
  border-right: solid 1px rgba(128, 128, 128, 0.3);
  display: inline-block;
  padding-right: 13px;
  text-align: right;
  width: 250px;
  height: 100%;
}
.shares .shareList .shareTbl .row span:nth-child(2) {
  padding-right: 13px;
  width: 460px;
}
.shares .shareList .shareTbl > .row {
  background-color: rgba(167, 166, 166, 0.22);
  border-bottom: solid 1px rgba(128, 128, 128, 0.3);
  width: 100%;
}
.shares .shareList .shareTbl > .row:nth-child(even) {
  background-color: rgba(255, 255, 255, 0);
}
.shares .wrongUpdate {
  color: red;
}
.shares .shareHeader {
  border-top: solid 1px rgba(128, 128, 128, 0.3);
  height: 31px;
  line-height: 31px;
}
.shares .manager {
  border-top: solid 1px #e9e9e9;
  height: 31px;
  line-height: 31px;
}
.shares .share {
  border-top: solid 1px #e9e9e9;
  height: 60px;
}
.shares .share > span {
  height: 60px;
}
.shares .row {
  border-left: solid 1px rgba(128, 128, 128, 0.3);
}
.shares .shareTblCell.boldCell {
  font-weight: bold;
}
.shares .editTitle {
  line-height: 51px;
  height: 51px;
}
.shares .userShare {
  background-color: #f9f9f9;
  border: solid 1px #e9e9e9;
  padding-left: 15px;
  padding-right: 8px;
}
.shares .userName {
  height: 31px;
  line-height: 31px;
  margin-right: 65px;
  width: 370px;
}
.shares .emailOrGroupName {
  display: table-cell;
  font-weight: bold;
  height: 69px;
  margin-right: 13px;
  vertical-align: middle;
}
.shares .watch {
  height: 60px;
}
.shares .shareTitle {
  display: inline-block;
  height: 100%;
  text-align: right;
  width: 218px;
  font-size: 17px;
  padding-right: 37px;
}
.shares .shareTitle i {
  padding-left: 3px;
}
.shares .radioBtns {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.shares .radioBtns .watchRadioDiv {
  height: 100%;
  line-height: 22px;
  padding-top: 6.5px;
}
.shares .radioBtns .editRadioDiv {
  height: 100%;
  line-height: 24px;
  padding-top: 7px;
}
.shares .radioBtns .adminRadioDiv {
  height: 100%;
  line-height: 24px;
  padding-top: 7px;
}
.shares .edit {
  height: 90px;
}
.shares .admin {
  height: 90px;
}
.shares .userShareFooter {
  border-top: solid 1px #e9e9e9;
  height: 49px;
  padding-top: 9px;
  text-align: left;
}
.shares .sharedListWrapper {
  max-height: 308px;
  overflow: hidden;
  position: relative;
}
.shares .shareDescription {
  display: inline-block;
  line-height: 19px;
  word-wrap: break-word;
}
.shares .emailOrGroup {
  padding-top: 16px;
  text-align: center;
  vertical-align: top;
}
.shares .emailOrGroup:hover .icon {
  display: inline;
}
.shares .mailOrGroupIcon {
  color: #b2b2b2;
}
.shares .icon {
  cursor: pointer;
  display: none;
  float: left;
  padding: 3px;
}
.shares .errorItem {
  color: red;
  display: inline-block;
  margin-right: 220px;
  position: absolute;
}
@media only screen and (max-width: 996px) {
  .shares {
    position: relative;
    border: solid 2px #E6E6E6;
    height: 75px;
    margin-top: 12px;
    padding: 10px;
  }
  .shares .arrowMobile {
    float: left;
    left: 20px;
    position: absolute;
    top: 23px;
    width: 7px !important;
  }
  .shares > div {
    display: inline-block;
    font-size: 14px;
    text-align: right;
    width: calc(88%);
  }
  .shares > div:first-child {
    font-weight: bold;
  }
}
.layer-filter .scrollWrapper {
  padding: 0;
  margin: 0;
  position: relative;
  max-height: 410px;
  overflow-y: hidden;
}
.layer-filter .rzslider {
  width: 93%;
  margin: 20px 10px 15px 10px;
}
.layer-filter .rzslider .rz-pointer {
  top: -8px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.layer-filter .rzslider .rz-pointer:after {
  display: none;
}
.layer-filter .rz-bubble {
  display: none !important;
  visibility: hidden !important;
}
.layer-filter .title-format {
  width: 230px;
}
.layer-filter .choose-field-title {
  background-color: #e5e5e5;
  color: #000000;
  font-size: 16px;
  height: 22px;
  padding-right: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
[dir=ltr] .layer-filter .choose-field-title {
  padding-left: 12px;
}
.layer-filter .choose-field-title .advance-filter {
  cursor: pointer;
  display: inline-block;
  float: left;
  color: #2178da;
  font-size: 16px;
  margin-left: 12px;
}
.layer-filter .field-wrapper {
  padding: 0 12px;
  height: 39px;
  border-bottom: 1px solid #e9eaed;
  font-size: 17px;
  /*font-size: 100%; hadas*/
  color: #000000;
  cursor: pointer;
}
.layer-filter .field-wrapper .field-name,
.layer-filter .field-wrapper .field-value {
  width: 260px;
  display: inline-block;
  font-size: 17px;
  /*font-size: 100%; hadas*/
  color: #000000;
}
.layer-filter .field-wrapper .field-name {
  position: relative;
  top: 5px;
}
.layer-filter .field-wrapper .exist-field {
  padding-top: 5px;
  line-height: 13px;
  display: inline-flex;
  display: -webkit-inline-flex;
  width: -webkit-fill-available;
}
.layer-filter .field-wrapper .exist-field .field-exist-title {
  width: 90%;
  padding-top: 2px;
}
.layer-filter .field-wrapper .exist-field .exist-field-count {
  font-size: 14px;
  color: #989898;
  display: inline-block;
}
.layer-filter .field-wrapper .exist-field .exist-field-name {
  width: 245px;
  display: inline-block;
  font-size: 17px;
  color: #000000;
}
.layer-filter .field-wrapper .exist-field .exist-field-options {
  cursor: pointer;
  color: #2178da;
  font-size: 17px;
}
.layer-filter .field-wrapper .exist-field .exist-field-options .advance-filter {
  vertical-align: -webkit-baseline-middle;
}
.layer-filter .field-wrapper .field-value {
  width: 249px;
  vertical-align: middle;
  line-height: 34px;
}
.layer-filter .field-wrapper .field-options {
  display: inline-block;
  margin-top: 4px;
  font-size: 22px;
  color: #cccccc;
}
.layer-filter .field-wrapper .field-value-check {
  font-size: 25px;
  color: #2178da;
  vertical-align: middle;
}
.layer-filter .field-wrapper.field-value-wrapper {
  padding-top: 2px;
}
.layer-filter .values-error {
  padding: 10px;
  color: red;
}
.layer-filter .buttons-container {
  height: 53px;
  text-align: center;
  border: 1px solid #eaeaea;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
}
.layer-filter .buttons-container .filter-button {
  height: 31px;
  width: 129px;
  font: 17px alef, sans-serif;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}
.layer-filter .buttons-container .filter-button.clear-button {
  margin-left: 10px;
  /*margin-left: 9px;hadas*/
}
.layer-filter .date-container {
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 10px;
}
.layer-filter .date-container .date {
  display: inline-block;
}
.layer-filter .date-container .date.min-date {
  float: left;
}
.layer-filter .date-container .date.max-date {
  float: right;
}
.layer-filter .save-custom-search {
  font-size: 17px;
  background: #337ab7;
  color: #ffffff;
  border: none;
  text-align: center;
  width: 93%;
  height: 34px;
  margin: 18px 11px;
}
@media (max-width: 996px) {
  [dir=ltr] .layer-filter .save-custom-search {
    margin: 18px 0;
    width: 100%;
  }
}
.layer-filter .searched-value-row {
  padding: 7px 14px;
  font-size: 17px;
  color: #212121;
  border-bottom: 1px solid #e2edea;
  cursor: pointer;
}
.layer-filter .searched-value-row .row-icon {
  color: #cccccc;
  float: left;
  cursor: pointer;
}
.layer-filter .searched-value-row .fa-plus-circle {
  font-size: 25px;
}
.layer-filter .search-container {
  height: 282px;
}
.layer-filter .search-container .search-values-container {
  max-height: 228px;
  overflow: hidden;
}
.layer-filter .search-container .search-values-container .search-val-format {
  width: 245px;
}
.layer-filter .search-wrapper {
  border-bottom: 1px solid #e9eaed;
}
.layer-filter .search-wrapper .input-search {
  padding: 5px;
  width: 93%;
  margin: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layer-filter .advanced-search-wrapper {
  height: 220px;
}
@media (max-width: 996px) {
  [dir=ltr] .layer-filter .advanced-search-wrapper {
    padding: opx 12px;
  }
}
.layer-filter .advanced-search-wrapper .advanced-search-exist-wrapper {
  height: 44px;
  background-color: #f4f5f5;
  padding: 12px 9px;
}
.layer-filter .advanced-search-wrapper .advanced-search-exist-wrapper .fa-edit {
  font-size: 20px;
  color: #2178da;
  float: left;
}
.layer-filter .advanced-search-wrapper .input-search {
  padding: 5px;
  width: 93%;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
[dir=ltr] .layer-filter .advanced-search-wrapper .input-search {
  margin-right: 0;
  margin-left: 10px;
}
@media (max-width: 996px) {
  [dir=ltr] .layer-filter .advanced-search-wrapper .input-search {
    margin-left: 0;
    width: 100%;
    padding: 5px 12px;
  }
}
.layer-filter .advanced-search-wrapper .select-search {
  padding: 5px;
  width: 93%;
  margin: 18px 10px;
  display: inline-block;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  color: #7d7d7d;
}
@media (max-width: 996px) {
  [dir=ltr] .layer-filter .advanced-search-wrapper .select-search {
    width: 100%;
    margin: 18px 0;
  }
}
.layer-filter .clear-all-filters {
  text-align: center;
  height: 48px;
  padding-top: 12px;
}
.layer-filter .clear-all-filters .clear-all-filter-text {
  font-size: 17px;
  color: #2189da;
  cursor: pointer;
}
.layer-filter .highcharts-title,
.layer-filter .highcharts-axis-title,
.layer-filter .highcharts-legend-item,
.layer-filter .highcharts-credits {
  display: none !important;
}
@media only screen and (max-width: 996px) {
  .layer-filter .scrollWrapper {
    max-height: 596px;
  }
  .layer-filter .scrollWrapper .field-wrapper {
    height: 53px !important;
    line-height: 40px;
  }
  .layer-filter .scrollWrapper .field-wrapper .field-name,
  .layer-filter .scrollWrapper .field-wrapper .field-value {
    width: 95%;
  }
  .layer-filter .field-value {
    line-height: 47px !important;
    width: 90%;
  }
  .layer-filter .field-wrapper .field-value {
    width: 90%;
  }
  .layer-filter .field-wrapper .exist-field {
    line-height: 15px;
  }
  .layer-filter .field-wrapper .exist-field .field-exist-title {
    display: inline-grid;
  }
  .layer-filter .exist-field {
    padding-top: 13px !important;
  }
  .layer-filter .field-value-check {
    float: left;
    line-height: 50px;
  }
  .layer-filter .field-value-wrapper {
    height: 53px !important;
    line-height: 40px;
  }
  .layer-filter .buttons-container .filter-button {
    width: 158px;
  }
  .layer-filter .buttons-container .filter-button.clear-button {
    margin-left: 9px;
  }
  .layer-filter .search-container .search-values-container .search-val-format {
    width: 90%;
  }
  .ios .filter-button {
    width: 140px!important;
  }
}
.applicationsDialog .ngdialog-content {
  width: 760px;
  overflow: hidden;
  left: calc(50% - 378px);
  top: 19%;
}
.applicationsDialog .ngdialog-content .applications-wrapper .header {
  color: #000000;
  border-bottom: 1px solid #e9eaed;
  padding: 10px;
  position: relative;
  height: 48px;
  text-align: center;
  background-color: white;
  z-index: 1;
}
.applicationsDialog .ngdialog-content .applications-wrapper .header .close {
  float: left !important;
  background-color: transparent;
  border: transparent;
  position: absolute;
  right: auto;
  top: 8px;
  left: 8px;
  color: #888;
}
.applicationsDialog .ngdialog-content .applications-wrapper .header button {
  position: absolute;
  left: 13px;
  top: 10px;
  color: #2178da;
  background-color: transparent;
  border-color: transparent;
}
.applicationsDialog .ngdialog-content .applications-wrapper .header title {
  display: block;
  font: 20px Alef;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body {
  padding-bottom: 24px;
  max-height: inherit;
  display: inline-table;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item {
  cursor: pointer;
  margin-top: 29px;
  margin-right: 36px;
  width: 325px;
  height: 78px;
  font-family: mapiregular;
  display: inline-block;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item a,
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item a:hover,
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item a:visited {
  color: #000;
  text-decoration: none;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .icon-container {
  width: 78px;
  height: 78px;
  display: inline-block;
  border: 1px solid lightgray;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .icon-container .app-icon {
  position: absolute;
  font-size: 78px;
  font-style: normal;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container {
  width: 243px;
  display: inline-block;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container .app-title {
  height: 25px;
  font: 18px alef;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 247px;
  padding-right: 10px;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container .app-details-wrapper {
  font: 15px alef;
  color: #777777;
  position: relative;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container .app-details-wrapper .app-details {
  padding-right: 10px;
  line-height: 1.19;
  width: 247px;
  height: 53px;
  overflow: hidden;
}
.applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item:nth-child(even) {
  margin-left: 36px;
}
@media (max-width: 996px) {
  .applicationsDialog .ngdialog-content {
    height: 100%;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper {
    height: 100% !important;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container {
    max-height: calc(100% - 48px) !important;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body {
    padding-bottom: 6px;
    padding-right: 6px;
    padding-top: 6px;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item {
    margin: 6px !important;
    font-size: 17px;
    color: #212121;
    margin: auto;
    text-align: center;
    border: 1px solid #d0d0d0;
    /*&:nth-child(even) {
                                margin-left: 11px;
                            }*/
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item a {
    text-decoration: none;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .icon-container {
    border: none;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .icon-container .app-icon {
    width: inherit;
    border: none;
    margin: auto;
    position: relative;
    top: 13%;
    font-size: 60px;
    float: none;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .icon-container i {
    width: inherit;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container {
    width: inherit;
    height: 35px;
    padding-right: 0;
    display: flex;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .applicationsDialog .ngdialog-content .applications-wrapper .application-container .body .app-item .text-container .app-title {
    width: inherit;
    height: inherit;
    font-size: 14px;
    padding-right: 0;
    white-space: normal;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 996px) {
  .applicationsDialog .ngdialog-content {
    right: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .app-item:nth-child(even) {
    float: left;
  }
}
.lazyOptionsWrapper {
  position: absolute;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #cccccc;
  background-color: white;
  top: 68px;
  width: 300px;
  right: 13px;
  z-index: 2;
}
[dir=ltr] .lazyOptionsWrapper {
  right: auto;
  left: 13px;
}
.layerOptionsWrapper {
  z-index: 2;
  padding: 0 !important;
  text-align: right;
  background-color: white;
  position: absolute;
  top: 55px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  background-color: unset;
  position: relative;
  top: 0;
  right: 0;
  width: 300px;
  /*box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);*/
}
.layerOptionsWrapper.layerOptionsWrapperOverlay {
  background-color: white;
}
[dir=ltr] .layerOptionsWrapper {
  text-align: left;
}
.layerOptionsWrapper.wide {
  width: 680px;
}
.layerOptionsWrapper .more {
  width: 100%;
  position: relative;
  background-color: white;
  height: 33px;
}
.layerOptionsWrapper .header {
  color: #000000;
  border-bottom: 1px solid #e9eaed;
  padding: 10px 6px 10px 12px;
  position: relative;
  height: 48px;
  text-align: center;
}
[dir=ltr] .layerOptionsWrapper .header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.layerOptionsWrapper .header .closeBtn {
  display: inline-block;
  color: #6e6e6e;
  font-size: 21px;
  background-color: transparent;
  border: transparent;
  left: 12px;
}
[dir=ltr] .layerOptionsWrapper .header .closeBtn {
  left: auto;
  right: 12px;
}
.layerOptionsWrapper .header .layerOptionsTitle {
  font-size: 20px;
  padding-right: 8px;
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  z-index: -1;
}
.layerOptionsWrapper .header .option-title {
  top: 3px;
}
.layerOptionsWrapper .header .layerInfoTitle {
  top: 23px;
  position: absolute;
  left: 35%;
  font-size: 14px;
  color: #989898;
}
.layerOptionsWrapper .header .layerInfoTitle.layer-filter-title {
  left: 0;
  display: inline-block;
  width: 100px;
  position: relative;
  top: 12px;
}
[dir=ltr] .layerOptionsWrapper .header .layerInfoTitle.layer-filter-title {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  top: auto;
}
.layerOptionsWrapper .header .backBtn {
  cursor: pointer;
  display: inline-block;
  float: right;
  color: #2178da;
  font-size: 20px;
}
.layerOptionsWrapper .header .backBtn .fa-chevron-left {
  display: none;
}
[dir=ltr] .layerOptionsWrapper .header .backBtn .fa-chevron-left {
  display: block;
  position: absolute;
  top: 16px;
}
.layerOptionsWrapper .header .backBtn .en {
  right: 5px;
}
.layerOptionsWrapper .header .backBtn .back-text {
  position: absolute;
  right: 23px;
}
[dir=ltr] .layerOptionsWrapper .header .backBtn .back-text {
  display: none;
}
.layerOptionsWrapper .header .backBtn .fa-chevron-right {
  position: absolute;
  top: 16px;
}
[dir=ltr] .layerOptionsWrapper .header .backBtn .fa-chevron-right {
  display: none;
}
.layerOptionsWrapper .scrollWrapper {
  padding: 0;
  margin: 0;
  position: relative;
  /*max-height: calc(~'100vh - 250px');*/
  overflow: hidden;
  /*height: auto;*/
  /*max-height: -moz-calc(100% - 166px);
        max-height: -webkit-calc(100% - 166px);
        max-height: -o-calc(100% - 166px);
        max-height: calc(~'100vh - 166px');*/
}
.layerOptionsWrapper .scrollWrapper .inline {
  display: inline;
}
.layerOptionsWrapper .scrollWrapper .layerInfo {
  padding: 12px;
}
.layerOptionsWrapper .scrollWrapper .layerInfo .layerData {
  padding-bottom: 12px;
}
.layerOptionsWrapper .scrollWrapper .layerInfo .layerData .infoTitle {
  color: #6e6e6e;
}
.layerOptionsWrapper .scrollWrapper ul {
  padding: 0;
  margin: 0;
}
.layerOptionsWrapper .scrollWrapper ul .userLayerOptionsTitle {
  height: 23px;
  line-height: 23px;
  background-color: #e9eaed;
  font-size: 15px;
  height: 24px;
  padding-right: 10px;
  cursor: default;
}
.layerOptionsWrapper .scrollWrapper ul li {
  list-style-type: none;
  line-height: 39px;
  border-bottom: 1px solid #e9eaed;
  font-size: 16px;
  color: #212121;
  cursor: pointer;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper {
  position: relative;
  height: 50px;
  top: 0 !important;
  line-height: 1.5;
  z-index: 1;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .slider {
  position: relative;
  padding-right: 70px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .slider .newSlider {
  width: calc(100% - 30px);
  margin-top: 20px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .slider .newSlider .bar {
  background-color: #00b3ff;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .slider .disabled-slider .bar {
  background-color: #959595;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .minLimit {
  position: absolute;
  left: 12px;
  top: 10px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .maxLimit {
  position: absolute;
  top: 10px;
  padding-right: 45px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .maxLimit.en {
  padding-right: 35px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .closeOpacity {
  position: absolute;
  top: 7px;
  padding-right: 12px;
  font-size: 21px;
  color: #6e6e6e;
  padding-left: 14px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .closeOpacity.en {
  padding-right: 12px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .sliderCounter {
  position: absolute;
  top: 26px;
  right: 37.5%;
}
[dir=ltr] .layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .sliderCounter {
  right: 20%;
  font-size: 14px;
}
.layerOptionsWrapper .scrollWrapper ul li .sliderWrapper .en {
  float: right;
  right: 0;
  padding-right: 0;
}
.layerOptionsWrapper .scrollWrapper ul li .optionIcon {
  font-size: 17px;
  color: #6e6e6e;
  line-height: 37px;
  vertical-align: middle;
  padding-right: 12px;
  padding-left: 14px;
}
.layerOptionsWrapper .scrollWrapper ul li .userLayerOptionIcon {
  font-size: 17px;
  color: #6e6e6e;
  line-height: 37px;
  vertical-align: middle;
  padding-right: 12px;
  padding-left: 14px;
}
.layerOptionsWrapper .scrollWrapper ul li .openOption {
  font-size: 22px;
  color: #989898;
  line-height: 37px;
  vertical-align: middle;
  float: left;
  padding-left: 12px;
}
.layerOptionsWrapper .scrollWrapper ul li .en {
  float: right;
  padding-left: inherit;
  padding-right: 12px;
}
.layerOptionsWrapper .scrollWrapper ul li .filter-counter {
  font-size: 24px;
  color: #dedede;
  line-height: 37px;
  vertical-align: middle;
  float: left;
  padding-left: 9px;
  position: relative;
}
.layerOptionsWrapper .scrollWrapper ul li .filter-counter span {
  font-size: 16px;
  font-family: Alef, sans-serif;
  color: #000000;
  position: absolute;
  left: 12px;
  margin: 0 3px;
}
.layerOptionsWrapper .scrollWrapper ul li .layerOpacity {
  font-size: 16px;
  color: #989898;
  line-height: 37px;
  vertical-align: middle;
  float: left;
  padding-left: 12px;
}
.layerOptionsWrapper .scrollWrapper ul li .layerOpacity.en {
  float: right;
  padding-left: inherit;
  padding-right: 12px;
}
@media only screen and (max-width: 996px) {
  .ios .layerOptionsWrapper.layer-filter-wrapper .scrollWrapper.layerOptionsScrollWrapper .layer-filter .scrollWrapper {
    max-height: calc(100vh - 150px);
  }
  .confirm-btn {
    color: #2178da !important;
    padding: 0;
    cursor: pointer;
    position: absolute;
    padding-right: 0;
    left: 6px !important;
    font-size: 20px;
    width: 100px;
    top: 15px;
  }
  .confirm-btn.opacity50 {
    opacity: 0.5;
  }
  .ng-hide {
    height: 0;
    top: 1000px;
  }
  .layerOptionsWrapper {
    transition: all ease 0.5s;
    top: unset !important;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow-x: hidden;
    box-shadow: none;
    position: absolute;
    height: 373px;
    z-index: 6;
  }
  .layerOptionsWrapper.layerOptionsContainer {
    height: 100% !important;
  }
  .layerOptionsWrapper.layer-filter-wrapper {
    top: 0 !important;
    bottom: unset !important;
    overflow: hidden;
    height: 100% !important;
  }
  .layerOptionsWrapper.layer-filter-wrapper .scrollWrapper.layerOptionsScrollWrapper .layer-filter .scrollWrapper {
    max-height: calc(100vh - 150px);
  }
  .layerOptionsWrapper.layer-filter-wrapper .header .backBtn {
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 80px;
    right: 0;
    z-index: 3;
  }
  [dir=ltr] .layerOptionsWrapper.layer-filter-wrapper .header .backBtn {
    right: auto;
    left: 12px;
  }
  .layerOptionsWrapper.layer-filter-wrapper .header .backBtn .fa-chevron-right {
    position: relative;
    right: 0;
    text-align: right;
    top: 12px;
  }
  .layerOptionsWrapper.layer-filter-wrapper .header .backBtn .back-text {
    position: relative;
    right: 0;
    top: 10px;
    padding-right: 0;
  }
  .layerOptionsWrapper.layer-filter-wrapper .header .closeBtn {
    height: 100%;
    top: 0;
    width: 25px;
    padding-right: 13px;
  }
  .layerOptionsWrapper.wide {
    width: 100%;
  }
  .layerOptionsWrapper.layer-filter-active {
    background-color: #eeeeee;
  }
  .layerOptionsWrapper.layer-filter-active .back-text {
    top: 9px;
  }
  .layerOptionsWrapper .layersDetails .scrollWrapper .categoryTitle {
    line-height: 17px;
  }
  .layerOptionsWrapper .layersDetails .scrollWrapper .valuesList li {
    line-height: 26px;
  }
  .layerOptionsWrapper .layersDetails .scrollWrapper .valuesList li .valuesItem .valueIcon i {
    top: 13px;
  }
  .layerOptionsWrapper .header .backBtn {
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 80px;
    right: 0;
    z-index: 3;
  }
  .layerOptionsWrapper .header .backBtn .fa-chevron-right {
    right: 0;
  }
  .layerOptionsWrapper .header .backBtn .back-text {
    right: 18px;
    top: 9px;
    padding-right: 0;
  }
  .layerOptionsWrapper .header .closeBtn {
    left: 9px;
  }
  .layerOptionsWrapper .header .mobileLayerOptionsTitle {
    float: right;
    font-size: 20px;
    /*padding-right: 49px;*/
    width: 100%;
  }
  .layerOptionsWrapper .header .layerOptionsTitleWithSub {
    top: 1px;
    position: absolute;
  }
  .layerOptionsWrapper .header .layerInfoTitle {
    width: 100%;
    left: inherit;
  }
  .layerOptionsWrapper .header .layerIcon {
    display: flex;
    float: right;
    position: absolute;
    top: 8px;
    right: 16px;
  }
  .layerOptionsWrapper .scrollWrapper.layerOptionsScrollWrapper {
    overflow: hidden;
    max-height: calc(100vh - 50px);
    min-height: calc(70vh - 148px);
  }
  .layerOptionsWrapper .scrollWrapper.layerOptionsScrollWrapper .filter-counter {
    line-height: 48px !important;
  }
  .layerOptionsWrapper .scrollWrapper ul .userLayerOptionsTitle {
    padding-right: 19px;
  }
  .layerOptionsWrapper .scrollWrapper ul li {
    line-height: 48px;
    font-size: 18px;
  }
  .layerOptionsWrapper .scrollWrapper ul li .optionIcon {
    line-height: 48px;
    font-size: 21px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .layerOptionsWrapper .scrollWrapper ul li .userLayerOptionIcon {
    line-height: 48px;
    font-size: 19px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .layerOptionsWrapper .scrollWrapper ul li .openOption {
    line-height: 48px;
  }
  .layerOptionsWrapper .scrollWrapper ul li .layerOpacity {
    line-height: 48px;
    padding-left: 16px;
  }
}
.tempBar {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  background-color: transparent;
  z-index: 1000;
}
.detailsHeader {
  display: block;
  text-align: center;
}
.detailsHeader .saveBtn {
  color: #337ab7;
}
.detailsHeader button {
  bottom: -4px;
  background-color: transparent;
  border: transparent;
  border-bottom: 2px solid transparent;
  display: inline-block;
  width: 115px;
  font-size: 15px;
  position: relative;
  text-align: center;
}
.detailsHeader .closeBtn {
  padding: 0!important;
  width: 30px;
  font-size: 21px;
  top: 0;
  height: 48px;
  position: absolute;
}
.detailsBorder {
  border-bottom: 0px;
  /*.closeBtn{
        float:right;
        padding-right:12px !important;
    }*/
}
.footer {
  text-align: left;
}
.footer .button {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin: 3px 0;
  padding: 0 15px;
  font-size: 14px;
  background-color: #F1F1F1 !important;
}
.footer .save {
  border: 1px solid #2e6dab;
  border-radius: 1px;
  background-color: #337ab7 !important;
  color: white;
}
.footer .cancel {
  vertical-align: middle;
  background-color: white !important;
  color: black;
  border-radius: 1px;
  line-height: 0.5;
  text-align: center;
  border: 1px solid #cccccc;
}
.btnDetails {
  left: 15px;
  position: absolute;
}
.afterSaveDetails {
  display: block;
  text-align: right;
  right: 15px;
  position: absolute;
  top: 457px;
}
.clickDetails {
  top: 457px;
}
.cancelDetails {
  top: 457px;
  left: 90px;
}
.inputDetails input {
  border: 1px solid #cccccc !important;
  background-color: white;
}
.detailsContent {
  padding-right: 20px !important;
  border-bottom: 1px solid #e9eaed;
}
.afterSave {
  color: #63b32e;
  font-weight: bold;
  /*position: absolute;
          left: 5px;
          top:-11px;
          text-align: left;*/
}
.afterSaveError {
  color: red;
  font-weight: bold;
  /*position: absolute;
          left: 5px;
          top:-11px;
          text-align: left;*/
}
.ngdialogDetails .ngdialog-content {
  height: 500px;
  width: 628px;
  top: calc(50% - 245px);
}
.ngdialogDetails .ngdialog-close {
  left: inherit;
  right: 15px;
  width: 10px;
}
.success {
  position: relative;
  top: 12px;
}
.detailsTitle {
  top: 1px !important;
}
@media only screen and (max-width: 996px) {
  .ngdialogDetails {
    overflow: hidden;
  }
  .ngdialogDetails .ngdialog-content {
    overflow: hidden;
    height: 100%;
  }
  .ngdialogDetails .ngdialog-content .register {
    height: 100%;
    max-height: 100%;
  }
  .ngdialogDetails .ngdialog-content .register .saveBtn {
    position: absolute !important;
    right: 15px !important;
    left: initial!important;
    top: 10px !important;
    bottom: initial !important;
    font-size: 20px !important;
    width: initial !important;
  }
  .ngdialogDetails .ngdialog-content .register .detailsHeader .detailsTitle {
    top: 1px !important;
    right: initial !important;
  }
  .ngdialogDetails .ngdialog-content .register .loginContent {
    padding: 0;
    max-height: calc(100% - 48px);
  }
  .ngdialogDetails .ngdialog-content .register .loginContent .detailsBorder {
    width: 288px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }
  .ngdialogDetails .ngdialog-content .register .detailsContent {
    padding: 0 !important;
  }
}
.favoritesWrapper {
  right: 15px;
  top: 75px;
}
.favoritesWrapper form {
  width: auto;
}
.favoritesWrapper form .header {
  height: 48px;
  /*button {
                left: unset;
                right: 10px;
            }*/
}
.favoritesWrapper form .header .title {
  color: #888888;
  font-weight: bold;
}
.favoritesWrapper form .header .fa-arrow-left {
  left: 6px !important;
  top: 12px;
  right: initial;
  right: auto;
}
.favoritesWrapper form .header .fa-trash {
  right: 40px !important;
  top: 12px;
}
.favoritesWrapper form .scrollWrapper {
  margin: 0;
  height: auto;
  position: relative;
  max-height: 498px;
  overflow-y: hidden;
}
.favoritesWrapper form .scrollWrapper .favoritesBody {
  color: #212121;
  overflow: hidden;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .text {
  display: inline-block;
  position: relative;
  bottom: 13px;
  margin-right: 3px;
  top: 8px;
  width: 185px;
  border-color: transparent;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .save {
  height: 23px;
  position: relative;
  top: -4px;
  left: -8px;
  vertical-align: middle;
  background: #337ab7;
  color: #ffffff;
  font-size: 18px;
  border-radius: 1px;
  text-align: center;
  border: 1px solid #2e6dab;
  line-height: 1px;
  margin-top: 6px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty {
  padding-right: 16px;
  padding-left: 20px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty .content {
  padding-top: 16px;
  font-size: 15px;
  width: inherit;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty .saveFavorites {
  padding-top: 25px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty .saveFavorites .save-text {
  font-size: 15px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty .userOffline {
  font-size: 15px;
  margin-top: 25px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .listEmpty .userOffline .loginBtn {
  padding-right: inherit;
  padding-bottom: 16px;
  border: transparent;
  background: transparent;
  color: #2178da;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap {
  right: 12px;
  height: 39px;
  padding-right: 20px;
  position: relative;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .favorite-input {
  top: 3px!important;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .saveNew {
  top: 1px;
  position: relative;
  width: 55px;
  left: 12px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .myMapName {
  color: #212121;
  border: transparent;
  position: inherit;
  width: 62%;
  /*margin-right: 6px;
                    margin-top: 6px;*/
  margin-left: 30px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName {
  background-color: transparent;
  border: transparent;
  height: 39px;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #e9eaed;
  padding-right: 12px;
  color: #2178da;
  cursor: pointer;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend {
  float: left;
  padding-left: 10px;
  padding-top: 5px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile,
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-desktop {
  display: none;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend.extend-long {
  position: absolute;
  right: 10px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend.extend-long .close {
  right: 2px !important;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend.extend-long input {
  width: 190px;
  padding-right: 19px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName:hover .extend .options-desktop {
  display: inline-block;
  top: 3px;
  position: relative;
  color: #2178da;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName:hover .extend .options-desktop .editBtn {
  position: absolute;
  top: 1px;
  left: 17px;
}
.favoritesWrapper form .scrollWrapper .favoritesBody .close {
  padding-right: 10px;
  top: 5px;
  right: -8px;
  left: unset;
  width: 20px;
}
.extendOptionBox {
  position: relative;
}
.extendOptionBox span {
  display: inline-block;
}
.extendOptionBox .myMapName {
  margin-right: 10px!important;
  top: 0!important;
}
.extendOptionBox .favorite-edit {
  right: 18px;
}
.extendOptionBox .close {
  padding-right: 0!important;
  right: -5px !important;
  top: -4px !important;
}
.listWrapper {
  width: 300px;
}
.listEmptyWrapper {
  width: 298px;
}
@media only screen and (max-width: 996px) {
  .favoritesWrapper {
    width: 100%;
    right: 0;
    top: 0;
    background: #e9eaed;
  }
  .favoritesWrapper .header .close {
    float: left !important;
    right: inherit;
    left: 0;
  }
  .favoritesWrapper form {
    background: #ffffff;
  }
  .favoritesWrapper form .scrollWrapper {
    max-height: calc(100vh - 105px);
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap {
    display: inline-block;
    width: 100%;
    right: 0;
    padding-right: 0;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .myMapName {
    position: initial;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .saveNew {
    left: 0;
    float: left;
    margin-left: 7px;
    width: 60px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .saveNew div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .newMyMap .favorite-input {
    top: 3px!important;
    margin-right: 0;
    width: 180px;
    margin-left: 0;
    padding-bottom: 4px;
    vertical-align: middle;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .save {
    display: inline-block;
    top: 0;
    position: relative;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .saveFavorites {
    padding-bottom: 10px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName {
    height: 53px;
    padding-right: 20px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend {
    padding: 0;
    height: 100%;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend.extend-long {
    width: 100%;
    padding-left: 10px;
    display: inline-block;
    right: 0;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-desktop {
    display: none !important;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile {
    display: inline-block;
    position: relative;
    color: #5c5c5c;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile .kebab-wrapper {
    padding: 16px;
    display: inline-block;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile .options {
    display: none;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile .options.hover {
    display: inline-block;
    padding: 16px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile .options.hover .deletebtn {
    width: 20px;
    padding: 5px;
    display: inline-block;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .options-mobile .options.hover .editbtn {
    width: 20px;
    padding: 5px;
    display: inline-block;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .extendOptionBox {
    top: 8px;
    right: 18px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .extendOptionBox.is-edit {
    right: 0;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .favoritesName .extend .extendOptionBox.is-edit .save {
    vertical-align: inherit;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .text {
    top: 15px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .close {
    right: 0;
    padding-right: 4px;
    padding-top: 4px;
    width: 29px;
    height: 39px;
  }
  .favoritesWrapper form .scrollWrapper .favoritesBody .closeBtn {
    position: initial;
    padding-bottom: 7px;
  }
  .listWrapper {
    background: #e9eaed;
  }
}
.ios .favoritesWrapper form .scrollWrapper {
  max-height: calc(100vh - 125px);
}
.gridWrapper {
  z-index: 3;
  position: absolute;
  top: 70px;
  right: 13px;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  /*overflow: scroll;*/
  overflow: visible;
  min-width: 300px;
}
.gridWrapper .header .title {
  font: 20px alef;
  color: #000000;
  top: 2px;
  position: absolute;
  right: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 37px);
  right: 7px;
}
.gridWrapper .header .count {
  top: 23px;
  position: absolute;
  right: 0;
  font: 14px alef;
  color: #989898;
  width: 100%;
  text-align: center;
}
.gridWrapper .body {
  /*margin: 12px;*/
  padding-left: 10px;
}
.gridWrapper .body .filter-choise {
  background-color: #ffffff;
  padding: 0 12px;
  top: 85px;
  right: 11px;
  position: absolute;
  border: 1px solid #e9eaed;
}
.gridWrapper .body .filter-choise div {
  height: 45px;
  font-size: 17px;
  color: #212121;
  cursor: pointer;
  padding-top: 13px;
}
.gridWrapper .body .nav {
  border-bottom: 1px solid #000000;
  /*margin-bottom: 12px;*/
  height: 53px;
  position: relative;
}
.gridWrapper .body .nav .moreBtn {
  float: left;
  left: 13px;
  top: 10px;
  position: absolute;
}
.gridWrapper .body .nav .moreBtn button {
  width: 72px;
  background-color: #f3f3f3;
}
.gridWrapper .body .nav .moreBtn button .fa {
  font-size: 13px;
  right: 6px;
}
.gridWrapper .body .nav .moreBtn .more-options {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  width: 200px;
  cursor: pointer;
  z-index: 3;
}
.gridWrapper .body .nav .moreBtn .more-options div {
  height: 45px;
  padding-top: 10px;
}
.gridWrapper .body .nav .moreBtn .more-options div .fa {
  font-size: 17px;
  color: #6e6e6e;
  padding-left: 12px;
  padding-right: 12px;
}
.gridWrapper .body .nav .moreBtn .more-options div .fa-trash-o {
  color: #2178da;
  float: left;
  font-size: 19px;
  padding-top: 2px;
}
.gridWrapper .body .nav .moreBtn .more-options div span {
  font: alef 17px;
  color: #212121;
}
.gridWrapper .body .nav .link {
  color: #1C67BD;
  cursor: pointer;
  text-decoration: underline;
  padding: 5px;
}
.gridWrapper .body .nav .search {
  display: inline-flex;
  margin-bottom: 12px;
}
.gridWrapper .body .nav .search .search-value,
.gridWrapper .body .nav .search .search-btn,
.gridWrapper .body .nav .search select {
  margin-right: 8px;
}
.gridWrapper .body .nav .sort {
  width: 200px;
  position: absolute;
  top: 10px;
  right: 12px;
}
.gridWrapper .body .nav .sort .sort-options {
  margin-right: 8px;
}
.gridWrapper .body .nav .item-selected {
  float: left;
  right: inherit;
  left: 100px;
}
.gridWrapper .body .nav .search,
.gridWrapper .body .nav .sort {
  margin-bottom: 12px;
}
.gridWrapper .body .nav .selectedRowsActions {
  position: absolute;
  top: 10px;
  width: 440px;
  right: 12px;
  cursor: pointer;
}
.gridWrapper .body .nav .selectedRowsActions .btn-filter {
  height: 26px;
  margin-left: 11px;
}
.gridWrapper .body .nav .selectedRowsActions .count {
  border: 1px solid #d9d9d9;
  background-color: #f3f3f3;
  font-size: 19px;
  padding-right: 10px;
  padding-left: 10px;
}
.gridWrapper .body .nav .selectedRowsActions .action {
  /*padding: 2px;*/
  /*width:70px;*/
  /*border:1px solid #cccccc;*/
  text-align: center;
  height: 29px;
  font-size: 19px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #d9d9d9;
  background-color: #f3f3f3;
}
.gridWrapper .body .nav .selectedRowsActions .action .fa {
  width: 70px;
}
.gridWrapper .body .scrollableTable {
  table-layout: fixed;
  overflow-x: auto;
  overflow-y: hidden;
  display: block;
  /*tr:nth-child(odd) {
                background-color: #ffffff;
            }*/
}
.gridWrapper .body .scrollableTable .checkbox {
  font-size: 18px;
  color: #818181;
}
.gridWrapper .body .scrollableTable .col-header {
  font: 17px alef;
  color: #000000;
}
.gridWrapper .body .scrollableTable .col-header .fa {
  font-size: 18px;
}
.gridWrapper .body .scrollableTable tbody {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
.gridWrapper .body .scrollableTable tbody .text {
  font: alef 15px;
  color: #212121;
}
.gridWrapper .body .scrollableTable .thCol,
.gridWrapper .body .scrollableTable .thAction {
  height: 100%;
}
.gridWrapper .body .scrollableTable .thCol {
  margin-top: 12px;
}
.gridWrapper .body .scrollableTable .thScroll {
  width: 7px;
  padding: 0 !important;
}
.gridWrapper .body .scrollableTable .divScroll {
  padding: 0 !important;
}
.gridWrapper .body .scrollableTable .thAction {
  min-width: 17px;
  width: 17px;
}
.gridWrapper .body .scrollableTable .thAction div {
  width: 17px;
  padding: 2px;
}
.gridWrapper .body .scrollableTable tr {
  border-bottom: 1px solid #e9eaed;
  /*border-top: 1px solid #cccccc;*/
  /*text-align: center;*/
  white-space: nowrap;
  /*background-color: #e9eaed;*/
  height: 45px;
  font: 15px alef;
  color: #212121;
  /*th {
                    text-align: center;

                    label {
                        // margin: 3px;
                    }
                }*/
}
.gridWrapper .body .scrollableTable tr td,
.gridWrapper .body .scrollableTable tr th {
  /*padding-left: 5px;
                    padding-right: 5px;*/
  padding-left: 15px;
  padding-right: 10px;
  /*padding-top: 10px;*/
  /*width: 70px;*/
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  height: 45px;
}
.gridWrapper .body .scrollableTable tr td div,
.gridWrapper .body .scrollableTable tr th div {
  padding-top: 12px;
}
.gridWrapper .body .scrollableTable tr td .rowLink,
.gridWrapper .body .scrollableTable tr th .rowLink {
  direction: ltr;
}
.gridWrapper .body .scrollableTable tr:hover {
  background-color: #f4f5f5;
  cursor: pointer;
}
.gridWrapper .body .scrollableTable .selected-row {
  background-color: #dfe8f6;
}
.gridWrapper .body .scrollableTable .selected-row .fa {
  color: #2178da;
}
.gridWrapper .body .scrollableTable .genericTime {
  padding-top: 0;
}
.gridWrapper .body .scrollableTable .genericTime div {
  padding-top: 0;
}
.gridWrapper .body .hover {
  cursor: pointer;
  background-color: #f4f5f5;
}
.gridWrapper .body .tr-menu {
  color: #a8a9a9;
  position: fixed;
  width: 43px;
  height: 45px;
  text-align: center;
  padding-top: 11px;
  padding-right: 3px;
  background-color: #f4f5f5;
  cursor: pointer;
  z-index: 2;
}
.gridWrapper .body .tr-menu .more-options {
  width: 182px;
  position: absolute;
  z-index: 9999;
  background-color: #ffffff;
  text-align: right;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  top: 32px;
  cursor: pointer;
}
.gridWrapper .body .tr-menu .more-options div {
  height: 45px;
  padding-right: 15px;
  padding-top: 10px;
  font-size: 17px;
  color: #212121;
}
.gridWrapper .body .tr-menu .more-options div .fa-edit {
  font-size: 20px;
}
.gridWrapper .body .tr-menu .more-options div .fa-trash-o {
  font-size: 19px;
}
.gridWrapper .body .search-wrapper {
  height: 90px !important;
  padding-top: 0 !important;
}
.gridWrapper .body .search-wrapper .search-header i {
  top: 13px;
  position: absolute;
}
.gridWrapper .body .search-wrapper .search-header span {
  top: 10px;
  position: absolute;
  right: 35px;
}
.gridWrapper .body .search-wrapper .search-header .close {
  width: 20px;
  background-color: transparent;
  top: 7px;
  left: 5px;
  position: absolute;
  z-index: 4;
}
.gridWrapper .body .search-wrapper .search-options {
  height: 100px;
  padding-top: 0 !important;
}
.gridWrapper .body .search-wrapper .search-options .scrollWrapper {
  margin: 0;
  height: inherit;
  position: relative;
  max-height: 150px;
  min-height: 150px;
  overflow-y: hidden;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding-top: 0 !important;
}
.gridWrapper .body .search-wrapper .search-options .scrollWrapper div {
  height: auto;
  padding-top: 0 !important;
}
.gridWrapper .body .search-wrapper .search-options .scrollWrapper .option {
  height: 39px;
  padding-top: 0;
  padding-right: 10px;
}
.gridWrapper .body .search-wrapper .search-value {
  padding-top: 0;
  background-color: #ffffff;
  /*border:1px solid #cccccc;*/
  height: 35px;
}
.gridWrapper .body .search-wrapper .search-value input {
  position: absolute;
  top: 55px;
  margin-right: 5px;
  margin-left: 5px;
}
.gridWrapper .body .search-wrapper .search-value i {
  position: absolute;
  left: 5px;
  top: 60px;
}
.gridWrapper .body .search-options-height {
  height: 120px !important;
}
.gridWrapper .body .search-options-height div {
  height: 39px;
  padding-top: 0;
}
.table-export {
  z-index: 0 !important;
  width: 10px;
  height: 10px;
}
.selectMapTop {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  background-color: #4285f4;
  height: 40px;
  font-size: 16px;
  padding-right: 14px;
  z-index: 1;
}
.selectMapTop span {
  display: inline-block;
  float: right;
  margin-left: 12px;
  color: #ffffff;
  padding-top: 8px;
}
.selectMapTop button {
  display: inline-block;
  float: left;
  margin-left: 12px;
  margin-top: 6px;
  margin-top: 10px;
  height: 20px;
}
.selectMapTop button span {
  display: inline-block;
  padding: 5px;
  color: #000000;
  margin: 0;
  padding: 0;
  margin-top: -4px;
}
.selectMap-errMsg {
  background-color: #f2dede;
  border: 1px solid #cccccc;
  height: 52px;
  padding: 8px;
  width: 300px;
  top: 70px;
  position: absolute;
  z-index: 1;
  right: 14px;
}
.selectMap-errMsg b {
  padding-right: 3px;
  font-size: 16px;
  color: #5c5c5c;
  font-weight: 700;
  line-height: 32px;
}
.selectMap-errMsg .closeBtn {
  position: absolute;
  float: left;
  left: 4px;
  font-size: 21px;
  color: #747474;
}
@media only screen and (max-width: 996px) {
  .gridWrapper {
    width: 100%;
    padding: 0px;
    right: 0px;
    background-color: #ececec;
    /*border: 1px solid #cccccc;*/
    border: none;
    height: 100%;
    top: 0;
    z-index: 7;
  }
  .gridWrapper .select-all {
    z-index: 3;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-color: #ffffff;
  }
  .gridWrapper .select-all div {
    padding-right: 12px;
    font: alef crisp;
    color: #6e6e6e;
    width: 100%;
    height: 100%;
    margin-top: 12px;
  }
  .gridWrapper .select-all span {
    padding-right: 5px;
  }
  .gridWrapper .select-all .action {
    padding-right: 10px;
  }
  .gridWrapper .select-all .action .fa-edit {
    font-size: 20px;
  }
  .gridWrapper .select-all .action .fa-search-plus {
    font-size: 17px;
  }
  .gridWrapper .select-all .action .fa-trash-o {
    font-size: 19px;
  }
  .gridWrapper .header-select .backBtn {
    padding-top: 2px;
    z-index: 4;
    font-size: 20px;
    width: 50px !important;
  }
  .gridWrapper .header-select .backBtn .back-text {
    padding: 0;
  }
  .gridWrapper .header-select .title {
    right: inherit !important;
    text-align: center;
    position: relative;
    padding-top: 0;
    top: inherit;
  }
  .gridWrapper .header-select .btn-filter-mobile {
    left: 10px;
    width: 70px !important;
    top: 10px;
  }
  .gridWrapper .header {
    background-color: white;
    font: 20px Alef;
    padding-right: 0;
  }
  .gridWrapper .header .backBtn {
    position: absolute;
    padding-right: 4px;
    width: 75px;
    z-index: 4;
    height: 100%;
    top: 1px;
    padding-top: 10px;
  }
  .gridWrapper .header .backBtn .back-text {
    font-size: 20px;
    padding-right: 9px;
  }
  .gridWrapper .header .backBtn i {
    top: 17px;
    right: 0;
    position: absolute;
  }
  .gridWrapper .header .title {
    right: initial;
    color: #000000;
    width: 100%;
    text-align: center;
  }
  .gridWrapper .header .title .sub-title {
    position: absolute;
    top: 23px;
    font: 14px alef;
    color: #989898;
    right: 0;
    width: 100%;
    text-align: center;
  }
  .gridWrapper .sort-header {
    position: relative;
    text-align: center;
    right: inherit;
    color: #000000;
  }
  .gridWrapper .sort-header .title {
    right: inherit;
    position: relative;
    top: 0;
  }
  .gridWrapper .body {
    margin: 5px;
    margin-top: 0;
    padding-left: 0;
    max-height: calc(100% - 50px) !important;
    min-height: 190px;
  }
  .gridWrapper .body.checkboxHeight {
    height: calc(100% - 103px);
  }
  .gridWrapper .body .nav {
    background-color: white;
    margin: 5px;
    margin-bottom: 0;
    height: 45px;
    border: 1px solid #cccccc;
  }
  .gridWrapper .body .nav .menu {
    font-size: 17px;
    color: #2178da;
    position: absolute;
    top: 10px;
    width: 100%;
  }
  .gridWrapper .body .nav .menu .more {
    float: left;
  }
  .gridWrapper .body .nav .menu span {
    padding-right: 5%;
  }
  .gridWrapper .body .nav .menu span i {
    margin-left: 5px;
  }
  .gridWrapper .body .nav .more-options {
    top: 45px;
    z-index: 99999;
    font: 17px alef;
    color: #212121;
    padding: 0 8px;
    margin-top: 0;
    position: relative;
    background: white;
  }
  .gridWrapper .body .nav .more-options div {
    height: 39px;
    padding-top: 9px;
  }
  .gridWrapper .body .nav .more-options div i {
    color: #6e6e6e;
  }
  .gridWrapper .body .nav .more-options div span {
    padding-right: 9px;
  }
  .gridWrapper .body .nav .more-options div .fa-trash-o {
    padding-right: inherit;
    float: left;
  }
  .gridWrapper .body .nav .search * {
    display: inline-block;
  }
  .gridWrapper .body .nav .search {
    padding-top: 10px;
    padding-right: 12px;
    display: none !important;
  }
  .gridWrapper .body .nav .search .search-value {
    width: 40%;
  }
  .gridWrapper .body .nav .search .search-value input {
    width: 100%;
  }
  .gridWrapper .body .nav .search .search-btn-con {
    width: 20%;
  }
  .gridWrapper .body .nav .search-wrapper {
    font: 17px alef;
    color: #212121;
    position: relative;
    height: 100px !important;
  }
  .gridWrapper .body .nav .search-wrapper input {
    width: 93%;
    height: 29px;
    margin: auto;
    display: block;
    /*margin-top:10px;*/
    padding-right: 5px;
    position: relative;
    top: 0;
  }
  .gridWrapper .body .nav .search-wrapper .datVal {
    -webkit-appearance: none;
  }
  .gridWrapper .body .nav .search-wrapper .fa-search {
    color: #6e6e6e;
    left: 15px;
    top: 58px;
  }
  .gridWrapper .body .nav .search-wrapper .fa-sort-down {
    font-size: 13px;
    color: #9f9f9f;
  }
  .gridWrapper .body table {
    height: 100%;
    width: 100%;
    display: block;
  }
  .gridWrapper .body table tr {
    display: block;
  }
  .gridWrapper .body .grid-tiles-wrapper .box {
    width: 354px;
  }
  .gridWrapper .body .grid-tiles-wrapper .box-details {
    width: 328px;
  }
  .gridWrapper .body .grid-tiles-wrapper .chk-box {
    width: 27px;
  }
  .gridWrapper .body .grid-tiles-wrapper .chk-box .fa {
    font-size: 21px;
  }
  .gridWrapper .body .grid-tiles-wrapper .chk-box .fa-square-o {
    color: #818181;
  }
  .gridWrapper .body .grid-tiles-wrapper .chk-box .fa-check-square {
    color: #2178da;
  }
  .gridWrapper .body .grid-tiles-wrapper .title {
    font-weight: bold;
    color: #888;
  }
  .gridWrapper .body .grid-tiles-wrapper .tabSelected {
    border: 1px solid #1c67bd !important;
  }
  .gridWrapper .body .grid-tiles-wrapper .more-info-btn {
    color: #1c67bd;
  }
  .gridWrapper .body .grid-tiles-wrapper .checkbox-mode .row-boxed {
    width: 89%;
    float: left;
  }
  .gridWrapper .body .grid-tiles-wrapper .checkbox-mode .checkbox {
    float: right;
    width: 10%;
    height: 100%;
    display: inline-block;
    padding-top: 30%;
    padding-right: 10px;
  }
  .gridWrapper .body .grid-tiles-wrapper .checkbox-mode .fa {
    font-size: 21px;
  }
  .gridWrapper .body .grid-tiles-wrapper .checkbox-mode .fa-square-o {
    color: #818181;
  }
  .gridWrapper .body .grid-tiles-wrapper .checkbox-mode .fa-check-square {
    color: #2178da;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed {
    padding: 8px;
    background: #ffffff;
    margin-top: 8px;
    position: relative;
    border: 1px solid #cccccc;
    cursor: pointer;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .field-val {
    word-break: break-word;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .fa-circle {
    font-size: 32px;
    color: #f3f3f3;
    position: absolute;
    left: 8px;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .fa-circle .fa-ellipsis-v {
    font-size: 16px;
    color: #6e6e6e;
    position: absolute;
    top: 10px;
    right: 11px;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .fa-circle .close-options {
    color: #6e6e6e;
    top: 0;
    position: absolute;
    font-size: 25px;
    left: 8px;
    z-index: 5;
    font: alef crisp;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .options {
    position: absolute;
    background-color: #ffffff;
    top: 45px;
    left: 20px;
    border: 1px solid #cccccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
    width: 121px;
    z-index: 9999;
  }
  .gridWrapper .body .grid-tiles-wrapper .row-boxed .options div {
    height: 39px;
    font: 17px alef;
    color: #212121;
    padding-top: 10px;
    padding-right: 10px;
  }
  .gridWrapper .sort {
    /*padding-right: 12px;
                    top:50px;
                    width:250px;*/
    background-color: #ffffff;
  }
  .gridWrapper .sort .options {
    height: 39px;
    padding-top: 10px;
    padding-right: 14px;
    /*margin-right: 17px;*/
  }
  .gridWrapper .sort .fa {
    color: #2178da;
    font-size: 21px;
    float: left;
    padding-left: 14px;
  }
  .filter-choise {
    top: 45px;
    right: 0px;
    padding: 0 15px;
  }
  .filter-choise div {
    height: 39px;
    padding-top: 10px;
  }
  .filter-choise .fa-check {
    float: left;
    margin-right: 14px;
    color: #2178da;
    font-size: 21px;
  }
  .entity-table-grid .ngdialog-overlay {
    top: 45px;
  }
  .selectMapTopMobile {
    z-index: 1;
  }
  .selectMapTopMobile .header {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 3px;
    z-index: 1;
    color: #656464;
  }
  .selectMapTopMobile .header .mobile-title {
    height: 100%;
    line-height: 40px;
    font-size: 20px;
  }
  .selectMapTopMobile .header .close-btn {
    color: #888;
    font-size: 17px;
    height: 100%;
    width: 35px;
    top: 0;
  }
  .selectMapTopMobile .header .closeBtn {
    font-size: 20px;
    /*top: 10px;*/
    color: #1c8be0;
    /*right: 10px;*/
    right: inherit;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .selectMapTopMobile .header .closeBtn .text {
    /*left:17px;
                    position:relative;*/
    left: 22px;
    position: absolute;
    top: 11px;
  }
  .selectMapTopMobile .header .closeBtn .fa-chevron-left {
    position: absolute;
    top: 17px;
    left: 6px;
  }
  .selectMapTopMobile .header .close {
    left: unset;
    height: 100%;
    top: 0;
    right: 0;
    padding-right: 6px;
  }
  .selectMapTopMobile .header .back {
    left: 0;
    width: 68px;
  }
  .selectMapTopMobile .description {
    position: fixed;
    width: 100%;
    top: 48px;
    right: 0;
    background-color: #eef5ff;
    height: 22px;
    font-size: 14px;
    padding-right: 12px;
    color: #656464;
    z-index: 1;
  }
  .selectMapTopMobile .description.err-msg {
    background-color: #f2dede;
  }
}
.display-data-container {
  position: absolute;
  width: 300px;
  right: 13px;
  top: 70px;
  z-index: 1;
}
.display-data-container .dataBubble .bubbleTitle {
  height: 33px;
  font: 20px alef;
  color: #000000;
  background-color: white;
  line-height: 33px;
  text-align: center;
  border-bottom: 1px solid #e9eaed;
}
.display-data-container .dataBubble .bubbleTitle .closeBubble {
  position: relative;
  float: left;
  top: 1px;
  left: 18px;
  color: #888;
}
.display-data-container .body {
  padding-bottom: 10px;
}
.display-data-container .body .displayDataWrapper {
  /*right: 13px;
        top: 70px;*/
  z-index: 3;
  /*position: absolute;*/
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  width: 300px;
}
.display-data-container .body .header {
  height: 48px;
  font: 20px alef;
  color: #000000;
}
.display-data-container .body .header .headerTitle {
  display: inline;
}
.display-data-container .body .header .openApp {
  float: right;
  font-size: 21px;
}
.display-data-container .body .header .backButton {
  color: #2178da;
  display: inline;
  float: right;
  cursor: pointer;
}
.display-data-container .body .header .saveBtn {
  color: #2178da;
  display: inline;
  float: left;
}
.display-data-container .body .chooseCategoryBody {
  background-color: #e9eaed;
}
.display-data-container .body .chooseCategoryBody .sub-title {
  height: 41px;
  padding-right: 20px;
  font: 16px alef;
  color: #000;
  line-height: 41px;
  margin-bottom: 0px !important;
}
.display-data-container .body .chooseCategoryBody .categoriesWrapper {
  padding-right: 20px;
  max-height: 337px;
  overflow: hidden;
}
.display-data-container .body .chooseCategoryBody .categoriesWrapper .category {
  width: 118px;
  height: 66px;
  background-color: white;
  font: 14px alef;
  color: #212121;
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 1px solid #f1f1f2;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.display-data-container .body .chooseCategoryBody .categoriesWrapper .category:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.display-data-container .body .chooseOptionBody .searchOption {
  height: 58px;
  padding-right: 12px;
  padding-left: 12px;
  line-height: 58px;
}
.display-data-container .body .chooseOptionBody .searchOption input {
  width: 262px;
  height: 34px;
  border-color: #cccccc;
  border-width: 1px;
  /* margin-right: 12px; */
  padding-right: 12px;
}
.display-data-container .body .chooseOptionBody .sub-title {
  height: 22px;
  padding-right: 17px;
  font: 15px alef;
  color: #000;
  line-height: 22px;
  margin-bottom: 0px !important;
  background-color: #e9eaed;
}
.display-data-container .body .chooseOptionBody .optionsWrapper {
  max-height: 337px;
  overflow: hidden;
}
.display-data-container .body .chooseOptionBody .optionsWrapper .option {
  min-height: 39px;
  padding-right: 17px;
  font: 15px alef;
  color: #212121;
  border-bottom: 1px solid #e9eaed;
  /* line-height: 39px !important; */
  padding-left: 17px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.display-data-container .body .chooseOptionBody .optionsWrapper .option:hover {
  cursor: pointer;
  background-color: #eeeeee;
}
.display-data-container .body .chooseCategoryOption {
  padding-right: 14px;
  min-height: 32px;
  line-height: 17px;
  display: table;
  width: 100%;
}
.display-data-container .body .chooseCategoryOption .catTitle {
  display: table-cell;
  font-size: 15px;
  font-family: alef;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% - 111px);
}
.display-data-container .body .chooseCategoryOption .catSelection {
  display: table-cell;
  width: 111px;
  vertical-align: middle;
}
.display-data-container .body .chooseCategoryOption .catSelection i {
  width: 48px;
  text-align: center;
  color: #98a2ae;
}
.display-data-container .body .chooseCategoryOption .catSelection i:disabled {
  color: #dbdfe3;
}
.display-data-container .body .chooseCategoryOption .catSelection span {
  color: #e9eaed;
}
.display-data-container .body .appLayerDisplayBody .optionTitle {
  height: 39px;
  line-height: 39px;
  font-size: 15px;
  font-family: alef;
  background-color: #e7e7e7;
}
.display-data-container .body .appLayerDisplayBody .optionTitle .displayByTitle {
  color: #000000;
  padding-right: 14px;
}
.display-data-container .body .appLayerDisplayBody .optionTitle .displayOptions {
  color: #2178da;
  float: left;
  padding-left: 5px;
}
.display-data-container .body .appLayerDisplayBody .legendWrapper {
  padding-right: 14px;
  max-height: 337px;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .customRectangleBreak {
  width: 25px;
  height: 14px;
  display: inline-block;
  /*padding-left: 14px;*/
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .customCircleBreak {
  display: inline-block;
  /*padding-left: 14px;*/
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .break .breakImage {
  padding-left: 14px;
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .break .breakImage.rectangle {
  width: 25px;
  height: 14px;
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .break .breakMin {
  text-align: left;
  width: 50px;
  display: inline-block;
}
.display-data-container .body .appLayerDisplayBody .legendWrapper .break .breakMax {
  text-align: right;
  width: 50px;
  display: inline-block;
}
.display-data-container .body .optionsBody .sub-title {
  margin-bottom: 0px !important;
  height: 43px;
  line-height: 43px;
  font-size: 17px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #e9eaed;
}
.display-data-container .body .optionsBody .sub-title span {
  width: 32%;
  display: inline-block;
  text-align: center;
  color: #000000;
}
.display-data-container .body .optionsBody .sub-title span.selected {
  color: #2178da;
  border-bottom: 4px solid #337ab7;
  height: 38px;
}
.display-data-container .body .optionsBody .display {
  padding-right: 22px;
  font-size: 15px;
  color: #000000;
}
.display-data-container .body .optionsBody .display .displayLine {
  height: 39px;
  line-height: 39px;
  display: inherit;
}
.display-data-container .body .optionsBody .display .uncheckedPolygon {
  background: url('../Images/apps.png');
  width: 25px;
  height: 21px;
  background-position: -59px -119px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
}
.display-data-container .body .optionsBody .display .checkedPolygon {
  background: url('../Images/apps.png');
  width: 25px;
  height: 21px;
  background-position: -85px -119px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
}
.display-data-container .body .optionsBody .display .uncheckedCircle {
  background: url('../Images/apps.png');
  width: 27px;
  height: 23px;
  background-position: -1px -119px;
  margin-right: 5px;
  display: inline-block;
}
.display-data-container .body .optionsBody .display .checkedCircle {
  background: url('../Images/apps.png');
  width: 27px;
  height: 23px;
  background-position: -31px -119px;
  margin-right: 5px;
  display: inline-block;
}
.display-data-container .body .optionsBody .color {
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.display-data-container .body .optionsBody .color .colorPallet {
  border: 2px solid #cccccc;
  padding: 8px;
  height: 45px;
  margin-bottom: 16px;
}
.display-data-container .body .optionsBody .color .colorPallet .colorShade {
  height: 25px;
  width: 10%;
  display: inline-block;
  padding: 8px;
  background-color: #dff2ff;
}
.display-data-container .body .optionsBody .color .colorPallet.selected {
  border: 2px solid #337ab7;
}
.display-data-container .body .optionsBody .range {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}
.display-data-container .body .optionsBody .range .amount,
.display-data-container .body .optionsBody .range .method {
  width: 92px;
  display: inline-block;
  text-align: right;
  padding-bottom: 15px;
  height: 28px;
  line-height: 28px;
  font-size: 15px;
}
.display-data-container .body .optionsBody .range select {
  width: 161px;
  direction: ltr;
  -moz-text-align-last: center;
  -ms-text-align-last: center;
  text-align-last: center;
  border: 1px solid #dadada;
}
.display-data-container .body .optionsBody .range .method {
  padding-bottom: 15px;
}
.display-data-container .body .optionsBody .range .classBreaks {
  padding-top: 15px;
  border-top: 1px solid #dadada;
}
.display-data-container .body .optionsBody .range .classBreaks .classBreaksScrollWrapper {
  overflow: hidden;
  max-height: calc(100vh - 149px);
}
.display-data-container .body .optionsBody .range .classBreaks .error {
  color: red;
  font-size: 15px;
  text-align: center;
  display: inherit;
  padding-bottom: 5px;
}
.display-data-container .body .optionsBody .range .classBreaks .break {
  padding-bottom: 15px;
}
.display-data-container .body .optionsBody .range .classBreaks .break .image {
  height: 25px;
  width: 37px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffcccc;
  border: 1px solid #cccccc;
}
.display-data-container .body .optionsBody .range .classBreaks .break .breakLimit {
  -moz-text-align-last: center;
  -ms-text-align-last: center;
  text-align-last: center;
  font-size: 16px;
  color: #7b7b7b;
  border: 1px solid #cccccc;
  width: 86px;
}
.display-data-container .body .optionsBody .range .classBreaks .break .breakLimit.min {
  margin-right: 15px;
}
.display-data-container .body .optionsBody .range .classBreaks .break .to {
  width: 10px;
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 996px) {
  .display-data-container {
    z-index: 3;
    top: 0px;
    right: 0px;
    width: 100%;
  }
  .display-data-container .dataBubble {
    position: fixed;
    background-color: white;
    width: 100%;
    bottom: 0px;
  }
  .display-data-container .dataBubble .bubbleTitle {
    height: 48px;
  }
  .display-data-container .body {
    padding-bottom: 0px;
  }
  .display-data-container .body .switchCase {
    height: 100%;
  }
  .display-data-container .body .switchCase .displayDataWrapper {
    width: 100%;
    height: 100%;
  }
  .display-data-container .body .displayCase .displayDataWrapper {
    width: 100%;
  }
  .display-data-container .body .header {
    padding-left: 0px;
    padding-right: 0px;
  }
  .display-data-container .body .header .backButton {
    font-size: 20px;
    padding-right: 6px;
  }
  .display-data-container .body .header .saveBtn {
    left: 6px !important;
  }
  .display-data-container .body .header .close {
    left: 6px;
  }
  .display-data-container .body .chooseCategoryBody {
    height: 100%;
  }
  .display-data-container .body .chooseCategoryBody .sub-title {
    font-size: 20px;
  }
  .display-data-container .body .chooseCategoryBody .categoriesWrapper {
    max-height: calc(100vh - 48px);
  }
  .display-data-container .body .chooseCategoryBody .categoriesWrapper .category {
    width: calc(50% - 20px);
    height: 99px;
    margin-bottom: 20px;
  }
  .display-data-container .body .chooseOptionBody {
    height: 100%;
  }
  .display-data-container .body .chooseOptionBody .sub-title {
    font-size: 17px;
  }
  .display-data-container .body .chooseOptionBody .optionsWrapper {
    max-height: calc(100vh - 48px);
  }
  .display-data-container .body .chooseOptionBody .optionsWrapper .option {
    border-bottom: 1px solid #f2f2f2;
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 13px;
    padding-bottom: 13px;
    font: 16px alef;
    color: #212121;
  }
  .display-data-container .body .chooseCategoryOption {
    height: 100%;
    padding-right: 10px;
  }
  .display-data-container .body .chooseCategoryOption .catTitle {
    font-size: 17px;
    color: #212121;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px;
  }
  .display-data-container .body .appLayerDisplayBody {
    position: fixed;
    background-color: white;
    width: 100%;
    bottom: 0px;
  }
  .display-data-container .body .appLayerDisplayBody .showHideLegend {
    height: 48px;
    text-align: center;
    font-size: 20px;
    color: #212121;
    border: 1px solid #cccccc;
  }
  .display-data-container .body .appLayerDisplayBody .showHideLegend i {
    display: block;
    height: 15px;
  }
  .display-data-container .body .appLayerDisplayBody .optionTitle {
    font-size: 16px;
  }
  .display-data-container .body .appLayerDisplayBody .legendWrapper {
    max-height: 108px;
  }
  .display-data-container .body .optionsBody {
    height: 100%;
  }
  .display-data-container .body .optionsBody .sub-title {
    background-color: #f0f1f3;
  }
  .display-data-container .body .optionsBody .display {
    padding-right: 20px;
  }
  .display-data-container .body .optionsBody .range {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
  .display-data-container .body .optionsBody .range .amount,
  .display-data-container .body .optionsBody .range .method {
    width: 100px;
    padding-bottom: 20px;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
  }
  .display-data-container .body .optionsBody .range select {
    width: calc(100% - 105px);
    color: #212121;
    font-size: 16px;
    height: 39px;
  }
  .display-data-container .body .optionsBody .range .method {
    padding-bottom: 20px;
  }
  .display-data-container .body .optionsBody .range .classBreaks {
    padding-top: 0px;
    border-top: 1px solid #cccccc;
  }
  .display-data-container .body .optionsBody .range .classBreaks .classBreaksScrollWrapper {
    overflow: hidden;
    max-height: calc(100vh - 229px);
  }
  .display-data-container .body .optionsBody .range .classBreaks .classBreaksScrollWrapper .break .image {
    height: 39px;
    width: 37px;
  }
  .display-data-container .body .optionsBody .range .classBreaks .classBreaksScrollWrapper .break .breakLimit {
    color: #212121;
    height: 37px;
    width: calc(50% - 40px);
  }
}
.elections-container {
  position: absolute;
  width: 300px;
  right: 13px;
  top: 70px;
  z-index: 1;
}
.elections-container .dataBubble .bubbleTitle {
  height: 38px;
  font-size: 17px ;
  background-color: white;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.elections-container .dataBubble .bubbleTitle .closeBubble {
  position: relative;
  float: left;
  top: 1px;
  left: 18px;
  color: #888;
}
.elections-container .dataBubble .infoBubble {
  padding-right: 8px;
  padding-left: 8px;
  background-color: white;
}
.elections-container .dataBubble .infoBubble .subTitle {
  color: #656464;
  font-size: 15px;
}
.elections-container .dataBubble .infoBubble .subTitle .kalpiTitle {
  float: right;
}
.elections-container .dataBubble .infoBubble .subTitle .votePercentTitle {
  float: left;
}
.elections-container .dataBubble .infoBubble .partyList {
  display: inline-block;
  width: 58%;
}
.elections-container .dataBubble .infoBubble .partyList .partyDetails {
  display: inline-block;
}
.elections-container .dataBubble .infoBubble .partyList .partyDetails .partyColor {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.elections-container .dataBubble .infoBubble .partyList .partyDetails .partyColor.others {
  background-color: #000;
}
.elections-container .dataBubble .infoBubble .partyList .partyDetails .partyAlias {
  width: 109px;
  padding-right: 8px;
  display: inline-block;
}
.elections-container .dataBubble .infoBubble .partyList .partyDetails .partyPercent {
  color: #656464;
  display: inline-block;
}
.elections-container .dataBubble .infoBubble .partyList .moreInfoLink {
  color: #2178da;
  cursor: pointer;
  font-size: 15px;
}
.elections-container .dataBubble .infoBubble .chartDiv {
  display: inline-block;
  width: 40%;
}
.elections-container .body {
  padding-bottom: 10px;
}
.elections-container .body .electionsWrapper {
  z-index: 3;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
  width: 300px;
}
.indiceBody .electionsHeader {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.indiceBody .indiceContents .chooseParty .scrollWrapper {
  max-height: 337px;
  overflow: hidden;
}
.indiceBody .indiceContents .chooseParty .subTitle {
  line-height: 32px;
  height: 32px;
  font-size: 17px;
  background-color: #e9eaed;
  border-bottom: solid 1px #e9eaed;
  padding-right: 19px;
}
.indiceBody .indiceContents .chooseParty .party {
  padding-right: 19px;
  height: 39px;
  line-height: 39px;
  font-size: 15px;
  color: #212121;
  border-bottom: solid 1px #e9eaed;
}
.indiceBody .indiceContents .chooseParty .party .fa-check {
  font-size: 17px;
  color: #2178da;
  float: left;
  padding-left: 15px;
  padding-top: 10px;
}
.indiceBody .indiceContents .chooseParty .party .fa-angle-left {
  font-size: 23px;
  color: #d5d6dd;
  float: left;
  padding-left: 15px;
  padding-top: 10px;
}
.indiceBody .indiceContents .indiceResult .subTitle {
  height: 38px;
  font-size: 15px;
  border-bottom: solid 1px #cccccc;
  line-height: 38px;
}
.indiceBody .indiceContents .indiceResult .subTitle span {
  width: 32.38%;
  display: inline-block;
  text-align: center;
}
.indiceBody .indiceContents .indiceResult .subTitle span.selected {
  color: #2178da;
  border-bottom: 4px solid #337ab7;
  height: 33px;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper {
  max-height: 337px;
  overflow: hidden;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem {
  font-size: 15px;
  color: #212121;
  border-bottom: solid 1px #e9eaed;
  height: 39px;
  line-height: 39px;
  padding-right: 8px;
  padding-left: 15px;
  display: inline-block;
  width: 100%;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .counter {
  background-color: #2178da;
  color: #ffffff;
  height: 20px;
  width: 37px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .text {
  padding-right: 7px;
  display: inline-block;
  width: calc(100% - 110px);
  line-height: 0px;
  vertical-align: middle;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .text .mainText {
  line-height: 15px;
  font-size: 15px;
  color: #212121;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .text .secondText {
  line-height: 12px;
  color: #929292;
  font-size: 12px;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .percent {
  display: inline;
  float: left;
}
.indiceBody .indiceContents .indiceResult .scrollWrapper .result .dataItem .info {
  display: inline;
  float: left;
  color: #cccccc;
}
.indiceMenu {
  cursor: pointer;
}
.indiceMenu .indiceContents {
  padding: 10px;
  background-color: #e9eaed;
  width: 100%;
}
.indiceMenu .indiceContents div:first-child.indiceDiv {
  margin-bottom: 10px;
}
.indiceMenu .indiceContents div:nth-child(2).indiceDiv {
  margin-bottom: 10px;
}
.indiceMenu .indiceContents .indiceDiv {
  background-color: white;
  border: 1px solid#cecece;
  height: 103px;
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 17px;
}
.indiceMenu .indiceContents .indiceDiv .indiceDescription {
  color: #717171;
  padding-top: 6px;
}
.electionsHeader {
  height: 48px;
  font: 20px alef;
  color: #000000;
  padding: 10px 6px;
  border-bottom: solid 1px #cccccc;
  cursor: pointer;
}
.electionsHeader .cancelDiv {
  display: inline;
  color: #2178da;
}
.electionsHeader .indicesButton {
  display: inline;
  color: #2178da;
}
.electionsHeader .indicesButton .fa {
  font-size: 15px;
}
.electionsHeader .indicesButton span {
  font-size: 20px;
}
.electionsHeader .headerTitle {
  display: inline-block;
}
.electionsHeader .headerTitle.text {
  line-height: 0;
  width: calc(100% - 95px);
}
.electionsHeader .headerTitle.text .mainText {
  line-height: 20px;
  font-size: 20px;
}
.electionsHeader .headerTitle.text .secondText {
  line-height: 17px;
  font-size: 17px;
  color: #929292;
}
.electionsHeader .headerTitle.text .secondText .fa {
  font-size: 17px;
}
.electionsHeader .headerTitle .fa {
  font-size: 26px;
  vertical-align: middle;
}
.electionsHeader .openLegend {
  float: right;
  font-size: 21px;
}
.electionsHeader .backButton {
  color: #2178da;
  display: inline;
  float: right;
  padding-left: 5px;
}
.electionsHeader .cancelButton {
  color: #2178da;
  display: inline;
  float: right;
}
.electionsHeader .saveBtn {
  color: #2178da;
  display: inline;
  float: left;
}
.electionsHeader .closeBtn {
  float: left;
  position: inherit;
  padding-left: 8px;
}
.legendBody .scrollWrapper {
  max-height: 337px;
  overflow: hidden;
}
.legendBody .scrollWrapper .elections .fa {
  color: #2178da;
}
.legendBody .scrollWrapper .elections .electionItem {
  border-bottom: solid 1px #e9eaed;
  height: 48px;
}
.legendBody .scrollWrapper .elections .electionItem .description {
  display: inline-block;
  padding-right: 6px;
  font-size: 0;
  padding-top: 3px;
}
.legendBody .scrollWrapper .elections .electionItem .description .electionText {
  display: block;
  font-size: 17px;
}
.legendBody .scrollWrapper .elections .electionItem .description .electionYear {
  font-size: 14px;
  color: #989898;
  line-height: 10px;
}
.legendBody .scrollWrapper .elections .electionItem .selectIcon {
  display: inline-block;
  line-height: 48px;
  float: left;
  padding-left: 17px;
}
.legendBody .scrollWrapper .party {
  padding-top: 6px;
}
.legendBody .scrollWrapper .party .partyItem {
  width: 50%;
  font-size: 16px;
  float: left;
  padding-right: 10px;
}
.legendBody .scrollWrapper .party .partyItem .customRectangleBreak {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.part-bloc-calc-wrapper {
  width: 300px;
  position: absolute;
  top: 70px;
  right: 13px;
  border: 1px solid #cccccc;
  z-index: 99;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(0, 0, 0, 0.02);
}
.part-bloc-calc-wrapper .header {
  height: 48px;
}
.part-bloc-calc-wrapper .header .text {
  font: 20px alef;
  color: #000000;
}
.part-bloc-calc-wrapper .header .fa-trash-o {
  left: auto;
  right: 10px;
  color: #337ab7;
  font-size: 21px;
}
.part-bloc-calc-wrapper .tabs {
  font-size: 15px;
  height: 43px;
}
.part-bloc-calc-wrapper .tabs .tab {
  border-bottom: 1px solid #dddddd;
  color: #212121;
  width: 49.2%;
  display: inline-block;
  height: 100%;
  line-height: 42px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.part-bloc-calc-wrapper .tabs .tab.selected {
  border-bottom: 4px solid #337ab7;
  color: #2178da;
}
.part-bloc-calc-wrapper .calc-wrapper {
  padding: 18px 15px;
  width: 100%;
  height: 100%;
}
.part-bloc-calc-wrapper .calc-wrapper ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7d7d7d;
}
.part-bloc-calc-wrapper .calc-wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #7d7d7d;
}
.part-bloc-calc-wrapper .calc-wrapper :-ms-input-placeholder {
  /* IE 10+ */
  color: #7d7d7d;
}
.part-bloc-calc-wrapper .calc-wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #7d7d7d;
}
.part-bloc-calc-wrapper .calc-wrapper input {
  margin-bottom: 11px;
  height: 32px;
  width: 95%;
  border: 1px solid #aaaaaa;
  padding-right: 12px;
  color: #212121;
}
.part-bloc-calc-wrapper .calc-wrapper button {
  height: 36px;
  width: 100%;
  font: 17px alef;
  /*font: 106% alef; hadas*/
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  border: 1px solid #2e6dab;
}
.part-bloc-calc-wrapper .calc-wrapper button:disabled {
  background-color: lightblue;
  border-color: #a0cae6;
}
.part-bloc-calc-wrapper .calc-wrapper .error {
  height: 36px;
  background-color: #ffe0e0;
  border: 1px solid #ff8585;
  line-height: 34px;
  color: #212121;
  margin-top: 0;
}
.part-bloc-calc-wrapper .calc-wrapper .result-wrapper {
  background-color: #ececec;
  border: 1px solid #c2c2c2;
  font-size: 17px;
  color: #000000;
  padding: 12px;
}
.part-bloc-calc-wrapper .calc-wrapper .result-wrapper .result-row {
  line-height: 10px;
}
.part-bloc-calc-wrapper .calc-wrapper .result-wrapper .result-row .parcel-value {
  display: inline-block;
  margin-left: 14px;
}
.part-bloc-calc-wrapper .calc-wrapper .result-wrapper .block-result-row {
  line-height: 16px;
}
@media only screen and (max-width: 996px) {
  .part-bloc-calc-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
  }
  .part-bloc-calc-wrapper.part-bloc-calc-mobile {
    height: 48px;
    border: none;
  }
  .part-bloc-calc-wrapper .header {
    background-color: #ffffff;
  }
  .part-bloc-calc-wrapper .header.container {
    padding-top: 0;
  }
  .part-bloc-calc-wrapper .header .sub-title {
    font-size: 14px;
    color: #929292;
    display: block;
    line-height: 16px;
  }
  .part-bloc-calc-wrapper .header .fa-trash-o {
    font-size: 24px;
    right: 4px;
  }
  .part-bloc-calc-wrapper .tabs {
    background-color: #ffffff;
  }
  .part-bloc-calc-wrapper .calc-wrapper {
    padding: 0;
    background-color: #e9eaed;
  }
  .part-bloc-calc-wrapper .calc-wrapper.calc-wrapper-no-bg {
    background-color: transparent;
  }
  .part-bloc-calc-wrapper .calc-wrapper .wrapper {
    background-color: #ffffff;
    padding-top: 18px;
  }
  .part-bloc-calc-wrapper .calc-wrapper .container-result {
    background-color: #ffffff;
    bottom: 0;
    display: inline-block;
    position: absolute;
    padding-top: 10px;
    width: 100%;
  }
  .part-bloc-calc-wrapper .calc-wrapper .error-wrapper {
    background-color: #ffffff;
    padding-bottom: 1px;
  }
  .part-bloc-calc-wrapper .calc-wrapper .result-wrapper {
    max-height: 250px;
    overflow: hidden;
  }
  .part-bloc-calc-wrapper .calc-wrapper input,
  .part-bloc-calc-wrapper .calc-wrapper button,
  .part-bloc-calc-wrapper .calc-wrapper .error,
  .part-bloc-calc-wrapper .calc-wrapper .result-wrapper,
  .part-bloc-calc-wrapper .calc-wrapper search-val {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 18px;
  }
  .part-bloc-calc-wrapper .calc-wrapper input {
    width: 85%;
  }
  .part-bloc-calc-wrapper .calc-wrapper .search-val,
  .part-bloc-calc-wrapper .calc-wrapper button,
  .part-bloc-calc-wrapper .calc-wrapper result-wrapper {
    width: 89%;
    display: inline-block;
  }
  .part-bloc-calc-wrapper .calc-wrapper .search-val {
    margin-right: 23px;
    margin-bottom: 10px;
  }
  .calc-wrapper {
    padding: 0;
    background-color: #e9eaed;
  }
  .calc-wrapper.calc-wrapper-no-bg {
    background-color: transparent;
  }
  .calc-wrapper .wrapper {
    background-color: #ffffff;
    padding-top: 18px;
  }
  .calc-wrapper .container-result {
    background-color: #ffffff;
    bottom: 0;
    display: inline-block;
    position: absolute;
    padding-top: 10px;
    width: 100%;
    z-index: 2;
    border-top: 1px solid #e9eaed;
  }
  .calc-wrapper .error-wrapper {
    background-color: #ffffff;
    padding-bottom: 1px;
  }
  .calc-wrapper .result-wrapper {
    max-height: 250px;
    overflow: hidden;
    background-color: #ececec;
    border: 1px solid #c2c2c2;
    color: #000000;
    padding: 12px;
  }
  .calc-wrapper .result-wrapper .block-result-row {
    line-height: 16px;
    font-size: 17px;
  }
  .calc-wrapper input,
  .calc-wrapper button,
  .calc-wrapper .error,
  .calc-wrapper .result-wrapper,
  .calc-wrapper search-val {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 18px;
  }
  .calc-wrapper input {
    width: 85%;
  }
  .calc-wrapper .search-val,
  .calc-wrapper button,
  .calc-wrapper result-wrapper {
    width: 89%;
    display: inline-block;
  }
  .calc-wrapper .search-val {
    margin-right: 23px;
    margin-bottom: 10px;
  }
  .ios .part-bloc-calc-wrapper .header .fa-trash-o {
    padding-right: 14px;
  }
  .ios .calc-wrapper input {
    width: 83%;
  }
}


.FileUploader
{
}

.FileRow
{
}

.NameCell
{
}

.SizeCell
{
}

.RemoveCell
{
}
.TopRowBorder
{
    border-bottom-width: 1px;
}
.MiddleRowBorder
{
    border-bottom-width: 1px;
    border-top-width: 1px;
}
.LowRowBorder
{
    border-top-width:1px;
}
.RemoveButton
{
    width: 40px;
    height: 40px;
}

.hiddenCell
{
    display: none;
}

.RowDIV
{
    margin: 1px;
    border: 2px solid black;
    position: relative;
    height: 30px;
    max-width: 1050px;
    text-align: center;
}
.RowDIV div
{
    top: 20%;
    }
.FileContainer>div:nth-child(odd)
{
    background-color: #ddd;
    }
    
.NameDIV
{
    position: absolute;
    left: 325px;
    width: 200px;
}

.SizeDIV
{
    position: absolute;
    left: 530px;
    width: 100px;
}

.RemoveDIV
{
    position: absolute;
    left: 960px;
    margin-top: -3px;
}

.IDDIV
{
    color: Red;
    position: absolute;
    left: 0px;
    width: 350px;
}

.StatusDIV
{
    position: absolute;
    left: 635px;
    width: 320px;
}

/*.ProgressDIV
{
    position: absolute;
    width: 320px;
    left: 1050px;
}*/

.progressBar
{
    margin: 1px;
    border: 2px solid black;
    position: relative;
    height: 30px;
    max-width: 1050px;
    text-align: center;
}

.Completed
{
    background-color:blue;
    position:absolute;
    height:100%;
    left:0px;
}

.Percent
{
    position:relative;
    background-color:transparent;
    color:red;
    font-weight:600;
    text-align:center;
    vertical-align:middle;
    left:0;
    width:100%;
    height:100%;
    margin-top:5px;
}
.error
{
	color:silver;
	margin-top:5px;
	text-align:center;
}
.upload-container{
    text-align:center;
}
.drop-wrapper{
    position:relative;
}
.drop{
    width: 82px; 
    height: 96px; 
    border: 1px solid #525252;
    position: relative;
}
.popup{
    width: 393px;
    height: 73px;
    text-align: center;
    background-color: #1a75ff; 
    font-size: 40px; 
    color: white; 
    display: none;
    top: 203px;
    left: 202.5px;
    position: absolute;
}
h2{
	font-size: 30px;
	margin-bottom: 24px;
}

h3{
	font-size: 22px;
	margin-bottom: 24px;
}

.upload-container .title{
    margin-bottom:8px !important;
}

.sub-title{
    margin-bottom:20px !important;
}

.text-color{
    color: #6f6e6e;
	font-weight: normal;
}
.img{
    background: url('../Images/MapArea.png');
    width: 85px;
    height: 89px;
    border: 0;
    background-position: 256px -135px;
}

.loader{
    background: url('loader.gif');	
	width:32px;
	height:32px;
	position: absolute;
	left:50%;
	top: 50%;	
}
.btn-upload{
    font-size: 14px;
}
.main-wrapper{
    /*height: 250px;*/
    height:100%;
    right:0;
    position:fixed;
    width:100%;
}
.loader-wrapper{
    position: absolute;
    left: 50%;
    top: 50%;
}

.loader-wrapper .text-color {
    margin-bottom: 10px;
}

.orthoBgPhotoChange  {background:url('../Images/MapArea.png'); width:72px; height:72px; background-position:-1px -1px;}
.mapBgPhotoChange  {background:url('../Images/MapArea.png'); width:72px; height:72px; background-position:-74px -1px;}
.MapType01  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -1px;}
.MapType02  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -74px;}
.MapType03  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -59px;}
.MapType04  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -117px;}
.MapType06  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -233px;}
.MapType07  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -175px;}
.MapType08  {background:url('../Images/MapArea.png'); width:83px; height:57px; background-position:-246px -291px;}
.none  {width:83px; height:57px;}

.orthoBgPhotoChangeEn  {background:url('../Images/MapArea.png'); width:72px; height:72px; background-position:-1px -318px;}
.mapBgPhotoChangeEn  {background:url('../Images/MapArea.png'); width:72px; height:72px; background-position:-74px -318px;}

@media only screen and (max-width: 996px) {
    .MapType01  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:0 0;}
    .MapType03  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:0 -201px;}
    .MapType04  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:0 -402px;}
    .MapType06  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:-201px -201px;}
.MapType07  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:-201px 0;}
.MapType08  {background:url('../Images/MapBgrndMobile.png'); width:83px; height:57px; background-position:-201px -402px;}
}






.tipsy { font-size: 13px;font-weight:bold; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* line 2, slider.scss */
slider, [slider] {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 100%;
  margin: 25px 5px 25px 5px;
  vertical-align: middle;
}
/* line 10, slider.scss */
slider div, [slider] div {
  white-space: nowrap;
  position: absolute;
}
/* line 14, slider.scss */
slider div.bar, [slider] div.bar {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background: #444;
  overflow: hidden;
}
/* line 21, slider.scss */
slider div.bar .selection, [slider] div.bar .selection {
  width: 0%;
  height: 100%;
  background: #13b6ff;
}
/* line 28, slider.scss */
div.handle::before 
{
    content:'';
    width:30px;
    height:30px;
    background-color:transparent;
    z-index: 2;   
    display:inline-block;       
}
slider div.handle, [slider] div.handle {
  cursor: pointer;
  width: 18px;
  height: 18px;
  top: -7px;
  background-color: rgb(92,92,92);
  /*border: 1px solid #000;*/
  z-index: 2;
  border-radius: 100%;
}
/* line 38, slider.scss */
/*slider div.handle:after, [slider] div.handle:after {
  content: '';
  background-color: rgb(92,92,92);
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
}*/
/* line 48, slider.scss */
/*slider div.handle:after:hover, [slider] div.handle:after:hover {
  background-color: #000;
}
/* line 53, slider.scss */
/*slider div.handle.active:after, [slider] div.handle.active:after {
  background-color: #f00;
}*/
/* line 58, slider.scss */
slider div.bubble, [slider] div.bubble {
  display: none;
  cursor: default;
  top: -22px;
  padding: 1px 3px 1px 3px;
  font-size: 0.7em;
  font-family: sans-serif;
}
/* line 66, slider.scss */
slider div.bubble.active, [slider] div.bubble.active {
  display: inline-block;
}
/* line 70, slider.scss */
slider div.bubble.limit, [slider] div.bubble.limit {
  color: #777;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Contents:
	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
	
	1. Buttons
 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url('../Images/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('../Images/default-skin.png'); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*
	2. Share modal/popup and links
 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*
	3. Index indicator ("1 of X" counter)
 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption
 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*
	5. Loading indicator (preloader)
	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles
 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  ul[rn-carousel] > li {
    color: black;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block; }

/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }

/* indicators */
div.rn-carousel-indicator span {
  cursor: pointer;
  color: #666; }
  div.rn-carousel-indicator span.active {
    color: white; }

/* prev/next controls */
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 0.5em; }
    .rn-carousel-control.rn-carousel-control-prev:before {
      content: "<"; }
  .rn-carousel-control.rn-carousel-control-next {
    right: 0.5em; }
    .rn-carousel-control.rn-carousel-control-next:before {
      content: ">"; }

/*! angularjs-slider - v6.2.2 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2017-05-26 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}