/*Styles for Login Page*/
body {
    --bc-primary-1: #0B2361;
    --bc-primary-2: #2141A6;
    --bc-primary-3: #327ab7;
    --bc-primary-4: #004a92;
    --bc-primary-5: #000000;
    --bg-primary-6: #327ab7;
    --bg-white: #ffffff;
    --bg-body: #f3f7fa;
    --bg-primary-dark: #2196F3;
    --bg-primary-dark-1: #1b5e9d;
    --bg-default: #FAFAFA;
    --bg-default-1: #eee;
    --bg-subtle-6: #EAE7F8;
    --bg-danger-dark: #ff5a5a;
    --txt-default: #415A70;
    --txt-muted: #66788A;
    --txt-dark-heading: #084B8A;
    --txt-success: #00783E;
    --txt-warning: #95591E;
    --txt-danger: #BF0E08;
    --txt-info: #1070CA;
    --txt-primary-1: #0079C4;
    --txt-primary-2: #4f81b3;
    --btn-primary: #327ab7;
    --btn-secondary: #e5e5e5;
    --txt-muted-1: #6a6a6a;
    --panel-border: #cccccc;
    --input-border: #dee2e5;
    --panel-bg: #f9f9f9;
    --txt-error: #ff5a5a;
    --active-span: #67cbb1;
    --inactive-span: #fddede;
    --inactive-span-color: #c82c79;
    --table-text: #333333;
    --active-border: #f2ad2e;
}

body {
    font-size: 13px;
    color: #555;
}
/*internet explorer scroll bar start*/
body {
    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border-radius: 10px;
    opacity: 0.1;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }
/*Code for custom scroll bar end*/
/*styleguide css starts*/
.custom-heading-2 {
    font-weight: bold;
    font-size: 15px;
    margin-top: 0;
}

.custom-heading-3 {
    font-size: 20px;
    line-height: 18px;
    color: #0079C4;
    padding: 0 0 0 10px;
    margin: 12px 0 8px 0;
    font-family: 'Heebo-Medium', sans-serif;
}

.custom-login-heading-1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    margin-top: 20px;
    line-height: 1.1;
}

.custom-login-logo {
    margin: 20px 0 10px 0;
}

.custom-login-label {
    color: #0583FF;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.custom-login-input {
    font-size: 14px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 34px;
}

    .custom-login-input:focus {
        border-bottom: 1px solid #0583FF;
        box-shadow: none;
    }

.custom-login-select {
    font-size: 14px;
}

.custom-margin-paragraph {
    margin-bottom: 10px;
}

.mt-20 {
    margin-top: 20px !important;
}

.custom-login-btn {
    border-radius: 25px;
    min-width: 210px;
    background: #0583FF;
    padding: 10px;
    margin: 0;
    outline: none;
    border: none;
    font-size: 14px;
}

.custom-login-submit {
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 3px;
    background-color: #0069d9 !important;
}

.custom-login-forgot {
    color: #0583FF;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 14px;
}

.custom-support-text {
    font-size: 15px;
    color: #575757;
    font-weight: 500;
    display: block;
    margin-bottom: 14px;
}

.custom-margin-top-10 {
    margin-top: 10px;
}

.custom-login-footer-menu {
    margin-bottom: 10px;
    padding-left: 0;
    bottom: 0;
}

    .custom-login-footer-menu li {
        display: inline-block;
        border-right: 1px solid white;
        padding: 0 10px;
        line-height: 15px;
    }

        .custom-login-footer-menu li:nth-child(5) {
            border-right: none;
        }

        .custom-login-footer-menu li a, .custom-login-footer-menu li a:link, .custom-login-footer-menu li a:visited, .custom-login-footer-menu li a:hover {
            color: #fff;
        }

        .custom-login-footer-menu li:last-child img {
            position: absolute;
            top: -65px;
            right: 15px;
        }

.custom-login-copyrights {
    color: #fff;
    text-align: right;
    margin-bottom: 0;
    margin-right: 30px;
}

.loginimg1 p, .loginimg2 p, .loginimg3 p {
    height: 200px;
    background-position: inherit;
}

.loginimg1 p {
    background: url(../images/login/loginimg1.svg) no-repeat;
}

.loginimg2 p {
    background: url(../images/login/loginimg2.svg) no-repeat;
}

.loginimg3 p {
    background: url(../images/login/loginimg3.svg) no-repeat;
}

.login-header {
    background: url('../images/login/loginbg.svg') no-repeat center center;
}

.login-top-container {
    background: #0583FF;
    padding-top: 15px;
}

.login-header .secondary-text {
    color: #fff;
    font-size: 16px;
}

.login-outer-container {
    background: #0583FF;
}

.login-bottom-container h2, .login-bottom-container p {
    color: #414242;
    line-height: 22px;
}

.login-bottom-container p {
    font-size: 15px;
    text-align: justify;
    font-weight: 500;
    margin-top: 15px;
}

.login-rtinner-container {
    background: #fff;
    padding: 10px 25px;
    border-radius: 30px;
    position: fixed;
    z-index: 2;
    box-shadow: 0px 2px 10px 0px #4890d6;
    right: 30px;
}

.login-box-container {
    padding: 0 0 20px 0;
}

.login-info-container {
    position: relative;
}

.login-error {
    color: #FA4747;
}

.login-info-icon {
    position: absolute;
    right: 0;
    top: 25px;
}

.login-info-icon-text {
    position: absolute;
    background: #B92B27;
    right: -5px;
    top: -5px;
    padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
}

    .login-info-icon-text:before {
        content: "";
        display: block;
        position: absolute;
        top: 22px;
        right: 2%;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #B92B27;
        transform: rotate(178deg);
    }

.pad-l0 {
    padding-left: 0;
}

.loginmodal .alert {
    background: #fff;
    padding: 0 !important;
    border: 0 !important;
}

.job-create .modal-header {
    height: 50px;
    padding: 0 !important;
    border: 0 !important;
    background-color: #4b4b4e;
}

h4.modal-title {
    line-height: 50px;
    color: #fff;
    font-size: 15px;
}

.label_ErrorMsg.errormge {
    color: #B92B27;
    font-weight: normal;
}

.login-container-top {
    padding-top: 30px;
}

.login-container-top {
    padding-top: 30px;
}

.login-container-bottom {
    padding-top: 40px;
}

.login_btn {
    padding-left: 15px !important;
    padding-right: 15px;
}

input.custom-popup-btn {
    border: 1px solid #ccc;
    font-size: 14px;
}
/*Code for Larger desktop screens*/
@media screen and (min-width: 1367px) {
    .login-rt-container .login-btn {
        margin-top: 50px;
    }

    .login-rtinner-container {
        padding: 30px 25px;
    }

    .login-info-container {
        padding: 5px 0;
    }

    .login-rt-container .forgot-pwd {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 1601px) {
    .login-rt-container .login-btn {
        margin-top: 50px;
    }

    .login-rtinner-container {
        padding: 70px 25px;
    }

    .login-info-container {
        padding: 5px 0;
    }

    .login-rt-container .forgot-pwd {
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 980px) {
    .custom-login-btn {
        min-width: 100%;
    }

    .custom-margin-paragraph {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
    .login-rtinner-container {
        position: relative;
        right: 0;
        top: 20px;
        flex: 0 0 90%;
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .copy-right-text {
        text-align: center;
        padding-left: 25px;
    }

    .footer-left-navmenu {
        padding: 0;
        position: relative;
        width: 100%;
        bottom: 0;
        padding-top: 30px;
        text-align: center;
    }

    .login-outer-container form#form_ID {
        width: 100%;
    }

    .login-rt-container {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .d-none-xs {
        display: none;
    }

    .col-sm-12.col-xs-12.fixed-bottom.p-0 {
        position: relative;
        width: 100%;
        bottom: 0;
        text-align: center;
        overflow: hidden;
    }

    .fixed-bottom .col-sm-6.col-xs-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    p.custom-login-copyrights {
        text-align: center;
        margin-right: 0;
    }

    a#scrollimage {
        display: none;
    }
    .login-bottom-container > .col-sm-8 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    div.loginmodal {
        width: 100% !important;
        z-index: 13;
        padding: 0 10px;
    }
    .loginmodal .modal-body {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .loginmodal .modal-footer {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
}
.login-container-middle {
    padding-top: 30px;
}

.rrdloginimage {
    background: url(../images/rrd_logo.png) no-repeat;
    height: 39px;
    background-position: left center;
}

.scrollimage {
    background: url(../images/login/scrollimage.svg) no-repeat center center;
    width: 24px;
    height: 71px;
    border: none !important;
    position: relative;
}

    .scrollimage a {
        padding: 30px 15px;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 0;
    }

div.loginmodal {
    position: absolute;
    width: 490px;
    height: 190px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loginmodal .modal-body p span {
    font-size: 14px;
}
/*Login css completed*/
/*Master layout css starts*/
.custom-metrics-header {
    margin: 0px;
    padding: 15px 0 5px 0;
    background: #fff;
    position: relative;
}

.custom-metrics-logo {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    width: 100px;
}

.custom-client-logo {
    padding-left: 10px;
    width: 85px;
}

.custom-search-icon {
    z-index: 9;
    position: absolute;
    background: transparent;
    padding-left: 5px;
    padding-top: 5px;
    left: 0;
}

.custom-search-menu-btn {
    z-index: 9;
    position: absolute;
    background: transparent;
    padding-left: 5px;
    padding-top: 5px;
    left: 0;
}

.custom-search-menu-input {
    padding-left: 30px;
    background-color: #f4f4f4 !important;
    height: 34px;
}

    .custom-search-menu-input:focus {
        box-shadow: none !important;
    }

button:focus {
    box-shadow: none !important;
}

.custom-advanced-search-icon {
    padding: 0 12px;
}

.custom-input-group {
    background-color: #f4f4f4 !important;
    padding: 0;
}

nav.custom-metrics-navbar .navbar-custom-menu > ul li {
    float: left;
    list-style: none;
}

li.messages-menu > a {
    padding: 5px 15px 15px 15px;
}

    li.messages-menu > a.dropdown-toggle::after {
        display: none;
    }

    li.messages-menu > a span.label {
        position: absolute;
        top: -5px;
        right: 2px;
        text-align: center;
        font-size: 11px;
        padding: 4px 6px;
        line-height: .9;
        color: #fff;
        border-radius: 3px;
        background-color: #323759 !important;
    }

.custom-user-menu {
    min-width: 159px;
    padding-left: 15px;
}

.custom-user-profile-menu {
    float: right;
    padding-right: 15px;
    cursor: pointer;
}

.custom-user-details-secondary {
    width: 300px;
    position: absolute;
    right: 0;
    left: auto;
    padding: 0 0 0 0;
    margin: 7px 0 0 0;
    top: 100%;
}

.chart-inline {
    background-color: #e2e5e9;
    padding: 0 15px 20px 15px;
}

.custom-username-details-main {
    max-width: 113px;
    word-wrap: break-word;
    font-size: 11px;
    float: left;
}

span.user_name {
    width: 104px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif !important;
}

.custom-username-image {
    float: left;
    position: relative;
}

.custom-username-image {
    float: left;
    position: relative;
}

.custom-user-image {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-top: -2px;
    padding: 0px;
}

.custom-user-status {
    height: 10px;
    width: 10px;
    background: #42E190;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: -5px;
}

.custom-user-details-secondary li {
    position: relative;
    padding: 5px 0;
    clear: both;
    float: left;
    width: 100%;
}

.custom-user-menu > .dropdown-menu > li.headers {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 0;
    clear: both;
    border-bottom: 1px solid #f4f4f4;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    float: left;
    width: 100%;
}

.custom-user-details-secondary div.dropdown:last-child {
    margin-left: -5px;
    width: 51%;
}

.dropdown .custom-select-dpm, .custom-select-dpm.form-control[disabled], .dropdown .custom-select-dpm.form-control {
    background: #323759;
    color: #fff;
    font-weight: normal;
    border-radius: 0;
}

.dropdown .custom-select-dpms.form-control[disabled], .dropdown .custom-select-dpms.form-control {
    background: #F47920 !important;
    color: #fff;
    font-weight: normal;
    border-radius: 0;
}

.custom-user-menu > .dropdown-menu > li .menu {
    max-height: 280px;
    margin: 0;
    padding: 0 0 10px 10px;
    list-style: none;
    overflow-x: hidden;
}

.navbar-nav > .custom-user-menu > .dropdown-menu > li .menu > li:hover, .navbar-nav > .custom-user-menu > .dropdown-menu > li .menu > li.active {
    background: #f4f4f4;
    text-decoration: none;
}

.profile-box li > span.last {
    float: left;
}

.profile-box .logout-text-last {
    float: left;
    width: 90%;
    padding-left: 10px;
}

.custom-user-details-secondary a:hover {
    text-decoration: none;
}

.custom-user-menu .dropdown {
    width: 49%;
    display: inline-block;
    border-radius: 0;
}

.profile-box li > span.last {
    float: left;
}

.profile-iconset {
    fill: #323759;
}

.profile-box .logout-text-last {
    float: left;
    width: 90%;
    padding-left: 10px;
    color: #212529;
}

nav.custom-metrics-navbar .navbar-custom-menu > ul li .dropdown-toggle::after {
    display: none;
}

.custom-username-details {
    font-size: 11px;
    float: left;
    margin-right: 23px;
}

.dropdown-toggle p.custom-username-image {
    margin-left: 7px;
    margin-top: 7px;
}

.dropdown-toggle span.user_name strong span {
    margin-left: 5px;
    margin-top: 5px;
    display: block;
}

.dropdown-menu > li .menu > li:hover {
    background: #f4f4f4;
    text-decoration: none;
}

.dropdown-menu > li .menu > li {
    display: block;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

.custom-user-menu .menu li i {
    font-size: 22px;
}

.profile-iconset-orange {
    fill: #F47920;
}

.clock-menu p:first-child {
    padding: 3px 8px;
    display: inline-block;
    border-radius: 7px;
    margin-bottom: 0;
    border: 1px solid #323759;
    background-color: #323759 !important;
}

.clock-menu p.clock-arrow {
    line-height: 43px;
    height: 43px;
    padding: 0 5px !important;
    position: relative;
    top: -10px;
    background: #E5E5E5;
    left: 5px;
    display: inline-block !important;
    margin-bottom: 0;
}

.clock-menu > .dropdown-menu {
    width: 250px;
    padding: 0 0 0 0;
    margin: 7px 0 0 0;
    top: 100%;
    left: auto;
    right: 0 !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.navbar-custom-menu ul {
    margin: 0;
    padding: 0;
}

.clock-menu > .dropdown-menu > li .menu {
    max-height: 280px;
    margin: 0;
    padding: 0 0 10px 10px;
    list-style: none;
    overflow-x: hidden;
}

.RunningClock img {
    margin-right: 10px;
    border-radius: 5px;
    width: 18px;
    height: 18px;
}

.custom-advancedsearch {
    background: #fff;
    border: 1px solid #e0dede;
    position: absolute;
    padding: 10px;
    z-index: 10;
    border-radius: 5px;
    max-height: 400px;
    overflow: auto;
    width: 96%;
    display: none;
}

    .custom-advancedsearch .form-control {
        height: 34px;
    }

    .custom-advancedsearch label {
        font-weight: 700;
        color: #555;
    }

.custom-advancesearch-btn {
    background-color: #323759;
}

.notification-dropdown {
    width: 250px;
    padding: 0 0 0 0;
    margin: 7px 0 0 0;
    top: 100%;
}

    .notification-dropdown > li.headers {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #ffffff;
        padding: 7px 10px;
        border-bottom: 1px solid #f4f4f4;
        font-size: 14px;
        width: 100%;
    }

        .notification-dropdown > li.headers a {
            color: inherit;
            font-size: 12px;
            text-align: right;
            padding: 0;
        }

    .notification-dropdown > li .menu {
        max-height: 280px;
        margin: 0;
        padding: 0 0 10px 10px;
        list-style: none;
        overflow-x: hidden;
    }

.custom-metrics-nav {
    background-color: #323759;
    margin-bottom: 8px;
}

    .custom-metrics-nav a.nav-link {
        color: #fff;
        padding: 13px 0 !important;
        font-weight: bold;
        cursor: pointer;
    }

    .custom-metrics-nav li.nav-item {
        padding: 0 10px;
    }

.custom-submit-revision {
    margin-right: 10px;
    color: #fff;
    margin-top: 9px;
    padding: 2px 7px;
    background: #6C8AFF;
    border-color: #6C8AFF;
}

.custom-add-shortcut {
    background-color: #fff;
    padding: 2px 7px;
    margin-top: 9px;
}

.add-shortcut-list li {
    display: block;
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
    padding: 0 0px 0 0px;
    cursor: pointer;
    position: relative;
}

ul.add-shortcut-list.show {
    width: 250px;
}

.add-shortcut-list li a.dropdown-item {
    padding-left: 12px;
}

.custom-sub-header-navigation li {
    padding: 3px 10px;
}

    .custom-sub-header-navigation li:first-child {
        border-left: 1px dotted #fff;
    }

.custom-submit-revision:hover, .custom-submit-revision:focus, .custom-submit-revision:active {
    background: #6C8AFF;
    border-color: #6C8AFF;
    color: #fff;
}

.range-change-container {
    background: #e2e5e9;
    width: 100%;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
}

    .range-change-container p {
        margin-bottom: 0;
        padding-top: 5px;
    }

        .range-change-container p span.active {
            border-bottom: 3px solid #4c4d4d;
            font-weight: bold;
        }

        .range-change-container p span {
            border-bottom: 3px solid #9e9e9e;
            display: inline-block;
            padding: 5px 15px 3px 0px;
            cursor: pointer;
        }

.chartinner-container .chart-view {
    padding: 0 15px 15px 15px;
    background-color: #e2e5e9;
}

.chart-view-inner {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

    .chart-view-inner h3 {
        font-weight: bold;
        padding: 15px 0 0 15px;
        font-size: 15px;
    }

.owl-carousel .owl-item .custom-dashboard-image {
    width: 40%;
    margin: 0 auto;
}

.custom-slider-head {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.custom-slider {
    box-shadow: 1px 4px 8px #ddd;
    border: 1px solid #ddd;
    padding: 40px 20px;
    border-radius: 6px;
}

.custom-dashboard-slider {
    margin-top: 24px;
}

    .custom-dashboard-slider .owl-nav {
        position: absolute;
        width: 100%;
        top: 28%;
    }

    .custom-dashboard-slider .owl-carousel .owl-nav button.owl-prev, .custom-dashboard-slider .owl-carousel .owl-nav button.owl-next {
        background-color: #f2f2f2;
        padding: 15px 5px !important;
    }

    .custom-dashboard-slider .owl-carousel .owl-nav button.owl-next {
        float: right;
    }

        .custom-dashboard-slider .owl-carousel .owl-nav button.owl-prev:focus, .custom-dashboard-slider .owl-carousel .owl-nav button.owl-next:focus {
            outline: none;
        }

    .custom-dashboard-slider .owl-nav button.owl-prev i.fa, .custom-dashboard-slider .owl-nav button.owl-next i.fa {
        font-size: 65px;
        color: #414242;
    }

.custom-actions-panel1 .custom-info-box {
    background: #263b7a;
}

.custom-actions-panel2 .custom-info-box {
    background: #f48665;
}

.custom-actions-panel3 .custom-info-box {
    background: #6c6de3;
}

.custom-actions-panel4 .custom-info-box {
    background: #26c2b6;
}

.custom-info-box {
    display: block;
    min-height: 90px;
    width: 100%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    border-radius: 2px;
    margin-bottom: 15px;
    color: #fff;
    padding: 10px 0 10px 15px;
    cursor: pointer;
}

.custom-info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 80px;
    text-align: center;
    line-height: 70px;
}

.custom-info-box-content {
    padding: 5px 10px;
    margin-left: 40px;
    padding-top: 20px;
}

.custom-info-box-text {
    display: block;
    font-size: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: bold;
}

.custom-info-box-number {
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.custom-actions-table {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

.chart-view-inner img {
    width: 100%;
}

.custom-actions-table .table td {
    border-top: none;
    padding: 10px 10px;
    vertical-align: middle;
    text-align: center;
}

.custom-actions-table .table thead th {
    border: none;
    padding: 5px 10px;
    text-align: center;
}

a.custom-projectid {
    color: #04aeef;
    font-weight: bold;
}

span.custom-projectspan {
    color: #04aeef;
    font-weight: bold;
}

.custom-status-completed {
    color: #2cb993;
    background-color: #defdf5;
    display: inline-block;
    padding: 1px 5px;
    width: 74px;
}

.custom-status-onhold {
    color: #e02c28;
    background-color: #f1b9bc;
    display: inline-block;
    padding: 1px 5px;
    width: 74px;
}

.custom-btn-theme-download {
    background-color: #6c8aff;
    color: #fff;
    width: 97px;
    padding: 3px 0;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

    .custom-btn-theme-download:hover, .custom-btn-resolve-download:hover, .custom-btn-gray-download:hover {
        color: #fff;
    }

.custom-btn-resolve-download {
    background-color: #f47920;
    color: #fff;
    width: 97px;
    padding: 3px 0;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

.custom-btn-gray-download {
    background-color: #8c8fa3;
    color: #fff;
    width: 97px;
    padding: 3px 0;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

.custom-info-boxs {
    display: block;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 10%);
    border-radius: 2px;
    margin-bottom: 10px;
}

.custom-info-box-icons {
    display: block;
    float: left;
    width: 80px;
    text-align: center;
    font-size: inherit;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-info-boxs .custom-info-box-icons.box-icons1 {
    background-color: #d83b00 !important;
}

.custom-info-boxs .custom-info-box-icons.box-icons2 {
    background-color: #f47920 !important;
}

.custom-info-boxs .custom-info-box-icons.box-icons3 {
    background-color: #6c8aff !important;
}

.custom-info-boxs .custom-info-box-icons.box-icons4 {
    background-color: #d83b00 !important;
}

.custom-info-box-contents {
    padding: 6px 10px;
    margin-left: 90px;
}

.custom-info-box-texts, .progress-descriptions {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.custom-info-boxs .progress {
    background: rgba(0,0,0,.2);
    height: 13px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.upcoming-deliveries {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

.custom-jobs-right-panel {
    padding: 0 0 15px 0;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 18%);
}

    .custom-jobs-right-panel .nav-tabs {
        background: #e9e9e9;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

        .custom-jobs-right-panel .nav-tabs li {
            width: 50%;
            border-bottom: 1px solid #e6e6e6;
            position: relative;
        }

            .custom-jobs-right-panel .nav-tabs li a {
                border-radius: 10px;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border: none;
                color: inherit;
                font-weight: bold;
                font-size: 15px;
                padding: 10px 5px !important;
                text-align: center;
                cursor: pointer !important;
                display: block;
            }

            .custom-jobs-right-panel .nav-tabs li.active a {
                background-color: #fff;
            }

span.custom-expand-icon {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 10px;
    right: 8px;
}

    span.custom-expand-icon img {
        width: 100%;
    }

span.custom-required {
    color: #e02c28;
    font-size: 14px;
}

.quick-job-creation select.form-control {
    height: 34px;
    padding: 0px 6px;
    font-size: 14px;
}

.quick-job-creation input.form-control {
    height: 34px;
    padding: 0px 6px;
    font-size: 14px;
}

span.info-circle-icon {
    font-size: 14px;
}

.custom-filename-box ul {
    margin: 0;
    padding: 0;
}

    .custom-filename-box ul li {
        list-style: none;
        display: inline-block;
    }

span.custom-file-name-text {
    display: block;
    font-size: 15px;
    line-height: 17px;
}

.custom-filename-box ul li img {
    vertical-align: baseline;
}

.custom-filename-box ul {
    margin: 0;
    background-color: #fbfcfd;
    border: 1px solid #d1d6dd;
    display: inline-block;
    border-radius: 6px;
    padding: 3px 6px;
}

span.custom-file-delete {
    position: relative;
    display: block;
    margin: 0 0 0 10px;
    top: -8px;
}

.custom-filename-box ul:first-child {
    margin-right: 23px;
}

#dvbtnfiles {
    background: #fcfcfc;
    padding: 20px 0 0 0;
    border: 1px dashed #cac9c9;
    margin-top: 30px;
}

.ft-bold {
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.click-upload {
    position: absolute;
    left: 0;
    top: 2px;
    cursor: pointer;
    text-decoration: underline;
    z-index: 1;
    width: 130px;
    margin-left: 10px;
}

.imgHolder {
    position: relative;
}

#lblupload {
    display: inline-block;
}

#fUpload {
    opacity: 0;
    z-index: 999;
    width: 1px;
}

.upload-container {
    margin-left: 30px;
}

img#upload {
    width: 50px;
}

.btn-bgcolor {
    background-color: #323759;
    color: #fff;
}

.custom-jobs-right-panel .tab-content {
    margin-top: 15px;
}
/*Master layout css ends*/


/*manager dashboard css*/

.custom-project-hightlight {
    width: 360px;
    border: 1px solid rgb(2,155,60);
    display: table-cell;
    vertical-align: top;
}

.custom-project-chart {
    background-image: -moz-linear-gradient( 90deg, rgb(88,182,14) 0%, rgb(2,155,60) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(88,182,14) 0%, rgb(2,155,60) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(88,182,14) 0%, rgb(2,155,60) 100%);
    height: 280px;
}

.custom-chart-outer {
    width: auto;
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
}

.custom-chart-header {
    font-family: 'Heebo-Regular', sans-serif;
    display: block;
    width: 100%;
    height: 40px;
    float: left;
}

.custom-chart-title {
    font-family: 'Heebo-Regular', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding: 5px 0 0 0;
}

.custom-chart-table {
    width: 100%;
    display: table;
    border-spacing: 0px;
}

.total_project h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    font-weight: bold;
    margin: 5px 0;
}

.c-total {
    width: 24%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
}

.project_hightlight .c-total {
    width: 28%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
}

.c-legends {
    width: 100%;
    display: table-cell;
    padding: 0 0 0 10px;
}

.c-part1 {
    width: 33%;
    float: left;
    margin-bottom: 5px;
}

.c-total .c-title {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
}

.c-title {
    font-size: 11px;
    line-height: 14px;
}

.custom-chart-outer {
    width: auto;
}

    .custom-chart-outer.btm {
        border-spacing: 10px 0;
    }

.project_hightlight {
    vertical-align: top;
}

.job_trends .c-total {
    border: 0;
}

.total-resource-activity .c-part1 {
    width: 18%;
}

.total-resource-activity .pr {
    width: 28%;
}

.custom-project-chart .mainhead {
    color: #fff;
    font-size: 17px;
    margin: 0;
    padding: 5px 20px 20px 20px;
    text-align: center;
    font-weight: normal;
}

.custom-project-chart .subhead {
    color: #f9ce20;
    margin-bottom: 15px;
}

    .custom-project-chart .subhead .num {
        font-size: 38px;
        padding: 0 10px 0 5px;
    }

    .custom-project-chart .subhead .txt {
        font-size: 13px;
    }

.custom-project-chart .ct {
    margin: 0 30px 10px;
}

.custom-project-chart .ctt {
    border-top: 1px solid #7fcb82;
    padding: 2px 20px;
    float: left;
    width: 100%;
}

.custom-project-chart .ctt-last {
    border-bottom: 1px solid #7fcb82;
}

.custom-project-chart .ctt .lt {
    width: 65%;
    float: left;
}

.custom-project-chart .ctt .rt {
    width: 35%;
    float: left;
}

.custom-project-chart .ctt span {
    display: block;
    color: #fff;
}

.custom-project-chart .ctt .txt {
    font-size: 12px;
    color: #dcefd6;
    line-height: 18px;
}

.custom-project-chart .ctt .num {
    font-size: 15px;
    color: #f6fbf4;
}

.total_project {
    padding: 0px 10px 5px 10px;
}

.c-otd .c-total {
    width: 28%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
    margin: 0 5px 0 0;
}

.c-otd .c-part1 {
    width: 25%;
    float: left;
    margin-bottom: 5px;
}

.c-part1 .c-no {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold;
    padding: 10px 0 0 10px;
}

.c-total .c-no {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 10px 0 0 0;
}

.c-total {
    width: 28%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
    margin: 0 5px 0 0;
}

.c-part1 .c-title {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
    padding: 0 0 0 10px;
}

.job_trends {
    width: 360px;
    border: 1px solid rgb(2,115,188);
    display: table-cell;
    vertical-align: top;
}

.job_trends_chart {
    background-image: -moz-linear-gradient( 90deg, rgb(13,104,146) 0%, rgb(2,115,188) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(13,104,146) 0%, rgb(2,115,188) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(13,104,146) 0%, rgb(2,115,188) 100%);
    width: 100%;
    height: 280px;
}

#UtilizationDiv {
    height: 250px;
    width: 280px;
    margin: 0 auto;
}

.average_number {
    font-size: 23px;
    font-weight: bold;
}

.custom-no-records {
    text-align: center;
    padding: 30px;
    color: #fff;
}

.ops_project_hightlight {
    background-image: -moz-linear-gradient( 90deg, rgb(108,112,236) 0%, rgb(72,75,180) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(108,112,236) 0%, rgb(72,75,180) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(108,112,236) 0%, rgb(72,75,180) 100%);
}

.on_time_delivery_chart {
    background-image: -moz-linear-gradient( 90deg, rgb(160,100,212) 0%, rgb(127,37,208) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(160,100,212) 0%, rgb(127,37,208) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(160,100,212) 0%, rgb(127,37,208) 100%);
    width: 100%;
    height: 280px;
}

#OnTimeDeliveryDiv {
    height: 280px;
}

.highcharts-container {
    width: 280px !important;
    height: 250px !important;
    margin: 0 auto;
}

.on_time_delivery {
    width: 360px;
    border: 1px solid rgb(92, 95, 211);
    display: table-cell;
    vertical-align: top;
}

.highcharts-container svg.highcharts-root {
    width: 250px !important;
    height: 250px !important;
}

rect.highcharts-background {
    fill: transparent;
}

.highcharts-data-label-box {
    stroke-width: 0 !important;
}

.c-title {
    font-size: 11px;
    color: rgba(0,0,0,0.6);
    font-weight: bold;
}

.c-part1 .c-title {
    font-size: 11px;
    color: rgba(0,0,0,0.6);
    font-weight: bold;
    padding: 0 0 0 10px;
}

.Min_design {
    background: #7cb5ec;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.Mppt {
    background: #5f74d1;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.resource-chart {
    width: 360px;
    border: 1px solid rgb(135, 53, 209);
    vertical-align: top;
}

.ResourceActivity .c-total {
    width: 30%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ccc;
}

    .ResourceActivity .c-total .c-part1 {
        width: 50%;
    }

.MWFP {
    background: #ed2b94;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.MWFQ {
    background: #52caef;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.MWFB {
    background: #f9a883;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.custom-table-top-header {
    background: #f2f2f2;
    float: left;
    width: 100%;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #0079C4;
    margin: 0;
}

.custom-recently-received {
    height: 367px !important;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
}

    .custom-recently-received table tr th {
        background: #cce0e7;
        color: #255ec1;
        text-transform: capitalize;
        font-size: 12px;
        padding: 5px 8px 5px 8px;
        border-bottom: 1px solid #ccc;
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }

    .custom-recently-received table tbody tr td {
        padding: 5px 8px 5px 8px;
        border-bottom: 1px solid #ccc;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        font-size: 12px;
        width: 25%;
    }

.custom-table-left {
    padding-right: 35px;
}
/*Page not found css*/
.custom-pageoff-heading-1 {
    color: #dc3545;
    font-size: 95px;
    font-family: 'Heebo-Medium', sans-serif;
}

.custom-pageoff-heading-2 {
    font-size: 35px;
}

.page-not-section {
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 500px;
}
/*Not Authorized css*/
h1.custom-pageoff-heading-3 {
    color: #dc3545;
    text-transform: uppercase;
    font-family: 'Heebo-Medium', sans-serif;
}

.not-authorized {
    height: 88px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 1140px;
}

.custom-authoroff-text {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}
/*simple layout css starts*/
.custom-simple-layout {
    background-color: #f9fafc;
    padding: 10px 15px 20px 15px;
    margin: 0 -15px -15px -15px;
}

span.custom-layout-header-icon {
    font-size: 17px;
    margin-top: 3px;
}

p.custom-layout-header-text {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0;
    font-weight: bold;
}

span.custom-layout-header-btn {
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #c2cad1;
    padding: 1px 7px;
    color: #75818e;
    border-radius: 5px;
}

.custom-layout-panel {
    width: 100%;
    float: left;
    background-color: #fff;
    height: 644px;
    position: relative;
}

.custom-layout-panel-header {
    border-bottom: 1px solid #c2cad1;
    width: 100%;
    float: left;
    padding: 4px 12px 10px 11px;
}

.custom-layout-panel-content {
    width: 100%;
    float: left;
    padding: 0 12px;
}

button.custom-layout-btn {
    border: 1px solid #c2cad1;
    background-color: #f9fafc;
    padding: 4px 7px !important;
    font-size: 13px !important;
}

    button.custom-layout-btn:hover {
        background-color: #fff;
    }

.custom-layout-panel-content .btn-group {
    margin: 10px 0;
}

span.custom-btn-group-icons {
    color: #465dbf;
}

.custom-layout-panel-content .input-group input {
    background-color: #f9fafc;
    border-right: 0;
    border-color: #c2cad1;
}

.custom-layout-panel-content span.input-group-text {
    background-color: #f9fafc;
    border-left: 0;
    border-color: #c2cad1;
}

.custom-input-group-sec span.custom-layout-header-btn {
    padding: 2px 8px;
    font-size: 17px;
    background-color: #f9fafc;
}

.custom-input-group-sec .input-group {
    width: 87%;
    float: left;
}

.custom-caseid-sec {
    width: 100%;
    float: left;
    height: 505px;
    overflow: auto;
}

.custom-caseid-work {
    float: left;
    width: 100%;
    background-color: #f9fafc;
    border: 1px solid #c2cad1;
    border-radius: 3px;
    padding: 6px 6px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px #ddd;
    cursor: pointer;
}

    .custom-caseid-work:hover {
        border-color: #323759;
        border-left-width: 4px;
    }

span.custom-double-icons {
    display: block;
    float: left;
    width: 9px;
    visibility: hidden;
}

.custom-caseid-work:hover span.custom-double-icons {
    visibility: visible;
}

.custom-caseid-work p {
    float: left;
}

span.custom-single-icons {
    display: block;
    width: 9px;
    float: right;
}

span.custom-row-caseid {
    font-weight: bold;
    color: #38aaf4;
}

span.custom-row-caseid {
    font-weight: bold;
    color: #38aaf4;
    display: inline-block;
    padding-right: 7px;
    border-right: 1px solid #c2cad1;
    margin-left: 6px;
}

span.custom-row-caseidtxt {
    font-weight: bold;
    display: inline-block;
    margin-left: 8px;
}

.custom-caseid-sec ul {
    margin: 0;
    padding: 0;
}

    .custom-caseid-sec ul li {
        list-style: none;
    }

.custom-caseid-work-list {
    margin-left: 12px;
}

    .custom-caseid-work-list table th {
        color: #8f8f8f;
        font-weight: normal;
    }

    .custom-caseid-work-list table td {
        font-weight: bold;
    }

    .custom-caseid-work-list table {
        width: 100%;
    }

.custom-center-list {
    padding: 0 10px;
    border-left: 1px solid #c2cad1;
    border-right: 1px solid #c2cad1;
    margin: 0 10px;
}

ul.default-work-panel li {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

    ul.default-work-panel li span {
        color: #38aaf4
    }

ul.default-work-panel {
    margin: 4px 0 0 0;
    padding: 0;
}

button.source-files-btn {
    padding: 3px 9px;
    border-radius: 3px;
    border: 1px solid #c2cad1;
    font-weight: 500;
    background: #d9dee2;
    background: -moz-linear-gradient(top, #d9dee2 0%, #ffffff 1%, #f6f7f8 100%);
    background: -webkit-linear-gradient(top, #d9dee2 0%,#ffffff 1%,#f6f7f8 100%);
    background: linear-gradient(to bottom, #d9dee2 0%,#ffffff 1%,#f6f7f8 100%);
}

    button.source-files-btn:focus {
        outline: none;
    }

    button .source-files-btn span {
        display: inline-block;
        margin-left: 10px;
    }

    button.source-files-btn img {
        width: 17px;
        position: relative;
        bottom: 2px;
    }

.custom-select-property {
    height: 30px !important;
    border-radius: 2px;
    margin-bottom: 6px;
    border-color: #cccccc !important;
    padding: 4px 12px;
    font-size: 12px;
    background: #d9dee2;
    background: -moz-linear-gradient(top, #d9dee2 0%, #ffffff 1%, #f6f7f8 100%);
    background: -webkit-linear-gradient(top, #d9dee2 0%,#ffffff 1%,#f6f7f8 100%);
    background: linear-gradient(to bottom, #d9dee2 0%,#ffffff 1%,#f6f7f8 100%);
}

.custom-input-property {
    height: 30px !important;
    border-radius: 2px;
    margin-bottom: 6px;
    font-size: 12px;
}

.custom-layout-textarea {
    position: relative;
}

    .custom-layout-textarea textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #657889;
        font-size: 13px;
    }

.custom-layout-textarea textarea::-moz-placeholder { /* Firefox 19+ */
    color: #657889;
    font-size: 13px;
}

.custom-layout-textarea textarea:-ms-input-placeholder { /* IE 10+ */
    color: #657889;
    font-size: 13px;
}

.custom-position-absolute {
    position: absolute;
    z-index: 1;
}

.custom-alignment {
    right: 10px;
    bottom: 4px;
}

.custom-layout-textarea textarea.form-control {
    height: 120px;
}

.custom-padding-size {
    padding: 20px 80px 0 30px;
}

.custom-theme-bgcolor {
    background-color: #323759;
    color: #fff;
}

p.custom-memeber-list {
    position: relative;
    float: right;
    right: 9px;
}

span.custom-memeber-img {
    display: block;
    width: 30px;
    float: left;
    position: absolute;
    right: 0;
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    text-align: center;
}

    span.custom-memeber-img img {
        width: 100%;
    }

.custom-theme-bgcolor i {
    color: #fff;
}

span.custom-memeber-img span {
    font-weight: bold;
    color: #fff;
    font-size: 17px;
    margin-top: 3px;
    display: block;
}

.custom-theme-bg {
    right: 80px;
    background-color: #323759;
}

p.members-profile {
    margin-bottom: 0;
}

    p.members-profile span {
        display: block;
        width: 34px;
    }

        p.members-profile span img {
            max-width: 100%;
        }

.custom-members-list ul {
    padding: 0;
    margin: 0;
}
.custom-members-list {
    width: 100%;
    float: left;
}
.custom-members-list ul li {
    list-style: none;
    border-bottom: 1px solid #e6ebf1;
    padding: 10px 15px;
}

p.members-profile {
    margin-bottom: 0;
}

    p.members-profile span {
        display: block;
        width: 34px;
    }

        p.members-profile span img {
            max-width: 100%;
        }

.custom-listsfor-members p {
    margin-bottom: 0;
    font-weight: bold;
    white-space: nowrap;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

.custom-listsfor-members span {
    display: block;
    color: #8691ad;
    font-size: 14px;
}

.custom-listsdate-members p {
    margin-bottom: 3px;
    font-size: 14px;
    color: #8691ad;
}

span.custom-span-notification {
    display: block;
    background-color: #00cb72;
    color: #fff;
    padding: 1px 10px;
    border-radius: 3px;
    font-weight: bold;
}

.custom-textcolor-blue {
    color: #0066ff;
}

.custom-members-description {
    width: 100%;
    float: left;
    margin-top: 5px;
}

    .custom-members-description p {
        height: 53px;
        margin-bottom: 0;
        position: relative;
        overflow: hidden;
        font-size: 12px;
    }

        .custom-members-description p:after {
            content: "...";
            position: absolute;
            bottom: 0;
            right: 8px;
            font-size: 18px;
            display: none;
        }

.btn-custom-border {
    border: 1px solid #323759;
    padding: 2px 10px;
}

.custom-layout-panel-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #ddd;
    padding: 10px 0px;
}

.btn-custom-border {
    border: 1px solid #323759;
    padding: 2px 10px;
}

.btn-custom-createjob {
    background-color: #323759;
    color: #fff;
    padding: 2px 10px;
    margin: 0 15px 0 5px;
}

    .btn-custom-createjob:hover {
        color: #fff;
    }

span.custom-chat-icon.float-right {
    background-color: #323759;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
}

    span.custom-chat-icon.float-right i.fa.fa-paper-plane {
        color: #fff;
        font-size: 13px;
        display: inline-block;
        margin-top: 8px;
    }

.custom-shadow-chat {
    box-shadow: 3px 1px 5px #ddd;
}

.custom-chat-text {
    border: 0;
    width: 84%;
    height: 47px;
    padding: 14px 12px;
}
/*simple layout css ends*/