.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;}

.builder .datepicker > div { display: block;}

@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;}
.blur{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}



#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: 2px;top: -3px;position: absolute;}
#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;}
.note-btn-subscript.active {background-color: #5cb85c !important;border-color:#5cb85c !important;color: #fff !important;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:5px;}
.shortlink-btn {
    display: inline-block;
    overflow: hidden;
    height: 1.3em;
    margin-top: -0.3em;
    line-height: 1.5em;
    vertical-align: text-bottom;
}
.shortlink-btn::after {
    display: inline-table;
    white-space: pre;
    text-align: left;
}
.shortlink-btn::after {
    content: "\A.\A..\A...";
    animation: spin 2s steps(4) infinite;
}
@keyframes spin {
    to {
        transform: translateY(-6.0em);
    }
}
.list-group-item {
    user-select: none;
  }
  
  .list-group input[type="checkbox"] {
    display: none;
  }
  
  .list-group input[type="checkbox"] + .list-group-item {
    cursor: pointer;
  }
  
  .list-group input[type="checkbox"] + .list-group-item:before {
    content: "\2713";
    color: transparent;
    font-weight: bold;
    margin-right: 1em;
  }
  
  .list-group input[type="checkbox"]:checked + .list-group-item {
    background-color: #0275D8;
    color: #FFF;
  }
  
  .list-group input[type="checkbox"]:checked + .list-group-item:before {
    color: inherit;
  }
  
  .list-group input[type="radio"] {
    display: none;
  }
  
  .list-group input[type="radio"] + .list-group-item {
    cursor: pointer;
  }
  
  .list-group input[type="radio"] + .list-group-item:before {
    content: "\2022";
    color: transparent;
    font-weight: bold;
    margin-right: 1em;
  }
  
  .list-group input[type="radio"]:checked + .list-group-item {
    background-color: #0275D8;
    color: #FFF;
  }
  
  .list-group input[type="radio"]:checked + .list-group-item:before {
    color: inherit;
  }
  .row-equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
  .border-right {
    border-right: 1px solid #ddd;
  }
  .btn-shortlink,.shortlink-btn {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}