.panel-heading:hover .dropdown {
    opacity: 1 !important;
}

.dropdown {
    transition: opacity 0.3s linear;
}

/* WAYNE - add media query to always show cog icon on mobile  */

.panel-heading:hover .dropdown {
    opacity: 1 !important;
}

.dropdown {
    transition: opacity 0.3s linear;
}

.card {
    -webkit-perspective: 800;
    perspective: 800;
    position: relative;
}

.card .panel.flipped {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
}

.card .panel {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
}

.card {
    width: 100%
}

.card .panel .face {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}

.card .panel .front {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.card .panel .back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transition: 0.5s;
}

.inner {
    margin: 0px !important;
}

textarea.ta-expand {
    height: 36px;
    resize: none;
    transition: all 0.5s ease;
    resize: vertical;
}

textarea.ta-expand:focus {
    height: 4.5em;
}

/* Summernote */
.note-placeholder {
    z-index: 1;
}

.message_tags .list-group-dividered li {
    cursor: pointer;
}

.headerTopBar {
    background-color: #DDD;
    height: 25px;
    padding: 0 1em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

hgroup > span.circle {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    margin-right: .3em;
    margin-top: .6em;
}

hgroup > span.circle.red {
    background-color: #F91100;
}

hgroup > span.circle.yellow {
    background-color: #FDC000;
}

hgroup > span.circle.green {
    background-color: #3DD900;
}

/* Style active / selected notification channels */
.notification_comms .btn-primary.active, .notification_comms .btn-primary.active.focus, .notification_comms .btn-primary.active:focus, .notification_comms .btn-primary.active:hover, .notification_comms .btn-primary:active.focus, .notification_comms .btn-primary:active:focus, .notification_comms .btn-primary:active:hover {
    border-color: #575757;
    color: #fff;
    box-shadow: inset 0 1px 7px #3D3D3D;
    background-color: #9E9E9E;
    border-right: 1px solid #fff;
}

.notification_comms .btn-primary {
    border-right: 1px solid #fff !important;
}

.notification_comms.btn-group > .btn:last-child:not(:first-child) {
    border-right: 0 !important
}

/* Move accordion arrows inline */
.col-md-3 .panel-group .panel-title:before, .col-md-3 .panel-group .panel-title:after {
    top: 5px;
    right: 5px;
}

/* code to move full screen to right and give exit text for fullscreen*/
.note-btn-group.btn-group.note-misc {
    float: right
}

.fullscreen .note-btn.btn-fullscreen i:after {
    content: 'Exit Fullscreen';
    margin-left: 5px;
    font-style: normal;
}

@-moz-document url-prefix() {
    .modal.modal-3d-sign {
        -webkit-perspective: unset !important;
        perspective: unset !important;
    }
}

.note-editor.note-frame .note-editing-area .note-editable, #manual_contacts_add {
    _resize: vertical;
    _max-height: 300px;
    min-height: 110px;
    _transition: all 0.5s ease;
    _resize: vertical;
}
.note-editor.note-frame {
    border: 1px solid #e0e0e0 !important;
}
.modal-lg{
    width: 75%;
}
.panel .scrollable-menu {
    overflow-y: scroll;
    height: 300px;
}