/*html {
    overflow-y: scroll;
}
*/
footer {
    border-top: 10px solid #EE5B37;
}

header {
    border-top: 10px solid #47ABD9;
}

.right {
    float: right;
}

.searchBox label {
    /*float: right;*/
    margin: 7px 7px 0 0;
}

.searchBox .key {
    /*float: right;*/
    width: 50%;
    padding: 6px;
    margin-right: 5px;
}

#Search input[type=submit] {
    position: relative;
    background: url(/assets/icons/pijl-forward.png) center left no-repeat !important;
    width: 15px;
    padding: 0;
    outline: none;
    /*float: right;*/
}

.carousel .carousel-inner > .item .carousel-caption h2, .carousel .carousel-inner > .item .carousel-caption h4, .carousel .carousel-inner > .item .carousel-caption h6 {
    color: #47ABD9;
}

.btn-primary, .btn-primary.focus, .btn-primary:focus {
    background-color: #47ABD9;
    border-color: #2a9bcf;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #237fa9;
        border-color: #1e6f94;
    }

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #237fa9;
        border-color: #1e6f94;
    }

a {
    color: #47ABD9;
}

    a:hover, a:focus {
        color: #237fa9;
    }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #47ABD9;
}

.jumbotron {
    border-left: 5px #47ABD9 solid;
}

.panel-group .panel .panel-heading:hover {
    background: #47ABD9;
    color: #fff;
}

.highlight:hover {
    background-color: #47ABD9 !important;
}

#MenuV .menu > li:hover > span {
    background: inherit;
    color: inherit;
}

#MenuV .menu > li:hover > a {
    background: #47ABD9;
}

#MenuV .menu .badge {
    float: right;
    display: inline-block;
    min-width: 25px;
}

#MenuV .menu > li:hover > a .badge, #MenuV .menu > li:hover > span .badge {
    color: #47ABD9;
    background: white;
}

#MenuH .menu > li.sel > a, #MenuH .menu > li.sel > span {
    background: #00356F;
}

.logbook h3, .logbook h2 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.logbook .row.title {
    margin-bottom: 18px;
}

.logbook .thread-heading {
    position: relative;
    margin: 0;
    border: 0;
}

.logbook .message-thread .thread-heading i {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.logbook .message-thread .thread-heading .icons {
    position: absolute;
    top: 10px;
    right: 35px;
}

    .logbook .message-thread .thread-heading .icons i {
        float: left;
        margin-right: 5px;
    }

._reply {
    position: relative;
}

.message-action-section {
    top: 5px;
}

.logbook .message-thread .action-section {
    /* float: left; */
    /* width: 100%; */
    position: absolute;
    right: 5px;
}

.logbook .message-thread .action-section-customer {
    right: 5px;
}

    .logbook .message-thread .action-section-customer .actions {
        float: right;
        display: inline-block;
        /*background-color: lightslategray;*/
        padding: 5px;
        margin: 3px;
        border-radius: 3px;
        color: white;
        position: relative;
    }

        .logbook .message-thread .action-section-customer .actions i {
            position: relative;
            float: left;
            display: inline-block;
            width: 20px;
            height: 20px;
            cursor: pointer;
            margin: 2px 5px;
        }

.logbook .message-thread .action-section .actions {
    float: right;
    display: inline-block;
    background-color: lightslategray;
    padding: 5px;
    margin: 3px;
    border-radius: 3px;
    color: white;
    position: relative;
}

    .logbook .message-thread .action-section .actions .copy-message {
        position: absolute;
        top: 30px;
        right: 0;
        width: 100%;
        background-color: lightslategray;
        text-align: center;
        padding: 10px;
    }

    .logbook .message-thread .action-section .actions i {
        position: relative;
        float: left;
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin: 2px 5px;
    }

        .logbook .message-thread .action-section .actions i.attachment {
            background: url(/assets/images/attachments.png) center center no-repeat;
            background-size: 20px 20px;
        }

.logbook .message-thread .action-section-customer .actions i.attachment {
    background: url(/assets/images/attachments-customer.png) center center no-repeat;
    background-size: 20px 20px;
    float: right;
}

.logbook .message-thread .actions i.delete {
    background: url(/assets/icons/icon-delete.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.priority {
    background: url(/assets/icons/icon-priority.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.resend-notification {
    background: url(/assets/icons/icon-resend.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.copy-content {
    background: url(/assets/icons/icon-copy.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.edit-message {
    background: url(/assets/icons/icon-edit.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.internal-message {
    background: url(/assets/icons/icon-internal-message.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .actions i.action {
    background: url(/assets/icons/icon-action.png) center center no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .thread-heading.panel-primary i.unread-status {
    position: relative;
    background: url(/assets/icons/icon-unread-message.png) top left no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.logbook .message-thread .thread-heading.panel-warning i.unread-status {
    position: relative;
    background: url(/assets/icons/icon-dark-unread-message.png) top left no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.logbook .message-thread .thread-heading.panel-primary i.open-thread {
    background: url(/assets/icons/icon-arrow-down.png) top left no-repeat;
    background-size: 20px 20px;
    top: 15px;
    right: 15px;
}

.logbook .message-thread.open .thread-heading.panel-primary i.open-thread {
    background: url(/assets/icons/icon-arrow-up.png) top left no-repeat;
    background-size: 20px 20px;
}

.logbook .message-thread .thread-heading.panel-warning i.open-thread {
    background: url(/assets/icons/icon-dark-arrow-down.png) top left no-repeat;
    background-size: 20px 20px;
    top: 15px;
    right: 15px;
}

.logbook .message-thread.open .thread-heading.panel-warning i.open-thread {
    background: url(/assets/icons/icon-dark-arrow-up.png) top left no-repeat;
    background-size: 20px 20px;
}

.logbook .row.title .btn {
    float: right;
}

.logbook > .row {
    margin-bottom: 3px;
}

.message-thread {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

    .message-thread.send-new-message {
        margin-bottom: 0;
    }

        .message-thread.send-new-message .enter-message {
            margin-bottom: 18px;
        }

    .message-thread .thread .messages {
        float: left;
        width: 100%;
        display: none;
        /*overflow: hidden;*/
        position: relative;
    }

    .message-thread .thread.open .messages {
        height: auto;
    }

    .message-thread .reply {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

.sending {
    opacity: 0.5;
}

.message-thread .reply.error textarea {
    border: 1px solid red;
}

.message-thread .reply.error input {
    border: 1px solid red;
}

.message-thread .reply .replybtn {
    display: block;
}

.message-thread .reply .enter-message-cont {
    display: block;
    opacity: 0;
    height: 0;
    transition: all 0.5s ease;
    float: left;
    width: 100%;
}

.message-thread .reply.enter-message .replybtn {
    display: none;
}

.message-thread .enter-message .enter-message-cont {
    opacity: 1;
    height: auto;
}

.message-thread input[type='text'] {
    width: 100%;
    float: left;
    margin-bottom: 3px;
    padding: 5px;
    max-width: 100%;
}

.message-thread textarea {
    width: 100%;
    float: left;
    margin-bottom: 3px;
    padding: 5px;
    max-width: 100%;
}

.message-thread .btn {
    float: right;
}

    .message-thread .btn.cancel {
        float: left;
    }

.message-thread .messages .communication {
    float: left;
    width: 100%;
}

    .message-thread .messages .communication .panel {
        float: right;
        width: 95%;
    }

.panel-primary > .panel-heading {
    background-color: #47ABD9;
    border-color: #2a9bcf;
}

.logged-in .menu {
    width: calc(100% + 15px);
}

.logged-in #Search {
    display: none;
}

.logged-in #MenuH {
    width: 100%;
}

.logged-in .menu li.right {
    float: right !important;
}

.message-thread.send-new-message .thread .messages {
    display: block;
}

.center {
    text-align: center;
}

.panel-body.panel-link {
    position: relative;
}

    .panel-body.panel-link:hover {
        background-color: #fcf8e3;
    }

    .panel-body.panel-link a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

#MenuV .menu > li.sel > a, #MenuV .menu > li.sel > span {
    background-color: #47ABD9;
}

.checkbox {
    padding-left: 1px;
}

.loading {
    opacity: 0.5;
}

.thread .panel-heading {
    cursor: pointer;
}

.by0 .by-admin {
    display: block;
}

.by0 .by-customer {
    display: none;
}

.by1 .by-admin {
    display: none;
}

.by1 .by-customer {
    display: block;
}

.bg-example {
    padding: 15px;
}

.widget-icons li.instagram {
    background: url(/css/AVM/images/social-icons.png) no-repeat 0 -161px;
}

    .widget-icons li.instagram:hover {
        background: url(/css/AVM/images/social-icons.png) no-repeat -40px -161px;
    }

.panel-body {
    clear: both;
}

select.active-logbooks {
    width: 100%;
    float: left;
    padding: 5px;
}

    select.active-logbooks.error {
        border: 1px solid red;
    }

    select.active-logbooks option[data-active="false"] {
        background-color: #47ABD9;
        color: white;
    }

.panel-body.edit-message-panel.error textarea {
    border: 1px solid red;
}

.panel-body.edit-message-panel.sending {
    opacity: 0.5;
}

.additional-messages {
    /*margin-top: -18px;*/
    margin-bottom: 18px;
    float: left;
    width: 100%;
}

    .additional-messages p {
        margin: 0;
    }

.additional-message-panel {
    margin-bottom: 18px;
    float: left;
    width: 100%;
    margin-top: 25px;
}

    .additional-message-panel.error textarea {
        border: 1px solid red;
    }

.priority-cont {
    display: inline-block;
    position: relative;
    float: right;
}

    .priority-cont ul {
        position: absolute;
        top: 29px;
        right: -5px;
        background-color: white;
        border: 1px solid #2a9bcf;
        padding: 5px;
        list-style-type: none;
        width: 200px;
        display: none;
        z-index: 1000;
    }

        .priority-cont ul li {
            cursor: pointer;
            padding: 2px;
            color: lightslategray;
        }

            .priority-cont ul li:hover {
                background-color: #d9edf7;
            }

.message-thread .panel.mt1 .panel-heading {
    background-color: #848482;
    border-color: #848482;
}

.message-thread .panel.mt1 .panel-title {
    color: #fff;
}

.message-thread .panel.mt2 .panel-heading {
    background-color: #F70D1A;
    border-color: #F70D1A;
}

.message-thread .panel.mt2 .panel-title {
    color: #fff;
}

.message-thread .panel.mt3 .panel-heading {
    background-color: #85BB65;
    border-color: #85BB65;
}

.message-thread .panel.mt3 .panel-title {
    color: #fff;
}

.message-thread .panel.mt4 .panel-heading {
    background-color: #E8A317;
    border-color: #E8A317;
}

.message-thread .panel.mt4 .panel-title {
    color: #fff;
}

.welcome-text {
    margin-bottom: 20px;
}

.cell {
    margin-bottom: 10px;
}

.new-log-book .cell {
    min-height: 55px;
}

.cell span {
    min-height: 18px;
    display: block;
}

.cell input[type=text] {
    padding: 5px;
    width: 100%;
}

    .cell input[type=text].error {
        border: 1px solid red;
    }

.cell textarea {
    width: 100%;
    padding: 5px;
}

.new-log-book .buttons {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.new-log-book.adding {
    opacity: 0.5;
}

.save-btn {
    float: right;
}

#share-buttons img {
    width: 32px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.logbooks .buttons {
    float: left;
    width: 100%;
}

    .logbooks .buttons a {
        float: right;
        margin-right: 1px;
    }

.logbooks .filter {
    margin-bottom: 18px;
}

.bulk-messages .message-thread.send-new-message .enter-message {
    margin-bottom: 7px;
}

.bulk-messages .buttons {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .bulk-messages .buttons a {
        float: right;
    }

.activities .getting {
    opacity: 0.5;
}

.activities .table-cont {
    min-height: 500px;
}

.logbooks .data-cont {
    min-height: 500px;
}

.load-more-panel a {
    display: inline-block;
}

.load-more-panel span {
    display: none;
}

.logbook-panel.getting-log-books {
    opacity: 0.5;
}

    .logbook-panel.getting-log-books .load-more-panel a {
        display: none;
    }

    .logbook-panel.getting-log-books .load-more-panel span {
        display: block;
        min-height: 46px;
    }

.logbook .message-thread .action-section .actions .priority-cont ul li i {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: 4px;
}

    .logbook .message-thread .action-section .actions .priority-cont ul li i.m1 {
        background-color: #848482;
    }

    .logbook .message-thread .action-section .actions .priority-cont ul li i.m2 {
        background-color: #F70D1A;
    }

    .logbook .message-thread .action-section .actions .priority-cont ul li i.m3 {
        background-color: #85BB65;
    }

    .logbook .message-thread .action-section .actions .priority-cont ul li i.m4 {
        background-color: #E8A317;
    }

.global-error {
    position: relative;
}

.global-error-cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f2dede;
}

    .global-error-cont p {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

.updating {
    opacity: 0.5;
}

.message-thread.deleted .panel .panel-heading {
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    cursor: default;
}

    .message-thread.deleted .panel .panel-heading .panel-title {
        color: #A9A9A9;
    }

    .message-thread.deleted .panel .panel-heading i.open-thread {
        display: none;
    }

.searchBoxSubmit {
    transition: all .2s;
    color: #848482;
    background-color: transparent;
    border: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*float: right;*/
    margin-top: 1px;
}

    .searchBoxSubmit:hover {
        background-color: #47ABD9 !important;
        color: #fff;
    }

        .searchBoxSubmit:hover .fa.fa-arrow-right {
            -webkit-animation: infinite-spinning 0.3s ease-out 0s 1 normal;
            animation: infinite-spinning 0.3s ease-out 0s 1 normal;
        }

.logbook .attach-file {
    margin-top: 10px;
    text-align: right;
}

    .logbook .attach-file .btn {
        float: none;
    }

.logbook .attachments {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .logbook .attachments .attachment-list {
        list-style: none;
        padding: 0;
    }

    .logbook .attachments a {
        line-height: 30px;
        vertical-align: middle;
    }

    .logbook .attachments button {
        background-color: transparent;
        border: none;
        font-size: 30px;
        margin: 0;
        padding: 0;
        line-height: 30px;
        margin-left: 15px;
        color: indianred;
        outline: none;
    }

        .logbook .attachments button:hover {
            color: red;
        }

#Search {
    padding-right: 0;
}

    #Search #SearchBar {
        background: transparent;
    }

@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

p.linked-description a {
    color: #777;
}

@media (max-width: 768px) {
    #MenuH > select + span {
        color: #00356F !important;
    }

        #MenuH > select + span:before {
            color: white;
        }

    #Search {
        position: absolute;
        right: 0;
        top: 110px;
        display: block !important;
        z-index: 1000;
    }

        #Search label, #Search button {
            color: #fff
        }
}

.loader {
    display: none;
}

img.attachments {
    width: 20px;
    float: right;
    cursor: pointer;
}

.attachment-wrapper {
    position: absolute;
    right: 5px;
    top: 40px;
}

img#expandAll {
    width: 15px;
    cursor: pointer;
}

span.subject {
    font-size: 17px;
}

p._internal_message {
    padding-right: 240px;
}