/* purgecss start ignore */
#ig_body_pushdown{
    @apply hidden relative h-0 invisible w-full;
}
.ig_action_bar, .ig_action_bar div {
   @apply box-border;
}
.ig_action_bar.ig_container {
   @apply fixed w-full p-0 m-0 hidden left-0;
   line-height: 1.5;
   z-index: 9999999;
}
.ig_action_bar.ig_container.ig_top{
   @apply top-0;
}

.ig_action_bar.ig_container.ig_bottom {
    @apply fixed bottom-0;
}
.ig_action_bar.ig_hide.ig_bottom {
    @apply transform translate-y-full;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.ig_action_bar.ig_hide.ig_top{
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ig_action_bar .ig_content {
    @apply float-left text-center w-full p-0;
    padding-right: 2.5em;
}

.ig_action_bar .ig_data{
    @apply text-center inline-block align-middle m-0;
    line-height: 1.5;
    padding: .3em 1em .3em .7em;
   
}
.ig_action_bar.ig_has_pwby .ig_data{
    padding-left: 2.5em;
}

.ig_action_bar .ig_headline {
    @apply inline-block font-bold p-0;
    line-height: 1.25;
    font-size: 1em;
}

.ig_action_bar .ig_message {
    @apply inline-block p-0;
    /*font-size: .9em;*/
    font-size: .85em;
    line-height: 1.2;
    padding-top: .2em;
}

.ig_action_bar .ig_button, 
.ig_action_bar input[type="submit"], 
.ig_action_bar input[type="button"] {
    @apply border-none cursor-pointer inline-block font-bold align-middle text-center float-none text-white bg-none;
    font-size: 1em;
    letter-spacing: .05em;
    /*vertical-align: text-bottom;*/
    padding: .3em 1.5em; /*test this accros themes*/
    /*margin: 0.5em 3.5em .5em 0;*/
    margin: 0.5em 0 .5em 0;
    /*background-image: none;*/
}
.ig_action_bar .ig_button:hover, 
.ig_action_bar input[type="submit"]:hover, 
.ig_action_bar input[type="button"]:hover {
    /*border: none;*/ /*test this accros themes wordpress themes*/
}

.ig_action_bar .ig_button:active, 
.ig_action_bar input[type="submit"]:active, 
.ig_action_bar input[type="button"]:active {
    /*border: none;*/ /*test this accros themes wordpress themes*/
}

.ig_action_bar .ig_powered_by {
    @apply align-top opacity-50 inline-block float-left absolute mt-0;
    z-index: 22;
}

.ig_action_bar .ig_powered_by img {
    width: 1.5em;
    margin: .3em 0 0 .5em;
}

.ig_action_bar .ig_close {
    @apply cursor-pointer absolute right-0 box-border;
    width: 36px;
    height: 36px;
    z-index: 1000000;
}

.ig_action_bar .ig_close > span{
    @apply h-full inline-block;
    background-image: url(../../../assets/images/sprite_1.png);
    background-repeat: no-repeat;
    width: 30px;
    opacity: .7;
}

.ig_action_bar .ig_close:hover > span{
    @apply opacity-100;
}
.ig_action_bar.ig_show .ig_close {
    /*top: .25em;*/
    @apply bg-transparent !important;
}
.ig_action_bar.ig_hide .ig_close {
    @apply fixed border-none;
    right: .2em;
}
.ig_action_bar.ig_hide.ig_top .ig_close {
    @apply top-full;
}
.ig_action_bar.ig_hide.ig_bottom .ig_close {
    @apply bottom-full;
}
.ig_action_bar.ig_show.ig_top .ig_close > span,
.ig_action_bar.ig_hide.ig_bottom .ig_close > span{
    background-position: -80px center;
}

.ig_action_bar.ig_hide.ig_top .ig_close > span,
.ig_action_bar.ig_show.ig_bottom .ig_close > span{
    background-position: -120px center;
}


/****************** Responsiveness: Start *******************/
@media only screen and (max-width: 768px){
    .ig_action_bar .ig_content {
       @apply pr-0;
    }
    .ig_action_bar .ig_data {
        @apply w-full; /* default */
        @apply max-w-full !important;
        padding-right: 2.5em;
    }
    .ig_action_bar .ig_button, 
    .ig_action_bar input[type="submit"], 
    .ig_action_bar input[type="button"] {
        @apply max-w-full;
        margin: 0.3em 0;
    } 
    .ig_action_bar.ig_show .ig_close {
        /*top: initial;*/
        @apply top-0;
    }
    .ig_action_bar{
        font-size: 18px;
    } 
    .ig_action_bar .ig_form_container .ig_embed_form_container{
        @apply w-4/5 my-0 mx-auto;
        font-size: .85em;
    }
}
/****************** Responsiveness: End *******************/


/****************** Embed Form: Start *******************/

.ig_action_bar .ig_form_container{
    @apply w-1/5 float-left;
}
.ig_action_bar.ig_form_left .ig_content,
.ig_action_bar.ig_form_right .ig_content,
.ig_action_bar.ig_form_bottom .ig_content,
.ig_action_bar.ig_form_inline .ig_content{
    @apply p-0;
}
.ig_action_bar.ig_form_left .ig_data,
.ig_action_bar.ig_form_right .ig_data{
    @apply float-left;
    width: 79%;
    max-width: 79% !important;
}
.ig_action_bar.ig_form_left.ig_has_pwby .ig_data{
    width: 79%;
    max-width: 79% !important;
    padding-left: 1em;
}

.ig_action_bar.ig_form_bottom .ig_data{
    @apply float-left;
}
.ig_action_bar.ig_form_bottom .ig_data,
.ig_action_bar.ig_form_inline .ig_data{
    @apply w-full;
    @apply max-w-full !important;
    padding-right: 2.5em;  
}
.ig_action_bar.ig_form_right .ig_form_container.layout_right{
    @apply float-right;
    padding-right: 2.5em; 
}
.ig_action_bar.ig_form_left.ig_has_pwby .ig_form_container.layout_left{
    padding-left: 2.5em;
    /*width: 20%;*/
}
.ig_action_bar.ig_form_bottom .ig_form_container.layout_bottom{
    padding-right: 2.5em;
}
.ig_action_bar.ig_form_bottom.ig_has_pwby .ig_form_container.layout_bottom{
    padding-left: 2.5em;
}
.ig_action_bar.ig_form_inline .ig_form_container.layout_inline{
    /*padding-left: 0;*/
    @apply pr-0;
}

.ig_action_bar.ig_form_inline .ig_form_container.layout_inline .ig_form_header,
.ig_action_bar.ig_form_bottom .ig_form_container.layout_bottom .ig_form_header,
.ig_action_bar.ig_form_inline .ig_form_container.layout_inline .ig_form_footer,
.ig_action_bar.ig_form_bottom .ig_form_container.layout_bottom .ig_form_footer,
.ig_action_bar.ig_form_bottom .ig_form_container.layout_bottom .ig_embed_form_container,
.ig_action_bar.ig_form_inline .ig_form_container.layout_inline .ig_embed_form_container{
    @apply text-center;
}

/****** Form Style: Style4 ******/
.ig_action_bar.ig_form_left.ig_form_style_4 .ig_data{
    padding-left : 2em;
}
.ig_action_bar.ig_form_right.ig_form_style_4 .ig_data{
    padding-right : 2em;
}
.ig_action_bar.ig_form_bottom.ig_form_style_4 .ig_form_container.layout_bottom{
    @apply py-0;
    margin-top: 1em;
}

.ig_action_bar.ig_form_style_4.ig_hide .ig_form_container:before{
    @apply hidden;
}


/*** responsive form ***/

/*@media only screen and (max-width: 319px), (min-width: 320px) and (max-width: 359px), (min-width: 360px) and (max-width: 413px), (min-width: 414px) and (max-width: 643px), (min-width: 644px) and (max-width: 767px) and (orientation : portrait), (min-width: 644px) and (max-width: 767px) and (orientation : landscape), (min-width: 768px) and (max-width: 992px){*/

@media only screen and (max-width: 768px){
    .ig_action_bar.ig_form_left .ig_form_container.layout_left,
    .ig_action_bar.ig_form_right .ig_form_container.layout_right{
        @apply hidden;
    }

    .ig_action_bar.ig_form_left .ig_form_container.layout_bottom,
    .ig_action_bar.ig_form_right .ig_form_container.layout_bottom,
    .ig_action_bar.ig_form_bottom .ig_form_container.layout_bottom{
        @apply block w-full;
        @apply h-auto !important;
        /*font-size: 1.5em;*/
        padding: .7em 1em;
        /*padding-right: 1em;*/
    }
    .ig_action_bar.ig_form_left.ig_has_pwby .ig_form_container.layout_bottom,
    .ig_action_bar.ig_form_right.ig_has_pwby .ig_form_container.layout_bottom,
    .ig_action_bar.ig_form_bottom.ig_has_pwby .ig_form_container.layout_bottom{
        padding: .7em 1em;
    }
    
    .ig_action_bar.ig_form_left .ig_data,
    .ig_action_bar.ig_form_bottom .ig_data,
    .ig_action_bar.ig_form_right .ig_data{
        @apply w-full;
        @apply max-w-full !important;
        padding-right: 2.3em;
    }
    .ig_action_bar.ig_form_right.ig_has_pwby .ig_data,
    .ig_action_bar.ig_form_left.ig_has_pwby .ig_data{
        /*width: 79%;*/
        /*max-width: 79% !important;*/
        padding-left: 2.3em;
    }

    .ig_action_bar .ig_form_container .ig_embed_form_container{
        @apply w-3/5 my-0 mx-auto;
        font-size: .85em;
    }
    /*.ig_action_bar.ig_form_inline .ig_form_container .ig_embed_form_container,*/
    .ig_action_bar .ig_form_container .ig_embed_form_container.ig_half{
        @apply w-full;
    }
    .ig_action_bar .ig_form_container.layout_bottom .ig_full .ig_form_els,
    .ig_action_bar .ig_form_container.layout_inline .ig_full .ig_form_els,
    .ig_action_bar .ig_form_container.layout_bottom .ig_half .ig_form_els,
    .ig_action_bar .ig_form_container.layout_inline .ig_half .ig_form_els,
    .ig_action_bar .ig_form_container.layout_bottom .ig_third .ig_form_els,
    .ig_action_bar .ig_form_container.layout_inline .ig_third .ig_form_els,
    .ig_action_bar .ig_form_container.layout_bottom .ig_quater .ig_form_els,
    .ig_action_bar .ig_form_container.layout_inline .ig_quater .ig_form_els{
        @apply inline-block float-left;
        width: 99%;
        margin: .25em auto;
        /*margin: .5em auto 0 auto;*/
    }
    .ig_action_bar .ig_form_container.layout_bottom .ig_half .ig_form_els,
    .ig_action_bar .ig_form_container.layout_inline .ig_half .ig_form_els{
        width: 49%;
    }
    .ig_action_bar .ig_form_container.layout_bottom .ig_full .ig_button_label,
    .ig_action_bar .ig_form_container.layout_inline .ig_full .ig_button_label,
    .ig_action_bar .ig_form_container.layout_bottom .ig_half .ig_button_label,
    .ig_action_bar .ig_form_container.layout_inline .ig_half .ig_button_label,
    .ig_action_bar .ig_form_container.layout_bottom .ig_third .ig_button_label,
    .ig_action_bar .ig_form_container.layout_inline .ig_third .ig_button_label,
    .ig_action_bar .ig_form_container.layout_bottom .ig_quater .ig_button_label,
    .ig_action_bar .ig_form_container.layout_inline .ig_quater .ig_button_label{
        @apply hidden;
    }
    .ig_action_bar .ig_form_container.layout_bottom .ig_half .ig_button_label,
    .ig_action_bar .ig_form_container.layout_inline .ig_half .ig_button_label{
        @apply block invisible opacity-0;
    }

    .ig_action_bar .ig_form_container.layout_inline .ig_button,
    .ig_action_bar .ig_form_container.layout_inline input[type="submit"],
    .ig_action_bar .ig_form_container.layout_inline input[type="button"],
    .ig_action_bar .ig_form_container.layout_bottom .ig_button,
    .ig_action_bar .ig_form_container.layout_bottom input[type="submit"],
    .ig_action_bar .ig_form_container.layout_bottom input[type="button"]{
        @apply my-0 mx-auto;
    }
    /****** Form Style: Style 1 ******/

    .ig_action_bar.ig_form_left.ig_form_style_1 .ig_form_container.layout_bottom:before,
    .ig_action_bar.ig_form_right.ig_form_style_1 .ig_form_container.layout_bottom:before{
       @apply w-full;
       border-top-width: .2em;
    }
    .ig_action_bar.ig_form_bottom.ig_form_style_1 .ig_form_container.layout_bottom:before{
        border-top-width: .2em;
    }

    /****** Form Style: Style 2 ******/

    /*.ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els,*/
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_form_els{
        @apply mx-0;  
    }

    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els.ig_form_els_first input,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_first input,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els.ig_form_els_last input,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_last input,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els input,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els input{
        border-radius: 2em;
        padding-left: 1em;
        height: 2.25em;
        line-height: 2.2em;
    }
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els input.ig_button,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els input.ig_button{
        padding: inherit; 
    }

    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els.ig_form_els_first label,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_first label,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_last label,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els.ig_form_els_last label,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_inline  .ig_form_els label,
    .ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els label{
        padding-left: 1em;
    }
    /*.ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_first input,*/
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_half .ig_form_els.ig_form_els_first input{
        @apply border-r-0;
        border-radius: 2em 0 0 2em;
        padding-left: 1em;
    }

    /*.ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_first label,*/
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_half .ig_form_els.ig_form_els_first label{
        padding-left: 1em;
    }

    /*.ig_action_bar.ig_form_style_2 .ig_form_container.layout_bottom  .ig_form_els.ig_form_els_last input,*/
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_half .ig_form_els.ig_form_els_last input{
        @apply border-l-0;
        border-radius: 0 2em 2em 0;
    }
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_half  .ig_form_els .ig_button,
    .ig_action_bar.ig_form_style_2 .ig_form_container .ig_half  .ig_form_els input{
        @apply w-full;
    }

    /****** Form Style: Style 4 ******/

    .ig_action_bar.ig_form_left.ig_form_style_4 .ig_data{
        padding-left : 1em;
    }
    .ig_action_bar.ig_form_right.ig_form_style_4 .ig_data{
        padding-right : 2.5em;
    }

    .ig_action_bar.ig_form_left.ig_form_style_4 .ig_form_container,
    .ig_action_bar.ig_form_right.ig_form_style_4 .ig_form_container{
        margin-top : 1em;
    }
    .ig_action_bar.ig_form_left.ig_form_style_4 .ig_form_container,
    .ig_action_bar.ig_form_right.ig_form_style_4 .ig_form_container,
    .ig_action_bar.ig_form_bottom.ig_form_style_4 .ig_form_container{
        @apply py-0;
    }

}
@media only screen and (max-width: 644px){
    .ig_action_bar.ig_form_inline .ig_form_container .ig_embed_form_container,
    .ig_action_bar .ig_form_container .ig_embed_form_container{
        width: 70%;
    }
}
@media only screen and (max-width: 375px){
    .ig_action_bar.ig_form_inline .ig_form_container .ig_embed_form_container{
        @apply w-full;
    }
}

/* purgecss end ignore */
