/* FONT */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);*/
/*
  thin        - 100
  light       - 300
  normal      - 400
  medium      - 500
  bold        - 700
  ultra-bold  - 900
*/
/* VARIABLES */
/* COLORS */

/* =============================================================================
   User css
   ========================================================================== */

/* FORM */
label {
    font-weight: 500;
}

    label.no-bold {
        font-weight: normal;
    }

.nomoveicon {
    cursor: default;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #777 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777 !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777 !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #777 !important;
}

i.fa-exclamation-circle.overdue {
    color: red;
}

i.fa-exclamation-circle.overdue-assigned {
    color: blue;
}

i.fa-exclamation-circle.overdue-unassigned {
    color: orange;
}

.input-block {
    width: 100%;
}

.btn-file {
    position: relative;
}

    .btn-file input[type=file] {
        position: absolute;
        right: -2px;
        top: -2px;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        outline: none;
        background: #fff;
        cursor: inherit;
        display: block;
    }

    .btn-file .submit {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

.contactSupportMessage {
    font-size: 13px;
    text-align: left;
}

    .contactSupportMessage.error {
        color: red;
    }

.tags-control {
    zoom: 1;
}

    .tags-control:before,
    .tags-control:after {
        content: "";
        display: table;
    }

    .tags-control:after {
        clear: both;
    }

    .tags-control .host {
        margin: 0;
    }

    .tags-control .tags {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #fff;
        padding: 0 3px;
        border: 1px solid #ccc;
    }

        .tags-control .tags .tag-list {
            margin: 0 3px 0 -3px;
        }

        .tags-control .tags .tag-item {
            max-width: 100%;
            float: left;
            margin: 3px 0 3px 3px;
            padding: 0 24px 0 5px;
            position: relative;
            min-height: 19px;
            font-size: 14px;
            line-height: 17px;
            font-weight: normal;
            background: #53a0d4;
            color: #fff;
            height: auto;
            border: 0;
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
        }

            .tags-control .tags .tag-item span {
                display: block;
                width: 100%;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .tags-control .tags .tag-item .remove-button {
                cursor: pointer;
                text-decoration: none;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 20px;
                text-align: center;
                font-size: 14px;
                line-height: 19px;
                color: rgba(255,255,255,0.8);
                border-left: 1px solid rgba(255,255,255,0.5);
            }

                .tags-control .tags .tag-item .remove-button:hover {
                    color: #fff;
                }

        .tags-control .tags .input {
            margin: 3px 0 3px 3px;
            background: none;
            height: auto;
            padding: 0 0 2px;
        }


.ui-select-bootstrap.open .caret:before {
    background-position: -20px 0;
}

.ui-select-bootstrap > .btn {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 0 8px;
}

    .ui-select-bootstrap > .btn.btn-default:hover {
        background-color: #fff;
    }

    .ui-select-bootstrap > .btn.btn-default-focus {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
        border-color: #66afe9;
    }

    .ui-select-bootstrap > .btn .caret {
        position: absolute;
        right: 0;
        top: 0;
        height: 25px;
        width: 25px;
        background: #53a0d4;
        border: 0 !important;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .ui-select-bootstrap > .btn .caret:before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: url("../Content/images/sprite.png") no-repeat 0 0;
        }

.ui-select-bootstrap > input {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 8px;
}

.ui-select-bootstrap .ui-select-choices-group .ui-select-choices-row.active .ui-select-choices-row-inner {
    background: #53a0d4;
    color: #fff;
}

.ui-select-bootstrap .ui-select-choices-group .ui-select-choices-row .ui-select-choices-row-inner {
    padding: 3px 8px;
}

    .ui-select-bootstrap .ui-select-choices-group .ui-select-choices-row .ui-select-choices-row-inner:hover {
        color: #fff;
        background: #53a0d4;
    }

tags-input .tags.focused {
    border-color: #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}

.custom-panel {
    background: #fff;
    padding: 20px;
}

.checker {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -1px 0 0;
    padding: 0;
}

    .checker input {
        width: 100%;
        height: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        border: none;
        background: none;
        display: -moz-inline-box;
        display: inline-block;
        zoom: 1;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

    .checker span {
        margin: 0;
        padding: 0;
        display: inline-block;
        zoom: 1;
        text-align: center;
        width: 100%;
        height: 100%;
        background: url("../Content/images/checker.png") no-repeat 0 0;
    }

        .checker span.checked {
            background-position: -16px 0;
        }

            .checker span.checked.disabled {
                background: #D8D8D8;
            }



.slide-checkbox {
    zoom: 1;
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}

    .slide-checkbox:before,
    .slide-checkbox:after {
        content: "";
        display: table;
    }

    .slide-checkbox:after {
        clear: both;
    }

    .slide-checkbox .checker {
        width: 52px;
        height: 27px;
        float: left;
        margin: 1px 10px 0 0;
    }

        .slide-checkbox .checker span {
            background: #ccc;
            -webkit-border-radius: 36px;
            border-radius: 36px;
            width: 52px;
            height: 27px;
            position: relative;
            transition: background-color 200ms;
        }

            .slide-checkbox .checker span:before {
                content: '';
                width: 23px;
                height: 23px;
                background: #fff;
                -webkit-border-radius: 100%;
                border-radius: 100%;
                position: absolute;
                left: 0;
                top: 0;
                margin: 2px;
                transition: left 200ms;
            }

            .slide-checkbox .checker span.checked {
                background-color: #52de25;
            }

                .slide-checkbox .checker span.checked:before {
                    left: 25px;
                }

/* =============================================================================
   Btns
   ========================================================================== */
.btn-primary {
    background: #53a0d4;
    border-color: transparent;
}

    .btn-primary:hover {
        border-color: transparent;
    }



.file-popover .fa {
    color: #afafaf;
}



.nav-menu-body {
    position: absolute;
    left: 0;
    top: 80px;
    bottom: 0;
    width: 100%;
    background: black;
}

/* =============================================================================
   library-workload
   ========================================================================== */
.library-workload {
    background: #fff;
    padding: 17px 50px 20px;
}

    .library-workload .library-department:first-child .title {
        margin-top: 0;
    }

.library-department {
    font-size: 16px;
    line-height: 20px;
    color: #646464;
}

    .library-department .title {
        border-bottom: 1px solid #f0f0f0;
        color: #585858;
        font-weight: 500;
        padding: 0 0 7px;
        text-transform: uppercase;
        margin-top: 25px;
    }

    .library-department .library-employee .full-name {
        width: 140px;
        cursor: pointer;
    }

        .library-department .library-employee .full-name span {
            display: block;
            white-space: pre;
            white-space: pre-wrap;
            word-wrap: break-word;
        }

.library-employee {
    position: relative;
    zoom: 1;
    margin: 16px 0;
    display: table;
}

    .library-employee:before,
    .library-employee:after {
        content: "";
        display: table;
    }

    .library-employee:after {
        clear: both;
    }

.library-department .library-employee {
    margin-top: 8px;
}

.library-employee .library-employee-left {
    display: table-cell;
    width: 140px;
}

.library-employee .library-employee-content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.library-employee .fa {
    position: absolute;
    left: -20px;
    bottom: 8px;
}

.library-employee .full-name {
    float: left;
}

.library-employee .progress-bars {
    padding: 0 0 0 42px;
}

.library-employee .progress {
    margin: 3px 0 0;
    height: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
    position: relative;
    overflow: visible;
}

.team-calendar {
    position: relative;
}

.calendar-navigation {
    position: absolute;
    width: 120px;
    top: 0px;
    margin-left: 120px;
    float: right;
    right: 0px;
}

.workinghour .library-weekday .weekday {
    color: #cccccc;
    font-weight: normal;
}

.workinghour .workinghours-emplooyee .weekday-workinghour {
    line-height: 25px;
    height: 25px;
    line-height: 100%;
    vertical-align: middle;
}

    .workinghour .workinghours-emplooyee .weekday-workinghour.different-from-workstream {
        background-color: #E3F2FB;
    }

.workinghour .title {
    position: relative;
    zoom: 1;
    margin: 16px 0;
    display: inline-flex;
}

.workinghour .library-weekday {
    display: inline-flex;
}
/*
    Start Team calendar specific
*/
.weekday-workinghour .outofoffice-background,
.weekday-workinghour .partial-day-out-background,
.weekday-workinghour .working-background {
    width: 100%;
    height: 20px;
    display: block;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
}

.weekday-workinghour .outofoffice-background {
    background-color: #d2b1ba;
}

.weekday-workinghour .partial-day-out-background {
    background-color: #d2b1ba;
    background: repeating-linear-gradient( 45deg, #d2b1ba, #d2b1ba 10px, #e0d5d9 10px, #e0d5d9 20px );
}

.weekday-workinghour .working-background {
    background-color: none;
}

.weekday.today {
    font-weight: bold;
    font-weight: bold !important;
    color: black !important;
    text-decoration: underline;
    font-style: italic;
}

.navigation-container {
    width: 50px;
    position: absolute;
    z-index: 999;
}

    .navigation-container.left {
        left: 0px;
    }

    .navigation-container.rigth {
        left: 30px;
    }

.navigation-button {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: block;
    position: relative;
    top: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.5em;
}
/*
    end Team calendar specific
*/

.shareadErrorMessage {
    text-align: center;
    color: red;
    margin-top: 10px;
    display: inline-block;
    width: 600px;
    margin: 0px auto;
}

.library-workload-filter {
    margin: 5px 0 -2px;
}

    .library-workload-filter .btn {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        min-width: 39px;
        font-size: 10px;
        line-height: 12px;
        background: transparent;
        border-color: #3fa9e2;
        color: #3fa9e2;
    }

        .library-workload-filter .btn.active {
            background: #3fa9e2;
            border-color: transparent;
            color: #fff;
            cursor: default;
        }


/* =============================================================================
   CONTROLS
   ========================================================================== */
.ico {
    display: inline-block;
    vertical-align: top;
    background: url("../Content/images/sprite.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
}

/* =============================================================================
   REQUEST
   ========================================================================== */

.statistics-wrapper {
    outline: none;
}

.stat-panel {
    background: none;
}

    .stat-panel .panel-heading {
        background: none;
        padding: 21px 0 7px;
    }

        .stat-panel .panel-heading h3 {
            margin: 0;
            text-transform: uppercase;
            font-weight: normal;
            font-size: 21px;
            line-height: 25px;
            color: #afafaf;
            letter-spacing: 1px;
        }

    .stat-panel .panel-body {
        background: #fff;
        padding: 20px;
    }

.stat-panel-group {
    zoom: 1;
    display: table;
    width: 100%;
}

    .stat-panel-group:before,
    .stat-panel-group:after {
        content: "";
        display: table;
    }

    .stat-panel-group:after {
        clear: both;
    }

    .stat-panel-group .stat-panel {
        display: table-cell;
        padding-left: 20px;
    }

        .stat-panel-group .stat-panel:first-child {
            padding-left: 0;
        }

    .stat-panel-group .grid_4 {
        width: 33.3%;
    }

        .stat-panel-group .grid_4.first-child {
            width: 33.4%;
        }

    .stat-panel-group .grid_6 {
        width: 50%;
    }

.stat-diff-info .panel-body {
    color: #646464;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    display: table;
    width: 100%;
    height: 176px;
}

.stat-diff-info .dtcell {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.stat-diff-info .number {
    color: #36ce8d;
    font-size: 71px;
    line-height: 75px;
    font-weight: 300;
    letter-spacing: 0;
    margin: -15px 0 3px;
}

    .stat-diff-info .number .icon-darr,
    .stat-diff-info .number .icon-uarr {
        background: url("../Content/images/sprite.png") no-repeat -40px 0;
        width: 40px;
        height: 60px;
        display: inline-block;
        vertical-align: top;
        margin: 15px 0 0;
    }

        .stat-diff-info .number .icon-darr.red,
        .stat-diff-info .number .icon-uarr.red {
            background-position: -120px 0;
        }

    .stat-diff-info .number .icon-darr {
        background-position: -80px 0;
    }

        .stat-diff-info .number .icon-darr.red {
            background-position: -160px 0;
        }

    .stat-diff-info .number.negative {
        color: #dd1c1a;
    }

.authorization {
    width: 100%;
    height: 100%;
    position: relative;
}

.auth-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: #005397;
    height: 80px;
    zoom: 1;
    text-align: center;
}

    .auth-header:before,
    .auth-header:after {
        content: "";
        display: table;
    }

    .auth-header:after {
        clear: both;
    }

    .auth-header .dtable {
        display: inline-table;
        height: 100%;
    }

    .auth-header .dtcell {
        padding: 0 20px;
    }

    .auth-header .divider {
        height: 41px;
        width: 1px;
        background: #82b2dc;
    }

.auth-body {
    display: table;
    width: 100%;
    height: 100%;
}

    .auth-body .dtcell {
        padding: 80px 0 0;
        width: 100%;
        height: 100%;
    }

.auth-panel {
    width: 340px;
    margin: 30px auto;
    font-size: 16px;
    line-height: 19px;
    color: #7f7f7f;
}

    .auth-panel a {
        color: #7f7f7f;
        text-decoration: none;
    }

        .auth-panel a:hover {
            text-decoration: underline;
        }

    .auth-panel h3 {
        margin: 0 0 26px;
        color: #afafaf;
        text-transform: uppercase;
        text-align: center;
        font-size: 21px;
        line-height: 25px;
        letter-spacing: 1px;
        font-weight: normal;
    }

    .auth-panel input {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 22px;
        padding: 4px 34px 7px 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        position: relative;
        z-index: 1;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

        .auth-panel input.input-password {
            margin-top: -1px;
            -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
        }

        .auth-panel input:focus {
            z-index: 2;
        }

    .auth-panel .input-append {
        position: relative;
    }

        .auth-panel .input-append .input-append-icon {
            position: absolute;
            right: 0;
            top: 50%;
            -moz-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            color: #ccc;
            font-size: 15px;
            line-height: 19px;
            text-align: center;
            margin: 0 5px 0 0;
            width: 25px;
            z-index: 3;
        }

    .auth-panel .form-controls {
        zoom: 1;
    }

        .auth-panel .form-controls:before,
        .auth-panel .form-controls:after {
            content: "";
            display: table;
        }

        .auth-panel .form-controls:after {
            clear: both;
        }

    .auth-panel .btn {
        margin: 15px auto;
        font-size: 18px;
        line-height: 22px;
        height: 36px;
        padding: 0;
    }







.settings-nav {
    padding: 0;
    margin: 21px 0 0;
    list-style: none;
    font-size: 21px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

    .settings-nav li {
        float: left;
        margin: 0 0 0 52px;
    }

        .settings-nav li:first-child {
            margin-left: 0;
        }

    .settings-nav .link {
        display: block;
        text-decoration: none;
        color: #afafaf;
        position: relative;
        padding: 0 0 16px;
    }

        .settings-nav .link:hover {
            color: #3fa9e2;
        }

        .settings-nav .link.active {
            color: #3fa9e2;
        }

            .settings-nav .link.active:after {
                background: #3fa9e2;
            }

.settings-aside-menu {
    margin: 15px 0 0;
    width: 200px;
}

    .settings-aside-menu > li {
        margin-top: 0 !important;
        border-top: 1px solid #ececec;
        margin-left: 20px !important;
    }

        .settings-aside-menu > li:first-child {
            border-top: 0;
        }

        .settings-aside-menu > li.active {
            position: relative;
            z-index: 2;
        }

            .settings-aside-menu > li.active + li {
                border-top-color: transparent;
            }

            .settings-aside-menu > li.active .link {
                background: transparent !important;
                color: #fff !important;
                cursor: default !important;
            }

            .settings-aside-menu > li.active .badge {
                background-color: #498dba !important;
                color: #fff !important;
            }

            .settings-aside-menu > li.active:before {
                content: '';
                position: absolute;
                left: -20px;
                top: 0;
                background: url("../Content/images/bg-reports-new-menu.png") no-repeat 0 0;
                width: 226px;
                height: 50px;
                z-index: 1;
            }

    .settings-aside-menu .link {
        position: relative;
        z-index: 2;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        font-weight: 500;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 0 10px 0 0;
        color: #afafaf;
        transition: background-color 250ms, color 250ms;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .settings-aside-menu .link:focus,
        .settings-aside-menu .link:hover {
            background-color: transparent;
            color: #7c7c7c;
        }

            .settings-aside-menu .link:focus .badge,
            .settings-aside-menu .link:hover .badge {
                background-color: #7c7c7c;
            }

    .settings-aside-menu .badge {
        transition: background-color 250ms;
        width: 25px;
        height: 25px;
        line-height: 25px;
        background: #afafaf;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        padding: 0;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -12.5px 0 0 14px !important;
    }



.settings-footer .min-width {
    zoom: 1;
}

    .settings-footer .min-width:before,
    .settings-footer .min-width:after {
        content: "";
        display: table;
    }

    .settings-footer .min-width:after {
        clear: both;
    }

.settings-footer .btns {
    float: right;
}

    .settings-footer .btns .btn {
        padding: 6px 15px;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 0 10px;
        min-width: 120px;
    }

        .settings-footer .btns .btn.btn-save {
            min-width: 105px;
        }

        .settings-footer .btns .btn.btn-link {
            color: #afafaf;
        }

            .settings-footer .btns .btn.btn-link:hover {
                color: #9e9e9e;
            }

.settings-table {
    overflow-x: auto;
    font-size: 16px;
    line-height: 19px;
}

    .settings-table.employee-filter .filter {
        line-height: 30px;
        text-align: right;
    }

        .settings-table.employee-filter .filter label {
            padding-right: 5px;
        }

        .settings-table.employee-filter .filter slide-checkbox {
            float: right;
        }

    .settings-table .table,
    .settings-table .employee-table {
        border-top: 1px solid #d8d8d8;
        margin-bottom: 0 !important;
    }

        .settings-table .table td p,
        .settings-table .employee-table td p {
            white-space: pre;
        }

        .settings-table .table > thead > tr > th,
        .settings-table .employee-table > thead > tr > th {
            font-weight: 500;
            border-bottom-width: 0;
        }

        .settings-table .table > thead > tr > th,
        .settings-table .employee-table > thead > tr > th,
        .settings-table .table > tbody > tr > th,
        .settings-table .employee-table > tbody > tr > th,
        .settings-table .table > tfoot > tr > th,
        .settings-table .employee-table > tfoot > tr > th,
        .settings-table .table > thead > tr > td,
        .settings-table .employee-table > thead > tr > td,
        .settings-table .table > tbody > tr > td,
        .settings-table .employee-table > tbody > tr > td,
        .settings-table .table > tfoot > tr > td,
        .settings-table .employee-table > tfoot > tr > td {
            padding: 10px 15px;
        }

        .settings-table .table .deleted,
        .settings-table .employee-table .deleted {
            background-color: #f8dbdb;
        }

    .settings-table th.header {
        height: auto;
        background: transparent;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        font-weight: 500;
        text-align: left;
    }

    .settings-table th.sortable .sort-indicator:before,
    .settings-table th.sortable .sort-indicator:after {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden;
    }

    .settings-table th.sortable.sort-asc,
    .settings-table th.sortable.sort-desc {
        font-weight: 500;
        background: transparent;
    }

    .settings-table .td-controls {
        width: 1px;
    }

    .settings-table .btns {
        white-space: nowrap;
        margin: -3px 0;
    }

        .settings-table .btns .btn {
            color: #d8d8d8;
            padding: 4px;
            font-size: 16px;
            line-height: 16px;
            transition: color 500ms;
        }

            .settings-table .btns .btn:hover,
            .settings-table .btns .btn:focus {
                color: #a5a5a5;
            }

    .settings-table .break-word {
        word-break: break-all;
    }

.settings-checkpoint-top-padding {
    padding-top: 8px;
}

.settings-acl-popoverColumn {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.librarian-access-list {
    padding-left: 0px;
    padding-top: 10px;
    list-style: none;
    overflow-y: auto;
    max-height: 610px
}

.styled-select {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .styled-select select {
        background: transparent;
        padding: 3px 30px 2px 5px;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-appearance: none;
        position: relative;
        z-index: 3;
        height: 27px;
    }

    .styled-select:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background: #53a0d4;
        width: 25px;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        margin: 1px;
        z-index: 1;
    }

    .styled-select .caret {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 2;
        color: #fff;
        margin: -2px 9px;
    }

.page-404-wrapper {
    padding-left: 0;
}

    .page-404-wrapper .header,
    .page-404-wrapper .left-nav {
        display: none;
    }

    .page-404-wrapper .main {
        left: 0;
        top: 0;
    }

.page-404 {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    color: #afafaf;
}

    .page-404 .page-head {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: #005397;
        height: 80px;
    }

        .page-404 .page-head .quest-logo {
            margin: 19px 0 0;
        }

    .page-404 .page-content {
        width: 100%;
        height: 100%;
    }

        .page-404 .page-content .dtable,
        .page-404 .page-content .dtcell {
            width: 100%;
            height: 100%;
        }

        .page-404 .page-content .dtcell {
            padding: 160px 0 80px;
        }

    .page-404 h1 {
        margin: 0 0 34px;
        font-size: 144px;
        line-height: 150px;
        font-weight: 100;
    }

    .page-404 p {
        margin: 25px 0;
        font-size: 24px;
        line-height: 28px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .page-404 .btn {
        width: 260px;
        font-size: 18px;
        line-height: 22px;
        padding: 5px 10px 7px;
    }

.quest-logo {
    display: inline-block;
    vertical-align: top;
}

    .quest-logo img {
        vertical-align: top;
    }

.svg .quest-logo {
    background: url("../Content/images/quest.svg") no-repeat 0 0;
}

    .svg .quest-logo img {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

.page-inner-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 21px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

    .page-inner-menu li {
        float: left;
        margin: 0 0 0 52px;
    }

        .page-inner-menu li:first-child {
            margin-left: 0;
        }

    .page-inner-menu .link {
        display: block;
        text-decoration: none;
        color: #afafaf;
        position: relative;
        padding: 0 0 16px;
    }

        .page-inner-menu .link:hover {
            color: #3fa9e2;
        }

        .page-inner-menu .link.active {
            color: #3fa9e2;
        }

            .page-inner-menu .link.active:after {
                background: #3fa9e2;
            }

.reports-page {
    height: 100%;
    position: relative;
    padding: 27px 30px 30px;
}

    .reports-page .reports-inner {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        overflow: auto;
        bottom: 60px;
        margin-left: 30px;
        margin-top: 30px;
    }

        .reports-page .reports-inner .reports-head {
            background: #f0f0f0;
        }

.report-filter-name {
    display: inline;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reports-content {
    zoom: 1;
    background: #fff;
    padding: 30px;
    width: 100%;
    position: relative;
}

    .reports-content:before,
    .reports-content:after {
        content: "";
        display: table;
    }

    .reports-content:after {
        clear: both;
    }

    .reports-content h3 {
        font-size: 15px;
        line-height: 18px;
        color: #222;
        margin: 15px 0;
    }

    .reports-content .hr {
        background: #afafaf;
        display: block;
        height: 1px;
        margin: 15px 0;
    }

.reports-category {
    margin: 25px 0 0;
}

.reports-content .reports-category:first-child {
    margin-top: -15px;
}

.reports-list {
    padding: 0;
    margin: -20px 0 0 -20px;
    list-style: none;
    zoom: 1;
    font-size: 0;
    line-height: 0;
    color: #222;
}

    .reports-list:before,
    .reports-list:after {
        content: "";
        display: table;
    }

    .reports-list:after {
        clear: both;
    }

    .reports-list > .list-item {
        font-size: 16px;
        line-height: 21px;
        font-weight: 500;
        display: inline-block;
        vertical-align: top;
        margin: 20px 0 0 20px;
        max-width: 200px;
    }

        .reports-list > .list-item:hover .item-hover-controls {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
        }

        .reports-list > .list-item:hover .item-checked-status {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
        }

        .reports-list > .list-item.checked .item-checked-status {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
            background: #7ed321;
        }

    .reports-list .item-preview {
        background: #ccc;
        position: relative;
        width: 200px;
        height: 130px;
    }

    .reports-list .item-img {
        max-width: 100%;
        max-height: 100%;
    }

        .reports-list .item-img img {
            max-width: 200px;
            max-height: 130px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

    .reports-list .item-hover-controls {
        transition: opacity 200ms, visibility 200ms;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #005397;
        text-align: center;
    }

        .reports-list .item-hover-controls > .dtable {
            width: 100%;
            height: 100%;
        }

            .reports-list .item-hover-controls > .dtable > .dtcell {
                width: 100%;
                height: 100%;
                vertical-align: middle;
            }

                .reports-list .item-hover-controls > .dtable > .dtcell > .btn {
                    margin: 5px auto;
                    width: 120px;
                }

                .reports-list .item-hover-controls > .dtable > .dtcell > .btn-group {
                    margin: 5px auto;
                    width: 120px;
                }

                    .reports-list .item-hover-controls > .dtable > .dtcell > .btn-group > .btn {
                        width: 98px;
                    }

                    .reports-list .item-hover-controls > .dtable > .dtcell > .btn-group > .btn-caret {
                        width: 23px;
                        border-left: 1px solid #7eb7de;
                    }

        .reports-list .item-hover-controls .btn-xs {
            padding: 2px 5px;
        }

        .reports-list .item-hover-controls .btn-default {
            color: #53a0d4;
            border-color: #53a0d4;
        }

        .reports-list .item-hover-controls .dropdown-menu {
            min-width: 120px;
            border: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

    .reports-list .item-title {
        margin: 9px 0 0;
        word-wrap: break-word;
    }

    .reports-list .item-checked-status {
        transition: opacity 250ms, visibility 250ms;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden;
        width: 30px;
        height: 30px;
        text-align: center;
        background: #b3b3b3;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -15px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        font-size: 16px;
        line-height: 30px;
    }

.report-new-aside {
    float: left;
    width: 200px;
    z-index: 2;
}

    .report-new-aside:before {
        content: '';
        position: absolute;
        left: 230px;
        top: 0;
        border-right: 1px solid #f0f0f0;
        bottom: 0;
        z-index: 1;
    }

.reports-new-steps {
    margin: 15px 0 0;
}

    .reports-new-steps > li {
        margin-top: 10px !important;
    }

        .reports-new-steps > li:first-child {
            margin-top: 0 !important;
        }

        .reports-new-steps > li.active {
            position: relative;
        }

            .reports-new-steps > li.active .link {
                background: #53a0d4 !important;
                color: #fff !important;
            }

            .reports-new-steps > li.active .badge {
                background-color: #498dba !important;
                color: #fff !important;
            }

            .reports-new-steps > li.active:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                background: url("../Content/images/bg-reports-new-menu.png") no-repeat 0 0;
                width: 226px;
                height: 50px;
                z-index: 1;
            }

    .reports-new-steps .link {
        position: relative;
        z-index: 2;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        font-weight: 500;
        padding: 0 0 0 50px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #afafaf;
        transition: background-color 250ms, color 250ms;
    }

        .reports-new-steps .link:focus,
        .reports-new-steps .link:hover {
            background-color: transparent;
            color: #7c7c7c;
        }

            .reports-new-steps .link:focus .badge,
            .reports-new-steps .link:hover .badge {
                background-color: #7c7c7c;
            }

    .reports-new-steps .badge {
        transition: background-color 250ms;
        width: 25px;
        height: 25px;
        line-height: 25px;
        background: #afafaf;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        padding: 0;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -12.5px 0 0 14px !important;
    }

.report-content-divider {
    z-index: 1;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 30px 0 30px 229px;
    background: #d8d8d8;
}

.report-new-body {
    overflow: hidden;
    padding: 15px 0 0 55px;
}

    .report-new-body .form h4 {
        margin: 0;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.2px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .report-new-body .reports-list .list-item {
        cursor: pointer;
    }

    .report-new-body .control-field {
        width: 260px;
    }

        .report-new-body .control-field.select-list {
            width: 350px;
        }

        .report-new-body .control-field .form-group {
            width: 800px;
        }

        .report-new-body .control-field.date {
            width: 160px;
        }

        .report-new-body .control-field .remove-button {
            float: right;
            cursor: pointer;
        }

.report-new-controls {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 12px 0;
    height: 60px;
    -webkit-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
    z-index: 10;
}

    .report-new-controls .min-width {
        zoom: 1;
    }

        .report-new-controls .min-width:before,
        .report-new-controls .min-width:after {
            content: "";
            display: table;
        }

        .report-new-controls .min-width:after {
            clear: both;
        }

    .report-new-controls .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
        top: auto;
        bottom: 100%;
        margin: 2px 0;
    }

    .report-new-controls .buttons-right-margin {
        margin-right: 50px;
    }

.report-new-period {
    padding-bottom: 189px;
}

    .report-new-period .form {
        zoom: 1;
    }

        .report-new-period .form:before,
        .report-new-period .form:after {
            content: "";
            display: table;
        }

        .report-new-period .form:after {
            clear: both;
        }

        .report-new-period .form h4 {
            margin: 20px 0 10px;
        }

            .report-new-period .form h4:first-child {
                margin-top: 0;
            }

    .report-new-period .labels-holder {
        zoom: 1;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 7px 0;
        margin: 0;
        list-style: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .report-new-period .labels-holder:before,
        .report-new-period .labels-holder:after {
            content: "";
            display: table;
        }

        .report-new-period .labels-holder:after {
            clear: both;
        }

        .report-new-period .labels-holder > li {
            display: inline-block;
            vertical-align: top;
            width: 33%;
            padding: 0 5px 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 5px 0;
        }

            .report-new-period .labels-holder > li.full-width {
                width: 100%;
            }

    .report-new-period .control-label {
        display: block;
        margin: 0;
    }

        .report-new-period .control-label .checker {
            vertical-align: top;
            margin: 1px 0 0;
        }

.report-new-date {
    zoom: 1;
}

    .report-new-date:before,
    .report-new-date:after {
        content: "";
        display: table;
    }

    .report-new-date:after {
        clear: both;
    }

    .report-new-date .form-controls {
        zoom: 1;
    }

        .report-new-date .form-controls:before,
        .report-new-date .form-controls:after {
            content: "";
            display: table;
        }

        .report-new-date .form-controls:after {
            clear: both;
        }

    .report-new-date .control-field {
        float: left;
    }

    .report-new-date .control-text {
        float: left;
        color: #ccc;
        margin: 4px 5px 0;
    }

    .report-new-date .controls-dates {
        float: left;
        margin-left: 20px;
    }

        .report-new-date .controls-dates .control-field {
            width: 160px;
        }

.settings-table.scheduled-report-table {
    background: white;
    padding: 30px
}

.ui-select-placeholder,
.ui-select-match-text,
.ui-select-match-item {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 40px;
}

.modal-backdrop {
    background: #005397;
}

.modal {
    color: #000;
    overflow: auto;
}

    .modal > .dtable {
        width: 100%;
        height: 100%;
    }

        .modal > .dtable > .dtcell {
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }

    .modal .modal-dialog {
        position: relative;
        z-index: 2;
    }

    .modal .modal-dismiss {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

.modal-basic {
    color: #000;
}

    .modal-basic .modal-content {
        -webkit-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        -webkit-box-shadow: 1.5px 2.598px 6px 0px rgba(1,1,1,0.3);
        -webkit-box-shadow: 1.5px 2.598px 6px 0px rgba(1,1,1,0.3);
        box-shadow: 1.5px 2.598px 6px 0px rgba(1,1,1,0.3);
    }

    .modal-basic .modal-header {
        color: #fff;
        font-size: 21px;
        line-height: 25px;
        padding: 30px;
        background: #0165b8;
        -webkit-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
    }

    .modal-basic .modal-body {
        padding: 30px;
        font-size: 16px;
        line-height: 21px;
    }

    .modal-basic .modal-footer {
        -webkit-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        zoom: 1;
    }

        .modal-basic .modal-footer:before,
        .modal-basic .modal-footer:after,
        .modal-basic .modal-footer content {
            display: table;
        }

:after clear both .btn-support,
:after clear both float left,
:after clear both .btn.filled,
:after clear both background {
    color: #fff;
}

.modal-error-details {
    color: #000;
}

    .modal-error-details .modal-content {
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        -webkit-box-shadow: 1.5px 2.598px 6px 0px rgba(1,1,1,0.3);
        box-shadow: 1.5px 2.598px 6px 0px rgba(1,1,1,0.3);
    }

    .modal-error-details .modal-header {
        color: #fff;
        font-size: 21px;
        line-height: 25px;
        padding: 30px;
        background: #0165b8;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
    }

    .modal-error-details .modal-body {
        padding: 30px;
        font-size: 16px;
        line-height: 21px;
    }

    .modal-error-details .modal-footer {
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 0 30px 30px;
        border: 0;
        zoom: 1;
    }

        .modal-error-details .modal-footer:before,
        .modal-error-details .modal-footer:after {
            content: "";
            display: table;
        }

        .modal-error-details .modal-footer:after {
            clear: both;
        }

        .modal-error-details .modal-footer .btn-support {
            float: left;
        }

        .modal-error-details .modal-footer .btn {
            border: 1px solid #0165b8;
            background: none;
            color: #0165b8;
            font-size: 18px;
            line-height: 22px;
            padding: 5px 10px;
        }

            .modal-error-details .modal-footer .btn.filled {
                background: #0165b8;
                color: #fff;
            }

.modal-time-details {
    font-size: 16px;
    line-height: 19px;
}

    .modal-time-details .modal-dialog {
        width: 1180px;
    }

    .modal-time-details .control-close {
        position: absolute;
        right: 33px;
        top: 13px;
        color: #afafaf;
        transition: color 500ms;
        font-size: 21px;
        cursor: pointer;
        z-index: 20;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

        .modal-time-details .control-close:hover {
            color: #000;
        }

    .modal-time-details .modal-content {
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
    }

    .modal-time-details .modal-header {
        border-bottom: 0;
        padding: 17px 40px 13px;
    }

    .modal-time-details .modal-body {
        padding: 0 0 30px;
    }

    .modal-time-details .modal-title {
        font-size: 21px;
        line-height: 27px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0;
        color: #afafaf;
    }

    .modal-time-details .detail-request-title {
        margin: 0 0 3px;
        font-weight: $menium;
        color: #1e1e1e;
        font-size: 21px;
        line-height: 27px;
        text-transform: none;
    }

    .modal-time-details .detail-request-info {
        color: #afafaf;
    }

.time-details-table {
    font-size: 16px;
    line-height: 19px;
}

    .time-details-table table {
        width: 100%;
        padding: 0;
    }

    .time-details-table tr th:first-child,
    .time-details-table tr td:first-child {
        padding-left: 40px;
    }

        .time-details-table tr th:first-child div,
        .time-details-table tr td:first-child div {
            padding-left: 0;
        }

    .time-details-table tr th:last-child,
    .time-details-table tr td:last-child {
        padding-right: 40px;
    }

    .time-details-table th,
    .time-details-table td {
        padding: 10px 20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .time-details-table thead tr th:first-child div {
        border-left: 0;
    }

    .time-details-table thead th {
        font-size: 14px;
        line-height: 17px;
        height: auto;
        background: none;
        color: #222;
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        text-align: left;
        padding: 0 20px 0 0;
    }

        .time-details-table thead th div {
            border-left: 1px solid #d7d7d7;
            padding: 11px 0 11px 20px;
        }

        .time-details-table thead th.sortable.sort-asc,
        .time-details-table thead th.sortable.sort-desc {
            background: none;
        }

    .time-details-table tr:hover .control-remove-detail {
        visibility: visible;
    }

    .time-details-table .control-time {
        padding: 0 20px 0 0;
        position: relative;
    }

        .time-details-table .control-time .control-remove-detail {
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            color: #ccc;
            transition: color 500ms;
            visibility: hidden;
        }

            .time-details-table .control-time .control-remove-detail:hover {
                color: #222;
            }

.time-details-footer-table {
    color: #222;
    margin: 20px 40px 0;
}

    .time-details-footer-table table {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .time-details-footer-table th,
    .time-details-footer-table td {
        padding: 6px 0;
        vertical-align: top;
    }

    .time-details-footer-table tr.hr td {
        padding: 0;
        vertical-align: top;
    }

        .time-details-footer-table tr.hr td:before {
            margin: 2px 0 2px;
            content: '';
            display: block;
            border-top: 1px solid #ccc;
        }

    .time-details-footer-table th {
        color: #afafaf;
        text-transform: uppercase;
        font-weight: 500;
        width: 100%;
        text-align: right;
    }

    .time-details-footer-table td {
        padding-left: 50px;
        white-space: nowrap;
    }

.modal-answer-templates.templates-from-request .modal-body {
    height: auto;
}

.modal-answer-templates.templates-from-request .modal-footer {
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    position: static;
}

.modal-answer-templates .modal-dialog {
    width: 800px;
}

.modal-answer-templates .modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.modal-answer-templates .modal-header {
    color: #fff;
    background: #0165b8;
    zoom: 1;
    border: 0;
    padding: 25px 20px;
}

    .modal-answer-templates .modal-header:before,
    .modal-answer-templates .modal-header:after {
        content: "";
        display: table;
    }

    .modal-answer-templates .modal-header:after {
        clear: both;
    }

    .modal-answer-templates .modal-header h3 {
        font-weight: 500;
        margin: 0;
        font-size: 21px;
        line-height: 26px;
        color: #fff;
        text-transform: none;
        letter-spacing: 0;
    }

.modal-answer-templates .modal-body {
    position: relative;
    height: 520px;
    border: 0;
}

.modal-answer-templates .modal-aside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 221px;
    border-right: 1px solid #f0f0f0;
    font-size: 16px;
    line-height: 19px;
}

.modal-answer-templates .m-aside-head {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 36px;
    padding: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #afafaf;
}

    .modal-answer-templates .m-aside-head input {
        display: block;
        padding: 8px 36px 4px 10px;
        border: 1px solid #afafaf;
        color: #afafaf;
        height: 36px;
        width: 100%;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .modal-answer-templates .m-aside-head .fa-search {
        position: absolute;
        right: 0;
        top: 0;
        margin: 20px;
        height: 36px;
        width: 36px;
        text-align: center;
        line-height: 36px;
    }

.modal-answer-templates .m-aside-body {
    position: absolute;
    left: 0;
    top: 76px;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 20px;
}

    .modal-answer-templates .m-aside-body ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .modal-answer-templates .m-aside-body ul:first-child {
            margin-top: -20px;
        }

        .modal-answer-templates .m-aside-body ul > li {
            margin: 11px 0;
        }

            .modal-answer-templates .m-aside-body ul > li:first-child {
                margin-top: 0;
            }

            .modal-answer-templates .m-aside-body ul > li.active {
                color: #63b0dc;
            }

                .modal-answer-templates .m-aside-body ul > li.active a {
                    color: #63b0dc;
                }

    .modal-answer-templates .m-aside-body a {
        color: #afafaf;
        text-decoration: none;
    }

        .modal-answer-templates .m-aside-body a:hover {
            color: #63b0dc;
        }

.modal-answer-templates .modal-body-content {
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    left: 221px;
    bottom: 77px;
    font-size: 16px;
    line-height: 19px;
}

.modal-answer-templates .templates-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .modal-answer-templates .templates-list > li {
        border-bottom: 1px solid #f0f0f0;
        position: relative;
        padding: 12px 115px 5px 42px;
    }

        .modal-answer-templates .templates-list > li:hover .preview {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
        }

    .modal-answer-templates .templates-list .input-radio {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .modal-answer-templates .templates-list .preview {
        position: absolute;
        right: 40px;
        top: 12px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden;
        transition: opacity 200ms linear, visibility 200ms linear, color 500ms;
        color: #afafaf;
    }

        .modal-answer-templates .templates-list .preview:hover {
            color: #0165b8;
        }

.modal-answer-templates .modal-footer {
    border-top: 1px solid #f0f0f0;
    position: absolute;
    left: 221px;
    bottom: 0;
    height: 76px;
    right: 0;
    padding: 20px;
    zoom: 1;
}

    .modal-answer-templates .modal-footer:before,
    .modal-answer-templates .modal-footer:after {
        content: "";
        display: table;
    }

    .modal-answer-templates .modal-footer:after {
        clear: both;
    }

    .modal-answer-templates .modal-footer .btn {
        padding: 4px 12px 6px;
        font-size: 18px;
        line-height: 24px;
        transition: color 200ms, border-color 200ms, background-color 200ms;
        margin-left: 20px;
    }

        .modal-answer-templates .modal-footer .btn:first-child {
            margin-left: 0;
        }

        .modal-answer-templates .modal-footer .btn.btn-default {
            color: #53a0d4;
            border-color: #53a0d4;
        }

.modal-user-preferences .modal-dialog {
    width: 1040px;
}

.modal-user-preferences .modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.modal-user-preferences .modal-header {
    color: #fff;
    background: #0165b8;
    zoom: 1;
    border: 0;
    padding: 25px 20px;
}

    .modal-user-preferences .modal-header:before,
    .modal-user-preferences .modal-header:after {
        content: "";
        display: table;
    }

    .modal-user-preferences .modal-header:after {
        clear: both;
    }

    .modal-user-preferences .modal-header h3 {
        font-weight: 500;
        margin: 0;
        font-size: 21px;
        line-height: 26px;
        color: #fff;
        text-transform: none;
        letter-spacing: 0;
    }

.modal-user-preferences .modal-body {
    position: relative;
    height: 520px;
    border: 0;
}

    .modal-user-preferences .modal-body .modal-1column-1row {
        display: inline-block;
        width: 100px;
    }

    .modal-user-preferences .modal-body .modal-2column-1row {
        display: inline-block;
        width: 500px;
    }

    .modal-user-preferences .modal-body .modal-search-box {
        height: 370px;
        position: relative;
        overflow: auto;
        margin-bottom: 15px;
    }

.modal-user-preferences .modal-aside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 221px;
    border-right: 1px solid #f0f0f0;
    font-size: 16px;
    line-height: 19px;
}

.modal-user-preferences .m-aside-body {
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 20px;
}

    .modal-user-preferences .m-aside-body ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .modal-user-preferences .m-aside-body ul:first-child {
            margin-top: -20px;
        }

        .modal-user-preferences .m-aside-body ul > li {
            margin: 11px 0;
        }

            .modal-user-preferences .m-aside-body ul > li:first-child {
                margin-top: 0;
            }

            .modal-user-preferences .m-aside-body ul > li.active {
                color: #63b0dc;
            }

                .modal-user-preferences .m-aside-body ul > li.active a {
                    color: #63b0dc;
                }

    .modal-user-preferences .m-aside-body a {
        color: #afafaf;
        text-decoration: none;
    }

        .modal-user-preferences .m-aside-body a:hover {
            color: #63b0dc;
        }

.modal-user-preferences .modal-body-content {
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    left: 221px;
    bottom: 77px;
    font-size: 16px;
    line-height: 19px;
}

.modal-user-preferences .notifications-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .modal-user-preferences .notifications-list > li {
        position: relative;
        padding: 12px 42px 5px 42px;
    }

        .modal-user-preferences .notifications-list > li:hover .preview {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
        }

    .modal-user-preferences .notifications-list .input-radio {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .modal-user-preferences .notifications-list .preview {
        position: absolute;
        right: 40px;
        top: 12px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        visibility: hidden;
        transition: opacity 200ms linear, visibility 200ms linear, color 500ms;
        color: #afafaf;
    }

        .modal-user-preferences .notifications-list .preview:hover {
            color: #0165b8;
        }

.modal-user-preferences .modal-footer {
    border-top: 1px solid #f0f0f0;
    height: 76px;
    right: 0;
    padding: 20px;
    zoom: 1;
}

    .modal-user-preferences .modal-footer:before,
    .modal-user-preferences .modal-footer:after {
        content: "";
        display: table;
    }

    .modal-user-preferences .modal-footer:after {
        clear: both;
    }

    .modal-user-preferences .modal-footer .btn {
        padding: 4px 12px 6px;
        font-size: 18px;
        line-height: 24px;
        transition: color 200ms, border-color 200ms, background-color 200ms;
    }

        .modal-user-preferences .modal-footer .btn:first-child {
            margin-left: 0;
        }

        .modal-user-preferences .modal-footer .btn.btn-default {
            color: #53a0d4;
            border-color: #53a0d4;
        }

.modal-answer-templates-inner .modal-dialog {
    width: 800px;
}

.modal-answer-templates-inner .modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.modal-answer-templates-inner .modal-header {
    color: #fff;
    background: #0165b8;
    zoom: 1;
    border: 0;
    padding: 25px 20px;
}

    .modal-answer-templates-inner .modal-header:before,
    .modal-answer-templates-inner .modal-header:after {
        content: "";
        display: table;
    }

    .modal-answer-templates-inner .modal-header:after {
        clear: both;
    }

    .modal-answer-templates-inner .modal-header h3 {
        font-weight: 500;
        margin: 0;
        font-size: 21px;
        line-height: 26px;
        color: #fff;
        text-transform: none;
        letter-spacing: 0;
    }

.modal-answer-templates-inner .modal-body {
    max-height: 445px;
    padding: 20px;
    overflow: auto;
    color: #1e1e1e;
    font-size: 16px;
    line-height: 19px;
}

.modal-answer-templates-inner .modal-footer {
    border-top: 1px solid #f0f0f0;
    padding: 20px;
    zoom: 1;
}

    .modal-answer-templates-inner .modal-footer:before,
    .modal-answer-templates-inner .modal-footer:after {
        content: "";
        display: table;
    }

    .modal-answer-templates-inner .modal-footer:after {
        clear: both;
    }

    .modal-answer-templates-inner .modal-footer .btn {
        padding: 4px 12px 6px;
        font-size: 18px;
        line-height: 24px;
        transition: color 200ms, border-color 200ms, background-color 200ms;
        margin-left: 20px;
    }

        .modal-answer-templates-inner .modal-footer .btn:first-child {
            margin-left: 0;
        }

        .modal-answer-templates-inner .modal-footer .btn.btn-default {
            color: #53a0d4;
            border-color: #53a0d4;
        }

.modal-server-connection-error {
    margin: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.333333333333333;
}

    .modal-server-connection-error .modal-dialog {
        display: inline-block;
        margin: 30px;
        width: 400px;
        height: 300px;
        background: #fff;
    }

        .modal-server-connection-error .modal-dialog .dtable {
            width: 100%;
            height: 224px;
        }

        .modal-server-connection-error .modal-dialog .dtcell {
            padding-top: 76px;
        }

    .modal-server-connection-error .illustration {
        background: url("../Content/images/icon-server-connection-error.jpg") no-repeat center 0;
        height: 49px;
        display: block;
        margin: 16px 0;
    }

    .modal-server-connection-error p {
        margin: 16px 0;
    }

    .modal-server-connection-error .btn {
        font-size: 18px;
        line-height: 1.222222222222222;
        padding: 5px;
        min-width: 105px;
        margin: 20px;
    }

.modal-edit-employee {
    margin: auto;
}

    .modal-edit-employee .modal-dialog {
        height: 752px;
        width: 875px;
        margin: 25px auto;
    }

    .modal-edit-employee .modal-content {
        position: relative;
        height: 100%;
    }

    .modal-edit-employee .modal-header {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 45px;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 1.25;
    }

    .modal-edit-employee .modal-body {
        position: absolute;
        left: 0;
        top: 45px;
        bottom: 75px;
        padding: 20px;
        right: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .modal-edit-employee .modal-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 75px;
        padding: 20px;
    }

        .modal-edit-employee .modal-footer hr {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            margin: 0 20px;
        }

    .modal-edit-employee .btn {
        font-size: 16px;
    }

    .modal-edit-employee .btn-show-more {
        float: left;
    }



.scheduler-separator {
    border-bottom-style: groove;
    margin-bottom: 10px;
    border-bottom-width: 1px;
}

.scheduler-div {
    height: 115px;
}

.scheduler-lowBottom {
    padding-bottom: 10px;
}

.row.scheduleRow {
    margin-bottom: 5px;
}

.col-xs-2.left-label {
    text-align: left;
    padding-right: 0;
}

.right-align {
    text-align: right;
    padding-right: 0;
}

.col-xs-2.left-label.weekly {
    padding-top: 7px;
}

.col-xs-4.content {
    padding-right: 0;
}

.datepicker.scheduler {
    width: 100%;
    display: -webkit-box;
}

.scheduler-width-fill {
    width: 100%;
}

.timepicker-scheduler {
    width: 140px;
    display: -webkit-inline-box
}

.weekdaySelector span {
    display: inline-grid;
    padding-left: 9px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

.scheduler-top-padding {
    padding-top: 5px;
}

.weekdaySelector input {
    margin-top: 0;
}

.col-xs-4.leftFiller {
    padding-left: 35px
}

.col-xs-4.large-leftFiller {
    padding-left: 50px
}

.scheduler-email-headers {
    margin-bottom: 10px;
}

.scheduler-email-body {
    margin-bottom: 0;
    font-size: 14px;
}

.scheduler-email-fill {
    width: -webkit-fill-available;
    font-size: 14px;
}

.scheduler-collapse-arrows {
    float: right;
}

.modal-footer.scheduler {
    padding-top: 0;
    padding-right: 35px
}

.scheduler-reports-table {
    max-width: 400px;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =============================================================================
   PAGES
   ========================================================================== */

/* =============================================================================
   Bootstrap overrides
   ========================================================================== */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    cursor: default;
}

.dropdown-menu {
    z-index: 210180;
}
/* =============================================================================
   File upload
   ========================================================================== */
.nv-file-over {
    border: 1px dashed #949494;
}

    .nv-file-over .uploader-message {
        display: initial;
    }

.uploader-message {
    display: none;
}

.attachments {
    font-size: 14px;
    line-height: 17px;
}

    .attachments ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .attachments ul li {
            margin: 4px 0;
        }

            .attachments ul li:first-child {
                margin-top: 17px;
            }

    .attachments .attachment-item {
        display: inline-block;
        text-decoration: none;
        color: #1e1e1e;
    }

        .attachments .attachment-item .item-title {
            font-weight: 500;
        }

        .attachments .attachment-item .fa {
            color: #afafaf;
        }

    .attachments a.attachment-item {
        cursor: pointer;
    }

        .attachments a.attachment-item:hover .item-title {
            text-decoration: underline;
        }

.attachments-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 17px;
}

    .attachments-list .sortable {
        cursor: all-scroll;
    }

    .attachments-list .item {
        margin: 0;
        position: relative;
        background: #f0f0f0;
        padding: 6px 10px 7px;
        overflow: hidden;
    }

    .attachments-list .item-title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-weight: 500;
    }

        .attachments-list .item-title > .fa {
            color: #afafaf;
            margin: 0 5px 0 0;
        }

        .attachments-list .item-title > .dark {
            color: #000000;
            margin: 0 5px 0 0;
        }

.btn-remove-newform {
    padding-top: 6px;
}

.attachments-list .btn-remove {
    border: 0 !important;
    padding: 0 !important;
    background: none !important;
    margin: -15px 0 !important;
    height: 30px !important;
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: normal;
    width: 30px;
    color: #b1b1b1;
    transition: color 500ms;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .attachments-list .btn-remove:hover {
        color: #656565;
    }

.ui-select-match .btn {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    padding: 3px 30px 3px 8px;
}

    .ui-select-match .btn .caret {
        z-index: 2;
        border-color: #fff transparent;
        right: 9px;
    }

    .ui-select-match .btn:after {
        z-index: 1;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 25px;
        background: #53a0d4;
    }

    .ui-select-match .btn .ui-select-placeholder {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.ui-select-match .ui-select-match-text {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.ui-select-multiple .ui-select-match .btn:after {
    display: none;
}

.ui-select-multiple .ui-select-match .ui-select-match-close {
    z-index: 1;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    background: #53a0d4;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    color: transparent;
    text-align: center;
    text-shadow: none;
    overflow: hidden;
    text-indent: 100%;
}

    .ui-select-multiple .ui-select-match .ui-select-match-close:before {
        text-indent: 0;
        content: '×';
        position: absolute;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 18px;
        line-height: 1.214285714285714;
    }



.table-from-request {
    margin: 0;
}

.templates-from-request .modal-body .table-from-request {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -12px;
}

.table-from-request .table {
    font-size: 16px;
    line-height: 1.1875;
}

    .table-from-request .table td,
    .table-from-request .table th {
        padding: 9px 14px;
    }

    .table-from-request .table th {
        text-align: left;
        font-weight: normal;
        border-bottom: 1px solid #d7d7d7;
        font-size: 14px;
        line-height: 1.285714285714286;
    }

    .table-from-request .table td {
        border-top: 1px solid #f0f0f0;
    }

    .table-from-request .table tbody .cell-name {
        font-weight: bold;
    }

.table-from-request .cell-id {
    width: 1px;
}

.table-from-request .cell-name {
    width: 100%;
}

.table-from-request .cell-uploaded-by,
.table-from-request .cell-date-added {
    width: 1px;
    white-space: nowrap;
}

.btn-group-actions {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: opacity 500ms, visibility 500ms;
}

    .btn-group-actions.open {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        visibility: visible;
    }

    .btn-group-actions .dropdown-menu {
        padding: 0 10px;
        min-width: 240px;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
        border: 1px solid #f0f0f0;
        right: 50%;
        margin-right: -17px;
    }

        .btn-group-actions .dropdown-menu:before,
        .btn-group-actions .dropdown-menu:after {
            content: '';
            border-style: solid;
            position: absolute;
            right: 10px;
            bottom: 100%;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-top-width: 0 !important;
        }

        .btn-group-actions .dropdown-menu:before {
            border-color: #f0f0f0;
            border-width: 7px;
        }

        .btn-group-actions .dropdown-menu:after {
            content: '';
            border-color: #fff;
            border-width: 5px;
            margin-right: 2px;
        }

    .btn-group-actions .li {
        padding: 10px 0;
    }

        .btn-group-actions .li:not(:first-child) {
            border-top: 1px solid #d8d8d8;
        }

    .btn-group-actions .slide-checkbox {
        display: inline-block;
        margin: -5px 5px;
        margin-right: 0;
        vertical-align: top;
    }

        .btn-group-actions .slide-checkbox .checker {
            margin-right: 0;
        }

    .btn-group-actions .link {
        padding: 0;
        background: none !important;
    }

.te-table {
    position: relative;
    background: #fff;
}

.te-table__head {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.te-table__head-cell {
    display: table-cell;
    padding: 10px;
    text-transform: uppercase;
    height: 40px;
    font-size: 12px;
    line-height: 1.666666666666667;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

    .te-table__head-cell:first-child {
        border-left: 0;
    }

.te-table__group-title {
    padding: 10px 30px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    line-height: 1.428571428571429;
    font-weight: 500;
    text-transform: uppercase;
}

.te-table .cell-id {
    width: 100px;
    padding-left: 30px;
}

.te-table .cell-id-value {
    position: relative;
}

    .te-table .cell-id-value .fa {
        position: absolute;
        right: 100%;
        top: 50%;
        color: #afafaf;
        font-size: 18px;
        line-height: 20px;
        margin: -10px 2px;
        width: 20px;
        text-align: center;
    }

.te-table .cell-title {
    width: auto;
}

.te-table .cell-requestor {
    width: 230px;
}

.te-table .cell-requested {
    width: 230px;
}

.te-table .cell-total {
    width: 220px;
}

    .te-table .cell-total .label {
        margin-left: 10px;
    }

.te-task {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

    .te-task:hover .te-task__line .btn-group-actions {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        visibility: visible;
    }

    .te-task.open .te-task__info-cell {
        background: #f3f8fc;
    }

    .te-task.open .te-task__line .btn-group-actions {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        visibility: visible;
    }

    .te-task.failed .te-task__info-cell {
        background: #fcf2f3;
    }

    .te-task.failed .cell-total {
        color: #d0021b;
    }

    .te-task.editing .te-subtask {
        background: #f3f8fc;
    }

.te-task__line {
    position: relative;
}

    .te-task__line .more-actions {
        right: 30px;
    }

.te-task__info {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.te-task__info-cell {
    padding: 10px;
    display: table-cell;
    vertical-align: top;
    border-left: 1px solid transparent;
}

    .te-task__info-cell:first-child {
        border-left: 0;
    }

.te-task .label {
    padding: 0 7px 2px;
    letter-spacing: 0.1em;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .te-task .label.label-primary {
        color: #54a1d5;
        background: rgba(84,161,213,0.2);
    }

    .te-task .label.label-success {
        color: #7ed321;
        background: rgba(126,211,33,0.2);
    }

.te-subtask {
    padding: 0 30px 0 120px;
}

.te-subtask__title {
    padding: 10px 0;
}

.te-subtask__line {
    position: relative;
    border-top: 1px solid #f0f0f0;
}

    .te-subtask__line:hover .btn-group-actions {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        visibility: visible;
    }

.te-subtask__row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.te-subtask__cell {
    padding: 10px;
    display: table-cell;
    border-left: 1px solid transparent;
    vertical-align: top;
}

    .te-subtask__cell:first-child {
        border-left: 0;
    }

    .te-subtask__cell.cell-total {
        width: 190px;
    }

.te-subtask__cell-info {
    display: inline-table;
}

    .te-subtask__cell-info .row {
        display: table-row;
    }

    .te-subtask__cell-info .dtcell {
        vertical-align: top;
    }

        .te-subtask__cell-info .dtcell.th {
            color: #909090;
            padding-right: 10px;
        }

.te-subtask__add-entry {
    display: block;
    border-top: 1px solid #f0f0f0;
    padding: 5px 15px;
}

    .te-subtask__add-entry a {
        display: inline-block;
        padding: 5px;
        font-weight: normal;
    }

.te-subtask .cell-date {
    width: 110px;
    text-align: center;
}

.te-subtask .cell-text {
    width: 100%;
}

.te-subtask .cell-info {
    width: 140px;
}

.te-subtask .cell-status {
    width: 180px;
}

.te-subtask .user-name {
    font-size: 14px;
    line-height: 1.428571428571429;
    margin: 0;
    font-weight: normal;
}

.te-subtask .text {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    color: #909090;
}

/*
================== Froala Editor
*/
.boxonly-editor .gray-theme.fr-box.fr-basic.fr-top {
    border: 1px solid #d8d8d8;
}

/*
======== Recurring tasks
*/
.recurring-task-container {
    min-height: 110px;
}

.recurring-request-modal-content .modal-body {
    height: auto;
}

.scheduled-reports {
    width: 1040px;
}

.scheduled-reports-modal-content .row,
.recurring-request-modal-content .row {
    margin-bottom: 15px;
}

    .scheduled-reports-modal-content .row.with-checker {
        line-height: 28px;
    }

        .scheduled-reports-modal-content .row.with-checker .slide-checkbox {
            padding-left: 15px;
        }

    .scheduled-reports-modal-content .row .col-xs-10,
    .recurring-request-modal-content .row .col-xs-10 {
        padding-right: 0px;
    }

.scheduled-reports-modal-content input[type=text],
.recurring-request-modal-content input[type=text] {
    width: 100%;
}

.scheduled-reports-modal-content textarea,
.recurring-request-modal-content textarea {
    font-size: 14px;
}

.scheduled-reports-modal-content .separator,
.recurring-request-modal-content .separator {
    height: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

.scheduled-reports-modal-content .quest-warning,
.scheduled-reports-modal-content .quest-error,
.recurring-request-modal-content .quest-error {
    position: absolute;
    font-weight: normal;
    font-size: 0.9em;
    width: 300px;
    margin-top: 2px;
}

.email-issues-logo {
    font-size: 50px;
    color: #f9ea1f;
    width: 100%;
    height: 100%;
    line-height: 80px;
}

.timezone-picker {
    max-width: 115px;
}

.no-left-padding {
    padding-left: 0px;
}

.no-right-padding {
    padding-right: 0px;
}

.right-padding-15 {
    padding-right: 15px;
}

.recurring-description-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 400px;
}

.comment-temaplate-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 330px;
}