/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   /* .modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('https://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
} */

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/* body.loading .modal {
    overflow: hidden !important;   
} */

/* Anytime the body has the loading class, our
   modal element will be visible */
/* body.loading .modal {
    display: block !important;
} */

.overlay {
   position: absolute;
   display: none;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   /* background-color: rgba(0, 0, 0, 0.5); */
   background: rgba( 255, 255, 255, .6 ) 
                url('https://i.gifer.com/YlWC.gif') 
                50% 50% 
                no-repeat;
   z-index: 200000;
   cursor: pointer;
}

.tingle-modal {
   overflow: scroll !important;
}

.tingle-btn {
   color: white !important;
}

#form_fields_7_2 .gfield-choice-input, #field_7_41 .gfield-choice-input, #field_25_26 .gfield-choice-input {
   vertical-align: top !important;
}

#input_7_32 label, #input_7_41 label, #field_25_26 label {
   width: 100% !important;
   margin-bottom: 10px !important;
}