/* base css generated by Split Css - program by AlecKo */
/* ***********************************************
* TaagidimMenu.css by AlecKo
* Ministry of Justice, Internet and Portal Team
*********************************************** */
.transparent_class > .smart-card-popup {
    background: url("/SiteCollectionImages/frames/smart-card-popup-bg.png") no-repeat center bottom #ffffff;
    border: 3px solid #005889;
    border-radius: 8px;
    height: 299px;
    margin: auto;
    width: 494px;
}
.transparent_class > .smart-card-popup .scTitle {
    box-sizing: border-box;
    color: #005889;
    float: right;
    font-size: 2.29em;
    font-weight: bold;
    margin-top: 36px;
    text-align: center;
    width: 100%;
}

.transparent_class > .smart-card-popup .scCheckLink {
    background: url("/SiteCollectionImages/icons/arrow-red-left-10X9.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    float: right;
    font-size: 1.14em;
    margin: 23px 40px 0 0;
    padding-right: 17px;
    text-align: right;
    width: 100%;
}
.smart-card-popup .scCheckLink a {
    color: #0082c8;
}

.transparent_class > .smart-card-popup .btnsLine {
	/*margin:160px 0 0 0;*/
	margin:120px 0 0 0;
	float:right;
	width:100%;
	text-align:center;
	box-sizing:border-box;
}
.transparent_class > .smart-card-popup .btnsLine a {
	color:#FFF;
	font-size:1.71em;
	padding-top:16px;
}
.transparent_class > .smart-card-popup .btnsLine a:hover {
	text-decoration:none;
}
.transparent_class > .smart-card-popup .btnsLine .btnGoOn,
.transparent_class > .smart-card-popup .btnsLine .cancelGoBack {
	width:200px;
	height:55px;
	float:right;
	margin-right:30px;
	box-sizing:border-box;
	border-radius:6px;
}
.transparent_class > .smart-card-popup .btnsLine .btnGoOn {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02c636', endColorstr='#3a8214'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#02c636), to(#3a8214)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #02c636,  #3a8214); /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #02c636 0%, #3a8214 100%); /* IE10+ */
	border:#00aa36 solid 1px;
}
.transparent_class > .smart-card-popup .btnsLine .btnGoOn:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a8214', endColorstr='#02c636'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3a8214), to(#02c636)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3a8214,  #02c636); /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #3a8214 0%, #02c636 100%); /* IE10+ */
}
.transparent_class > .smart-card-popup .btnsLine .cancelGoBack {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8bc6', endColorstr='#013569'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#1b8bc6), to(#013569)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #1b8bc6,  #013569); /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #1b8bc6 0%, #013569 100%); /* IE10+ */
	border:#00598a solid 1px;
}
.transparent_class > .smart-card-popup .btnsLine .cancelGoBack:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#013569', endColorstr='#1b8bc6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#013569), to(#1b8bc6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #013569,  #1b8bc6); /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #013569 0%, #1b8bc6 100%); /* IE10+ */
}

/* ************************ taagidim *********************** */
ul#topnav li.btnTaagidim
{
    position:relative;
    line-height:18px;
}
ul#topnav li.btnTaagidim div.wrapp
{
   /* width:66px; fix to 68 11.5.17*/
   width:68px;
    height:30px;
    border-color:transparent;
    border-width:1px 1px 0px 1px;
    border-style:solid;
    position:relative;
}
ul#topnav li.btnTaagidim a
{
    display:block;
    color:#fff;
    background:none;
    line-height:18px;
}
/*
ul#topnav li.btnTaagidim div.Online
{
    background:url("/SiteCollectionImages/icons/Online.png") no-repeat;
    width:40px;
    height:16px;
    position:absolute;
    top:12px;
    border-width:0px;
    z-index:30;
}
*/
ul#topnav li.btnTaagidim div.Online
{   
	background:url("/SiteCollectionImages/icons/online-sprite.png") no-repeat;
	width:40px;
    height:16px;
    position:absolute;
    top:12px;
    border-width:0px;
    z-index:30;
	background-position:0px -16px;
}

/* SiteCollectionImages/icons/onlineHeb-sprite.png
ul#topnav li.btnTaagidim div.OnlineHeb
{
    background:url("/SiteCollectionImages/icons/OnlineHeb.png") no-repeat;
    width:40px;
    height:16px;
    position:absolute;
    top:16px;
    border-width:0px;
    z-index:30;
}
*/

ul#topnav li.btnTaagidim div.OnlineHeb
{
    background:url("/SiteCollectionImages/icons/onlineHeb-sprite.png") no-repeat;
    width:40px;
    height:16px;
    position:absolute;
    top:16px;
    border-width:0px;
    z-index:30;
    background-position:0px -16px;
}


/* *** div.sub ******** */
ul#topnav li.btnTaagidim div.sub
{
    display:none;
    background-color:#eceef6;
    border-color:#506491;
    border-width:0px 1px 1px;
    border-style:solid;
    position:absolute;
    z-index:20;
    top:32px;
    width:auto;
}
/* ****************************** hover ************************** */
ul#topnav li.btnTaagidim:hover
{
	background-color:#f0f2f8;
}

ul#topnav li.btnTaagidim:hover div.Online
{
	background-position:0px 0px;
}

ul#topnav li.btnTaagidim:hover div.OnlineHeb
{
	background-position:0px 0px;
}

ul#topnav li.btnTaagidim:hover a
{
    color:#042656;
    text-decoration:none;
}
ul#topnav li.btnTaagidim:hover .sub a
{
    color:#1c61a5;
}
ul#topnav li.btnTaagidim:hover div.sub
{
    display:block;
}
ul#topnav li.btnTaagidim:hover div.wrapp
{
    border-color:#506491;
}
/* *************** element ********************** */
ul#topnav li.btnTaagidim .sub h4
{
    font-family:Arial;
    font-weight:bold;
    font-size:0.93em;
    color:#042656;
}
ul#topnav li.btnTaagidim .sub table
{
}
ul#topnav li.btnTaagidim .sub th
{
    position:relative;
}
ul#topnav li.btnTaagidim .sub .separator
{
    background:url("/SiteCollectionImages/icons/SeperationLine.png") repeat-x;
    height:1px;
    width:100%;
    clear:both;
    border:none;
}
ul#topnav li.btnTaagidim .sub a
{
    color:#1c61a5;
    /*font-size:0.86em;
    width:130px; fixed 31.05.2016 by AK*/
    width:160px;
    font-family:Arial;    
    height:auto;
}
ul#topnav li.btnTaagidim .sub a:hover
{
    text-decoration:underline;
    color:#1c61a5;
}
ul#topnav li.btnTaagidim .sub a.locked
{
    background-image:url("/SiteCollectionImages/icons/Lock.png");
    background-repeat:no-repeat;
}
ul#topnav li.btnTaagidim .sub table td
{
    vertical-align:top;
}
ul#topnav li.btnTaagidim .sub .category
{
}
ul#topnav li.btnTaagidim .sub .last
{
}
ul#topnav li.btnTaagidim .sub .between
{
    display:none;
}
ul#topnav li.btnTaagidim .sub .banners div, .btnTaagidim .sub .banners img, .btnTaagidim .sub .banners a
{
    font-family:Arial;
    display:block;
}
ul#topnav li.btnTaagidim .sub .banners .banner
{
    font-family:Arial;
    color:#042656;
    /*font-size:0.79em;
    line-height:16px;*/
    border:#bfccde solid 1px;
    background:#fff;
    /*filter:progid; for IE */
    /*background:-moz-linear-gradient(top,  #fff,  #eaecf2); for firefox 3.6+ */
}

ul#topnav li.btnTaagidim .sub .banners .banner .locked{
	background: url("/SiteCollectionImages/icons/Lock.png");
	background-repeat: no-repeat;
}

/*************** פופאפ הזדהות חדש  EP 12-12-18  **************/
.flex-container {
	display:flex;		
	justify-content: center;
	align-items: center;
	flex-flow:column nowrap;
	direction:rtl;
	-ms-transform: translateY(-30px); /* IE 9 */
  	-webkit-transform: translateY(-30px); /* Safari */
  	transform: translateY(-30px); /* Standard syntax */
}
.flex-container .outer-circle {
	background:#9a1617;
	width:58px;
	height:58px;
	display:flex;
	border-radius:50%;	
	justify-content:center;
	align-items: center;
	-ms-transform: translateY(30px); /* IE 9 */
  	-webkit-transform: translateY(30px); /* Safari */
  	transform: translateY(30px); /* Standard syntax */
}
.flex-container .key-circle {
	border:2px solid #fff;
	background:#d43e43 url(/SiteCollectionImages/icons/icon-key.png) no-repeat center;
	border-radius:50%;
	width:48px;
	height:48px;
}
.flex-container .smart-card-popup {
	background:#ffffff;
	border:solid 3px #9a1617;
	width:641px;
	display:flex;
	justify-content:flex-start;
	padding:30px;
	box-sizing:border-box;
	flex-flow:column nowrap;
}
.flex-container .scTitle {
	color:#003367;
	font-weight:bold;
	font-size:1.71em;
	width:100%;
	display:flex;
	margin:20px 0 28px 0;
	padding-bottom:20px;
	justify-content:center;
	align-items:flex-start;
	border-bottom:dotted 1px #9ab2cb;
}
.flex-container .main-btns-row {
	display:flex;		
	justify-content: space-between;
	align-items: center;
	}
.flex-container .main-btns-row a:link,
.flex-container .cancel-btn-row a:link {
	text-decoration:none;
}
.flex-container .btn-smart-card:hover,
.flex-container .btn-gov-identity:hover {
	background: #0e7bb8;
}
.flex-container .btn-smart-card,
.flex-container .btn-gov-identity {
	width:240px;
	height:50px;
	background:#005889;
	color:#FFF;
	font-size:1.43em;
	font-weight:bold;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-flow:row nowrap;
}
.flex-container .or-circle {
	width:35px;
	height:35px;
	border-radius:50%;
	border:solid 1px #9bb2cc;
	background:#edf3f7;
	font-size:1.43em;
	color:#525252;
	display:flex;
	flex-flow:row nowrap;
	justify-content: center;
	align-items: center;
}
.flex-container .smart-card-details {
	display:flex;		
	justify-content:flex-start;
	align-items:flex-start;
	font-size:1.14em;
	width:50%;
	flex-flow:column nowrap;
	margin-bottom:10px;
	border-left:dotted 1px #9ab2cb;
}
.flex-container .smart-card-details p {
	margin:0;
	padding-top:15px;
	padding-right:10px;
	box-sizing:border-box;
}
.flex-container .smart-card-details img {
    margin-left: 6px;
}
.flex-container .smart-card-details a {
	color:#0074b2;
}
.flex-container .cancel-btn-row {
	display:flex;		
	justify-content:center;
	align-items: center;
}
.flex-container .btn-cancel {
	border:solid 1px #0074b2;
	font-size:1.14em;
	padding:6px 0 8px 0;
	width:164px;
	text-align:center;
}
.flex-container .btn-cancel:hover {
	border:solid 2px #0074b2;
	box-sizing:border-box;
	background:#edf3f7;
	line-height:16px;
}