/**
 * Assist-Ant
 * Ron Bentata (@ronbentata)
 * May 2021
 */


:root {
	--color-bg: rgb(241, 242, 246);
	--color-menu-bg: rgb(252, 252, 252);
	--color-gray-logo: rgb(153, 153, 153);
	--color-input-light: rgb(235, 235, 235);
	--color-input-gray: rgb(144, 144, 144);
	--color-blue-light: rgb(213, 242, 250);
	--color-blue-lite: rgba(0, 187, 238, 0.32);
	--color-blue: rgb(0, 187, 238);
	--color-darkblue: rgb(0, 137, 188);
	--color-green-lite: rgba(0, 238, 85, 0.32);
	--color-green: #98FF98; /* rgb(0, 238, 85); */
	--color-green-dark: #009700;
	--color-red-lite: rgba(238, 68, 51, 0.32);
	--color-red: rgb(238, 68, 51);
	--color-orange-lite: rgba(238, 120, 51, 0.32);
	--color-orange: rgb(238, 120, 51);
	--color-purple-lite: rgba(145, 51, 238, 0.32);
	--color-purple: rgb(145, 51, 238);
}


* {
	padding: 0;
	margin: 0;
	outline: 0;
	outline: none;
	font-size: 16px;
	font-family: "Assistant", Arial;
	font-weight: 400;
	text-align: inherit;
}


::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: var(--color-input-light);
}
::-webkit-scrollbar-thumb {
	background: var(--color-blue);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--color-input-gray);
}

/* Chrome, Safari, Edge, Opera */
INPUT::-webkit-outer-spin-button, INPUT::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
INPUT[type=number] {
	-moz-appearance: textfield;
}

:disabled {
	cursor: not-allowed !important;
}


B {
	font-weight: 800;
}

A {
	color: var(--color-darkblue);
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

H1 {
	font-size: 48px;
}
H2 {
	font-size: 32px;
}
H3 {
	font-size: 24px;
}

.highlight {
	background: yellow;
	margin: inherit;
	padding: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.can-zoom {
	cursor: zoom-in;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

BODY {
	background: var(--color-bg);
}

.bold {
	font-weight: bold;
}

.inner {
	margin: 0 auto;
}
.inner.wider {
	width: 100%;
	min-width: 1000px;
	max-width: 100%;
}
.inner.wider .flex-80 {
    margin-left: 72px;
    width: calc(80% - 72px);
    margin-top: 12px;
}
.inner.wider .flex-20 {
	width: calc(20% + 24px);
}


.box {
	padding: 32px;
	background: var(--color-menu-bg);
	box-shadow: 0 0 5px var(--color-gray-logo);
	border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 360px;
}

.pointer {
	cursor: pointer;
}

.break-word {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.red, .red * {
	background-color: var(--color-red-lite);
	display: inline-block;
	padding: 2px;
}
.green, .green * {
	background-color: var(--color-green-lite);
	display: inline-block;
	padding: 2px;
}
.orange, .orange * {
	background-color: var(--color-orange-lite);
	display: inline-block;
	padding: 2px;
}
.purple, .purple * {
	background-color: var(--color-purple-lite);
	display: inline-block;
	padding: 2px;
}


BUTTON.blue {
	padding: 8px 12px;
	border: 0;
	cursor: pointer;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: var(--color-blue);
	box-shadow: 0 0 5px var(--color-input-gray);
	font-size: 12px;
	font-weight: 400;
}
BUTTON.blue:hover {
	/*color: var(--color-blue);*/
	background: var(--color-blue-light);
}
BUTTON.mid {
	font-size: 15px;
}
BUTTON.big {
	font-size: 18px;
}

BUTTON.green {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-green-lite);
	box-shadow: 0 0 5px var(--color-input-gray);
	font-size: 12px;
}
BUTTON.green:hover {
	color: var(--color-green);
	background: var(--color-green-light);
}

BUTTON.red {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-red-lite);
	box-shadow: 0 0 5px var(--color-input-gray);
	font-size: 12px;
}
BUTTON.red:hover {
	color: var(--color-red);
	background: var(--color-red-light);
}

BUTTON.blue.dark {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-blue);
	box-shadow: 0 0 5px var(--color-input-gray);
}
BUTTON.blue.dark:hover {
	color: #FFF;
	background: var(--color-darkblue);
}

BUTTON.floating {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

BUTTON.gray.dark {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-bg);
	box-shadow: 0 0 5px var(--color-blue-lite);
}
BUTTON.gray.dark:hover {
	color: #FFF;
	background: var(--color-input-gray);
}

BUTTON.purple {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #FFF;
	background: var(--color-purple);
	box-shadow: 0 0 5px var(--color-purple-lite);
}
BUTTON.purple:hover {
	color: #FFF;
	background: var(--color-purple-lite);
}


HR {
	height: 0;
	border: 0;
	border-bottom: solid 1px var(--color-blue);
	margin: 12px 0;
}

INPUT.blue, TEXTAREA.blue, SELECT.blue {
    padding: 3px 9px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: var(--color-input-light);
    border: solid 1px var(--color-input-gray);
	color: var(--color-input-gray);
}
INPUT.blue:active, INPUT.blue:hover, INPUT.blue:focus, TEXTAREA.blue:active, TEXTAREA.blue:hover, TEXTAREA.blue:focus, SELECT.blue:active, SELECT.blue:hover, SELECT.blue:focus {
	background: var(--color-blue-light);
    border: solid 1px var(--color-blue);
	color: var(--color-darkblue);
}

CENTER {
	text-align: center;
}

.error-box {
	padding: 32px;
	margin: 32px auto;
	width: 90%;
	max-width: 480px;
	border: solid 2px var(--color-darkblue);
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-blue-light);
	text-align: center;
	vertical-align: middle;
}
.error-box IMG {
	opacity: 0.75;
}

.error {
	color: var(--color-red);
}
.bigerror {
	text-align: center;
	margin-bottom: 32px;
	color: #fff;
	background: var(--color-red);
	padding: 2px 8px;
}
.bigsuccess {
	text-align: center;
	margin-bottom: 32px;
	color: var(--color-darkblue);
	background: var(--color-green);
	padding: 2px 8px;
}


.pull-right {
	float: right;
}
.pull-left {
	float: left;
}


.right {
	text-align: right;
}
.left {
	text-align: left;
}


.general-wrapper {
	max-width: 1000px;
	width: 94%;
	margin: 0 auto;
	text-align: left;
	direction: ltr;
}


.flex {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
.flex-main {
	width: 700px;
}
.flex-extra {
    max-width: 190px;
    margin-right: 12px;
}
.page-home .flex-main {
	width: 800px;
}
.flex-10 {
	width: 10%;
}
.flex-20 {
	width: 20%;
}
.flex-25 {
	width: 25%;
}
.flex-30 {
	width: 30%;
}
.flex-35 {
	width: 35%;
}
.flex-40 {
	width: 40%;
}
.flex-50 {
	width: 50%;
}
.flex-50-keep {
	width: 50%;
}
.flex-60 {
	width: 60%;
}
.flex-65 {
	width: 65%;
}
.flex-70 {
	width: 70%;
}
.flex-75 {
	width: 75%;
}
.flex-80 {
	width: 80%;
}
.flex-90 {
	width: 90%;
}


FIELDSET {
    padding: 12px;
    border: solid 1px gray;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.75);
}
LEGEND {
	padding: 0 4px;
	color: var(--color-darkblue);
	font-size: 16px;
    background-color: rgba(0, 0, 0, 0.032);
}


.form-field {
    padding: 5px 12px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: calc(100% - 24px);
	max-width: 432px;
    background: var(--color-input-light);
    border: solid 1px var(--color-input-gray);
}


/* SINGLE POST BOX - start */

.box-inner {
	padding: 12px;
	background: var(--color-menu-bg);
	box-shadow: 0 0 5px var(--color-gray-logo);
	border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 360px;
	text-align: right;
	margin-bottom: 15px;
}
.box-inner-closer {
	clear: both;
	width: 100%;
}
.box-inner.main {
	width: 670px;
}
.box-inner.tags {
	width: 220px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.box-inner.meta {
	width: 220px;
}
.box-inner IMG {
	width: 100%;
}
.box-inner.extra {
	width: 220px;
}
.box-inner .tag {
	display: inline;
	padding: 5px;
}
.box-inner .tag A {
	font-size: 20px;
	color: var(--color-gray-logo);
}

.post-top {
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
    direction: rtl;
    margin-bottom: 20px;
}
.page-post .post-top {
	margin-top: 20px;
	margin-bottom: 0;
    background: var(--color-bg);
    padding: 4px;
}
.post-bottom {
	margin-top: 12px;
}
.post-top, .post-bottom, .post-top *, .post-bottom * {
	font-weight:200;
}
.post-side-right {
	width: 50%;
	text-align: right;
	margin: auto;
}
.post-side-left {
	width: 50%;
	text-align: left;
	margin: auto;
}
.post-side-left * {
	font-size: 13px;
}
.box-mini .post-side-left .post-btn {
    margin-top: 6px;
    margin-right: 12px;
    display: inline-block;
}

.box-mini .post-side-left .shareopts-btn {
	display: inline-block;
	margin: 0 5px;
	padding: 4px 8px;
	color: var(--color-blue);
	cursor: pointer;
	position: relative;
}
.box-mini .post-side-left .shareopts-btn:hover {
    color: #fff;
    background: var(--color-blue);
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box-mini .post-side-left .shareopts-btn .options-menu {
	display: none;
    position: absolute;
    bottom: -8px;
    left: -8px;
    width: 138px;
    transition: all 0.3s ease;
    background: #fff;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px;
    box-shadow: 0 0 5px var(--color-blue-lite);
}
.box-mini .post-side-left .shareopts-btn .options-menu A {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
}
.box-mini .post-side-left .shareopts-btn .options-menu A:hover {
	font-weight: 500;
}
.box-mini .post-side-left .shareopts-btn:hover .options-menu {
	display: block;
}

.post-bottom .post-bottom-text {
	font-size: 12px;
}
.post-share, .post-copy, .post-copycontent, .post-mediatype {
	float: left;
    margin-left: 22px;
    min-width: 32px;
}
.post-mediatype IMG {
	height: 24px;
	margin: 0 auto 4px auto;
    filter: grayscale(100%);
    opacity: 0.72;
    width: auto;
    display: block;
}
.post-mediatype SMALL {
	font-size: 12px;
}
.post-mediatype IMG:hover, .post-mediatype:hover IMG {
	filter: none;
}
.post-share I, .post-copy I, .post-copycontent I {
	font-size: 24px;
	margin-bottom: 4px;
}
.post-share, .post-copy, .post-copycontent, .post-mediatype, .post-share *, .post-copy *, .post-copycontent *, .post-mediatype * {
	color: var(--color-input-gray);
	font-size: 16px;
}
.post-share:hover , .post-copy:hover, .post-copycontent:hover, .post-mediatype:hover, .post-share:hover *, .post-copy:hover *, .post-copycontent:hover *, .post-mediatype:hover * {
	color: var(--color-blue);
}
.post-copycontent {
	position: relative;
}
.post-copycontent::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    background: transparent;
    color: transparent;
    text-align: center;
    padding: 3px;
}
.post-copycontent.he::after {
	content: "התוכן הועתק לזכרון המחשב";
	background: #00A300;
	color: #fff;
}
.post-copycontent.en::after {
	content: "Post content copied to clipboard";
	background: #00A300;
	color: #fff;
	bottom: -10px;
}

.creator-img {
	float: right;
	margin: 0 12px;
	vertical-align: middle;
}
.creator-img IMG {
	width: 24px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 1px var(--color-input-gray);
}
.creator-img:hover IMG {
	box-shadow: 0 0 5px var(--color-blue);
}

.page-post .creator-img IMG {
	width: 50px;
}

.creator-name {
	/*font-weight: bold;*/
	/*color: var(--color-blue);*/
	font-size: 16px;
	margin: 5px 0;
}
.create-time {
	font-size: 12px;
	direction: ltr;
	text-align: right;
	color: var(--color-input-gray);
}
.creator-name-date {
	font-size: 17px;
	color: var(--color-darkblue);
	/*font-weight: bold;*/
	margin-top: 4px;
	direction: ltr;
}
.media-type {
    height: 16px;
    margin-top: 6px;
    vertical-align: middle;
    opacity: 0.72;
    font-size: 13px;
}
.media-type IMG {
	margin: 0 3px;
	width: 17px;
	vertical-align: middle;
	filter: grayscale(100%);
	opacity: 0.5;
	clear: both;
}
.media-type:hover IMG {
	filter: none;
	opacity: 1;
}
.media-type:hover {
	color: var(--color-blue);
}
.box-mini .media-type {
	position: absolute;
	top: 4px;
	left: 12px;
	cursor: pointer;
}

.box-sub {
	box-shadow: 0px 2px 14px rgb(0 0 0 / 20%);
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
	padding: 24px 72px;
	position: relative;
	display: inline-block;
}

.post-text {
	font-size: 18px;
	margin-top: 12px;
}

.post-img {
	margin-top: 24px;
}

A.post-main {
	text-decoration: none;
}

.page-post .post-bottom {
	display: none;
}


/* SINGLE POST BOX - end */


.post-comments .creator-img {
	width: 80px;
}
.post-comments .creator-img IMG {
	width: 60%;
}

.post-comments IMG {
	width: 40%;
}

.post-comments .post-comment-single {
	/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	padding: 3px;*/
	border-top: solid 3px rgba(0,0,0,0.05);
	padding-top: 3px;
}
.post-comments .post-comment-single:first-child {
	border-top: 0;
}

.post-comments .post-comment-container-header {
	min-height: 62px;
}

.post-comments-line {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid var(--color-gray-logo);
	line-height: 0.1em;
	margin: 24px 0;
}
.post-comments-line SPAN { 
	background: var(--color-menu-bg);
	padding: 0 10px;
	font-size: 16px;
}



.page-post .boxes, .page-profile .boxes {
	max-width: 900px;
	width: 95%;
	margin: 0 auto;
}

.page-tag .boxes, .page-search .boxes, .page-home .boxes {
	max-width: 1100px;
	width: 95%;
	margin: 0 auto;
}

.page-home .boxes-wrapper {
	width: 800px;
}
.page-tag .boxes-wrapper, .page-search .boxes-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.box-inner.box-mini {
	float: right;
	position: relative;
}
.page-profile .box-inner.box-mini {
	width: 96%;
}
.page-tag .box-inner.box-mini, .page-search .box-inner.box-mini, .page-home .box-inner.box-mini {
	/*width: 370px;*/
	width: 45%;
    display: inline-block;
    margin: 3px;
    vertical-align: top;
}
.box-inner.box-mini:hover .post-text {
	/**/
}
.page-home .magic-grid .box-inner.box-mini {
	float: none;
}
.page-tag .box-inner.tags, .page-search .box-inner.tags, .page-home .box-inner.tags {
	width: 250px;
}
.page-tag .box-inner.meta, .page-search .box-inner.meta, .page-home .box-inner.meta {
	width: 250px;
}
.page-tag .box-inner.extra, .page-search .box-inner.extra, .page-home .box-inner.extra {
	width: 250px;
}

.box-mini .post-top {
	height: auto;
	margin-bottom:  0;
}
.box-mini .post-bottom I {
	color: var(--color-input-gray);
}
.box-mini .creator-img {
	margin: 4px 2px 0 12px;
}

.post-side-left .create-time {
	text-align: left;
}


.box-profile-wrapper {
	
}
.box-profile {
	width: 47%;
	margin: 3px 3px 24px 3px;
	font-size: 14px;
	text-align: center;
	float: left;
}
.box-profile IMG {
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 52px;
	height: 52px;
	border-bottom: 6px;
}
.box-profile-footer {
	clear: both;
}

.btn-loadmore {
	margin-top: 32px;
}


.small, .small *, SMALL, SMALL * {
	font-size: 12px;
}
.big, .big * {
	font-size: 18px;
}
.huge {
	font-size: 24px;
}


.t-gray {
	color: var(--color-input-gray);
}

.footer {
	/*width: 100%;
	max-width: 300px;*/
	margin: 0 auto;
	padding: 4px 12px;
	background: rgba(255, 255, 255, 0.5);
	/*float: left;*/
}

.topmenu {
	height: 63px;
	background: var(--color-menu-bg);
	box-shadow: 0 0 5px var(--color-gray-logo);
	padding: 4px 14px;
	width: calc(100% - 28px);
	position: relative;
}
.topmenu .maintitle {
	color: var(--color-blue);
	font-size: 32px;
	width: 28vw;
	font-weight: 800;
	margin-top: 7px;
	float: right;
	cursor: pointer;
}
.topmenu .mainlogo {
	width: 132px;
    margin-top: 2px;
    float: right;
}
.topmenu .fa-facebook {
	color: var(--color-blue);
	display: inline-block;
	width: 16px;
	position: relative;
	top: 40px;
	right: 0px;
	border-radius: 50%;
}
.topmenu .fa-facebook:hover {
	box-shadow: 0 0 5px var(--color-blue);
}

.topmenu .ast-logo {
	position: absolute;
	top: 8px;
    left: 105px;
    width: 52px;
    height: 55px;
    background: transparent url('../images/ast-logo-min-gray.png') no-repeat top center;
    background-size: 45px;
    text-align: center;
}
.topmenu .ast-logo .small {
	margin-top: 42px;
	text-align: center;
}
.topmenu .ast-logo:hover {
	color: var(--color-blue);
	background: transparent url('../images/ast-logo-min-blue.png') no-repeat top center;
	background-size: 45px;
}

.topmenu .ast-support {
	position: absolute;
	top: 8px;
    left: 192px;
    width: 50px;
    height: 55px;
    background: transparent url('../images/ast-support-min-gray.png') no-repeat top center;
    background-size: 45px;
    text-align: center;
}
.topmenu .ast-support .small {
	margin-top: 42px;
	text-align: center;
}
.topmenu .ast-support:hover {
	color: var(--color-blue);
	background: transparent url('../images/ast-support-min-blue.png') no-repeat top center;
	background-size: 45px;
}

.topmenu .ast-store {
	position: absolute;
	top: 8px;
	left: 245px; /* 315px */
    width: 50px;
    height: 55px;
    background: transparent url('../images/store-min-gray.png') no-repeat top center;
    background-size: 45px;
}
.topmenu .ast-store .small {
	margin-top: 42px;
}
.topmenu .ast-store:hover {
	color: var(--color-blue);
	background: transparent url('../images/store-min-blue.png') no-repeat top center;
	background-size: 45px;
}



.topmenu .my-logo {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 48px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 1px var(--color-input-gray);
}
.topmenu .my-logo:hover {
	box-shadow: 0 0 5px var(--color-blue);
}

.topmenu .search-box {
	position: absolute;
    top: 18px;
    left: 35%;
    padding: 5px 12px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 400px;
    background: var(--color-input-light);
    border: solid 1px var(--color-input-gray);
}
.topmenu .search-box INPUT {
	border: 0;
	background: transparent;
	color: var(--color-input-gray);
	width: 92%;
}
.topmenu .search-box .fa-search {
	float: left;
	margin-top: 4px;
	font-size: 14px;
	color: var(--color-input-gray);
	cursor: pointer;
}
.topmenu .search-box.active, .topmenu .search-box:hover {
	background: var(--color-blue-light);
    border: solid 1px var(--color-blue);
}
.topmenu .search-box.active INPUT, .topmenu .search-box:hover INPUT {
	color: var(--color-blue);
}
.topmenu .search-box.active .fa-search, .topmenu .search-box:hover .fa-search {
	color: var(--color-blue);
}

.topmenu-general {
	height: 63px;
	background: var(--color-menu-bg);
	box-shadow: 0 0 5px var(--color-gray-logo);
	padding: 4px 14px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.topmenu-general .title-general {
	color: var(--color-blue);
	font-size: 32px;
	font-weight: bold;
    line-height: 63px;
}
/*
.topmenu-general .ast-logo {
	position: static;
	width: 50px;
    height: 55px;
    background: transparent url('../images/ast-logo-min-gray.png') no-repeat top center;
    background-size: 45px;
}
*/

#popup_overlay {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.25);
	width: 100%;
	height: 100%;
	z-index: 1;
}
#popup {
	display: none;
	position: absolute;
	left: 0;
	top: 120px;
	padding: 24px;
	background: #FFF;
	border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 420px;
	height: 240px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	z-index: 10;
}
#popup .content {
	height: 90%;
}
#post_share_copy_msg {
	display: none;
	color: green;
	font-weight: bold;
}


.popup-assistant-install {
	font-size: 20px;
}
.popup-assistant-install A {
	display: inline-block;
	background: #00000011;
	padding: 10px;
	border-radius: 8px;
	margin-top: 10px;
}


.page-profile .boxes .box {
	width: calc(100% - 64px);
	word-wrap: break-word;
	margin-bottom: 12px;
	text-align: center;
	font-size: 16px;
}
.page-profile .boxes .box I {
	font-size: 24px;
}


#usermenu {
	position: absolute;
	top: 24px;
	right: 24px;
	left: auto;
	display: none;
	padding: 4px;
	background: #FFF;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 152px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	z-index: 10;
}
#usermenu .user-name {
	text-align: center;
	background: var(--color-bg);
	padding: 3px;
	margin-bottom: 8px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-o-border-top-right-radius: 6px;
	-o-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px
	-moz-border-radius-topright: 6px
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}
#usermenu .menu-item {
    height: 28px;
    line-height: 28px;
    padding: 0 4px;
    cursor: pointer;
}
#usermenu .menu-item:hover {
	background: var(--color-bg);
}
#usermenu I {
	color: var(--color-blue);
	font-size: 8px;
}

#account_menu {
	/*position: absolute;*/
	/*top: 115px;*/
	padding: 12px;
	border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-blue-light);
	line-height: 22px;
	height: 95vh;
    display: inline-block;
    width: 100%;
}
#account_menu * {
	font-size: 18px;
}
#account_menu A {
	padding: 4px 2px;
	margin: 4px 0;
	display: block;
	text-decoration: none;
}
#account_menu B {
	text-decoration: underline;
	margin-bottom: 5px;
	display: block;
}
#account_menu:hover {
	/*background: var(--color-blue-lite);*/
}
#account_menu A:hover {
	background: #F2F2F2;
	text-decoration: none;
}
#account_menu A:hover * {
	color: #939393;
}
#account_menu A.current {
	background: #fff;
	position: relative;
}
#account_menu A.current:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 0;
	width: 0;
	background: var(--color-blue-light);
	border-top: 15.5px solid transparent;
	border-bottom: 15.5px solid transparent;
	border-left: 15.5px solid var(--color-blue);
}



#langmenu {
	color: var(--color-blue);
	position: absolute;
	top: 12px;
	left: 182px;
	background: transparent url('../images/ast-lang-he-gray.png') no-repeat center center;
	background-size: contain;
	width: 38px;
	height: 43px;
	z-index: 2;
	cursor: pointer;
}
#langmenu:hover {
	background: transparent url('../images/ast-lang-he-blue.png') no-repeat center center;
	background-size: contain;
}
#langmenu .small {
	margin-top: 42px;
}
#langmenu.lang-en {
	background: transparent url('../images/ast-lang-en-gray.png') no-repeat center center;
	background-size: contain;
}
#langmenu:hover.lang-en {
	background: transparent url('../images/ast-lang-en-blue.png') no-repeat center center;
	background-size: contain;
}
#langmenu.lang-he {
	background: transparent url('../images/ast-lang-he-gray.png') no-repeat center center;
	background-size: contain;
}
#langmenu:hover.lang-he {
	background: transparent url('../images/ast-lang-he-blue.png') no-repeat center center;
	background-size: contain;
}


.profile-avatar {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 170px;
}
.profile-avatar IMG {
	width: 132px;
	border-radius: 50%;
	border: solid 1px var(--color-gray-logo);
}
.profile-info {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 490px;
}
.profile-info .profile-name {
	font-size: 40px;
	font-weight: bold;
	color: var(--color-darkblue);
}


.page-publics .topmenu .maintitle, .page-my-repos .topmenu .maintitle {
	font-size: 32px;
	margin-top: 8px;
	cursor: default;
}


.input-file-wrapper INPUT {
	display: none;
}
.input-file-wrapper {
	padding: 4px 14px;
	border: 0;
	cursor: pointer;
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: var(--color-blue-lite);
	box-shadow: 0 0 5px var(--color-input-gray);
	font-size: 12px;
	display: inline-block;
}
.input-file-wrapper:hover {
	color: var(--color-blue);
	background: var(--color-blue-light);
}




/**
 * 	TOOLTIP
 */

.con-tooltip {
	position: relative;
	/*border-radius: 9px;*/
	/*padding: 0 20px;*/
	/*margin: 10px;*/
	/*display: inline-block;*/
	transition: all 0.3s ease-in-out;
	/*cursor: default;*/
}

/*tooltip */
.con-tooltip .tooltip {
	visibility: hidden;
	z-index: 1;
	opacity: .40;
	/*width: 100%;*/
	padding: 0px 20px;
	background: var(--color-blue-light);
	color: var(--color-darkblue);
	position: absolute;
	/*top: -250%;*/
	/*left: -45%;*/
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*font: 16px;*/
	transform: translateY(0px);
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 3px rgba(56, 54, 54, 0.5);
}

/* tooltip  after*/
.con-tooltip .tooltip::after {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12.5px 0 12.5px;
	border-color: var(--color-blue-light) transparent transparent transparent;
	position: absolute;
	left: 40%;
}

.con-tooltip:hover .tooltip{
	visibility: visible;
	transform: translateY(-10px);
	opacity: 1;
	transition: .3s linear;
	animation: con-tooltip-trans 1s ease-in-out infinite  alternate;
}
@keyframes con-tooltip-trans {
	0% { transform: translateY(6px); }
	100% { transform: translateY(1px); }
}

/*hover ToolTip*/
.con-tooltip.left:hover { transform: translateX(-6px); }
.con-tooltip.top:hover { transform: translateY(-6px); }
.con-tooltip.bottom:hover { transform: translateY(6px); }
.con-tooltip.right:hover { transform: translateX(6px); }

/*left*/
.con-tooltip.left .tooltip{ top:-20%; left:-170%; }
.con-tooltip.left .tooltip::after {
	top: 40%;
	left: 90%;
	transform: rotate(-90deg);
}

/*bottom*/
.con-tooltip.bottom .tooltip { top:115%; left:-50%; }
.con-tooltip.bottom .tooltip::after {
	top: -11px;
	left: 40%;
	transform: rotate(180deg);
}

/*right*/
.con-tooltip.right .tooltip { top:-20%; left:115%; }
.con-tooltip.right .tooltip::after {
	top: 40%;
	left: -12%;
	transform: rotate(90deg);
}