/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Form/Base/ToolTipView.vue?vue&type=style&index=0&id=797980e3&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.qw-tooltip-root {
  display: inline-block;
}
.qw-tooltip-root .el-tooltip__trigger {
  display: inline-block;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/QwIcon.vue?vue&type=style&index=0&id=cfbc4cbe&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
img.qw-icon-root {
  transform: var(--cfbc4cbe-iconTransitionComputed);
}
i.qw-icon-root:before {
  transform: var(--cfbc4cbe-iconTransitionComputed);
  margin: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Controls/Buttons/QwButton.vue?vue&type=style&index=0&id=604bd366&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.button-circle:before {
  line-height: var(--604bd366-circleSize);
}
.simple-button {
  border: none;
}
.button-circle-size {
  width: var(--604bd366-circleSize) !important;
  height: var(--604bd366-circleSize) !important;
  line-height: var(--604bd366-circleSize) !important;
  font-size: var(--604bd366-fontSizeComputed) !important;
}
.button-circle-size img.qw-icon-root {
  width: var(--604bd366-imageSizeComputed) !important;
}
.qw-btn-background {
  background-color: var(--604bd366-backgroundColor);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/tools/FeedbackGather/GatherFeedbackView.vue?vue&type=style&index=0&id=2bd11ef7&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.gatherFeedbackViewRoot {
  position: fixed;
  bottom: 10px;
  left: 10px;
}
.gatherFeedbackViewRoot .report-button {
  width: 100px;
  height: 50px;
  background: #00aced;
  border-radius: 50%;
}
.gatherFeedbackViewRoot .report-button:hover {
  background: #0087ba;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/tools/ToolsMain.vue?vue&type=style&index=0&id=677e1817&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.qw-tools-root {
  --el-color-primary: #3070d0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/LoadingIndicator.vue?vue&type=style&index=0&id=517320d6&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.loading-indicator-root {
  min-height: 5rem;
}
.loading-indicator-root .el-loading-spinner {
  transform: translateY(-50%);
  margin-top: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/core/recoveryCoachingApp/coach/clients/ClientDetails/Genogram/GenogramEditor/assets/fonts/iconfont.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/*@font-face {font-family: "iconfont";*/
/*  src: url('iconfont.eot?t=1560583966869'); !* IE9 *!*/
/*  src: url('iconfont.eot?t=1560583966869#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),*/
/*  url('iconfont.woff?t=1560583966869') format('woff'),*/
/*  url('iconfont.ttf?t=1560583966869') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+ *!*/
/*  url('iconfont.svg?t=1560583966869#iconfont') format('svg'); !* iOS 4.1- *!*/
/*}*/

/*.iconfont {*/
/*  font-family: "iconfont" !important;*/
/*  font-size: 16px;*/
/*  font-style: normal;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.icon-gongzuoliuchengtu:before {*/
/*  content: "\f0310";*/
/*}*/

/*.icon-grid:before {*/
/*  content: "\e8b4";*/
/*}*/

/*.icon-selection:before {*/
/*  content: "\ea77";*/
/*}*/

/*.icon-jsonfile:before {*/
/*  content: "\e659";*/
/*}*/

/*.icon-zoom:before {*/
/*  content: "\e662";*/
/*}*/

/*.icon-zoomin:before {*/
/*  content: "\e663";*/
/*}*/

/*.icon-copy:before {*/
/*  content: "\e6e5";*/
/*}*/

/*.icon-save:before {*/
/*  content: "\e618";*/
/*}*/

/*.icon-undo:before {*/
/*  content: "\e65a";*/
/*}*/

/*.icon-delete:before {*/
/*  content: "\e688";*/
/*}*/

/*.icon-save1:before {*/
/*  content: "\e6c0";*/
/*}*/

/*.icon-Line-Tool:before {*/
/*  content: "\ea98";*/
/*}*/

/*.icon-Bezier-:before {*/
/*  content: "\eaa6";*/
/*}*/

/*.icon-Redo:before {*/
/*  content: "\ed8a";*/
/*}*/

/*.icon-fullscreen:before {*/
/*  content: "\e731";*/
/*}*/

/*.icon-fullscreen-exit:before {*/
/*  content: "\e732";*/
/*}*/

/*.icon-paste:before {*/
/*  content: "\e621";*/
/*}*/

/*.icon-arrow-to-bottom:before {*/
/*  content: "\e7e0";*/
/*}*/

/*.icon-top-arrow-from-top:before {*/
/*  content: "\e83d";*/
/*}*/


/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/core/recoveryCoachingApp/coach/clients/ClientDetails/Genogram/GenogramEditor/assets/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.cy-editor-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#editor {
    width: 100%;
    display: flex;
    position: absolute;
    /*top: 44px;*/
    bottom: 0;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
}

#editor .left {
    width: 200px;
    left: 0px;
    z-index: 2;
    background: #F7F9FB;
    overflow: auto;
}

#editor .left .shapes {
    padding: 16px;
    text-align: left;
    box-sizing: border-box;
}

#editor .left .title {
	font-weight: 600;
	/*font-size: pxToRem(16);*/
    padding: 8px 20px;
    background: #EBEEF2;
    box-sizing: border-box;
}

#editor .shapes img.shape-item {
    width: 80px;
    height: 80px;
    padding: 4px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
}
#editor .shapes:not(.readonly) img.shape-item:hover {
    cursor: move;
    border: 1px solid #ccc;
}

#editor .right {
    /*width: 280px;*/
    right: 0px;
    z-index: 2;
    background: #F7F9FB;
}

#editor .right .panel-title {
    height: 32px;
    border-top: 1px solid #DCE3E8;
    border-bottom: 1px solid #DCE3E8;
    background: #EBEEF2;
    color: #000;
    line-height: 28px;
    padding-left: 12px;
    box-sizing: border-box;

}

#editor .right .panel-body {
    padding: 16px 8px;
    box-sizing: border-box;
}

#editor .right .checkbox {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    vertical-align: text-bottom;
}

#editor .right .input {
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 2px 6px;
    width: 100%;
    height: 28px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.65);
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s;
    -webkit-appearance: none;
    outline: none;
    box-sizing: border-box;
}

#editor .right .input:hover {
    border-color: #40a9ff;
    -webkit-appearance: none
}

#editor .right .info-item {
    width: 150px;
    float: right;
}


#editor .right .input.width {
    width: 65px;
    margin-right: 6px
}

#editor .right .input.height {
    width: 65px
}

#editor .right .color-input {
    width: 26px;
    padding: 0;
    vertical-align: middle
}

#info .info-item-wrap {
    margin-bottom: 12px;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}

.cy-main {
    flex: 1;
    z-index: 0;
    overflow: hidden
}

#thumb {
    position: relative;
    width: 200px;
    margin: 10px auto;
    height: 160px;
    border: none;
}

.cy-toolbar {
    padding: 8px 10px;
	min-height: 44px;
    width: 100%;
    border: 1px solid #E9E9E9;
    z-index: 3;
    box-shadow: 0px 8px 12px 0px rgba(0, 52, 107, 0.04);
    box-sizing: border-box;
}

.cy-toolbar .command {
    width: 28px;
    height: 26px;
    line-height:26px;
    margin: 0px 6px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid rgba(2,2,2,0);
    text-align: center;
}

.cy-toolbar .disable {
    color: rgba(0,0,0,0.25);
}
.cy-toolbar .selected {
    color: #40a9ff;
}

.cy-toolbar .separator {
    margin: 4px;
    border-left: 1px solid #E9E9E9;
}

.cy-toolbar .command:hover {
    cursor: pointer;
    border: 1px solid #E9E9E9;
}

/*
 *  navigator
*/

.cytoscape-navigator {
    position: fixed;
    border: 1px solid #e4e4e4;
    background: #fff;
    z-index: 99999;
    width: 100%;
    height: 100%;
    min-width: 100px;
    min-height: 100px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.cytoscape-navigator > img{
    max-width: 100%;
    max-height: 100%;
}

.cytoscape-navigator > canvas{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}

.cytoscape-navigatorView{
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    background: #B7E1ED;
    opacity: 0.50;
    z-index: 102;
}

.cytoscape-navigatorOverlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 103;
}

/*
* context menu
*/
.cy-editor-ctx-menu {
    position: absolute;
    width: 150px;
    z-index: 1000;
    border: 1px solid #ddd;
    background: #EBEEF2;
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(2, 16, 31, 0.1);
    display: none;
    padding: 6px 0;
}
.cy-editor-ctx-menu .ctx-menu-item {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border: 1px solid #EBEEF2;
    box-sizing: border-box;
}
.cy-editor-ctx-menu .ctx-menu-divider {
    height: 1px;
    background: #ddd
}
.cy-editor-ctx-menu .ctx-menu-item:hover {
    background: #40a9ff;
    color: #fff;
    border: 1px solid #40a9ff;
}
.cy-editor-ctx-menu .ctx-menu-item-disabled {
    color: gray;
}
.cy-editor-ctx-menu .ctx-menu-item-disabled:hover {
    background: transparent;
    color: gray;
    border: 1px solid #fff;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/recoveryCoachingApp/coach/clients/ClientDetails/Genogram/GenogramEditor/lib/cyeditor-edit-elements/LineTypeItemView.vue?vue&type=style&index=0&id=e40f23dc&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.line-type-item-view-root .line-type-selected {
  border: 3px solid #00aff0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/recoveryCoachingApp/coach/clients/ClientDetails/Genogram/GenogramEditor/CyEditorView.vue?vue&type=style&index=0&id=354e2efe&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.cy-editor-root .symbols-tooltip {
  background: darkgray;
}
.cy-editor-root .symbols-tooltip::after {
  opacity: 0;
}
.cy-editor-root .symbols-tooltip:focus::after, .cy-editor-root .symbols-tooltip:hover::after, .cy-editor-root .symbols-tooltip:active::after {
  content: attr(data-tooltip);
  opacity: 1;
  animation-name: show;
  animation-duration: 0.5s;
  font-size: 12px;
  width: auto;
  height: auto;
  max-width: 200px;
  white-space: nowrap;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1000;
  top: 30px;
}
.cy-editor-root .cy-toolbar [class^=icon-]:before, .cy-editor-root .cy-toolbar [class*=" icon-"]:before {
  margin-left: 0 !important;
}
.cy-editor-root .cy-toolbar .icon-to-png {
  font-family: "fontello" !important;
}
.cy-editor-root .cy-toolbar .icon-to-png:before {
  content: "\e82a";
}
.cy-editor-root .cy-toolbar i {
  position: relative;
}
.cy-editor-root .cy-toolbar i::after {
  opacity: 0;
}
.cy-editor-root .cy-toolbar i:hover:not(.touch-device)::after {
  animation-name: show;
  animation-duration: 0.5s;
  opacity: 1;
  font-size: 12px;
  content: attr(data-title);
  width: auto;
  white-space: nowrap;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 30px;
}
@keyframes show {
0% {
    opacity: 0;
}
99% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Dialogs/QwoachDialog/QwoachDialogLayout.vue?vue&type=style&index=0&id=292502fa&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.qwoach-dialog-root.qwoach-form .el-dialog__title {
  padding: 0;
}
@media print {
.dialog-print-position-absolute .el-overlay, .dialog-print-position-absolute .el-overlay-dialog {
    overflow: visible !important;
    position: absolute !important;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Controls/QwInput.vue?vue&type=style&index=0&id=63fc0a2d&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.qw-input-root.qw-special.qw-input .inline-block {
  display: inline-block;
}
.qw-input-root.qw-special.qw-input .borderDotted input, .qw-input-root.qw-special.qw-input .borderDotted textarea {
  border-bottom: 1px dotted rgb(220, 223, 230) !important;
}
.qw-input-root.qw-special.qw-input input, .qw-input-root.qw-special.qw-input textarea {
  transition: none;
  border-bottom: 1px solid;
  border-radius: 0;
  border-color: rgb(220, 223, 230);
}
.qw-input-root.qw-special.qw-input textarea:focus:not(:-moz-read-only) {
  -moz-transition: none;
  transition: none;
  border-color: rgb(84, 127, 255);
}
.qw-input-root.qw-special.qw-input input:focus, .qw-input-root.qw-special.qw-input textarea:focus:not(:read-only) {
  transition: none;
  border-color: rgb(84, 127, 255);
}
.qw-input-root.qw-special.qw-input .hide-border input, .qw-input-root.qw-special.qw-input .hide-border textarea {
  border: none !important;
}
.qw-input-root.qw-special.qw-input .border-on-hover input:not(:hover):not(:focus), .qw-input-root.qw-special.qw-input .border-on-hover textarea:not(:hover) {
  border: none !important;
  padding-bottom: 1px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Form/Base/FormRow.vue?vue&type=style&index=0&id=5ef1a4b1&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.form-row-root .title-normal .form-subtitle {
  font-weight: normal;
}
.form-row-root .text-hint {
  font-size: 0.9285714286rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Data/PagerTable.vue?vue&type=style&index=0&id=e12bef04&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.pager-table-root {
  overflow: auto;
  min-height: 0;
}
.pager-table-root .files-table-header {
  height: 50px;
}
.pager-table-root .files-table-content {
  overflow-x: hidden;
  overflow-y: auto;
}
.pager-table-root .no-loading-mask .el-loading-mask {
  background: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Menu/ContextMenu.vue?vue&type=style&index=0&id=152fd4c0&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.context-menu-root .el-switch.is-disabled {
  opacity: 1;
}
.context-menu-root .el-switch.is-disabled .el-switch__core {
  cursor: inherit;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Menu/OptionsMenu.vue?vue&type=style&index=0&id=2192c6af&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.options-menu-popover-root.el-popover {
  padding: 0.5rem 0 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Form/FormSelectRow.vue?vue&type=style&index=0&id=18e2ab91&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.select-popup-loading {
  min-height: 100px;
}
.form-select-row-root .el-select .el-input .el-select__caret {
  color: black;
}
.el-select-dropdown__item.hover {
  background-color: inherit;
}
.el-select-dropdown__item.hover:hover {
  background-color: #F7F7F7;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/recoveryCoachingApp/coach/clients/ClientDetails/Genogram/GenogramMain.vue?vue&type=style&index=0&id=03bebb12&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Copyright (c) Qwoach LLC 2020. All rights reserved.
 *  Unauthorized copying of this file, via any medium is strictly prohibited
 *  Proprietary and confidential
 *  Created by Artem Bogush <artem@qwoach.com> on 22/9/2020
 */
/**
 * Custom application mixins available through out the app
 */
/*
 * Typography
 * ======================================================================== */
.genogram-main-page-root .cy-editor {
  width: 100%;
  height: 100%;
  min-height: 300px;
  position: relative;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/Form/FormTextRow.vue?vue&type=style&index=0&id=1b9d2500&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bold2 {
    font-weight: 600;
}