.feedback-wrap{
    position: absolute;
    bottom:0 ;
    right: 30px;
    background: red;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.feedback-box-closed{
    border: none !important;
    position: fixed !important;
    top: auto !important;
    bottom: 0px !important;
    left: auto !important;
    right: 20px !important;
    width: 145px !important;
    height: 48px !important;
    pointer-events: all !important;
    touch-action: auto !important;
    background: none !important;
    display: block !important;
    color-scheme: none !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.086) 0px -4px 30px -6px, rgba(0, 0, 0, 0.086) 0px -2px 10px 0px !important;
    z-index: 898;
    opacity: 1;
    transform: translateY(3px);
}
.feedback-btn{
    background-color: #2B8AFF;
    color: #FFF;
    flex-direction: row;
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 200ms ease-out;
    -moz-transform: rotate(0.01deg);
    outline: none;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 10px;
}
.feedback-editor-wrap{
    bottom: 15px !important;
    width: 350px !important;
    height: 442px !important;
    pointer-events: all !important;
    touch-action: auto !important;
    background: none !important;
    display: block !important;
    color-scheme: none !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.086) 0px -4px 30px -6px, rgba(0, 0, 0, 0.086) 0px -2px 10px 0px !important;
    z-index: 2147483647;
    opacity: 1;
    transform: translateY(3px);
    position: fixed !important;
    /* top: 0; */
    /* left: 0; */
    right: 0;
    bottom: 0;
    display: flex;
    /* flex-direction: column; */
    /* max-height: 150vh; */
    z-index: 999;
    flex-grow: 1;
}
.icon-marker-feed{
    display: inline;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    pointer-events: none;
    -moz-transform: rotate(0.01deg);
    background:url('data:image/png;base64,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') no-repeat;
    background-size: 30px 30px;
    margin-right: 10px;
}
.feedback-editor-head{
    min-height: 45px;
    background: #0066ff;
    box-shadow: 0 1px 2px #dee2e6cc;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    
    /* background-image: linear-gradient(117.67deg, rgb(38, 132, 255), rgb(5 83 185)); */
    color: #FFF;
}
.feed-title{
    box-sizing: border-box;
    text-align: center;
    font-family: SFPro-Semibold, SFPro;
    font-weight: 650;
    /*color: #000000;*/
    font-size: 18px;
}
.feed-closed-img{
    cursor: pointer;
    display: inline-block;
    text-align: right;
    position: fixed;
    right: 8px;
    top: 12px;
    /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAACACAYAAAAs/Ar1AAAAAXNSR0IArs4c6QAABfxJREFUeF7t3D1oJVUUB/BzXgibSjuxsXsgZu5LoRYGBBVEly0WWTCNqIWgjVu43dpotVstyIIgYiFitUEWC1kQC0VQEZcQ5kx4CFsIWomNWKV4VybJk5i8vJ2Pc+/cc+5Jl7w7d8787y937gxvBsF+sk8As0/AAgBDYAgMgRkAQ2AIDIEZAENgCAyBGagTsKsDc2AIzIDNBGbATgdmwNYEZuAgAVsYGgRDYAZsJjADdjowA7YmMAO2MDQDhwkEuzpwzm0g4gUA2ASA6Ww2+7mqqi8s+GYJFEVxHgCeQcSnAOA7ANglotvNtm7XKggC59yrAPDZyVK893e899f39va+b1dmXq2dc9cA4OqCo/6WiJ7jToMdQVEUXyLixWWFIuJWWZbb3AejoT/n3C0AeHnJsdwjojHnsbIicM69AQCfNCnQIJxOqQGA+UbXiejdJjk3acON4CYAXG6y44MFic0I/0XVAkC9ze9E9EjTnO/XjhtBvXB56X47Pf65QQBoCeAgvpWVlUd3d3d/bZP1WW25EdSr/0ttC8sZQhcAR/mOiehe26wXtWdFUBTFDUS80qWwHCH0ADAlose65Bwcwfr6+tOj0egbADjXpcCcIPQAUK+l3i7L8sMuGQdHUO9gMplc8d7f6FpgDhD6AKjvvxDR613zjYKg3olz7n0AeK9roZoh9ASwTURbXXONsjA8vhODcDryFAEcXKpzqzIIixNNFUBwBHZqOASRMoAoCHKHkDqAaAhyhSABQFQEuUGQAiA6glwgSAIwCALtEKQBGAyBVggSAQyKQBsEqQAGR6AFgmQASSCQDkE6gGQQSIWgAUBSCKRB0AIgOQRSIGgCkCSC1CFoA5AsglQhaASQNILUIGgFkDyCVCBoBiACwdAQtAMQg2AoCDkAEIUgNoRcAIhDEAtCTgBEIggNITcAYhGEgpAjANEIuCHkCkA8Ai4I3vv69TDLXhFT7+qsnyCPhi3bIfdnQZ9A4i72rP76PvLWo07xAFTMBPMBHACCCgCqEHCcGlrMCGoAqEMQCYIqACoRBIagDoBaBIEgqASgGgEzBLUA1CNggqAagHoERVGsj0ajW977osXK/1RTze9QUo2AC8BchGYIKu4YnvzX5QagHYI6BKEAaIagCkFoAFohqEEQC4BGCCoQxAagDYJ4BH0BIGLV5xJSw1WDaAQcAGaz2VY9kDm/i1ksAi4AVVXtcdxZlDwjiETADYDriylSIYhDEApAzhBEIQgNIFcIYhDEApAjBBEIYgPIDULyCIYCkBOEpBEMDSAXCMkiSAVADhCSRJAaAO0QkkOQKgDNEJJCkDoArRCSQSAFgEYISSCQBkAbhMERSAWgCcKgCKQD0AJhMARaAGiAMAgCbQCkQ4iOQCsAyRCiItAOQCqEaAhyASARQhQEuQGQBiE4glwBSIIQFEHuAKRACIbAAPz/gfm+71kM+XX2IAgMwMk3Jhz+nioEdgQGYDGAlE8N7Aicc18BwIXlUSz+tH44tH42cP5oWJc+JGzTc0b4AxGfL8tyynWsrAj6HFwuAJhmhNtEdClVBB8BwFtti8sNAAOEv4nowbY5n9WedSaYTCZ3vPfn2xSXK4C+EBDxybIs77bJOgoC59znAPBK08JyB9AHwurq6kM7Ozt/Ns16WTvWmcA5dw0ArjYpzAD0uo/wExFtNsm5SRtWBEVRjBGxnqIeWCovk6uAJgNwvE2LhfWLRPR12/6jnA6ObohcBoCbSwq8671/TftlYNcBagCB/V3LrDPB/MAnk8kTs9nsTUS8CAAPH/39R0T8tCzLj7sGlMt2zrlnEfEd7/0LALB2dNw/eO+3q6r6gDuHIAiOF7mxsfH4/v7+b9Pp9C/u4rX3Nx6Pz62trW1673+pquqfUMcbHEGowq1fvgQMAV+WYnsyBGKHjq9wQ8CXpdieDIHYoeMr3BDwZSm2J0Mgduj4CjcEfFmK7ckQiB06vsINAV+WYnsyBGKHjq9wQ8CXpdieDIHYoeMr3BDwZSm2J0Mgduj4CjcEfFmK7ckQiB06vsL/BcYNZ720bwonAAAAAElFTkSuQmCC') no-repeat;
    */
    background: url('data:image/png;base64,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');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
.feedback-content{
    background: #FFF;
    padding: 5px;
    overflow-y: auto;
}
.feedback-editor-wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0px;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    opacity: 1;
    right: 15px;
}
.feedback-sidebar{
    text-align: left;
    display: flex;
    flex-direction: column;
    /*box-shadow: 0 4px 8px -1px #0000001a, 0 0 0 1px #f1f5f9;*/
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 30px;
    transition: transform .24s cubic-bezier(.37,.97,.48,1);
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background: #FFF;
}
.feedback-content .el-form-item__label{
    font-size: 18px;
}
.feedback-content .el-textarea__inner{
    font-size: 18px;
}
.feedback-content .el-input__inner{
    font-size: 18px;
}

.feedback-editor-wrap .loader {
	position:relative;
	width:80px;
	height:80px;
	border-radius:50%;
	border:4px solid rgba(165,220,134,0.2);
	border-left-color:#A5DC86;
	animation:animation_collect 0.5s linear infinite;
    top: 18%;
}
.flag-text{
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px;
    margin-top: 84px;
}
@keyframes animation_collect {
	from {
	transform:rotate(0deg)
    }
    to {
        transform:rotate(360deg)
    }
}
.feedback-editor-wrap .loader::before {
	position:absolute;
	content:'';
	top:50%;
	left:15px;
	border:4px solid #A5DC86;
	border-left-width:0;
	border-bottom-width:0;
	transform:scaleX(-1) rotate(135deg);
	transform-origin:left top;
	opacity:0;
}
@keyframes animation_true {
    0% {
    opacity:0;
    width:0px;
    height:0px;
    }
    33% {
        opacity:1;
        width:20px;
        height:0px;
    }
    100% {
        opacity:1;
        width:20px;
        height:40px;
    }
}
.feedback-editor-wrap .loader.active {
	animation:none;
	border-color:#A5DC86;
}
.feedback-editor-wrap .loader.active::before {
	animation:animation_true 0.2s 0.2s linear 1 both;
}

.feedback-editor-wrap .submitMsgBox{
    padding: 10px;
    display: flex;
    position: absolute;
    top: 45px;
    left: 0;
    background: #f9f9f9;
    width: 100%;
    height: calc(100% - 45px);
    flex-direction: column;
    align-items: center;
    border-radius: 0 0 8px 8px;
}
.feed-ok-btn{
    position: absolute;
    right: 25px;
    bottom: 25px;
    padding: 8px 24px;
}
.feed-static-box{
    width: 50%;
    margin: 10px auto;
}
@media screen and (max-width:767px) {
    .feed-static-box{
        width: 100%;
    }  
    .feedback-btn{
        border-radius: 50%;
    }
    .feedback-btn .label{
        display: none;
    }
    .feedback-box-closed{
        width: 52px !important;
        height: 52px !important;
        box-shadow: none !important;
        bottom: 78px !important;
    }
}
@media screen and (max-width:480px) {
    .feedback-editor-wrap{
        left:0;
        max-width: 96%;
        transform: translateX(calc(50vw - 50%));
    }
}