/*==*==*==*==*==*==*==*==*
 *     Accessibility     *
 *==*==*==*==*==*==*==*==*/
.INDMobile.INDbtn-draging{
	overflow: hidden;
}


#INDmenu-btn-moveArrow :first-child {
	stroke: none !important;
}


#INDWrap {
	position:                   relative;
	position:                   absolute;
	width:                      100%;
	height:                     0;
	top:                        0;
	/*
	left:                       0;
	*/
	z-index:                    2147483647;
}
@media print {
	#INDWrap {
		display:                none                        !important;
	}
}

#INDWrap template {
	display:                    none                        !important;
}

#INDblindNotif {
	position:                   fixed                       !important;
}

/*INDloader*/
.INDloader {
	display: block;
	width: 50%;
	height: auto;
	margin: 20px auto;
}
.INDloader:after {
	content: " ";
	display: block;
	width: 50px;
	height: 50px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid var(--indmaincolor);
	border-color: var(--indmaincolor) transparent var(--indsecondcolor) transparent;
	animation: INDloader 1.2s linear infinite;
}
@keyframes INDloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
 * Menu Btn
 */
#INDbtnWrap {
	margin:                     0;
	padding:                    0;
	border:                     none;
	z-index:                    10;
}

#INDmenu-btn {
	position:                   fixed;
	margin:                     0 16px;
	padding:                    0;
	height:                     auto;
	width:                      auto;
	min-width:                  auto;
	border:                     none;
	outline:                    none;
	box-shadow:                 none;
	background:                 none;
	transform:                  scale( var( --indscale, 1 ) );
	transition:                 transform 0.6s;
	cursor:                     pointer;
}
.INDpositionLeft  #INDmenu-btn {
	direction:                  ltr;
	float:                      left;
	left:                       -62px;
}
.INDpositionRight #INDmenu-btn {
	direction:                  rtl;
	float:                      right;
	right:                      -62px;
}
.INDDesktop #INDmenu-btn {
	top:                        24px;
}
.INDMobile  #INDmenu-btn {
	bottom:                     24px;
}
#INDmenu-btn svg {
	position:                   static                      !important;
	width:                      110px;
	height:                     67px;
	border:                     none;
	outline:                    none;
}
.INDpositionLeft  #INDmenu-btn svg {
	transform:                  scaleX(-1);
}
#INDmenu-btn svg :first-child {
	fill:                       var( --indmaincolor, #122231 );
	stroke:                     White;
	stroke-width:               14;
}
#INDmenu-btn svg :last-child {
	fill:                       White;
	fill:                       var( --indsecondcolor, White );
}
#INDmenu-btn:focus svg :first-child {
	fill:                       #ffffcc;
	stroke:                     #122231;
	stroke-dasharray:           40, 10;
}
#INDmenu-btn:focus svg :last-child {
	fill:                       #bf1722;
}
#INDmenu-btn svg * {
	border:                     none;
	outline:                    none;
}

/*
 * drag
 */
#INDmenu-btn.INDdrag {
	filter:                     invert(1);
	/* --indmaincolor:             #a8dadc                     !important; */
	/* --indsecondcolor:           rgba(136, 136, 136, .5)     !important; */
	cursor:                     move                        !important;
}
/*
#INDmenu-btn.INDdrag svg:not(#INDmenu-btn-moveArrow) :first-child {
	stroke:                     rgba(136, 136, 136, .5)     !important;
}
*/

/*Drag tooltip*/


.INDhasDragTooltip #INDWrap #INDmenu-btn-moveArrow{
	position: absolute !important;
	top: -50% !important;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn{
	cursor: move !important;
	overflow: hidden;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn:focus,
.INDhasDragTooltip #INDWrap #INDmenu-btn:hover{
	overflow: unset;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn:focus #INDmenu-btn-moveArrow,
.INDhasDragTooltip #INDWrap #INDmenu-btn:hover #INDmenu-btn-moveArrow{
	opacity: 1;
}
.INDhasDragTooltip #INDWrap #INDmenu-btn-moveArrow{
	display: none                      !important;
}


.INDhasDragTooltip #INDWrap #INDmenu-btn:before{
	content: '';
	background-color: #122231;
	background-color: var( --indmaincolor, #122231 );
	border: 1px solid White;
	border: 1px solid var( --indsecondcolor, White );
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	position: absolute;
	top: -40%;
	width: 100%;
    height: 120px;
	z-index: -1;
	cursor: move;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn:after{
	content: attr(data-drag-content);
	background-color: #122231;
	background-color: var( --indmaincolor, #122231 );
	border: 1px solid White;
	border: 1px solid var( --indsecondcolor, White );
	cursor: pointer;
	color: white;
    color: var( --indsecondcolor, White );
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
	top: -40%;
	left: unset;
	right: unset;
    width: auto;
    height: 120px;
	padding: 0 10px;
	font-size: 18px;
	word-break: normal;
    word-wrap: normal;
    white-space: pre-line;
	line-height:1.2em;
	font-family:Open Sans Hebrew, Arial, Helvetica, sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.INDlangdirRTL.INDhasDragTooltip #INDWrap #INDmenu-btn:after {
    width: 93px;
    line-height: 1.4em;
}
.INDpositionLeft #INDWrap #INDmenu-btn:after{
	border-radius: 0 5px 5px 0;
}
.INDpositionRight #INDWrap #INDmenu-btn:after{
	border-radius: 5px 0 0 5px;
}

.INDhasDragTooltip #INDWrap #INDmenu-btn:hover:before,
.INDhasDragTooltip #INDWrap #INDmenu-btn:hover:after,
.INDhasDragTooltip #INDWrap #INDmenu-btn:focus:before,
.INDhasDragTooltip #INDWrap #INDmenu-btn:focus:after{
	opacity: 1;
}

/*
 * Quick Access Btns
 */
#INDquickAccess,
#INDquickAccess ul,
#INDquickAccess li {
	height:                     0;
	list-style: none;
}
#INDquickAccess ul {
	margin:                     0;
	padding:                    0;
	list-style:                 none;
}
#INDquickAccess li {
	margin:                     0;
}
#INDquickAccess button {
	position:                   fixed;
	top:                        -157px;
	margin:                     0;
	padding:                    8px 16px;
	height:                     auto;
	width:                      auto;
	font-size:                  24px;
	font-weight:                bold;
	text-align:                 center;
	line-height:                normal                      !important;
	cursor:                     pointer;
	color:                      White;
	background:                 Black;
	border-radius:              4px;
	border:                     1px solid White;
	transition:                 top 0.6s;
	z-index:                    10;
}
.INDMobile #INDquickAccess button {
	font-size:                  18px;
}
.INDlangdirRTL #INDquickAccess button {
	font-family:                Spacer,  Arial,  sans-serif;
}
.INDlangdirLTR #INDquickAccess button {
	font-family:                Verdana, Geneva, sans-serif;
}
.INDpositionLeft  #INDquickAccess button {
	left:                       180px;
}
.INDpositionRight #INDquickAccess button {
	right:                      180px;
}
#INDquickAccess button:focus {
	top:                        0px;
}



/*
 * Tooltips
 */
:not(#INDdummy).INDtooltip, :not(#INDdummy).INDtooltip * {
	line-height:                24px;
	font-family:                Alef, Open Sans Hebrew, Arial, sans-serif;
	font-size:                  16px;
}
:not(#INDdummy).INDtooltip {
	position:                   absolute;
	top:                        2px;
	margin:                     0;
	padding:                    7px 21px;
	width:                      auto;
	min-width:                  192px;
	box-sizing:                 content-box;
	text-align:                 center;
	letter-spacing:             0.7px;
	border:                     none;
	border-radius:              8px;
	-webkit-filter:             drop-shadow( 0 0 2px white );
	   -moz-filter:             drop-shadow( 0 0 2px white );
		-ms-filter:             drop-shadow( 0 0 2px white );
			filter:             drop-shadow( 0 0 2px white );
	opacity:                    0.87;
}
:not(#INDdummy):not(INDdummy).INDtooltip {
	color:                      White                       !important;
	background:                 Black                       !important;
}
:not(#INDdummy):not(INDdummy).INDtooltip * {
	color:                      White                       !important;
}
.INDpositionLeft  :not(#INDdummy).INDtooltip {
	float:                      left;
}
.INDpositionRight :not(#INDdummy).INDtooltip {
	float:                      right;
}
.INDlangdirLTR    :not(#INDdummy).INDtooltip {
	direction:                  ltr;
}
.INDlangdirRTL    :not(#INDdummy).INDtooltip {
	direction:                  rtl;
}
:not(#INDdummy).INDtooltip:after {
	content:                    "";
	position:                   absolute;
}
:not(#INDdummy).INDtooltip.INDtipLeft:after,
:not(#INDdummy).INDtooltip.INDtipRight:after {
	top:                        17px;
	margin-top:                 -8px;
	border-top:                 8px solid transparent;
	border-bottom:              8px solid transparent;
}
:not(#INDdummy).INDtooltip.INDtipTop:after,
:not(#INDdummy).INDtooltip.INDtipBottom:after {
	border-left:                8px solid transparent;
	border-right:               8px solid transparent;
}
.INDlangdirRTL :not(#INDdummy).INDtooltip.INDtipTop:after,
.INDlangdirRTL :not(#INDdummy).INDtooltip.INDtipBottom:after {
	right:                      17px;
	margin-right:               -8px;
}
.INDlangdirLTR :not(#INDdummy).INDtooltip.INDtipTop:after,
.INDlangdirLTR :not(#INDdummy).INDtooltip.INDtipBottom:after {
	left:                       17px;
	margin-left:                -8px;
}
:not(#INDdummy).INDtooltip.INDtipLeft:after {
	left:                       100%;
	border-left:                8px solid Black;
}
:not(#INDdummy).INDtooltip.INDtipRight:after {
	right:                      100%;
	border-right:               8px solid Black;
}
:not(#INDdummy).INDtooltip.INDtipTop:after {
	top:                        100%;
	border-top:                 8px solid Black;
}
:not(#INDdummy).INDtooltip.INDtipBottom:after {
	bottom:                     100%;
	border-bottom:              8px solid Black;
}

:not(#INDdummy).INDhiddenText {
	display :                   inline-block;
	color : 				  black;
	background: 		    	white;
	position:                   absolute;
	height:                     1px;
	width:                      1px;
	overflow:                   hidden;
	clip:                       rect(1px, 1px, 1px, 1px);
}



/*
 * Menu
 */
#INDmenu {
	position:                   fixed;
	top:                        0;
	margin:                     0;
	padding:                    0;
	width:                      auto;
	z-index:                    20;
	visibility:                 visible;
	-webkit-user-select:        none;
	   -moz-user-select:        none;
		-ms-user-select:        none;
		 -o-user-select:        none;
			user-select:        none;
	border:                     none;
	border-top:                 27px solid #17384c;
	border-bottom:              13px solid #17384c;
	background:                 White;
	transition:                 left       400ms ease-in,
	                            right      400ms ease-in,
	                            top        400ms ease-in,
	                            visibility 400ms ease-in    !important;
}
.INDpositionLeft  #INDmenu {
	left:                       0;
	right:                      initial                     !important;
	border-right:               4px solid #17384c;
}
.INDpositionRight #INDmenu {
	right:                      0;
	left:                       initial                     !important;
	border-left:                4px solid #17384c;
}
#INDmenu[aria-hidden="true"] {
	visibility:                 hidden;
}
.INDpositionLeft  #INDmenu[aria-hidden="true"] {
	left:                       -400px;
}
.INDpositionRight #INDmenu[aria-hidden="true"] {
	right:                      -400px;
}
#INDmenu :focus {
	outline:                    1px solid rgb(77, 144, 254) !important;
	outline:                    1px auto  rgb(77, 144, 254) !important;
}



/*
 * Error
 */
#INDloader, #INDerror {
	background:                 White;
	width:                      127px;
	text-align:                 center;
}
#INDerror {
	width:                      313px;
}
#INDerror h2 {
	display:                    block;
	-webkit-text-stroke: initial;
	-moz-text-stroke: initial;
	-ms-text-stroke: initial;
}
#INDloader img, #INDerror h2 {
	margin:                     24px 0px;
	width:                      auto;
	line-height:                initial;
	letter-spacing:             initial;
}
#INDerror * {
	font-family:                Arial, Helvetica, sans-serif;
	font-weight:                500;
	font-size:                  25px;
	color:                      #444;
}



/*
 * Popup
 */
#INDpopup {
	position:                   fixed;
	top:                        0;
	right:                      0;
	bottom:                     0;
	left:                       0;
	background:                 rgba(0, 0, 0, 0.7);
	z-index:                    99999999999;
	pointer-events:             auto;
	opacity:                    1;
	transition:                 opacity 250ms ease-in;
}
.INDlangdirLTR #INDpopup {
	direction:                  ltr;
}
.INDlangdirRTL #INDpopup {
	direction:                  rtl;
}
#INDpopup:not(.open) {
	opacity:                    0;
	visibility:                 hidden;
	pointer-events:             none;
	transition:                 opacity 250ms ease-in,
	                            visibility 0s ease 250ms;
}
#INDpopup > div {
	display:                    flex;
	flex-direction:             column;
	position:                   fixed;
	margin:						0;
	width:                      660px;
	height:                     540px;
	top:                        calc( ( 100vh - 540px ) / 2 );
	left:                       calc( 50% - 330px );
	background:                 White;
	border:                     0px solid #888;
	border-radius:              10px;
	padding:                    12px 12px 44px;
	background-color:           #122231;
	-webkit-box-sizing:         border-box;
	   -moz-box-sizing:         border-box;
	        box-sizing:         border-box;
}
#INDpopup > div:not(#INDdummy):not(.INDopenCmdLeg).flyingfocus_target_style {
    padding: 12px 12px 44px !important;
}
#INDpopup .INDpopupContent {
	flex-grow:                  1;
	box-sizing:                 border-box;
	width:                      100%;
	height:                     100%;
	-webkit-overflow-scrolling: touch;
	overflow-y:                 hidden;
	border-radius:              10px;
	overflow:                   hidden;
	font-family:                Arial, sans-serif;
    font-size:                  16px;
    text-align:                 left;
    direction:                  ltr;
    color:                      #333;
	line-height:                1.3em;
}
#INDpopup .INDpopupContent #INDdictionaryPopupWrapper{
	width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
    height: 100%;
    background-color: #fff;
}
.INDSafari #INDpopup .INDpopupContent {
	overflow-y:                 auto                        !important;
}
#INDpopup > div .INDpopupClose {
	color:                      White;
	font-weight:                700;
	position:                   absolute;
	top:                        6px;
	left:                       13px;
	font-size:                  22px;
	display:                    inline-block;
	width:                      auto;
	background:                 none;
	border:                     none;
	padding:                    0;
	margin:                     0;
	cursor:                     pointer;
	font-family:                Open Sans Hebrew, Arial, Helvetica, sans-serif;
	width:                      17px;
	height:                     21px;
	text-align:                 center;
	line-height:                1em;
	vertical-align:             top;
}
#INDpopup > div h2 {
	color:                      White !important;
	font-size:                  22px;
	text-align:                 center;
	margin:                     0;
	padding:                    10px 0 20px;
	border:                     0;
	line-height:                1.1em;
	font-weight:                400;
	text-align:                 center;
	height:                     auto;
	width:                      100%;
	position:                   static;
	font-family:                Open Sans Hebrew, Arial, Helvetica, sans-serif;
	-webkit-text-fill-color:    unset;
	-moz-text-fill-color:    unset;
	-ms-text-fill-color:    unset;
	-o-text-fill-color:    unset;
	-webkit-text-stroke:    unset;
	-moz-text-stroke:    unset;
	-ms-text-stroke:    unset;
	-o-text-stroke:    unset;

}
body.INDmodalOpen{
	overflow: hidden;
}
#INDpopup iframe {
	width:                      100%;
	height:                     100%;
	border:                     0px solid #ddd;
	background:                 none                        !important;
	-webkit-box-sizing:         border-box;
	   -moz-box-sizing:         border-box;
	        box-sizing:         border-box;
	border-radius:              10px;
	overflow:                   hidden;
}
#INDpopup .INDpopupConfirm {
	color:                      White;
	font-size:                  18px;
	width:                      auto;
	height:                     auto;
	margin:                     0;
	padding:                    0;
	border-radius:              0;
	display:                    inline-block;
	background:                 none;
	border:                     none;
	box-shadow:                 none;
	cursor:                     pointer;
	position:                   absolute;
	bottom:                     7px;
	left:                       8px;
	font-family:                Open Sans Hebrew, Arial, Helvetica, sans-serif;
}

/* ---- Engish ---- */
#INDWrap[lang=en] #INDpopup .INDpopupConfirm {
	right:                      8px;
	left:                       auto;
}
#INDWrap[lang=en] #INDpopup > div .INDpopupClose {
	right:                      13px;
	left:                       auto;
}

/************************
 * ---- Responsive ---- *
 ************************/
@media screen and (max-width: 800px) {
	#INDpopup > div {
		width:                  100%;
		height:                 100%;
		top:                    0;
		right:                  0;
		left:                   0;
		border-radius:          0;
	}
	#INDWrap[lang=en] #INDpopup > div {
		height:                 100%;
	}
}/* close max-width 800px */



/*
 * Keyboard Icons
 */
:not(#INDdummy).INDkeyboardIcon {
	white-space:                nowrap;
	font-size:                  smaller;
}
:not(#INDdummy).INDkeyboardIcon kbd {
/*
	border:                     none;
	border-radius:              0.1em;
	box-shadow:                 0.1em -0.1em 0 0.1em #ddd,
	                            0.1em  0.1em 0 0.1em #aaa,
	                            0      0     0 0.2em #bbb;
*/
	display:                    inline-flex;
	justify-content:            center;
	align-items:                center;
	box-sizing:                 border-box;
	height:                     24px;
	min-width:                  24px;
	border:                     0.2em solid;
	border-radius:              0.3em;
	border-color:               #ddd #bbb #777 #999;
	background-color:           White                       !important;
	background-image:           linear-gradient(to bottom left, #eee, #fff, #eee);
	padding:                    0.1em 0.3em;
	font-family:                Arial, sans-serif;
	font-family:                monospace;
	font-weight:                normal;
	vertical-align:             bottom;
}
:not(#INDdummy).INDkeyboardIcon kbd,
:not(#INDdummy).INDkeyboardIcon kbd * {
	color:                      Black                       !important;
	font-size:                  12px;
}
:not(#INDdummy).INDkeyboardIcon kbd * {
	margin:                     none;
	padding:                    none;
	border:                     none;
}
/*
:not(#INDdummy).INDkeyboardIcon kbd, :not(#INDdummy).INDkeyboardIcon kbd * {
	font-family:                Arial, sans-serif;
	font-size:                  1em;
	font-weight:                normal;
}
*/

@media screen and (max-width: 800px) {
.INDhasDragTooltip #INDWrap #INDmenu-btn:after{font-size:15px;}
}/* close max-width 800px */