@charset "utf-8";
@font-face {
	font-family:'font-main';
	src:url('../img/font/IRANSansWeb(FaNum.html)_Medium.eot');
	src:local('IRANSansWeb(FaNum)_Medium'),url('../img/font/IRANSansWeb(FaNum.html)_Medium.woff2') format('woff'),url('../img/font/IRANSansWeb(FaNum.html)_Medium.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'Mj_Shablon';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/Mj_Shablon.ttf');
	src: url('../img/font/Mj_Shablon.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/Mj_Shablon.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/Mj_Shablon.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/Mj_Shablon.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-Bold';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-Bold.ttf');
	src: url('../img/font/MyriadPro-Bold.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-Bold.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-BoldCond';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-BoldCond.ttf');
	src: url('../img/font/MyriadPro-BoldCond.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-BoldCond.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-BoldCond.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-BoldCond.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-BoldCondIt';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-BoldCondIt.ttf');
	src: url('../img/font/MyriadPro-BoldCondIt.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-BoldCondIt.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-BoldCondIt.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-BoldCondIt.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-BoldIt';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-BoldIt.ttf');
	src: url('../img/font/MyriadPro-BoldIt.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-BoldIt.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-BoldIt.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-BoldIt.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-Cond';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-Cond.ttf');
	src: url('../img/font/MyriadPro-Cond.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-Cond.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-Cond.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-Cond.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-CondIt';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-CondIt.ttf');
	src: url('../img/font/MyriadPro-CondIt.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-CondIt.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-CondIt.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-CondIt.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-It';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-It.ttf');
	src: url('../img/font/MyriadPro-It.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-It.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-It.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-It.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-Regular';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-Regular.ttf');
	src: url('../img/font/MyriadPro-Regular.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-Regular.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-Regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-Semibold.ttf');
	src: url('../img/font/MyriadPro-Semibold.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-Semibold.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-Semibold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-SemiboldIt';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/MyriadPro-SemiboldIt.ttf');
	src: url('../img/font/MyriadPro-SemiboldIt.eot') format('embedded-opentype'),  /* IE6-8 */
	url('../img/font/MyriadPro-SemiboldIt.html') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../img/font/MyriadPro-SemiboldIt.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../img/font/MyriadPro-SemiboldIt.ttf') format('truetype');
}
@font-face {
	font-family: 'Lalezar';
	font-style: normal;
	font-weight: normal;
	src: url('../img/font/OTF/Lalezar-Regular.otf');
	src: url('../img/font/TTF/Lalezar-Regular.ttf');
}

@media print {
	html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,button,
	abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
		font:normal normal 12pt font-main,font-main,tahoma,arial;
	}
}
html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,button,
abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
	font:normal normal 14px font-main,font-main,tahoma,arial;
}
@media screen and (max-width: 1200px){
	html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
	abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
		font:normal normal 13px font-main,font-main,tahoma,arial;
	}
}
@media screen and (max-width: 992px){
	html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
	abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
		font:normal normal 12px font-main,font-main,tahoma,arial;
	}
}
@media screen and (max-width: 768px){
	html,body,div,a,p,input,textarea,select,label,li,ul,ol,blockquote,noscript,
	abbr,article,aside,figcaption,figure,footer,header,menu,nav,section,details,summary,dialog,dt,dd {
		font:normal normal 11px font-main,font-main,tahoma,arial;
	}
}
body.marging-top{margin-top: 45px;}
a, a:link, a:active, a:focus, a:visited {
	text-decoration:none;
}
input,textarea,select,option{text-align: right; direction: rtl }
input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[name="username"]{text-align: left; direction: ltr}
input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[name="username"]::placeholder{text-align: left !important; direction: ltr !important}
.show-after-load{display: none !important;}
.padding10{padding: 10px}
.padding20{padding: 20px}
.padding30{padding: 30px}
.padding-none{padding-right: 0;padding-left: 0}
.hand{cursor: pointer;}
.btn{cursor: pointer;}
.hide{display: none}
#loading {position:fixed;z-index:200;display:none;top:0;left:46%;margin:0;padding:5px 10px;text-align:center;vertical-align:middle;
	overflow:hidden;background-color:#900;color:#fff;border-radius:0 0 4px 4px;filter:alpha(opacity=80);opacity:0.8;}
.ltr{direction:ltr; }
.rtl{direction:rtl; }
.text-left{text-align: left;}
.text-right{text-align: right;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.inline{display:inline; }
.inline-block{display:inline-block; }
.display-block{display:block; }
.margin-auto{margin: auto;}
.canter{text-align: center;}
#loading-mini {display:none;visibility:hidden;}
#scrollup {bottom: 20px;display: none;position: fixed;left: 20px;font-size: 55px;color: #aaaaaa;color: rgba(50, 50, 50, 0.5);z-index:1000;}
::placeholder , html[dir="rtl"] input::placeholder, html[dir="rtl"] textarea::placeholder{text-align: right; direction: rtl;}
.ltr::placeholder{text-align: left; direction: ltr;}
/*#body > .container{background: #f8f8f8;padding: 15px;box-shadow: 0 0 3px rgba(0,0,0,0.3);margin-bottom: 30px}*/
.bd-label .label{padding: 3px 10px}
.bd-label .label:hover{opacity: 0.9;box-shadow: inset 0 0 3px #05503f}
.custom-control-input:focus ~ .custom-control-indicator{box-shadow: none !important;}
legend{
	text-shadow: 0 4px 3px rgba(0,0,0,0.4),
	0 8px 13px rgba(0,0,0,0.1),
	0 18px 23px rgba(0,0,0,0.1)
}
.squar_before{position: relative;margin-right: 25px}
.squar_before:before {content: '';width: 15px;height: 15px;background: #444;position: absolute;right: -25px;top: 0;bottom: 0;margin: auto;}
input[type="radio"].error{box-shadow: 0px 0px 3px 1px #d83f3f;}
span.error{color: #ff604c;font-size: 12px}
/*-------------------------------*/
/*----------------*/
#pwindicator {margin-top: 5px;}
.bar {height: 7px;}
.mylabel{display: none;font-size: 12px}
.label{display: none}
.pw-very-weak .bar {background: #d00;width: 20%;}
.pw-very-weak .mylabel.very_weak { color: #d00;display: block;}
.pw-weak .bar { background: #d00;width: 30%;}
.pw-weak > .mylabel.weak { color: #d00;display: block;}
.pw-mediocre .bar {background: #f3f01a;width: 40%; border: 1px solid orange;}
.pw-mediocre > .mylabel.mediocre {color: #d00;display: block;}
.pw-strong .bar {background: #00d;width: 60%; }
.pw-strong > .mylabel.strong {color: #00d;display: block;}
.pw-very-strong .bar {background: #0d0;width: 100%; }
.pw-very-strong > .mylabel.very_strong {color: #0d0;display: block;}

/*----------------*/

/*****************table________________table*******************/
.panel_cl .rTable{ display: table;width: 100%;background-color: #ffffff }
.panel_cl .rTableRow{ display: table-row;}
.panel_cl .rTableCell, .rTableHead{ display: table-cell;}
.panel_cl .rTableRow {display: table-row;}
.panel_cl .rTableCell, .rTableHead {display: table-cell;padding: 10px;border: 1px solid #dddddd;vertical-align: middle}
.panel_cl.border_n .rTableCell, .border_n .rTableHead {border: none;border-bottom:1px solid #f5f5f5 }
.panel_cl .rTableHead{background-color: #009584;color: #ffffff}
.panel_cl .rTableHead > strong{white-space: nowrap;text-align: center;width: 100%;display: inline-block;}
.panel_cl .rTableHead > strong > span{font-size: 10px;color: #ff5000;font-weight: 900}
.panel_cl .rTableRow:nth-child(2n){background-color: #ffffff}
.panel_cl .rTableRow:nth-child(2n+1){background-color: #ffffff}
/*****************table________________table*******************/

/*----------user_panel-----------*/
#user_panel .card {margin-bottom: 15px}
#user_panel .card .card-header{font: 20px WYekan}
#user_panel .card .card-block{font: 20px WYekan}
#user_panel .card .card-block .item{float: right;min-width: 120px;text-align: center}
#user_panel .card .card-block .item a{display: block;width: 100%;padding: 0 5px;font: 15px WYekan}


/*css-animation*/
/**********select_option************/
/*.select {position: relative;display: block;!*width: 15em;*!height: 2.5em;line-height: 2!*;background: #2c3e50*!;overflow: hidden;border-radius: 0;}
.select select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 1px solid #cccccc;background: #fdfdfd;background-image: none;}
.select select {width: 100%;height: 100%;margin: 0;padding: 0 0 0 .5em;color: #464a4c;cursor: pointer;}
.select select::-ms-expand {display: none;}
.select:after {content: '\f107';font-family: FontAwesome;position: absolute;top: 0;left: 0;bottom: 0;padding:0 0.5em;background: #f7f7f7;pointer-events: none;color: #848c9e;border: 1px solid rgba(0,0,0,.15);font-size: 20px}
.select:hover::after {color: #444444;}
.select:after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}*/
/*btn 1 & 2*/
.btn-base-1 {  color: #fff;cursor: pointer;font-size: 16px;font-weight: 400;position: relative;text-decoration: none;vertical-align: middle;
	width: 135px;border: 1px solid transparent;-webkit-box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);border-radius: 0;
	outline: 1px solid;outline-color: rgba(66, 115, 136, 0.5);outline-offset: 0;text-shadow: none;-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);  }

/**********btn_1************/
.btn-outline:hover {border: 1px solid;-webkit-box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);outline-color: rgba(255, 255, 255, 0);outline-offset: 15px;text-shadow: 1px 1px 2px #427388;}

/**********btn_2************/
.cubic {border: 1px solid;overflow: hidden;position: relative;cursor: pointer}
.cubic span {z-index: 20;}
.cubic:after {background: #fff;content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);
	transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);width: 50px;z-index: 1;}
.cubic:hover:after {left: 120%;-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

/**********btn_3************/
.btn_send{position: relative;transition: 0.5s;border-radius: 0;cursor: pointer;width: 180px}
.btn_send i{position: absolute;left: 50px;top: 0;bottom: 0;margin: auto;height: 15px;transition: 0.5s}
.btn_send:hover i{left: 15px;transform: scale(1.3)}


.theme-color{color: #00a693}
.btn-theme-color{background: #00a693;border: 0;border-radius: 0;font-size: 20px;font-family: Mj_Shablon;padding: 5px;padding-right: 50px}
.btn-theme-color:hover{background: #0ba1b5}
.btn-div{position: relative;padding-bottom: 15px}
.main-div{background: #ffffff;border-radius: 20px;margin: -15px 0 30px 0;}
.main-header-div{display: flex;justify-content: center}
.main-header-div img{width: 200px}
.main-div header {font-family: Mj_Shablon;text-align: center;margin: 20px 0 30px 0;border-bottom: 2px solid #939598}
.register-txt{padding-top: 10px;font-size: 15px;}

.select2 .select2-search__field{width: 214px; text-align: right; direction: rtl;text-align-last: right;}
.del-price{text-decoration: line-through;color: #e07e7e;}

.menu-admin-head{position: fixed; top: 0; background-color: #fff; height: 45px; width: 100%; z-index: 100; box-shadow: 0px 3px 4px -1px #ccc;}


/*---------------alert modal-----------------*/
#alert_modal #alert-message{text-align: center;}
#alert_modal #alert-status{text-align: center;font-size: 80px;margin: -31px;}
#alert_modal #alert-status i{display: none;}
#alert_modal #alert-status.success .success{color: #37c037; display: inline-block;}
#alert_modal #alert-status.danger .danger{color: red;; display: inline-block;}
#alert_modal #alert-status.warning .warning{color: darkorange; display: inline-block;}

/*------------------importer-----------------*/
#importer .panel-heading button{height: 29px; margin: -7px 0;}
#importer select{width:100%}
#import_loading{background-color: rgba(180, 180, 180, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999;display:none;}
#import_loading meter{box-shadow: 0 0 12px 2px #555555; height: 54px; margin-top: 11%;width: 50%;text-align: right;}
#importer .excel-row.danger td, #importer .excel-row.danger td a{background-color: #ff5555 !important; color: #000;}
#importer td.has-error, #importer td.has-error a{background-color: #ff5555 !important; color: #000;}


/*-------------------entity-price------------------*/

/*.entity-price{position: absolute; left: 0; top: 30px; z-index: 3; background-color: #eee; border: 1px solid #bbb; padding: 2px 10px;}*/
.entity-price-tool-tip{
	color: #7877a7;
	background-color: rgba(151, 187, 210, 0.94);
	text-shadow: none;
	font-size: .8em;
	visibility: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
	opacity: 0;
	z-index: 999;
	padding: 3px 8px;
	position: absolute;
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;
	font-size: 15px;
	z-index: 50;
	white-space: nowrap;
}
.entity-price-tool-tip span{color:#262b53}

.entity-price-tool-tip,
.entity-price-tool-tip.top{
	width: 100%;
	height: 35px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;

	justify-content: center;

	padding: 0;

	background-color: transparent;
}
.entity-price-tool-tip >div ,
.entity-price-tool-tip.top >div{
	background: #9dbfd5d6;
	padding: 3px 15px;
	display: flex;
	align-items: center;
	border-radius: 5px;
}

.entity-price-tool-tip.top:after,
.entity-price-tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
	border-top-color: rgba( 0, 0, 0, .7);
}

/* default heights, width and margin w/o Javscript */

/* tool tip position right */
.entity-price-tool-tip.right{
	top: 50%;
	right: auto;
	left: 106%;
	margin-top: -15px;
	margin-right: auto;
	margin-left: auto;
}
.entity-price-tool-tip.right:after{
	left: -5px;
	top: 50%;
	margin-top: -6px;
	bottom: auto;
	border-top-color: transparent;
	border-right-color: rgba( 0, 0, 0, .7);
}

/* tool tip position left */

.entity-price-tool-tip.left{
	top: 50%;
	left: auto;
	right: 105%;
	margin-top: -15px;
	margin-left: auto;
}

.entity-price-tool-tip.left:after{
	left: auto;
	right: -12px;
	top: 50%;
	margin-top: -6px;
	bottom: auto;
	border-top-color: transparent;
	border-left-color: rgba( 0, 0, 0, .7);
}

/* tool tip position bottom */

.entity-price-tool-tip.bottom{
	top: 115%;
	bottom: auto;
	left: 50%;
	margin-bottom: auto;
}

.entity-price-tool-tip.bottom:after{
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
	border-top-color: transparent;
	border-bottom-color: rgba( 0, 0, 0, .6);
}

/* tooltip on focus left and right */

.on-focus .entity-price-tool-tip.left,
.on-focus .entity-price-tool-tip.right{
	margin-top: -19px;
}

/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .entity-price-tool-tip,
.on-focus input:focus + .entity-price-tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;
}


/* tool tip slide out */

*:not(.on-focus) > .entity-price-tool-tip.slideIn,
.on-focus > .entity-price-tool-tip{
	display: block;
}

.on-focus > .entity-price-tool-tip.slideIn{
	z-index: -1;
}

.on-focus > input:focus + .entity-price-tool-tip.slideIn{
	z-index: 1;
}

/* bottom slideIn */

*:not(.on-focus) > .entity-price-tool-tip.slideIn.bottom,
.on-focus > .entity-price-tool-tip.slideIn.bottom{
	top: 50%;
}

*:not(.on-focus):hover > .entity-price-tool-tip.slideIn.bottom,
.on-focus > input:focus + .entity-price-tool-tip.slideIn.bottom{
	top: 115%;
}

.on-focus > input:focus + .entity-price-tool-tip.slideIn.bottom{
	top: 100%;
}

/* top slideIn */

*:not(.on-focus) > .entity-price-tool-tip.slideIn,
*:not(.on-focus) > .entity-price-tool-tip.slideIn.top,
.on-focus > .entity-price-tool-tip.slideIn,
.on-focus > .entity-price-tool-tip.slideIn.top{
	bottom: 50%;
}

*:not(.on-focus):hover > .entity-price-tool-tip.slideIn,
*:not(.on-focus):hover > .entity-price-tool-tip.slideIn.top,
.entity-price-tool-tip.slideIn,
.on-focus > input:focus + .entity-price-tool-tip.slideIn,
.on-focus > input:focus + .entity-price-tool-tip.slideIn.top{
	/*bottom: 110%;*/
	bottom:55px;
	display: flex;
}
*:not(.on-focus):hover > .entity-price-tool-tip.slideIn > div,
*:not(.on-focus):hover > .entity-price-tool-tip.slideIn.top > div,
.on-focus > input:focus + .entity-price-tool-tip.slideIn > div,
.on-focus > input:focus + .entity-price-tool-tip.slideIn.top > div{
	/*bottom: 110%;*/
	bottom:55px;
	background: #9dbfd5d6;
	padding: 3px 15px;
	display: flex;
	align-items: center;
	border-radius: 5px;
}

/* left slideIn */

*:not(.on-focus) > .entity-price-tool-tip.slideIn.left,
.on-focus > .entity-price-tool-tip.slideIn.left{
	right: 50%;
}

*:not(.on-focus):hover > .entity-price-tool-tip.slideIn.left,
.on-focus > input:focus + .entity-price-tool-tip.slideIn.left{
	right: 105%;
}

/* right slideIn */

*:not(.on-focus) > .entity-price-tool-tip.slideIn.right,
.on-focus > .entity-price-tool-tip.slideIn.right{
	left: 50%;
}

*:not(.on-focus):hover > .entity-price-tool-tip.slideIn.right,
.on-focus > input:focus + .entity-price-tool-tip.slideIn.right {
	left: 105%;
}