#formio-show-form .lefts {float:left;padding: 20px;}
    #formio-show-form .form-group{
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        flex-direction: row;
        border: 1px solid rgb(115 102 255 / 18%);
        border-radius: 5px;
        margin: 20px 0;
            box-shadow: 0 0 20px rgb(8 21 66 / 5%);
            position: relative;
    }
    #formio-show-form .form-group:focus, #formio-show-form .form-group:active {
        box-shadow: 0 0 20px rgb(8 21 66 / 15%);
    }
    #formio-show-form .leflabel{
        background: rgb(21 177 25 / 19%);
        border: 1px solid rgb(21 177 25 / 82%);
        border-radius: 4px;
        box-shadow: inset 6px 7px 6px -5px rgb(25 162 29 / 42%);
    }

    #formio-show-form .form-text.text-muted {
        padding: 0 10px 5px 40px;
        position:relative;
    }
    #formio-show-form .col-form-label {
        width: 100%;
        clear: both;
    }
    #formio-show-form .form-text.text-muted:before{
    display: block;
    content: url("data:image/svg+xml;charset=UTF-8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='43px' height='43px' viewBox='0 0 438.533 438.533' style='enable-background:new 0 0 438.533 438.533;' xml:space='preserve'><g><path d='M409.133,109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736,9.801,259.058,0,219.273,0c-39.781,0-76.47,9.801-110.063,29.407c-33.595,19.604-60.192,46.201-79.8,79.796C9.801,142.8,0,179.489,0,219.267c0,39.78,9.804,76.463,29.407,110.062c19.607,33.592,46.204,60.189,79.799,79.798c33.597,19.605,70.283,29.407,110.063,29.407s76.47-9.802,110.065-29.407c33.593-19.602,60.189-46.206,79.795-79.798c19.603-33.596,29.403-70.284,29.403-110.062C438.533,179.485,428.732,142.795,409.133,109.203z M255.82,356.309c0,2.662-0.862,4.853-2.573,6.563c-1.704,1.711-3.895,2.567-6.557,2.567h-54.823c-2.664,0-4.854-0.856-6.567-2.567c-1.714-1.711-2.57-3.901-2.57-6.563v-54.823c0-2.662,0.855-4.853,2.57-6.563c1.713-1.708,3.903-2.563,6.567-2.563h54.823c2.662,0,4.853,0.855,6.557,2.563c1.711,1.711,2.573,3.901,2.573,6.563V356.309z M325.338,187.574c-2.382,7.043-5.044,12.804-7.994,17.275c-2.949,4.473-7.187,9.042-12.709,13.703c-5.51,4.663-9.891,7.996-13.135,9.998c-3.23,1.995-7.898,4.713-13.982,8.135c-6.283,3.613-11.465,8.326-15.555,14.134c-4.093,5.804-6.139,10.513-6.139,14.126c0,2.67-0.862,4.859-2.574,6.571c-1.707,1.711-3.897,2.566-6.56,2.566h-54.82c-2.664,0-4.854-0.855-6.567-2.566c-1.715-1.712-2.568-3.901-2.568-6.571v-10.279c0-12.752,4.993-24.701,14.987-35.832c9.994-11.136,20.986-19.368,32.979-24.698c9.13-4.186,15.604-8.47,19.41-12.847c3.812-4.377,5.715-10.188,5.715-17.417c0-6.283-3.572-11.897-10.711-16.849c-7.139-4.947-15.27-7.421-24.409-7.421c-9.9,0-18.082,2.285-24.555,6.855c-6.283,4.565-14.465,13.322-24.554,26.263c-1.713,2.286-4.093,3.431-7.139,3.431c-2.284,0-4.093-0.57-5.424-1.709L121.35,145.89c-4.377-3.427-5.138-7.422-2.286-11.991c24.366-40.542,59.672-60.813,105.922-60.813c16.563,0,32.744,3.903,48.541,11.708c15.796,7.801,28.979,18.842,39.546,33.119c10.554,14.272,15.845,29.787,15.845,46.537C328.904,172.824,327.71,180.529,325.338,187.574z'/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>");
    background-size: 43px 43px;
    height: 43px;
    width: 43px;
        position: absolute;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: -50px;
        margin-top: -5px;} 
    #formio-show-form .formio-component-checkbox{
        padding-left: 20px;
    }
    #formio-show-form .form-group.formio-component-submit {
        width: unset;
    }
.formio-hidden {
    margin: 0 !important;
    border: 0 !important;
}
.builder-component.has-error .invalid-feedback, .formio-component.alert-danger .invalid-feedback, .formio-component.has-error .invalid-feedback, .formio-component.has-message .invalid-feedback {
    display: flex;
    color: inherit;
    float: left;
    position: relative;
    flex-direction: column;
    align-items: baseline;
    height: 95px;
    overflow: hidden;
}
.wizard-page .card .card-header>span{
    font-size: 24px;
}
.formio-component-panel {
    margin-top: 30px;
}
#formio-show-form .pagination li {
    flex: 1;      margin-right: 30px;
}
#formio-show-form .pagination li:last-child {
    margin-right: 0;
}

#formio-show-form .pagination {
    text-align: center;
}
#formio-show-form .pagination li:before {
    content: "";
    position: absolute;
    top: 18px;
    width: 100%;
    height: 1px;
    background: rgb(222 226 230);
}
#formio-show-form nav {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
}
@media screen and (max-width: 800px){
#formio-show-form .form-group {
    flex-direction: column;align-items: flex-start;
}
#formio-show-form .formio-component-checkbox{
    padding-left: 0px;
}

#formio-show-form .form-check{
    margin-left: 20px;
}
#formio-show-form .pagination {
    display:block;
}
#formio-show-form .pagination li {
    margin-right: 0;
    margin-top: 10px;
}
.formio-form>div>nav>ul.pagination .page-link {
    cursor: pointer;
    padding: 10px;
}
}
.sidebar-main-title {
    display: none !important;
}
.simplebar-content{
    margin-top: 20px;
}
.component-edit-container .lefts  {
    width: 100% !important;
}
.component-edit-container  td>.form-group {
    margin-bottom: 0;
    display: block;
    min-width: 100px;
}
#formio-show-form .form-group.formio-choices{
    margin: 0;
}
.choices__item.choices__item--selectable {
    padding-top: 6px;
}
.choices__list--dropdown .choices__item--selectable {
    padding-right: 0;
    padding: 20px !important;
    font-size: 16px;
    font-weight: bold;
}
.formcomponents {
    align-self: flex-start;
}
.formcomponents {
    left: 19px;
    align-self: flex-start;
    position: fixed !important;
    top: 272px;
    background: rgb(255 255 255);
    z-index: 99;
    max-width: 250px;
}
#formio-show-form .dont{
    display: none !important;
}
.content {
position: relative;
    width: 70%;
    float: left;
height: 71vh;
}
.container {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#bongo-cat {
position: absolute;
height: 80vh;
width: 80vw;
top: 10vh;
bottom: 0;
left: -3vw;
right: 0;
margin: auto;
}
.typing-animation {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 1200ms;
animation-duration: 1200ms;
}
path#f1-l1 {
-webkit-animation-name: typing-f1-l1;
animation-name: typing-f1-l1;
}
path#f1-l2 {
-webkit-animation-name: typing-f1-l2;
animation-name: typing-f1-l2;
}
path#f1-l3 {
-webkit-animation-name: typing-f1-l3;
animation-name: typing-f1-l3;
}
path#f2-l4 {
-webkit-animation-name: typing-f2-l4;
animation-name: typing-f2-l4;
}
path#f2-l5 {
-webkit-animation-name: typing-f2-l5;
animation-name: typing-f2-l5;
}
path#f2-l6 {
-webkit-animation-name: typing-f2-l6;
animation-name: typing-f2-l6;
}
path#f3-l7 {
-webkit-animation-name: typing-f3-l7;
animation-name: typing-f3-l7;
}
path#f3-l8 {
-webkit-animation-name: typing-f3-l8;
animation-name: typing-f3-l8;
}
path#f3-l9 {
-webkit-animation-name: typing-f3-l9;
animation-name: typing-f3-l9;
}
@-webkit-keyframes typing-f3-l9 {
0% {
d: path("M8,25L8,25");
}
82% {
d: path("M8,25L8,25");
}
92% {
d: path("M8,25L96,25");
}
100% {
d: path("M8,25L96,25");
}
}
@keyframes typing-f3-l9 {
0% {
d: path("M8,25L8,25");
}
82% {
d: path("M8,25L8,25");
}
92% {
d: path("M8,25L96,25");
}
100% {
d: path("M8,25L96,25");
}
}
@-webkit-keyframes typing-f3-l8 {
0% {
d: path("M8,13L8,13");
}
68% {
d: path("M8,13L8,13");
}
82% {
d: path("M8,13L146,13");
}
100% {
d: path("M8,13L146,13");
}
}
@keyframes typing-f3-l8 {
0% {
d: path("M8,13L8,13");
}
68% {
d: path("M8,13L8,13");
}
82% {
d: path("M8,13L146,13");
}
100% {
d: path("M8,13L146,13");
}
}
@-webkit-keyframes typing-f3-l7 {
0% {
d: path("M0,1L0,1");
}
60% {
d: path("M0,1L0,1");
}
68% {
d: path("M0,1L96,1");
}
100% {
d: path("M0,1L96,1");
}
}
@keyframes typing-f3-l7 {
0% {
d: path("M0,1L0,1");
}
60% {
d: path("M0,1L0,1");
}
68% {
d: path("M0,1L96,1");
}
100% {
d: path("M0,1L96,1");
}
}
@-webkit-keyframes typing-f2-l6 {
0% {
d: path("M8,25L8,25");
}
54% {
d: path("M8,25L8,25");
}
60% {
d: path("M8,25L69,25");
}
100% {
d: path("M8,25L69,25");
}
}
@keyframes typing-f2-l6 {
0% {
d: path("M8,25L8,25");
}
54% {
d: path("M8,25L8,25");
}
60% {
d: path("M8,25L69,25");
}
100% {
d: path("M8,25L69,25");
}
}
@-webkit-keyframes typing-f2-l5 {
0% {
d: path("M8,13L8,13");
}
44% {
d: path("M8,13L8,13");
}
54% {
d: path("M8,13L114,13");
}
100% {
d: path("M8,13L114,13");
}
}
@keyframes typing-f2-l5 {
0% {
d: path("M8,13L8,13");
}
44% {
d: path("M8,13L8,13");
}
54% {
d: path("M8,13L114,13");
}
100% {
d: path("M8,13L114,13");
}
}
@-webkit-keyframes typing-f2-l4 {
0% {
d: path("M0,1L0,1");
}
30% {
d: path("M0,1L0,1");
}
44% {
d: path("M0,1L136,1");
}
100% {
d: path("M0,1L136,1");
}
}
@keyframes typing-f2-l4 {
0% {
d: path("M0,1L0,1");
}
30% {
d: path("M0,1L0,1");
}
44% {
d: path("M0,1L136,1");
}
100% {
d: path("M0,1L136,1");
}
}
@-webkit-keyframes typing-f1-l3 {
0% {
d: path("M8,25L8,25");
}
24% {
d: path("M8,25L8,25");
}
30% {
d: path("M8,25L61,25");
}
100% {
d: path("M8,25L61,25");
}
}
@keyframes typing-f1-l3 {
0% {
d: path("M8,25L8,25");
}
24% {
d: path("M8,25L8,25");
}
30% {
d: path("M8,25L61,25");
}
100% {
d: path("M8,25L61,25");
}
}
@-webkit-keyframes typing-f1-l2 {
0% {
d: path("M8,13L8,13");
}
14% {
d: path("M8,13L8,13");
}
24% {
d: path("M8,13L124,13");
}
100% {
d: path("M8,13L124,13");
}
}
@keyframes typing-f1-l2 {
0% {
d: path("M8,13L8,13");
}
14% {
d: path("M8,13L8,13");
}
24% {
d: path("M8,13L124,13");
}
100% {
d: path("M8,13L124,13");
}
}
@-webkit-keyframes typing-f1-l1 {
0% {
d: path("M0,1L0,1");
}
14% {
d: path("M0,1L160,1");
}
100% {
d: path("M0,1L160,1");
}
}
@keyframes typing-f1-l1 {
0% {
d: path("M0,1L0,1");
}
14% {
d: path("M0,1L160,1");
}
100% {
d: path("M0,1L160,1");
}
}
#paw-right--up,
#paw-right--down,
#paw-left--up,
#paw-left--down {
-webkit-animation: blink 300ms infinite;
animation: blink 300ms infinite;
}
#paw-right--up,
#paw-left--down {
-webkit-animation-delay: 150ms;
animation-delay: 150ms;
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
}
#laptop__code {
transform: rotateX(-37deg) rotateY(-46deg) rotateZ(-23deg) translateX(8px) translateY(20px) translateZ(-50px);
}
.save4later{
    position: relative;
    text-align: center;
    display: flex;
    overflow: hidden;}
.save4later .card{position: relative;
    background: rgb(139 185 0 / 93%);
    padding: 40px;
    bottom: 0px;
    border: rgb(0 128 0 / 37%) 1px solid;
    max-width: 400px;
    float: left;
    height: 360px;
    margin-top: 20px;
     animation: glow 2s infinite alternate;}
    
    
@keyframes glow {
  from {
    box-shadow: 0px 2px -15px rgb(224 129 11 / 50%);
  }
  to {
    box-shadow: 0px 2px 25px rgb(224 129 11 / 50%);
  }
}    
.datavlt .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    float: left;
    padding: 25px;
}
.fld {
    margin-bottom: 20px;
  }
.fld div:first-child   {
    font-size: 19px;
    margin-bottom: -8px;
}
.datavlt .btn{
    float: left;
    padding: 10px 32px;
}
.datavlt .form-control{
color: rgb(33 37 41 / 71%);
}
@media screen and (max-width: 800px){
.datavlt .col-md-6 {
    width: 100%;
       padding: 0px;
}
.save4later {
    position: relative;
    text-align: center;
    display: flex;
    overflow: hidden;
    justify-content: center;
    flex: 1;
    flex-direction: column-reverse;
}
.content {
    position: relative;
    width: 100%;
    float: left;
    flex: 1;
    height: 71vh;
}
.save4later .card {
    position: relative;
    background: rgb(139 185 0 / 93%);
    padding: 40px;
    bottom: 0px;
    border: rgb(0 128 0 / 37%) 1px solid;
    max-width: 75vw;
    float: left;
    height: 368px;
    margin: 0 auto;
    margin-top: 20px;
    animation: glow 2s infinite alternate;
}
#bongo-cat {
    position: relative;
    height: 33vh;
    width: 80vw;
    top: 4vh;
    bottom: 0;
    left: -3vw;
    right: 0;
    margin: auto;
}
.loader-box .loader-29 {
    display: none !important;
}
.faq-accordion .card .btn-link svg {
    margin-bottom: -4px;
}
.header-faq, .faq-title {
    text-align: center;
}
 .faq-title h6 {
    font-size: 17px;
}
.datavlt{
    padding: 10px;
    display: block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}
.page-wrapper .card.datavlt .card-header, .page-wrapper .card.datavlt .card-body, .page-wrapper .card.datavlt .card-footer {
    padding: 0;
}
.datavlt .btn {
    margin: 20px;
}
}