/*#region Document*/

.main-panel {
    border-left: 1px solid #e1e1e3;
    overflow: hidden;
}

/*#region search-form*/
.search-form {
    line-height: 18px;
    background: #fff;
    font-size: 12px;
    color: #000;
}

    .search-form label {
        font-size: 14px;
    }

    .search-form.has-error {
        border-color: #f00;
    }

    .search-form .input-group-btn {
        overflow: hidden;
    }

        .search-form .input-group-btn .btn {
            border-left-width: 0;
            box-shadow: none !important;
            background: none !important;
            height: 34px;
        }

        .search-form .input-group-btn:last-child .btn {
            border-radius: 0 3px 3px 0;
            border-left-width: 1px;
        }

    .search-form .btn-submit,
    .search-form .btn-search,
    .search-form .btn-close,
    .search-form .btn-calendar {
        min-width: inherit;
        text-align: center;
        line-height: 18px;
        padding: 6px 6px;
        background: none;
        border-radius: 0;
        font-size: 14px;
        height: 32px;
        float: right;
        color: #000;
        width: 38px;
        margin: 0;
    }

    .search-form .icon-times {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }


    .search-form .btn-search,
    .search-form .btn-close {
        font-size: 10px;
    }

        .search-form .btn-close .icon-trash {
            font-size: 14px;
        }

        .search-form .btn-submit:focus,
        .search-form .btn-search:focus,
        .search-form .btn-close:focus {
            box-shadow: none;
        }

    .search-form .form-control {
        padding: 3px 5px 3px;
        line-height: 12px;
        background: none;
        font-size: 12px;
        height: 34px;
        color: #000;
        width: 100%;
    }

        .search-form .form-control::-moz-placeholder {
            color: #adadad;
            opacity: 1;
            
        }

        .search-form .form-control:-ms-input-placeholder {
            color: #adadad;
        }

        .search-form .form-control::-webkit-input-placeholder {
            color: #adadad;
        }
/*#endregion*/

.document {
    background: #fff;
}

    .document .breadcrumb-holder {
        border-bottom: 2px solid #0c73ac;
        position: relative;
        padding: 10px 27px;
    }

        .document .breadcrumb-holder .icon {
            position: absolute;
            left: 22px;
            top: 11px;
        }

    .document .listing {
        height: 800px;
        position: relative;
    }

    .document .row {
        padding-right: 5px;
        padding-left: 5px;
        margin: 0;
    }

    .document .doc-header {
        border-bottom: 1px solid #c8c7cc;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .document .doc-header .checkbox {

        }

        .document .doc-header .checkbox {
            margin: 6px 0 0;
            float: left;
        }

        .document .doc-header .selected-docs-info,
        .document .doc-header .icons-list {
            display: inline-block;
            vertical-align: top;
        }
        .document .doc-header .selected-docs-info {
            margin: 0 0px 0 0;
            min-width: 112px;
        }

        .document .doc-header .selected-docs-info .text-green {
            padding: 7px 6px;
            overflow: hidden;
            display: inline-block;
            line-height: 15px;
            border-right: 1px solid #d5d5d5;
        }
        /*.document .doc-header .selected-docs-info .text-green:before {
                background: #d5d5d5;
                position: absolute;
                margin: -7px 0 0;
                height: 25px;
                content: '';
                width: 1px;
                left: 125px;
                top: 25%;
            }*/

         
         .document .doc-header .icons-list {
            font-size: 16px;
        }
            .document .doc-header .icons-list > li {
                margin: 3px 2px;
            }
            .document .doc-header .icons-list .dropdown-menu .pull-left {
                margin-top: 4px;
            }
                .document .doc-header .icons-list li .icon-more-vert {
                    font-size: 20px;
                }

 

        .document .sort .dropdown-toggle {
            border: 1px solid #d5d5d5 !important;
            background: #fff !important;
            padding: 1px 9px 2px;
            border-radius: 4px;
            line-height: 28px;
            font-size: 20px;
            color: #000;
            margin: 0;
        }

        .document .sort .dropdown-menu {
            width: 210px;
            padding: 0;
            left: -170px;
            margin: 1px;
        }

            .document .sort .dropdown-menu > li > a {
                padding-right: 45px;
            }

            .document .sort .dropdown-menu .icon {
                position: absolute;
                line-height: 20px;
                margin: -9px 0 0;
                font-size: 15px;
                right: 20px;
                top: 50%;
            }

    .document .list-item {
        -moz-transition: background 0.25s ease;
        -o-transition: background 0.25s ease;
        -webkit-transition: background 0.25s ease;
        transition: background 0.25s ease;
        border-bottom: 1px solid #e1e1e3;
        padding-bottom: 13px;
        padding-top: 14px;
        cursor: pointer;
    }

        .document .list-item:hover {
            background: #f0f0f0;
        }

    .document .doc-title-area {
        padding: 0 0 0 29px;
        position: relative;
        line-height: 22px;
    }

        .document .doc-title-area .doc-title {
            margin: 0 4px 0 0;
            line-height: 22px;
            font-size: 16px;
        }

    .document .pending .doc-title-area .doc-title { 
        font-family: 'robotobold', Arial, sans-serif;
        font-weight: normal;

    }

    .document .list-item .doc-title-area .badge-info {
        border: 1px solid #0c73ac;
        vertical-align: bottom;
        display: inline-block;
        padding: 1px 6px 2px;
        background: rgba(187, 214, 230, 0.64);
        border-radius: 4px;
        line-height: 15px;
        margin: 4px 0 0;
        font-size: 10px;
        color: #000;
    }

    .document .list-item .doc-title-area .badge-info-entity-category {
        border: 1px solid #808080;
        vertical-align: bottom;
        display: inline-block;
        padding: 1px 6px 2px;
        background: #dadada;
        border-radius: 4px;
        line-height: 15px;
        margin: 4px 0 0 5px;
        font-size: 10px;
        color: #000;
        
    }

    .document .list-item .doc-title-area .badge-info-tag {
        border: 1px solid #09761c;
        vertical-align: bottom;
        display: inline-block;
        padding: 1px 6px 2px;
        background: #e8ffe2;
        border-radius: 4px;
        line-height: 15px;
        margin: 4px 0 0 5px;
        font-size: 10px;
        color: #333;
    }

    .document .list-item .doc-title-area .badge-info {
        border: 1px solid #0c73ac;
        vertical-align: bottom;
        display: inline-block;
        padding: 1px 6px 2px;
        background: rgba(187, 214, 230, 0.64);
        border-radius: 4px;
        line-height: 15px;
        margin: 4px 0 0;
        font-size: 10px;
        color: #000;
        
    }


    .document .list-item .doc-title-area .sub-info {
        line-height: 18px;
        font-size: 12px;
        color: #9e9e9e;
    }

        .document .list-item .doc-title-area .sub-info .icon-more-horiz {
            vertical-align: bottom;
            display: inline-block;
            margin: 0 0 -2px 0;
            font-size: 18px;
            cursor: pointer;
            color: #007aff;
        }

        .document .list-item .doc-title-area .sub-info .icon-check,
        .document .list-item .doc-title-area .sub-info .icon-ban {
            padding-right: 4px;
            padding-left: 4px;
            font-size: 9px;
            color: #000;
        }

        .document .list-item .doc-title-area .sub-info .icon-ban {
            font-size: 10px;
        }

        .document .list-item .doc-title-area .sub-info .center-spinner .icon-check:first-child,
        .document .list-item .doc-title-area .sub-info .center-spinner .icon-ban:first-child {
            padding-left: 0;
        }

    .document .list-item .doc-title-area .checkbox {
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        position: absolute;
        left: -10px;
        opacity: 0;
        top: -10px;
    }

        .document .list-item .doc-title-area .checkbox label {
            padding: 20px;
        }

            .document .list-item .doc-title-area .checkbox label::before {
                margin-top: -7px;
                left: 10px;
            }

            .document .list-item .doc-title-area .checkbox label::after {
                padding-top: 4px;
                left: 10px;
                top: 8px;
            }


    .document .list-item:hover .doc-title-area .checkbox,
    .document .list-item.selected .doc-title-area .checkbox {
        opacity: 1;
    }

    .document .list-item .doc-info {
        padding: 3px 0 0 46px;
        position: relative;
        line-height: 18px;
    }

        .document .list-item .doc-info .doc-status {
                font-family: 'robotoregular', Arial, sans-serif;
                font-weight: bold;
        }

        .document .list-item .doc-info .time {
            font-size: 12px;
            color: #767676;
        }

        .document .list-item .doc-info .icon {
            position: absolute;
            line-height: 35px;
            font-size: 28px;
            left: 8px;
            top: 3px;
        }

        .document .list-item .doc-info .icon-completed {
            color: #0c73ac;
        }

        .document .list-item .doc-info .icon-paper-plane {
            font-size: 18px;
            left: 5px;
        }

    .document .list-item .btn {
        box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.004);
        border-radius: 4px;
        padding: 5px 15px;
        line-height: 19px;
        font-size: 12px;
        margin: 6px 0 0;
    }

    .document .list-item .dropdown-menu {
        min-width: 130px;
        padding: 0px;
    }
    .document .list-item .dropdown-menu > li > a {
        margin: 0px;
        font-family: 'robotoregular', Arial, sans-serif;
        border: none;
    }

    .document .list-item .dropdown-menu .btn-default {
        background: #fff;
    }


/*#endregion*/

/*#region WorkFlow Drop*/
.workflow-dropdown {
    margin: 0 0 25px;
    display: block;
}

    .workflow-dropdown .btn.btn-success {
        /*box-shadow: 0 1px 0 0 rgba(1, 157, 34, 0.004), inset 0 1px 0 0 #bbd6e6 !important;
        border-bottom: 1px solid #bbd6e6 !important;*/
        border-radius: 4px 0 0 4px;
        padding: 13px 22px 11px;
        text-align: left;
        margin: 0;
        border-top: 0px;
    }

    .workflow-dropdown .dropdown-toggle.btn-success {
        border-left: 1px solid #bbd6e6 !important;
        padding: 17px 13px 15px !important;
        border-radius: 0 4px 4px 0;
        line-height: 12px;
        font-size: 10px;
        margin: 0 !important;
    }

    /*        .workflow-dropdown .dropdown-toggle:after {
            background: #2bbc00;
            position: absolute;
            content: '';
            right: 36px;
            width: 1px;
            bottom: 0;
            top: 0;
        }

        .workflow-dropdown .dropdown-toggle .icon {
            position: absolute;
            line-height: 12px;
            margin: -5px 0 0;
            font-size: 10px;
            right: 13px;
            top: 50%;
        } */

    .workflow-dropdown .dropdown-menu {
        min-width: inherit;
        padding: 0px;
        width: 100%;
    }

        .workflow-dropdown .dropdown-menu > li > a {
            padding: 6px 20px 6px 40px;
        }

        .workflow-dropdown .dropdown-menu .icon {
            position: absolute;
            line-height: 20px;
            font-size: 15px;
            left: 14px;
            top: 5px;
        }
/*#endregion*/

/*#region workflow modal*/
.workflow-modal .custom-grid {
    margin-top: 6px;
}

    .workflow-modal .custom-grid .grid-header {
        padding-right: 0;
    }

        .workflow-modal .custom-grid .grid-header .col-2 {
            padding-left: 75px;
        }

    .workflow-modal .custom-grid .grid-body > div {
        font-size: 14px;
    }

    .workflow-modal .custom-grid .icon-holder {
        margin: 4px 10px 0 0;
        float: left;
        width: 24px;
    }

    .workflow-modal .custom-grid .avatar {
        border: 1px solid #a0a0a0;
        border-radius: 100%;
        margin: 0 6px 0 0;
        overflow: hidden;
        display: table;
        height: 30px;
        float: left;
        width: 30px;
    }

        .workflow-modal .custom-grid .avatar .avatar-image-holder {
            vertical-align: middle;
            display: table-cell;
            text-align: center;
        }

        .workflow-modal .custom-grid .avatar .avatar-image {
            vertical-align: middle;
            display: inline-block;
            border-radius: 100%;
            overflow: hidden;
            max-height: 28px;
            max-width: 28px;
        }

        .workflow-modal .custom-grid .avatar img {
            display: block;
            height: auto;
            width: 100%;
        }

    .workflow-modal .custom-grid .name {
        padding: 5px 0 0;
        overflow: hidden;
        display: block;
    }

    .workflow-modal .custom-grid .icon-remind {
        line-height: 26px;
        cursor: pointer;
        font-size: 24px;
        color: #007aff;
    }

/*#endregion*/

/*#region chat modal*/
.comments-modal .comments-area {
    margin: 0 0 15px;
    height: 300px;
}

.comments-modal .comments-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.comments-modal .comments-list {
    display: table-footer-group;
    overflow: hidden;
    width: 100%;
    height: 1%;
}

.comments-modal .comment {
    margin-bottom: 10px;
}

.comments-modal .name {
    margin: 0 0 5px;
}

.comments-modal textarea {
    height: 95px;
}

.comments-modal .avatar {
    border: 1px solid #d5d5d5;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    display: table;
    height: 60px;
    width: 60px;
}
    .comments-modal .avatar .avatar-holder {
        vertical-align: middle;
        display: table-cell;
    }
    .comments-modal .avatar .avatar-image {
        display: inline-block;
        vertical-align: top;
    }
    .comments-modal .avatar img {
        display: block;
        height: auto;
        width: 100%;
    }

/*#endregion*/

/*#region notification*/
.modal-notification .icon-exclamation-circle {
    color: #f00;
}

.modal-notification .highlight .bold-text {
    font-family: Arial, sans-serif;
    font-weight: normal;
}
/*#endregion*/

/*#region post processing modal*/
.processing-modal .tabs-area {
    margin-top: 15px;
}

    .processing-modal .tabs-area .nav-tabs {
        margin-bottom: 20px;
        position: relative;
    }

        .processing-modal .tabs-area .nav-tabs:before {
            position: absolute;
            background: #ddd;
            display: block;
            right: -33px;
            bottom: -1px;
            left: -33px;
            content: '';
            height: 1px;
        }

    .processing-modal .tabs-area .tab-content {
        overflow: visible;
    }

.processing-modal .custom-grid .grid-header > div:first-child,
.processing-modal .custom-grid .grid-body > div > div > div:first-child {
    padding-left: 5px;
}
/*#endregion*/

/*#region workflow*/
.workflow-content {
    padding: 24px 20px;
}

    .workflow-content h2 {
        margin: 0 0 21px;
    }

.recipient-area .recipient-header {
    border-bottom: 1px solid #c8c7cc;
    padding: 0 0 18px;
    margin: 0 0 18px;
}

    .recipient-area .recipient-header h2 {
        margin: 0 0 12px;
    }

        .recipient-area .recipient-header h2 span {
            font-family: Arial;
            font-size: 11px;
            color: #9e9e9e;
        }

.icons-list {
    line-height: 22px;
    list-style: none;
    font-size: 20px;
    margin: 0 -6px;
    padding: 0;
}

    .icons-list > li {
        vertical-align: middle;
        display: inline-block;
        padding: 0 6px 6px;
    }

.count-item {
    padding: 0 0 0 20px;
    position: relative;
    display: block;
}

    .count-item:before {
        font-family: 'LeiIconSetV1';
        position: absolute;
        line-height: 20px;
        content: '\f02d';
        font-size: 12px;
        left: 0;
        top: 0;
    }

.recipient {
    padding: 0 0 13px;
}

    .recipient .recipient-no {
        padding: 6px 0 0;
        cursor: move;
        width: 3.7%;
        float: left;
    }

    .recipient .input-column {
        padding: 0 21px 0 0;
        width: 35.3%;
        float: left;
    }

        .recipient .input-column .input-group {
            width: 100%;
        }

            .recipient .input-column .input-group .form-control:only-child,
            .recipient .input-column .input-group .form-control.ng-invalid[typeahead-select-on-blur],
            .recipient .input-column .input-group .form-control.ng-valid-required.ng-valid-parse[typeahead-select-on-blur] {
                border-radius: 4px !important;
            }

            .recipient .input-column .input-group .btn {
                font-family: Arial;
                min-width: 52px;
                font-size: 12px;
                color: #007aff;
            }

    .recipient .drop-column {
        width: 12.7%;
        float: left;
    }

        .recipient .drop-column .dropdown-toggle {
            font-family: Arial;
            background: #fff !important;
            border-radius: 4px;
            padding: 6px 33px;
            box-shadow: none;
            text-align: left;
            display: block;
            width: 100%;
            margin: 0;
        }

            .recipient .drop-column .dropdown-toggle .icon-angle-down-fa {
                position: absolute;
                font-size: 14px;
                right: 8px;
                top: 9px;
            }

            .recipient .drop-column .dropdown-toggle .selected-item {
                display: block;
            }

                .recipient .drop-column .dropdown-toggle .selected-item .icon {
                    position: absolute;
                    left: 11px;
                    top: 8px;
                }

        .recipient .drop-column .dropdown-menu {
            min-width: 120px;
            width: 100%;
        }

            .recipient .drop-column .dropdown-menu > li > a {
                padding: 6px 33px;
            }

            .recipient .drop-column .dropdown-menu .icon {
                position: absolute;
                left: 10px;
                top: 8px;
            }

    .recipient .icons-list {
        text-align: right;
        padding: 7px 0 0;
        overflow: hidden;
    }
/*#endregion*/

/*#region dashboard*/
.document-counts {
    background: #434343;
    padding: 42px 10px;
    position: relative;
    overflow: hidden;
    color: #fff;
}

    .document-counts .divcount {
        border: solid #6a6a6a;
        /*table-layout: fixed;*/
        border-width: 1px 0;
        list-style: none;
        font-size: 16px;
        padding: 15px 0;
        margin: 0 auto;
        display: table;
        height: 128px;
        width: 80%;
    }

        .document-counts .divcount .column {
            transition: color 0.25s ease;
            vertical-align: top;
            display: table-cell;
            cursor: pointer;
            padding: 0 10px;
            width: 20%;
        }

            .document-counts .divcount .column + .column {
                border-left: 1px solid #6a6a6a;
                width: 20%;
            }

            .document-counts .divcount .column:hover {
                cursor: pointer;
                color: #0c73ac;
            }

            .document-counts .divcount .column .num {
                font-family: Arial;
                line-height: 70px;
                font-size: 65px;
                margin: 0 0 5px;
                cursor: pointer;
            }

                .document-counts .divcount .column .num label {
                    cursor: pointer;
                }

.upgrade-bar {
    transition: transform 0.3s linear;
    transform: translateY(-100%);
    background: #007aff;
    text-align: center;
    position: absolute;
    padding: 7px 40px;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
}

    .upgrade-bar span:not(.icon) {
        text-decoration: underline;
    }

    .upgrade-bar span {
        cursor: pointer;
    }

    .upgrade-bar .icon-times {
        position: absolute;
        font-size: 12px;
        right: 19px;
        top: 10px;
    }

    .upgrade-bar.active {
        transform: translateY(0);
    }

.new-workflow-area {
    border-bottom: 1px solid #c8c7cc;
    text-align: center;
    padding: 29px 10px;
    margin: 0 0 25px;
}

    .new-workflow-area .notes {
        margin: auto;
        padding: 10px;
        font-size: 16px;
    }

    .new-workflow-area .workflow-dropdown {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

        .new-workflow-area .btn-success {
            padding: 16px 22px 13px;
            font-size: 16px;
            height: 54px;
             /*box-shadow: 0 1px 0 0 rgba(1, 157, 34, 0.004), inset 0 1px 0 0 rgba(98, 240, 95, 0.75) !important;
            border-bottom: 1px solid #019420 !important;*/
            padding: 13px 22px 11px;
            text-align: left;
            margin: 0;
        }

        .new-workflow-area .workflow-dropdown .dropdown-toggle.btn-success {
            padding: 21px 13px 19px !important;
            font-size: 10px;
        }

.new-workflow-holder {
    display: inline-block;
    vertical-align: top;
    max-width: 616px;
}

.enterprise-dashboard {
    border-bottom: 1px solid #c8c7cc;
    margin: 0 0 25px;
}



.two-columns {
    letter-spacing: -4px;
    max-width: 700px;
    margin: 0 auto;
    font-size: 0;
}

    .two-columns h1 {
        line-height: 20px;
        letter-spacing: 0;
        margin: 0 0 15px;
        font-size: 12px;
        padding: 0 30px;
        color: #7b7b7b;
    }

    .two-columns .col {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        font-size: 14px;
        padding: 0 30px;
        width: 50%;
    }

    .two-columns .info-block {
        padding-bottom: 25px;
        position: relative;
    }

        .two-columns .info-block .info-holder {
            border-bottom: 1px solid #c8c7cc;
            margin: 0 0 10px;
            height: 165px;
        }

        .two-columns .info-block h2 {
            margin: 0 0 12px;
            font-size: 16px;
        }

        .two-columns .info-block .text-blue {
            font-size: 12px;
            cursor: pointer;
        }

        .two-columns .info-block .avatar {
            border: 1px solid #d5d5d5;
            border-radius: 100%;
            text-align: center;
            overflow: hidden;
            margin: 0 0 6px;
            height: 82px;
            width: 82px;
 
        }

            .two-columns .info-block .avatar .avatar-holder {
                vertical-align: middle;
                display: table-cell;
            }

            .two-columns .info-block .avatar .avatar-image {
                vertical-align: middle;
                display: inline-block;
            }

            .two-columns .info-block .avatar img {
                display: block;
                height: auto;
                width: 100%;
            }

        .two-columns .info-block ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .two-columns .info-block ul li {
                position: relative;
            }

                .two-columns .info-block ul li label {
                    vertical-align: bottom;
                    margin: 0;
                }

            .two-columns .info-block ul.list-view li {
                padding-left: 13px;
            }

                .two-columns .info-block ul.list-view li:before {
                    font-family: 'LeiIconSetV1';
                    position: absolute;
                    content: '\f01f';
                    font-size: 8px;
                    color: #000;
                    left: 0;
                    top: 0;
                }

            .two-columns .info-block ul .pull-right {
                text-align: right;
                width: 50px;
            }

            .two-columns .info-block ul div {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .two-columns .info-block .btn-success {
            border-bottom-color: #2bbc00;
            padding: 4px 11px;
            font-size: 12px;
        }


/* ------------------------------------------------------------------*/

.three-columns {
    letter-spacing: -4px;
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0;
}

    .three-columns h1 {
        line-height: 20px;
        letter-spacing: 0;
        margin: 0 0 15px;
        font-size: 12px;
        padding: 0 30px;
        color: #7b7b7b;
    }

    .three-columns .col {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        font-size: 14px;
        padding: 0 30px;
        width: 33.333%;
    }

    .three-columns .info-block {
        padding-bottom: 25px;
        position: relative;
    }

        .three-columns .info-block .info-holder {
            border-bottom: 1px solid #c8c7cc;
            margin: 0 0 10px;
            height: 165px;
        }

        .three-columns .info-block h2 {
            margin: 0 0 12px;
            font-size: 16px;
        }

        .three-columns .info-block .text-blue {
            font-size: 12px;
            cursor: pointer;
        }

        .three-columns .info-block .avatar {
            border: 1px solid #d5d5d5;
            border-radius: 100%;
            text-align: center;
            overflow: hidden;
            margin: 0 0 6px;
            display: table;
            height: 76px;
            width: 76px;
        }

            .three-columns .info-block .avatar .avatar-holder {
                vertical-align: middle;
                display: table-cell;
            }

            .three-columns .info-block .avatar .avatar-image {
                vertical-align: middle;
                display: inline-block;
            }

            .three-columns .info-block .avatar img {
                display: block;
                height: auto;
                width: 100%;
            }

        .three-columns .info-block ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .three-columns .info-block ul li {
                position: relative;
            }

                .three-columns .info-block ul li label {
                    vertical-align: bottom;
                    margin: 0;
                }

            .three-columns .info-block ul.list-view li {
                padding-left: 13px;
            }

                .three-columns .info-block ul.list-view li:before {
                    font-family: 'LeiIconSetV1';
                    position: absolute;
                    content: '\f01f';
                    font-size: 8px;
                    color: #000;
                    left: 0;
                    top: 0;
                }

            .three-columns .info-block ul .pull-right {
                text-align: right;
                width: 50px;
            }

            .three-columns .info-block ul div {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

        .three-columns .info-block.service-plan ul .pull-left,
        .three-columns .info-block.service-plan ul .pull-right {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .three-columns .info-block.service-plan ul .pull-left {
            width: 80px;
        }

        .three-columns .info-block.service-plan ul .pull-right {
            width: 95px;
        }

        .three-columns .info-block .signature {
            border: 2px solid #acacac;
            text-align: center;
            margin: 0 0 9px;
            padding: 3px 0;
            height: 45px;
            color: #000;
        }

            .three-columns .info-block .signature.placeholder {
                line-height: 44px;
                font-size: 12px;
                color: #a2a2a2;
            }

                .three-columns .info-block .signature.placeholder label {
                    vertical-align: top;
                    line-height: 36px;
                    margin: 0;
                }

        .three-columns .info-block .btn-success {
            border-bottom-color: #2bbc00;
            padding: 4px 11px;
            font-size: 12px;
        }
/*#endregion*/

@media only screen and (max-width: 1024px) {
    .recipient .input-column {
        width: 34%;
    }
}

@media only screen and (min-width: 1024px) {
    .workflow-dropdown .btn.btn-success {
        padding-right: 17px;
        padding-left: 17px;
        border-top: 0px;
    }
}

@media only screen and (min-width: 1200px) {
    .workflow-dropdown .btn.btn-success {
        padding-right: 22px;
        padding-left: 22px;
        border-top: 0px;
    }
}

.dashboard-icon-cell {
    /*background-color: #f3f3f3;
    border: 5px solid white;*/
    text-align: center;
    padding: 8px 18px;
}
 
.dashboard-seperator-cell {
    padding-right: 10px;
    padding-left: 10px;
}
.dashboard-seperator {
    border-left: 1px solid #dadada;
    height: 140px;
}


.dashboard-icons-container-2 {
    width: 25%;
    margin: auto;
}
.dashboard-icons-container-4 {
    width: 35%;
    margin: auto;
}
.dashboard-icons-container-2 a, 
.dashboard-icons-container-4 a {
    display: block !important;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
}

@media (min-width: 768px){
    .divcount .col-md-2, .divcount .col-sm-2, .divcount .col-lg-2  {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 1200px) {
    .divcount .col-md-2, .divcount .col-sm-2, .divcount .col-lg-2 {
        width: 25%;
        *width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .divcount .col-md-2, .divcount .col-sm-2, .divcount .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}