/* Default tab style */

.wp-chatbot-tabs {

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

    font-weight: 300;

    display: flex;
}



/* Nav */

.wp-chatbot-tabs nav {

    width: 16%;

    display: block;

    float: left;



}



.wp-chatbot-tabs nav ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;

}



.wp-chatbot-tabs nav a span {

    vertical-align: middle;

    font-size: 0.75em;

}


/* Content */

.content-wrap {

    position: relative;

    width: 64%;

    display: block;

    float: left;


}



.content-wrap section {

    display: none;

    margin: 0 auto;

    padding: 1em;


}



.content-wrap section.content-current {

    display: block;

}


.wp-chatbot-lng-items .row, #wp-chatbot-language-section .row{

    padding-top: 2px;

    padding-bottom: 2px;

    margin-bottom: 0;

}



.top-section .row .cxsc-settings-blocks {

    padding-top: 10px;

}



.content-wrap section h4 {

    margin-top: 0;

    padding-top: 0;

    font-size: 16px;

    font-weight: normal;

}



.content-wrap section.content-current input[type=checkbox] + label, .wp-chatbot-wrap label {

    font-size: 14px;

    font-weight: normal !important;

    margin-bottom: 0;

}



/* Fallback */

.no-js .content-wrap section {

    display: block;

    padding-bottom: 2em;

    border-bottom: 1px solid rgba(255, 255, 255, 0.6);

}



.no-flexbox nav ul {

    display: block;

}



.no-flexbox nav ul li {

    min-width: 15%;

    display: inline-block;

}



/*****************************/

/* Flip */

/*****************************/




.wp-chatbot-tabs-style-flip nav a {

    padding: 0.5em 1em;

    color: #33B0D9;

    font-size: 18px;

}



.wp-chatbot-tabs-style-flip nav a:hover, .wp-chatbot-tabs-style-flip nav a:focus, .wp-chatbot-tabs-style-flip nav a:active, .wp-chatbot-tabs-style-flip nav li.tab-current a {

    color: #74777b;

    outline: none;

    box-shadow: none;

}



.wp-chatbot-tabs-style-flip nav a span {

    text-transform: capitalize;

    letter-spacing: 1px;

    font-weight: 700;

    font-size: 0.625em;

}



.wp-chatbot-tabs-style-flip nav a::after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background-color: #f0f0f0;

    content: '';

    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;

    transition: transform 0.3s, background-color 0.3s;

    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-perspective-origin: 50% 100%;

    perspective-origin: 50% 100%;

}



.wp-chatbot-tabs-style-flip nav li.tab-current a::after {

    background-color: #fff;

    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);

    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);

}



.wp-chatbot-tabs-style-flip .content-wrap {

    background: #fff;

}



@media screen and (max-width: 58em) {

    .wp-chatbot-tabs nav a.icon span {

        display: none;

    }



    .wp-chatbot-tabs nav a:before {

        margin-right: 0;

    }

}



@media screen and (max-width: 650px) {

    .wp-chatbot-tabs-style-flip nav a {

        padding: 0;

        line-height: 2;

    }



}
div#wp-chatbot-custom-color-options .cxsc-settings-blocks{
    min-height: 85px;
}
div#wp-chatbot-custom-color-options .cxsc-settings-blocks .cxsc-settings-blocks {
    min-height: 0;
}
section.wp-chatbot-tab-container-inner .top-section {

}
section.wp-chatbot-tab-container-inner div#wp-chatbot-custom-color-options .top-section .row {
    padding: 15px;
}
section.wp-chatbot-tab-container-inner .top-section input[type=checkbox] + label {
    font-size: 14px !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    font-size: 15px;
}
.wp-chatbot-language-center-summmery {
    DISPLAY: NONE !important;
  }

  header.wp-chatbot-admin-header h3 {
    color: #fff;
  }

  .top-section .row .cxsc-settings-blocks {
    background-color: #fff;
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
    box-shadow: none;
    width: auto;
}

.wrapTexttop-lite .alert.alert-warning {
    margin: 0 0 15px 0;
}