.input-error {
 border:2px solid #C7384F
}

.divcheckbox-error {
 border: 2px solid #C7384F;
 height: 25px;
 width: 375px;
}

.input-height-m>.field-icon {
 position:absolute;
 top:8px;
 right:11px;
 cursor:pointer
}

.icon-error:before {
 content:""
}

.tooltip-container-button {
 left:450px;
 min-width:230px;
 max-width:256px;
 opacity:0;
 position:absolute;
 /*top:50%;
 transform:translateY(-100%);*/
 transition:opacity 0.2s linear;
 visibility:hidden;
 z-index:99
}

.tooltip-container-divcheckbox {
    left: calc(101%);
    min-width: 230px;
    max-width: 500px;
    opacity: 0;
    position: relative;
    /*top:50%;*/
    transform: translateY(-95%);
    transition: opacity 0.2s linear;
    visibility: hidden;
    z-index: 100
}

.tooltip-container {
 left:calc(95%);
 min-width:230px;
 max-width:256px;
 opacity:0;
 position:relative;
 /*top:50%;*/
 transform:translateY(-100%);
 transition:opacity 0.2s linear;
 visibility:hidden;
 z-index:99
}
.tooltip-body {
 background-color:rgba(0,0,0,0.9);
 color:#fff;
 display:inline-block;
 font-size:14px;
 font-weight:400;
 line-height:21px;
 margin-left:8px;
 padding:16px
}
.tooltip-pointer {
 position:absolute;
 top:calc(50% - 8px);
 width:0;
 height:0;
 border-top:8px solid transparent;
 border-bottom:8px solid transparent;
 border-right:8px solid
}

.tooltip-pointer-checkbox {
    position: absolute;
    top: calc(87% - 8px);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid
}

.error-tooltip>.tooltip-body {
 background-color:#C7384F;
 color:white
}
.general-tooltip>.tooltip-body {
 background-color:black;
 color:white
}
.error-tooltip>.tooltip-pointer, .tooltip-pointer-checkbox {
 border-right-color:#C7384F
}