/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../jenkins-script/.cache/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!../../../jenkins-script/.cache/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../jenkins-script/.cache/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!../../../jenkins-script/.cache/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/app/styles/form-styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.ng-touched.ng-invalid:not(form) {
    border: 1px solid red
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../jenkins-script/.cache/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!../../../jenkins-script/.cache/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/app/styles/global-app-styles.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.lgs_tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.lgs_tooltip .lgs_tooltiptext {
    white-space: nowrap;
    visibility: hidden;
    width: auto;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

/* asta e varful tool-tip-ului (geometric vorbind)*/

.lgs_tooltip .lgs_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.lgs_tooltip:hover .lgs_tooltiptext {
    visibility: visible;
    opacity: 1;
}