.btn-outline{background-color:transparent}
#affix1.affix{position:fixed;top:50px;z-index:1}
.nav-tabs > li > a{border-radius:0}

#broadcast_message .nav-tabs-solid > li.active > a, #broadcast_message .nav-tabs-solid>li.active>a,  #broadcast_message .nav-tabs-solid > li.active > a:focus,#broadcast_message .nav-tabs-solid > li.active > a:hover{background-color:#fafafa; color:#526069; animation-timing-function:ease-out;animation:pulse 1s infinite}
.nav li.btn-success a:focus, .nav li.btn-success a:hover { background-color: #46be8a !important; color: #fff; }
.message_nav {z-index: 999;  position: relative;}

#message_tabs.nav-tabs-solid >li>a:before {
    content: "";
    position: absolute;
    z-index: 99;
    left: 0;
    right: 100%;
    top: 0;
    background: #ccd5db;
    height: 3px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#broadcast_message .nav-tabs-solid>li.active>a:before { right: 0;}


@keyframes _pulse {
    0%,100%{background-color:#eeeeee}
    50%{background-color:#e0e0e0}        }
    .dropdown-menu.bullet { margin-top: 0;}
    XX#broadcast_message .nav-tabs-solid > li.active > a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(224,224,224,0);border-top-color:#ccc;border-width:10px;margin-left:-10px}
    .site-sidebar-content{background-color:#eee!important}
    html.slidePanel-html .page-main{opacity:.4;filter:blur(6px);transition:all .5s ease; pointer-events: none;}
    table a.btn{text-decoration:none!important}
    .builder .site-sidebar.slidePanel.slidePanel-right{width:40%!important}
    .site-sidebar .fixed-table-container{background-color:#ffffff}
    .page-aside{display:none}
    .page-aside + .page-main{margin-left:0}
    .builder .page{overflow-x:hidden}
    .message_channel .btn-outline.active,.message_channel .btn-outline.active.focus,.message_channel .btn-outline.active:focus,.message_channel .btn-outline.active:hover,.message_channel .btn-outline:active.focus,.message_channel .btn-outline:active:focus,.message_channel .btn-outline:active:hover{box-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.42);  background-color: #4caf50  !important }
    .message_channel .btn-outline.active h5 {color:#fff}
    .message_channel .btn-primary.disabled.active,.message_channel .disabled.active:focus{box-shadow:none!important;background-color:#62a8ea!important;border-color:#62a8ea!important}
    .message_channel .btn-outline{transition:all  0.5s ease; position:relative; margin-right:7px; border: 1px solid #d2dadf; background-color: #e7edee;}
    .btn-group > .btn:last-child:not(:first-child){border-right:0}
    .XXXmessage_channel .btn-outline.active:after{ margin-top: 0px;
                                                   top: 100%;
                                                   left: 50%;
                                                   border: solid transparent;
                                                   content: " ";
                                                   height: 0;
                                                   width: 0;
                                                   position: absolute;
                                                   pointer-events: none;
                                                   border-color: rgba(136, 183, 213, 0);
                                                   border-top-color: #526069;
                                                   border-width: 12px;
                                                   margin-left: -12px;
                                                   pointer-events:none; }
    /*
    .message_channel .btn-outline:after,.message_channel .btn-outline:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
    .message_channel .btn-outline.active:before{border-color:rgba(64,150,67,0);border-left-color:#409643;border-width:11px;margin-top:-11px}*/
    .ribbon-inner{height:auto!important}
    #message_voice{transition:all 1.5s ease!important}
    #message_voice:focus{height:7em}
    #compose_sms textarea,.note-editor.note-frame .note-editing-area .note-editable,#manual_contacts_add{_resize:vertical;_max-height:300px;min-height:110px;_transition:all .5s ease;_resize:vertical}
    .note-placeholder{z-index:100!important}
    .note-editor{padding:0;border:1px solid #e4eaec!important;border-radius:0;border-top:none}
    .note-editor.note-frame{border:0 !important; margin:0; padding:0}
    .note-editor{width:auto!important}
    .note-editor.fullscreen{width:100%!important}
    #XXX WAYNOS compose_email .note-btn-group.btn-group.note-misc{float:right;margin-right: 0; border: 1px solid #838f9a; border-top: 0;border-right: 0;}
    b{font-weight:bold!important}
    .btn_add_recipients{margin-top:-5px;padding:5px!important}
    .dropdown-menu{padding:5px!important}
    .fullscreen .note-btn.btn-fullscreen i:after{content:'Exit Fullscreen';margin-left:5px;font-style:normal}
    .chats{border:1px solid #e0e0e0;background:#f6f6f6;border-top:0;overflow:hidden}
    section.disabled{opacity:.3;pointer-events:none}
    section{transition:all .2s linear}
    #broadcast_message .headerTopBar{background-color:#76838f;}
    .switchery > small{width:24px;height:24px}
    .switchery-small{width:27px;height:14px;border-radius:14px}
    .switchery-small > small{width:14px;height:14px}
    textarea.ta-expand{height:36px;resize:none;transition:all .5s ease;resize:vertical}
    textarea.ta-expand:focus{height:4.5em}
    #contact_import button .icon{line-height:inherit!important}
    .input-daterange .input-group .form-control{z-index:1}
    .repeat_settings{position:relative;z-index:100}
    #compose_email .checkbox-custom,.repeat_settings .checkbox-custom{padding-left:0}
    .width-40{width:40px}
    .width-90{width:90px!important}
    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{margin-top:11px}
    .repeat_months .form-control.width-150{width:150px!important}
    .new_message_box .list-group-dividered .list-group-item:last-child{border-bottom:0}
    .new_message_box .list-group-dividered li{border-radius:0}
    #compose_email .form-control.form-sm{width:320px!important}
    .btn-icon.disabled,.btn.icon.disabled{color:#b4efd5;pointer-events:none}
    #broadcast_message_input{margin-top:1px}
    #contact_search .btn .icon{line-height:inherit}
    .boomflow .form-control.focus,.boomflow .form-control:focus{border-color:#1976d2}
    .boomflow .input-group-addon{color:#ffffff;background-color:#1976d2;border:1px solid #1976d2}
    .boomcast .form-control:not(.dynamic-field-add).focus,.boomcast .form-control:not(.dynamic-field-add):focus{border-color:#4caf50}
    .xboomcast .input-group-addon{color:#ffffff;background-color:#4caf50;border:1px solid #4caf50}
    [contenteditable=true]:empty:before{content:attr(placeholder);display:block}
    .contenteditable{padding:1em;border-radius:0 0 3px 3px;box-shadow:0 1px 5px rgba(0,0,0,0.15) inset;outline:none;background:#FFF;border:1px solid #cadeea;min-height:10em}
    .contenteditable:focus{padding:1em;border-radius:0 0 3px 3px;box-shadow:0 1px 5px rgba(0,0,0,0.15) inset;outline:none;background:#FFF;border:1px solid #69c773}
    .scrollable-menu{height:auto;max-height:200px;overflow-x:hidden}
    #compose_sms .note-toolbar,#compose_voice .note-toolbar{_text-align:right}
    #broadcast_message .col-md-3 .well{box-shadow: inset 3px 2px 1em rgba(173, 173, 173, 0.15);border-right: 0;border-radius: 0;border-top: 1px solid #e6e9ea;}
    #broadcast_message .data_label_field{cursor:default}
    section > .panel, .build-title .panel{box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}
    .input-group-addon.boommail{background-color:#00adef;color:#ffffff;border:1px solid #00adef}
    #message_repeat_only{margin:4px 0 0}
    .option-div .form-control-feedback{right:30px!important;z-index:1001}
    .dropdown-menu.summernote-list > li{padding:0;margin:0}
    .dropdown-menu.summernote-list > li > a{padding:3px 10px;border-radius:0!important}
    .dropdown-menu.summernote-list > .dropdown-header{padding:1px 10px;background:#d4d4d4}
    #dynamic-contacts-table tr.error{background:#e9e7d1}
    .row-label{margin-left:1em}
    .empty-badge{font-style:normal}
    tr td a.empty-badge{border:none}
    .counter-import{margin-left:20px}
    #table-actions{margin-top:10px;margin-bottom:10px}
    .has-error{_box-shadow:inset 0 0 1em rgba(218,16,16,0.6);background:rgba(249,103,103,0.1);color:#f96767!important}
    .has-error.form-group {padding: 2px 10px 15px 10px; border-radius: 8px;}
    .form-group.width-full {transition:all .2s ease-in}
    #social-options .list-group-item.overridden { opacity:0.4;}
    #social-options .list-group-item .btn-danger {margin-right: 10px;}
    #social-options.list-group.bg-inherit .list-group-item:hover {background-color: rgba(238, 238, 238, 0.54); border-radius: 0;}
    .multi-message-tabs li.active {background: #f3f7f9;}
    /* Scrolling tabs */
    .scrtabs-tab-container * {box-sizing: border-box; }
    .scrtabs-tab-container {height: 42px;}
    .scrtabs-tab-container .tab-content {clear: left; }
    .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .scrtabs-tabs-fixed-container {float: left;height: 42px;overflow: hidden; width: 100%; }
    .scrtabs-tabs-movable-container {position: relative;}
    .scrtabs-tabs-movable-container .tab-content {display: none;}
    .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {padding-right: 0;}
    .scrtabs-tab-scroll-arrow {border: 1px solid #dddddd;border-top: none; color: #428bca; display: none; float: left; font-size: 12px; height: 42px; margin-bottom: -1px; padding-left: 2px; padding-top: 13px; width: 20px; }
    .scrtabs-tab-scroll-arrow:hover {background-color: #eeeeee; }
    .scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target {cursor: pointer;}
    .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {cursor: default;}
    .scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target { color: #ddd; cursor: default; }
    .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {background-color: initial; }
    .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; }
    ul.comm-sms li.missing-sms .highlight-sms,
    ul.comm-voice li.missing-voice .highlight-voice,
    ul.comm-email li.missing-email .highlight-email {color: red !important;font-weight: bold;}
    .btn-sq {display: inline-block; width: 140px; height: 120px; text-align: center; color: white; white-space: normal;transition: all .2s ease-out;}
    .btn-sq:hover {box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); transform: translate(0px, -2px);}
    .btn-sq:hover .icon {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

    .btn-sq .icon {
        font-size: 28px;
        display: block;
        margin-bottom: .3em;
        width:auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btn-separator {margin-right:5px; float:right; margin-top:15px; cursor: pointer; font-weight: bold;}
    .btn-separator:_before {
        content: ' ';
        display: inline-block;
        background: #ccd5db;
        margin:0 10px 0 6px;
        height: 25px;
        width: 2px;
        vertical-align: middle;
    }



    .dropdown-accordion .panel-heading { padding: 0;}
    .dropdown-accordion .panel-heading a { display: block;  padding: 10px 15px;}
    #accordion.panel-group .panel-title {padding:0; color:#333}

    /** === iPHONE === **/
    .iphone-body {
        position: relative;
        background: #4c4c4c; /* Old browsers */
        background: -moz-linear-gradient(top, #4c4c4c 0%, #2c2c2c 38%, #111111 58%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #4c4c4c 0%,#2c2c2c 38%,#111111 58%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #4c4c4c 0%,#2c2c2c 38%,#111111 58%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
        height: 398px;
        width: 300px;
        border-radius: 40px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: 0 0 4em #b1b1b1;
    }
    .iphone-body:before {
        content: "";
        display: block;
        position: relative;
        top: 36px;
        background: #e7ebec;
        height: 6px;
        width: 60px;
        border-radius: 6px;
        margin: 0 auto;
    }
    .iphone-body:after {
        /* content: "";
        */
        display: block;
        position: relative;
        top: 86px;
        background: none;
        height: 34px;
        width: 34px;
        border: 6px solid #e7ebec;
        border-radius: 50%;
        margin: 0 auto;
    }
    .camera-1 {
        position: absolute;
        background: #e7ebec;
        height: 8px;
        width: 8px;
        border-radius: 8px;
        margin: 12px 0 0 146px;
    }
    .camera-2 {
        position: absolute;
        background: #e7ebec;
        height: 10px;
        width: 10px;
        border-radius: 10px;
        margin: 28px 0 0 90px;
    }
    .iphone-screen {
        position: relative;
        top: 70px;
        background: #fff
            /*#f5f7f8*/
            ;
        height: 300px;
        width: 272px;
        margin: 0 auto;
        border: 4px solid #e7ebec;
        border-radius: 4px;
    }
    .banner {
        position: relative;
        background: #eee;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 15px;
    }
    .phonecontent {
        position: relative;
        background: #666699;
        height: 40px;
        width: 40px;
        border-radius: 4px;
        margin: 20px 0 0 10px;
    }
    .phonecontent:before {
        content: "";
        display: block;
        background: #666699;
        height: 10px;
        width: 50px;
        margin: 4px 0 0 50px;
    }
    .phonecontent:after {
        content: "";
        display: block;
        background: none;
        height: 10px;
        width: 200px;
        border-top: 10px solid #e7ebec;
        border-bottom: 10px solid #e7ebec;
        margin: 10px 0 0 50px;
    }
    .iphone-screen .banner {overflow-y: auto; overflow-x: hidden;}

    #broadcast_type_fb {background:#4267b2; pointer-events: auto;}
    #broadcast_type_wa {background:#31ce7a; pointer-events: auto;}
    #broadcast_type_fb h5 , #broadcast_type_wa h5 {color:#fff}
    .overlay-background {background: rgba(0, 0, 0, .9);}

    .pe {pointer-events: none}

    .panel-default>.panel-heading { background-color: #cbd5db;}
    #compose_email .switchery-default, #compose_voice .switchery-default {float:right}

#editor_col {box-shadow: 0 5px 18px rgba(96, 96, 96, 0.2);_border-top: 4px solid; border-radius:8px; z-index: 1;}



    #settings_col .switchery-default {float:right}
    #settings_col .nav-tabs-vertical .nav-tabs-reverse>li a {overflow:visible; text-align:center; margin-bottom:10px;}
    #settings_col .nav-tabs-vertical .nav-tabs-reverse>li.active a {background:#fff}
    #settings_col .nav-tabs-vertical .nav-tabs-reverse>li.active {box-shadow: 7px 0px 11px rgba(0, 0, 0, 0.05);}
    #settings_col .tooltip-inner {min-width: 130px;}
    #settings_col .badge.up  {right: -18px;top: -3px;}
    #settings_col .panel-group .panel-title {padding:10px;}
    #settings_col .panel-group a.panel-title {color: #52606a;font-size: 16px;font-weight: 600;}
    #settings_col .panel-group .panel-title:before, #settings_col .panel-group .panel-title:after {top: 10px;right: 10px;}
    #settings_col .panel-group .panel-collapse .panel-body {padding:5px}
    #settings_col .panel-group-continuous .panel + .panel {border-top: 1px solid #cbd5db;}
    #settings_col a.nav-link.has-error  {box-shadow: -20px 0px 0px 0px white, 2px 1px 13px 0px #f39c9c;}
    #settings_col_delay  .checkbox-custom.hideOnInitial.has-error  {
        background: rgba(228, 137, 137, 0.1);
        color: #f96767!important;
        padding-bottom: 10px;
        margin: 0 !important;
        transition: all 0.5s ease;
        z-index: 999999;
        padding-left: 8px !important;
    }

    #settings_col .progress { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.1) !important; background-color: #fafafa;}

    #channel_settings .panel-heading {background-color: #e7edee;}
    #channel_settings .panel:not(:first-child) .panel-heading {border-radius: 0;}

    .bootbox.modal {z-index: 9999 !important;}


    /* Brand Colour Switching will be moved to live in site css soon @wayne */
    .boomcast .bg-gold {background: #4CAF50;
                        background: -moz-linear-gradient(top, #89bb5f 0%, #4caf50 100%);
                        background: -webkit-linear-gradient(top, #89bb5f 0%,#4caf50 100%);
                        background: linear-gradient(to bottom, #89bb5f 0%,#4caf50 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd06f', endColorstr='#4caf50',GradientType=0 );
                        border-color: #4CAF50 !important;}

    .sidefixed.affix-bottom {padding-bottom: 90px;}
    .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
    .toggle.ios .toggle-handle { border-radius: 20px; }
    .active .icon {line-height: inherit;}

    .tag-label{}

    /*
    broadcast message preview section
    */

    /* START SCROLLING ON BUILDER BROADCAST PREVIEW */
    /**
 /**
 * jquery-bootstrap-scrolling-tabs
 * @version v2.6.1
 * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs
 * @author Mike Jacobson <michaeljjacobson1@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
    #ready_to_send .scrtabs-tab-container * {
        box-sizing: border-box; }

    #ready_to_send .scrtabs-tab-container {
        height: 42px; }
    #ready_to_send .scrtabs-tab-container .tab-content {
        clear: left; }

    #ready_to_send .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row; }

    #ready_to_send .scrtabs-tabs-fixed-container {
        float: left;
        height: 42px;
        overflow: hidden;
        width: 100%; }

    #ready_to_send .scrtabs-tabs-movable-container {
        position: relative; }
    #ready_to_send .scrtabs-tabs-movable-container .tab-content {
        display: none; }

    #ready_to_send .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
        padding-right: 0; }

    #ready_to_send .scrtabs-tab-scroll-arrow {
        /*border: 1px solid #dddddd;*/
        border-top: none;
        color: #428bca;
        display: none;
        float: left;
        font-size: 12px;
        height: 42px;
        margin-bottom: -1px;
        padding-left: 2px;
        padding-top: 13px;
        width: 20px; }
    #ready_to_send .scrtabs-tab-scroll-arrow:hover {
        background-color: #eeeeee; }

    #ready_to_send .scrtabs-tab-scroll-arrow,
    #ready_to_send .scrtabs-tab-scroll-arrow .scrtabs-click-target {
        cursor: pointer; }

    #ready_to_send .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
        cursor: default; }

    #ready_to_send .scrtabs-tab-scroll-arrow.scrtabs-disable,
    #ready_to_send .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
        color: #ddd;
        cursor: default; }

    #ready_to_send .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
        background-color: initial; }

    #ready_to_send .scrtabs-tabs-fixed-container ul.nav-tabs > li {
        white-space: nowrap; }
    #ready_to_send .message_preview_tabs_item{
        cursor: pointer;
    }
    #ready_to_send .scrtabs-tab-scroll-arrow-left{
        border-right: rgb(221, 221, 221) solid 1px;
        border-left:none!important;
        border-bottom:none!important;
    }
    #ready_to_send .scrtabs-tab-scroll-arrow-right{
        border-left: rgb(221, 221, 221) solid 1px;
        border-right:none!important;
        border-bottom:none!important;
    }
    #ready_to_send .broadcast_preview_message_tabs_wrapper_container {

        border-top: rgb(221, 221, 221) solid 1px;

        border-right: rgb(221, 221, 221) solid 1px;

        border-left: rgb(221, 221, 221) solid 1px;

    }
    /* END SCROLLING ON BUILDER BROADCAST PREVIEW */
/* hotfix for body padding on modal open*/
body:not(.modal-open){padding-right: 0px !important;}