/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                           MIXINS.LESS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++
++ [All-In-One Syntax]
++	font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family]
++	background: [bg-color] [bg-image] [position/bg-size] [bg-repeat] [bg-origin] [bg-clip] [bg-attachment]
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   [  BASIC mixins  ] Frequently used mixins
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*--------------------------[               Box options              ]-------------------------*/
/** Box outside border. */
/*---------------------------------------------------------------------------------------------*/
/*------------------------[               Images options              ]------------------------*/
/** Convert img to "black and white" depending on $scale from 0 (no change) to 1 (totally grayscales).
	Also known as desaturating.
1st June 2015: mobile support is around 80% and computer support around 82% */
/** This removes a grayscale created by the previous call.
	Example of use:	.thing { grayscale(); } .thing:hover { no-filter(); }
	*/
/** This is for counteracting the browser's anti-aliasing which makes the image look blurry. Image render makes it look more pixelated.
Browsers:
	- Edge: Not supported, everything looks fine anyway.
	- IE: Supports only -ms-interpolation-mode: nearest-neighbor but doesn't change much so better without.
	- Firefox: Supports most of these (-moz-crisp-edges, pixelated, optimizeSpeed) but they all look bad, forget about it.

	Only Chrome uses anti-aliasing to the point the images look blurry which is why we only use this webkit property, other browsers are ok.
*/
/*---------------------------------------------------------------------------------------------*/
/*-------------------------[               TEXT options              ]-------------------------*/
/** User can't select text in the box anymore. But inputs still work. */
/** This adds "..." if the text is longer than it's box. Give the box's height. */
/** Same as ellipsis but with customizable number of lines to show.
.source: http://codepen.io/martinwolf/pen/qlFdp (added lines for webkit, 8 sept 2015)
$param lines-shown: the number of lines we want to show
$param line-height: setting line-height
$param font-size: setting font-size
$param max-width: setting max-width
 */
/** This function will vertically center a text in a div of $height innerheight size, and set also the div height.
  Need to be in box-sizing:content to work.
  That's just a shortcut cause I'm lazy.
  */
/*---------------------------------------------------------------------------------------------*/
/*------------------------[         POSITION and ROTATE options        ]-----------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------[            OTHERS options           ]---------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*------------------------[          FLEX and ARRANGE options         ]------------------------*/
/** [OLD] Flex function for simple needs.
	$dir (direction) can also be "column".
	*/
/** Use with previous function. Any child that must be of fixed width, say it here.
	$width in px, em.. any unit.
	*/
/** Use with 2 previous functions. Any child that you want of bigger width, say it here.
	$w no unit. 1 is same with. 2 is double width. (it's flex-grow)
	*/
/*---------------------------------------------------------------------------------------------*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++   [  NEW mixins  ] Useful additions
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* [NEW] Here we have an extension of mixins for flexbox with more options.
 .flex remains because it is used for the moment and in other places in the game.
 Flexbox display
 */
/** When the parent container has a display:flex;. We can effortlessly rearrange the child's elements into it:
 To work correctly, all child elements must have a flex-order!
 param $val - <integer> (1 - first position, 2 - second position and etc..)
*/
/** $content - applies to: multi-line flex containers
 - can be: flex-start | flex-end | center | space-between | space-around | stretch
 param $items - applies to: flex containers
 - can be: flex-start | flex-end | center | baseline | stretch
 $self - applies to: flex items
 - can be: auto | flex-start | flex-end | center | baseline | stretch
 */
/* .flex-short - Collects the most important flexbox mixins.
 We do not write 5 lines to call 5 mixes, but only 1 in which we have the most important thing to arrange our containers.
 */
/*-------------------------[               Transitions              ]--------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*--------------------------[               Animation              ]---------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*------------------------------[          ICONS mixin         ]-------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                           ICONS.LESS
++
++ Name of mixins TODO:
++	descriptiveName_typeIcon_icn
++		descriptiveName - lower camel case: thisIsAnExample
++		typeIcon - mix (have more then one color) OR flat (home only one color)
++		icn - we put this at the end of the name to make it clear on behalf of the class what the element is.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.questionMark_flat_icn {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../../images/icons/question-mark-button.png");
  background-size: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.crossBtn_flat_icn {
  display: block;
  width: 19px;
  height: 19px;
  background-image: url("../../images/icons/closex.png");
  background-size: 19px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.cubeOutline_flat_icn {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("../../images/icons/cube-outline.png");
  background-size: 14px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.logoMenu_flat_icn {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../../images/icons/logo.png");
  background-size: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.medicine_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/medicine.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.report_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/newspaper.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.focus_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/focus.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.eye_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/eye.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.medicalhistory_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/medical-history.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.firstaid_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/first-aid-kit.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.steps_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/footprint.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.logistics_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/customer.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.funds_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/funds.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.biohazard_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/biohazard.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.network_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/network.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.warning_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/warning.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.microscope_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/microscope.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.medicalHistory2_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/medical-history2.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.doctor2_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/doctor2.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.share_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/share.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.experimentalResults_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/experiment-results.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.flowchart_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/flowchart.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.chat_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/chat.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.megaphone_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/megaphone.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.user_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/user.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.folder_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/folder.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.analytics_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/analytics.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.assessment_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/assessment.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.info_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/info.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.contact_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/mail-outline.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.arrowLeft_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/ChevronLeft.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.arrowRight_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/ChevronRight.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.pharmacy_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/pharmacy.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.drugs_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/drugs.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.bacteria_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/bacteria.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.toxic_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/toxic.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.data-mining_flat_icn {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../../images/icons/data-mining.png");
  background-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.report_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/report.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.hospital_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/hospital.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.diagnostic_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/diagnostic.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.diagnosticBlue_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/diagnostic-blue.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.analysesRed_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/analyses-red.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.pillBig_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/pill-big.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.communication_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/communication.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.group_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/group.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.upload_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/upload.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.toolkitBlue_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/toolkit-blue.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.phoneGreen_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/phone-green.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.iphone_mix_icn {
  display: block;
  width: 63px;
  height: 72px;
  background-image: url("../../images/icons/iphone.png");
  background-size: 62px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.searchDetective_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/icons-detective.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.downloadReport_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/icons8-business-report-100.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.doctor_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/icons8-doctor-skin-type-1-64.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.quiz_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/conversation.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.center_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/center.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.databases_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/databases.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

.files_mix_icn {
  display: block;
  width: 60px;
  height: 59px;
  background-image: url("../../images/icons/files.png");
  background-size: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

/*# sourceMappingURL=icons.css.map */