body {
    font-size: 14px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

a {
    color: #666666;
    transition: all .7s;
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
        color: #c43241;
        cursor: pointer;
    }

::-webkit-scrollbar {
    width: 6px;
    background-color: #ccc;
    height: 6px;
}

@media (min-width:500px) {
    ::-webkit-scrollbar {
        width: 10px;
        background-color: #ccc;
        height: 10px;
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #999;
}

::-moz-scrollbar {
    width: 10px;
    background-color: #ccc;
    height: 7px;
}

::-moz-scrollbar-thumb {
    border-radius: 10px;
    background-color: #999;
}

select::-ms-expand {
    display: none;
}

.btn {
    outline: none !important;
    box-shadow: none !important;
}

select {
    padding: 11px 50px 11px 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border: 0;
    color: #8ba2d4;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.form-control:focus {
    border: solid 1px #ccc;
}

textarea {
    resize: none !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    /*border-left: 0px;*/
}

.input-group .form-control:focus {
    border: solid 1px #ccc;
    /*border-left: 0px;*/
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #1e282c;
    border-left: 3px solid #ca2e3f !important;
}

.skin-blue .sidebar-menu > li > a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.skin-blue .sidebar-menu > li.header {
    color: #7C97B3 !important;
    background: #1a2226;
}

.textarea-fa .fa {
    position: absolute;
    top: 17px;
    line-height: 0px;
    left: 15px;
}

.panel {
    margin-bottom: 0;
    background: none;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
}

.panel-header {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .panel-header .panel-header-left {
        width: 50%;
        float: left;
    }

        .panel-header .panel-header-left h1 {
            color: #2a2d33;
            font-size: 30px;
            line-height: 45px;
            margin: 0px;
            padding: 0px;
            font-weight: 100;
            font-style: normal;
        }

            .panel-header .panel-header-left h1 span {
                color: #999999;
            }

    .panel-header .panel-header-right {
        width: 50%;
        float: left;
    }

        .panel-header .panel-header-right .view-part {
            width: 70%;
            font-weight: bold;
            color: #004887;
            float: left;
            background-color: #d7edf6;
            padding: 15px 0;
            border: solid 1px #00bde2;
            border-radius: 3px;
            text-align: center;
        }

            .panel-header .panel-header-right .view-part a {
                color: #004b8f;
                text-decoration: none;
            }

            .panel-header .panel-header-right .view-part em {
                text-decoration: underline;
                font-style: normal;
            }

                .panel-header .panel-header-right .view-part em:hover {
                    text-decoration: none;
                }

            .panel-header .panel-header-right .view-part a:hover {
                color: #d63345;
                text-decoration: none;
            }

            .panel-header .panel-header-right .view-part .color {
                color: #ca2e3f;
            }

            .panel-header .panel-header-right .view-part span {
                padding: 0 3px;
            }

.panel-body-border {
    border: solid 1px #ced0d4;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
}

.panel {
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

    .panel .panel-heading {
        padding: 0 14px;
        font-weight: bold;
        color: #333333;
        font-size: 15px;
        background-color: #f1f3f5;
        border-bottom: 1px solid rgba(208, 208, 208, 0.69);
        margin-bottom: 1px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

header.panel-heading h4 {
    font-size: 18px;
    margin: 15px 0 10px 0;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
}

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

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

.panel .devider {
    border-left: solid 1px #ced0d4;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
    min-height: 48px;
}

.panel .color-1 {
    color: #ff8b32 !important;
    padding: 12px 20px !important;
    font-weight: 500 !important;
}

    .panel .color-1 a {
        color: #ff8b32;
        text-decoration: none;
    }

        .panel .color-1 a:hover {
            color: #C1272D;
        }

.panel .panel-heading-title {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    padding: 0 15px;
    line-height: 31px;
}

a.dropdown-toggle {
    font-weight: 600;
}

.icon-form .btn-primary {
    background-color: #00558e;
    min-width: 110px;
    margin-right: 10px;
}

ul.dropdown-menu.dropdown-men-4:after {
    bottom: 100%;
    left: 96% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgb(227, 227, 227);
    border-width: 8px;
    margin-left: -10px;
}

.panel-heading-2 {
    border-bottom: 1px solid #E6E5E5;
    background-color: #f1f3f5;
    padding: 7px 0 8px 0;
    font-size: 15px;
}

    .panel-heading-2 .btn-group > .btn + .dropdown-toggle {
        padding-right: 0px;
        padding-left: 0px;
    }

    .panel-heading-2 .dropdown-menu {
        padding: 12px 5px 5px 10px;
    }

.bulk-action .fa.fa-commenting {
    padding-right: 14px !important;
}

.panel-heading-2 .dropdown-menu-exp {
    min-width: 180px;
}

.select-fields-scroll {
    height: 275px;
    overflow-y: scroll;
}

.panel-heading-2 .dropdown-menu .margin-label {
    margin: 0 0 8px 0 !important;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}

.select-fields:after {
    bottom: 99.5%;
    left: 70%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -7px;
}

.panel-heading-2 .bulk-action:after {
    left: 62% !important;
}

.panel-heading-2 .dropdown-menu:after {
    bottom: 99.5%;
    left: 56%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -7px;
}

.panel-heading-2 .sortby:after {
    bottom: 99.5%;
    left: 41%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -7px;
}

.panel-heading-2 .sortby:after {
    left: 41% !important;
}

.panel-heading-2 .bulk-action:after {
    left: 63% !important;
}

.panel-heading-2 .records:after {
    bottom: 99.5%;
    left: 81% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 7px;
    margin-left: -7px;
}

ul.dropdown-menu.records {
    text-align: center;
    min-width: 110px;
    padding: 15px 0 0 0;
}

.icon-form {
    padding: 15px;
}

.label-date {
    margin: -5px 0 0 0;
    float: left;
}

header.panel-heading h3 {
    font-size: 16px;
    margin: 15px 0 0 0;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
}

.panel-heading-2 .dropdown-menu .fa-edit:before,
.fa-pencil-square-o:before {
    padding-right: 0px !important;
}

.panel-heading-2 .fa.fa-plus {
    /*padding-right: 15px !important;*/
    margin-right: 0px;
    font-size: 15px;
}

.btn-group em {
    font-style: normal;
    padding-left: 5px;
    padding-right: 5px;
}

button.btn-group.btn.add-lead-btn {
    min-width: 125px !important;
    text-align: left;
}

button.btn-group.btn {
    margin-left: 0;
    background: #ca2e3f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border-left: solid 1px #a20404;
    min-height: 33px;
}

.addlead-content:after {
    bottom: 100%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.addlead:hover .addlead-content {
    display: block;
}

.add-new-spoc i.fa.fa-plus {
    margin-right: 6px;
    font-size: 9px;
}

.panel-heading-btn-group {
    float: left;
    padding-top: 12px;
    padding-right: 6px;
}

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

.add-lead-section {
    padding-right: 0px;
}

.btn {
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
}

span.caret.addlead {
    color: #fff;
    left: -11px;
    position: relative;
    top: 0;
}

.addlead {
    display: inline-block;
    left: -11px;
    position: relative;
    top: 0;
}

.addlead-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    left: -150px;
    top: 35px;
    z-index: 9;
    border-radius: 5px;
    cursor: pointer;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}

.content {
    min-height: 755px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
    background-color: #e3e3e3 !important;
}

.funnel-diagram {
    padding-top: 40px;
}

    .funnel-diagram ul {
        width: initial !important;
        margin: 0px;
        padding: 0px;
        float: left;
    }

.lead-indicators ul {
    width: auto !important;
    float: left;
    margin-right: 0px;
}

    .lead-indicators ul li {
        margin-bottom: 10px !important;
    }

.lead-indicators {
    float: left;
    color: #000;
    margin-left: 80px;
}

.lead-total-funnel {
    margin-top: -80px !important;
    margin-left: 100px !important;
}

.funnel-diagram ul li {
    margin: 0 auto;
    list-style: none;
}

.hvr-grow {
    display: block !important;
}

.funnel-diagram ul li.li1 {
    border-top: 23px solid #56c183;
    height: 0;
    margin-bottom: 2px;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    margin-left: 0px;
    width: 100px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li2 {
    border-top: 23px solid #ff9234;
    height: 0;
    margin-bottom: 2px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-left: 25px;
    width: 60px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li3 {
    border-top: 25px solid #9f6494;
    height: 0;
    margin-bottom: 0px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-left: 47px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li4 {
    border-top: 20px solid #9f6494;
    height: 0;
    margin-bottom: 2px;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li5 {
    border-top: 30px solid #46a8d7;
    height: 0;
    margin-bottom: 2px;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li6 {
    border-top: 20px solid #cacaca;
    height: 0;
    margin-bottom: 2px;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-bottom-left-radius: 100px !important;
    clear: both;
}

.lead-indicators ul li .indicators-clr-one {
    background-color: #56c183;
}

.lead-indicators ul li .indicators-clr-two {
    background-color: #ff9234;
}

.lead-indicators ul li .indicators-clr-three {
    background-color: #8d64a7;
}

.lead-indicators ul li .indicators-clr-four {
    background-color: #5699c7;
}

.lead-indicators ul li .indicators-clr-five {
    background-color: #cacaca;
}

.lead-indicators ul li span {
    width: 15px;
    height: 15px;
    background-color: #000;
    border-radius: 10px;
    float: left;
    margin-right: 23px;
    margin-top: 3px;
}

.dropbtn-spl {
    color: white;
    font-size: 14px !important;
    border: none;
    cursor: pointer;
    border-radius: unset !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.dropdown-spl {
    position: relative;
    display: inline-block;
}

.dropdown-content-spl {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 100000000;
    right: 0%;
    border-radius: 3px;
}

    .dropdown-content-spl:after {
        bottom: 99.5%;
        left: 94% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #FFFFFF;
        border-width: 7px;
        margin-left: -7px;
    }

    .dropdown-content-spl a {
        color: black;
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        font-weight: 400 !important;
        font-size: 14px;
    }

        .dropdown-content-spl a:hover {
            background-color: #f1f1f1;
        }

.dropdown-spl:hover .dropdown-content-spl {
    display: block;
}

.padding-6-8 {
    padding: 6px 8px !important;
}

ul.img-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.img-list li {
        width: 80px;
        height: 80px;
        display: inline-block;
        margin: 0 1em 1em 0;
        position: relative;
    }

span.text-content {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    display: table;
    left: 0;
    position: absolute;
    top: 0;
}

    span.text-content span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

span.text-content {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    display: table;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    border-radius: 100px;
    font-size: 11px;
}

ul.img-list li:hover span.text-content {
    opacity: 1;
    border-radius: 100px;
    font-weight: 900;
    text-decoration: underline;
}

ul.img-list img {
    width: 80px;
    height: 80px;
}

span.text-content {
    height: 80px;
    width: 80px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    cursor: pointer;
    display: table;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.progress-bar {
    background-color: #428BCA;
}

.progress-bar-success {
    background-color: #27c24c !important;
}

.progress-bar-info {
    background-color: #23b7e5 !important;
}

.progress-bar-warning {
    background-color: #fad733 !important;
}

.progress-bar-danger {
    background-color: #f05050 !important;
}

.progress-bar-warning-1 {
    background-color: #fb523e !important;
    width: 30% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-2 {
    background-color: #ff8b32 !important;
    width: 60% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-3 {
    background-color: #fb523e !important;
    width: 30% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-4 {
    background-color: #51b77d !important;
    width: 80% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-5 {
    background-color: #ff8b32 !important;
    width: 50% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-6 {
    background-color: #f2be4d;
    width: 70% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-7 {
    background-color: #85609e !important;
    width: 40% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-8 {
    background-color: #51b77d !important;
    width: 90% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-9 {
    background-color: #fb523e !important;
    width: 40% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-10 {
    background-color: #ff9234 !important;
    width: 70% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-11 {
    background-color: #85609e !important;
    width: 40% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-12 {
    background-color: #56c183 !important;
    width: 80% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#accordion .panel {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: -4px;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #dddddd;
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 15px;
    padding-left: 18px;
    font-weight: normal;
}

.modal-additional-width .file-custom.source-browse {
    width: 100%;
}

.panel-body-padding .fa-star-o {
    padding: 0 20px;
}

.panel-body-padding .fa-star {
    padding: 0 20px;
    color: #ecb54a;
}

.panel-body .span-color {
    font-size: 14px;
    color: #333333;
    font-weight: 700;
}

    .panel-body .span-color a {
        color: #333333;
        text-decoration: none;
    }

        .panel-body .span-color a:hover {
            color: #ca2e3f;
            text-decoration: none;
        }

        .panel-body .span-color a:focus {
            color: #ca2e3f !important;
            text-decoration: none;
        }

.handled-padding-left {
    padding-left: 40px;
}

.progress {
    height: 10px !important;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-margin-top {
    margin-top: 25px;
}

.add-doc .file-custom.source-browse {
    margin-left: 15px;
}

span.status-text {
    font-size: 12px;
    color: #666;
}

.user-table tr td {
    padding: 6px 15px !important;
    border: none !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: inherit !important;
}

.checkbox label,
.radio label {
    min-height: 15px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.pagination-main {
    text-align: center;
}

.footer-text {
    color: #999999;
    margin-bottom: 15px;
    text-align: center;
}

.panel-right {
    padding-right: 25px\0 !important;
    padding-right: 25px\9 !important;
    padding-right: 25px\10 !important;
}

a.handle {
    left: -68px\0 !important;
    left: -65px\9 !important;
    left: -65px\10 !important;
}

.panel-right .padding-1 .dropdown-menu {
    right: -11px !important;
    padding: 10px 15px 2px 15px;
    left: inherit !important;
}

    .panel-right .padding-1 .dropdown-menu:after {
        bottom: 100%;
        left: 87% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #FFFFFF;
        border-width: 8px;
        margin-left: -10px;
    }

.panel-right .padding-1 {
    padding: 3px 10px;
    background-color: #f4f4f4;
    border-radius: 5px;
    margin: 5px 0 20px 0;
    float: left;
    width: 100%;
}

    .panel-right .padding-1 .btn-group {
        width: 100%;
        float: left;
    }

    .panel-right .padding-1 .btn {
        background: none;
    }

.lead-total {
    position: relative;
    float: left;
    color: #666666;
    margin-top: -125px;
    margin-left: 60px;
}

.panel-right .h4-padding {
    padding: 0px !important;
}

.panel-right .navbar-nav {
    width: 100% !important;
    float: left;
    background-color: #f9f9f9;
    border-radius: 5px !important;
    margin-bottom: 20px;
    margin-top: 7px;
}

.pull-right {
    float: right !important;
}

.panel-right .navbar-nav a.dropdown-toggle.padding-1 {
    padding: 7px 15px;
    background-color: #f4f4f4;
    border-radius: 5px;
}

.panel-right .panel .panel-heading {
    padding: 0 0 10px 0;
    font-weight: 100;
    color: #666666;
    font-size: 16px;
    border-bottom: solid 1px #d0d0d0;
    background: none;
}

.lead-total span {
    font-size: 21px;
    margin: 0px;
    padding: 0px;
    font-weight: 100;
}

.lead-total h4 {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    color: #666666;
}

#svg {
    width: 100%;
    height: 210px;
    margin: 5px 0 0 -30px;
    padding: 0px;
}

.svg-sroll path {
    stroke-width: 23px !important;
}

#svg2 {
    width: 100%;
    height: 210px;
    margin: 5px 0 0 -30px;
    padding: 0px;
}

#svg3 {
    width: 100%;
    height: 210px;
    margin: 5px 0 0 -30px;
    padding: 0px;
}

#svg1 {
    width: 100%;
    height: 210px;
    margin: 5px 0 0 -30px;
    padding: 0px;
}

.modal-additional-width .modal-content {
    background-color: #efefef;
    overflow: hidden;
}

.profile-main {
    margin-top: -5px;
}

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

.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0px 0 0 0;
    -webkit-border-radius: 0px 0 0 0;
}

.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {
    color: #666666;
    background: #fff;
}

.modal-lead-section {
    float: none;
    margin: 0 auto;
    padding: 0px;
}

.modal-content .close:hover {
    cursor: pointer;
}

h3#myModalLabel {
    font-size: 18px;
    margin: 15px 0 0 0;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
}

.modal-additional-width {
    width: 800px;
}

.tab-nav {
    padding: 0 8%;
}

.input-group .input-group-addon {
    border-radius: 0;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon .fa {
    color: #cacaca;
}

.input-group-addon {
    padding: 6px 12px;
    min-width: 39px !important;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.btn.btn-primary {
    background-color: #00558e;
    min-width: 110px;
    color: #fff;
}

.btn.btn-default {
    /*background-color: #fafafa;
    border: solid 1px #CACACA;
    color: #666;*/
}

.popErrMsg {
    float: left;
    margin: 6px 0 3px 0;
    width: 100%;
    color: #ff9933;
}


    .popErrMsg em {
        color: #ff9933;
        font-size: 12px;
    }


.error-message {
    float: left;
    margin: 6px 0 3px 0;
    width: 100%;
    color: #ff9933;
}

    .error-message em {
        color: #ff9933;
        font-size: 12px;
    }

*/ .error-icon {
    margin-top: -35px;
    padding: 0px;
    color: #ff9933;
    position: absolute;
    z-index: 9;
    right: 10px;
}
/*Done By Amit Singh form PlaceHolder*/
input::placeholder {
    font-size: 13px;
}
/*Done By Amit Singh form PlaceHolder*/

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-width: 0 !important;
    border-radius: 0;
}

.nav-tabs {
    border-bottom: none !important;
}

.modal-content {
    width: 100%;
    border-radius: 3px;
    float: left;
    background-color: #eee !important;
}

.modal-additional-bg {
    background-color: #ececec !important;
}

.modal-footer {
    border-top: 0px solid #e5e5e5;
}

header.panel-heading h4 {
    font-size: 18px;
    margin: 15px 0 10px 0;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
}

.tab-two .tick-box {
    width: 100%;
    float: left;
    border-radius: 5px;
    box-shadow: black !important;
    padding: 5px 15px 7px 15px;
    -moz-box-shadow: 1px 1px 5px 1px #ccc;
    -webkit-box-shadow: 1px 1px 5px 1px #ccc;
    box-shadow: 1px 1px 5px 1px #ccc;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 110px;
}

    .tab-two .tick-box label.margin-label {
        width: 100%;
        font-weight: 100;
        font-size: 14px;
        padding-bottom: 5px;
    }

    .tab-two .tick-box label.margin-label {
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 5px;
        color: #666666;
    }

.row.search-section .form-control {
    border: 1px solid #ccc;
}

.tab-two .tick-box input.margin-input {
    float: left;
    margin-top: 4px !important;
    margin-right: 12px;
}

.row.search-section {
    margin-top: 15px;
}

.tab-two h6 {
    color: #333333;
    font-size: 15px;
    float: left;
    width: 100%;
    padding: 10px 0 13px 0;
    margin: 0px;
}

.search {
    margin-bottom: 15px;
    margin-bottom: 15px;
}

.margin-label {
    margin: 0 0 0 5px !important;
}

header.panel-heading h4 {
    font-size: 16px !important;
    margin: 15px 0 10px 0;
    font-style: normal;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #666666;
    line-height: 30px;
}

.tab-two h4 {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #666666 !important;
}

.tab-three {
    float: none;
    margin: 0 auto;
    padding-top: 0px;
}

.user-img-margin-left {
    margin-left: 40px;
}

.view-link {
    margin-top: -20px;
    border-bottom: 1px solid #c5c5c5;
    color: #003399;
    padding-bottom: 10px;
}

    .view-link a {
        font-size: 14px;
        font-weight: 600;
        color: #003399;
        text-decoration: none;
        padding: 0 10px;
    }

        .view-link a:hover {
            color: #C1272D;
            text-decoration: underline;
        }

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal-lead-section h4 {
    margin: 0 0 4px 0 !important;
}

.modal-body.modal-body-padiing {
    padding-top: 0px;
}

h3#myModalLabel {
    font-size: 18px;
    margin: 15px 0 0 0;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666666;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
}

.modal-body.add-doc {
    background-color: #fff;
    margin: 15px;
    margin: 15px 0;
    padding: 15px 0;
}

    .modal-body.add-doc ol {
        padding: 0px;
        margin: 0px;
        font-style: italic;
        font-size: 13px;
    }

    .modal-body.add-doc .file-custom::after {
        content: var(--CustomUploadDoc);
        font-weight: normal;
        color: #A2A2A2;
        padding-left: 0px;
        font-size: 14px;
    }

.modal-dialog .comment {
    background-color: #fff;
    margin: 15px;
    margin: 15px 0;
    padding: 15px 0;
}

.modal-dialog .pagination-text {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -10px;
    font-size: 14px;
}

.modal-dialog .comment hr {
    width: 96%;
    margin: 0 2% 10px 2%;
}

.modal-body.sahre-doc {
    background-color: #fff;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}

    .modal-body.sahre-doc h5 {
        color: #979797;
        font-size: 15px;
    }

    .modal-body.sahre-doc hr {
        float: left;
        display: block;
        width: 96%;
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .modal-body.sahre-doc ol {
        margin-bottom: 10px !important;
    }

    .modal-body.sahre-doc .doc-close a {
        font-weight: 600;
        color: red;
        font-size: 18px;
        float: right;
        margin-right: 25%;
    }

        .modal-body.sahre-doc .doc-close a:hover {
            color: #666666;
            text-decoration: none;
        }

.add-vender-overright {
    z-index: 99999;
}

.view-similar-header {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.view-similar-link a {
    color: #00558e;
    font-weight: 800;
    text-decoration: none;
}

    .view-similar-link a:hover {
        color: #c43241;
        text-decoration: underline;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    margin-bottom: -10px;
}

.panel-heading-view-similar {
    font-weight: 800;
}

.modal-body.sahre-doc .search-result-main {
    margin: 0 auto 20px auto;
    float: none;
    clear: both;
}

    .modal-body.sahre-doc .search-result-main .form-control {
        background-color: #f7f7f7;
    }

    .modal-body.sahre-doc .search-result-main button#search-btn {
        background-color: #f7f7f7;
        border: solid 1px #ccc;
    }

.modal-body.sahre-doc .input-group .form-control {
    border-radius: 0;
}

.modal-body.add-doc textarea:focus {
    outline: none !important;
}

.modal-body.add-doc .label-right {
    margin-bottom: 7px;
}

.modal-body.add-doc .progress-top {
    padding-top: 25px;
}

.modal-body.add-doc textarea:focus {
    border-bottom: 1px solid #c5c5c5;
}

.user-section {
    text-align: left;
}

.user-section {
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

.edit-lead .progress.progress-xs {
    margin-bottom: 0px;
    margin-top: 7px;
}

.progress-xs {
    height: 10px;
}

.edit-lead .fa-star:before {
    content: "\f005";
    color: #ff9933;
}

.user-section h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding: 0px !important;
    margin: 0px !important;
    text-transform: none !important;
}

ul.nav.nav-tabs.tab-additional a {
    border: 0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 600;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #dddddd;
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    text-align: left;
}

table.table.table-striped.user-table {
    background-color: #fff !important;
    margin-bottom: 0;
}

.table-striped td {
    font-size: 12px;
    color: #666666;
}

.table-sub td {
    text-align: center;
    font-size: 12px;
    color: #666666;
}

.table-sub .fa-edit:before,
.fa-pencil-square-o:before {
    padding-right: 10px;
}

.table-sub th {
    text-align: center;
    color: #666666;
    font-weight: 600 !important;
}

.tab-four {
    float: none;
    margin: 0 auto;
    padding-top: 20px;
    clear: both;
}

.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    float: left;
}

.file-custom {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 5;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    min-height: 37px;
}

    .file-custom::before {
        position: absolute;
        right: 0px;
        z-index: 6;
        top: 0px;
        display: block;
        height: 3.5rem;
        padding: .5rem 1rem;
        line-height: 1.5;
        color: #fff !important;
        content: var(--CustomBrowse);
        background-color: #00558e;
        border: 1px solid #ddd;
        border-radius: 0 .25rem .25rem 0;
        font-weight: 500;
    }

.hr-manager-edit-lead {
    display: none;
}

.file-custom::after {
    font-weight: normal;
    color: #A2A2A2;
    padding-left: 22px;
    font-size: 14px;
    line-height: 25px;
}

.input-group {
    border-left: 0px !important;
}

.tab-four .input-group-addon {
    padding: 6px 0px !important;
    min-width: 30px !important;
}

.input-group .input-group-addon {
    border-radius: 0;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tab-four .form-control {
    padding: 2px 0 0 3px;
}

.tab-four select {
    color: #A2A2A2;
}

.notes-article {
    margin-bottom: 15px;
    color: #999999;
}

    .notes-article img {
        float: left;
        width: 70px;
        margin-right: 10px;
        margin-top: 12px;
    }

    .notes-article p {
        text-align: justify;
    }

    .notes-article span {
        color: #666666;
    }

h4#myModalLabel {
    font-size: 16px;
    margin: 15px 0 0 0;
    font-style: normal;
    font-weight: 600;
    text-transform: initial;
    color: #666666;
    text-transform: uppercase;
}

.view_edit_pagination {
    font-size: 15px;
    font: 600;
    color: #666666;
    font-weight: bold;
    margin-top: 15px;
    z-index: 5;
    position: relative;
}

.view-edit-text-main {
    background-color: #fff;
    float: left;
    margin: 25PX 0;
    width: 100%;
    padding: 15px 0;
}

    .view-edit-text-main textarea {
        border: none;
        outline: none;
        width: 100%;
        color: #666;
    }

        .view-edit-text-main textarea:focus {
            outline: none !important;
        }

.text-center {
    text-align: center;
}

.row.text-center.edit-lead {
    margin-bottom: 25px;
}

.edit-lead-top {
    margin-top: 25px;
}

.preload a {
    font-size: 15px;
    text-transform: uppercase;
    color: #003399;
    text-decoration: underline;
    font-weight: 600;
}

    .preload a:hover {
        text-decoration: none;
        color: #c43136;
    }

.add-new-spoc {
    width: 100%;
    color: #003399;
    font-size: 14px;
    padding-bottom: 15px;
    float: left !important;
}

    .add-new-spoc a {
        color: #003399;
        text-decoration: none;
    }

        .add-new-spoc a:hover {
            color: #d01733;
            text-decoration: underline;
        }

    .add-new-spoc .fa-plus:before {
        content: "\f067";
        font-size: 14px;
    }

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0 !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: inherit !important;
    border-color: inherit !important;
}

.panel-heading-2 .dropdown-menu .header {
    border-bottom: none !important;
}

.panel-heading-2 .dropdown-menu .menu {
    width: 100%;
    height: auto;
    padding: 0 20px !important;
}

.panel-heading-2 .fa {
    padding-right: 15px;
}

.panel-heading-2 i.fa.fa-envelope-o {
    margin-left: -1px;
}

.control-sidebar-bg,
.control-sidebar {
    top: 0;
    right: -455px;
    width: 455px;
}

.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
    background: #efefef;
    color: #333333;
}

.control-sidebar > .tab-content {
    padding: 10px 15px 10px 15px;
    color: #333333;
}

.tab-content .user-img {
    padding: 0px !important;
    margin: 0px;
}

.control-sidebar-dark .sidebar-left-icon .fa {
    color: #fff !important;
}

.tab-content .user-section em {
    color: #999999;
    font-size: 13px;
    font-weight: 100;
    margin-top: -11px;
    float: right;
    margin-right: 55px;
}

.tab-content .user-section {
    margin-bottom: 0px;
}

    .tab-content .user-section .fa-star:before {
        content: "\f005";
        color: #f9bf4e;
    }

    .tab-content .user-section .status-text {
        color: #003399;
        font-size: 12px;
        float: right;
        font-weight: 700;
        margin: -33px 0 0 0;
    }

.control-sidebar .tab-content .progress-xs {
    margin-bottom: 0px;
    margin-top: 20px;
}



.control-sidebar .tab-content .fa, #schedulerPageEvents .fa {
    font-size: 14px;
    padding-right: 8px;
}

.control-sidebar .tab-content .icon-section {
    text-align: right;
}

.control-sidebar .tab-content .status-icon {
    padding: 55px 0 0 0;
    text-align: right;
    line-height: 25px;
}

.control-sidebar .tab-content .sidebar-contact-one {
    float: left;
    width: 100%;
    color: #333333;
}

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

.control-sidebar .tab-content .margin-bottom {
    margin-bottom: 15px;
}

.control-sidebar .tab-content .margin-top-bottom {
    margin: 18px 0 10px 0;
}

.sidebar-contact-one h4 {
    font-size: 15px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.contact-one-text {
    margin-top: 10px;
}

.sidebar-contact-one span {
    color: #333333;
    padding-right: 70px;
    line-height: 28px;
}

.sidebar-contact-one .explr-dvs {
    width: 100%;
    float: left;
}

.sidebar-contact-one .contact-one-text .fa {
    padding-right: 12px;
    color: #979797 !important;
}

.sidebar-contact-one .fa-text-color {
    color: #003399 !important;
}

.sidebar-contact-one .text-color a {
    color: #003399 !important;
    text-decoration: none;
}

    .sidebar-contact-one .text-color a:hover {
        color: #003399 !important;
        text-decoration: underline;
    }

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
    border-bottom: solid 0px #000;
    background: #FFFFFF !important;
    color: #666;
}


#control-sidebar-activity-tab .nav-tabs.control-sidebar-tabs > li.active > a {
    border-radius: 3px;
    background: #979797 !important;
    color: #fff !important;
}


.activity-sub-tab .nav-tabs.control-sidebar-tabs > li > a {
    background: #efefef;
    color: #666666;
    border-radius: 2px;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
    background: #efefef;
    color: #666666;
}

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
        border-bottom: inherit !important;
    }

        .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
            color: #fff;
            background: #979797 !important;
        }

button.btn-group.btn.add-lead-btn i.fa.fa-plus {
    padding-right: 5px !important;
}

.control-sidebar-dark .tab-content-two {
    padding: 15px 0px;
}

    .control-sidebar-dark .tab-content-two h5 {
        padding: 0px;
        margin: 0px;
        font-weight: 600;
        font-size: 15px;
    }

.control-sidebar-dark .sidebar-right-icon {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -28px;
    right: -7px\0 !important;
    right: -7px\9 !important;
    right: -7px\10 !important;
    top: 260px;
    line-height: 90px;
    padding-left: 12px;
}

    .control-sidebar-dark .sidebar-right-icon .calendar-notifications {
        width: 21px;
        height: 21px;
        border-radius: 20px;
        background-color: #c50000;
        position: absolute;
        right: 25px;
        color: #fff;
        line-height: 20px !important;
        padding-left: 8px;
        font-size: 12px;
        display: block !important;
        top: 5px;
    }

    .control-sidebar-dark .sidebar-right-icon .fa {
        color: #fff !important;
    }

.control-sidebar-dark .activity .activity-sub-title {
    float: left;
    padding: 8px 5px;
    margin-right: 10px;
    border-radius: 1px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    width: auto;
}

    /*
.control-sidebar-dark .activity {
    padding: 15px 15px 0 15px
}
.control-sidebar-dark .activity .activity-sub-title .fa {
    color: #666666;
    font-size: 14px;
    padding-right: 7px
}
*/
    .control-sidebar-dark .activity .activity-sub-title a {
        color: #666666;
        text-decoration: none;
    }

        .control-sidebar-dark .activity .activity-sub-title a:hover {
            color: #666666;
            text-decoration: none;
        }

.control-sidebar-dark .activity .fa.fa-file-text {
    margin: 0 0 0 0;
    float: none;
}

.control-sidebar-dark .activity-text-main {
    padding: 0px;
    margin-top: 0px;
    color: #999999;
    float: left;
    width: 100%;
}

    .control-sidebar-dark .activity-text-main .line {
        width: 7px;
        background-color: #979797;
        height: auto;
        position: absolute;
        z-index: 9;
        top: 55px;
        margin: 0 44px;
        min-height: 415px;
    }

    .control-sidebar-dark .activity-text-main .activity-icon .fa {
        color: #999999;
        font-size: 28px;
        padding: 0px !important;
    }

    .control-sidebar-dark .activity-text-main .activity-icon .fa-file-text {
        margin: 0px;
        float: none;
    }

    .control-sidebar-dark .activity-text-main .activity-icon {
        width: 65px;
        height: 65px;
        padding-top: 17px;
        background-color: #F1F3F5;
        float: left;
        border-radius: 50px;
        text-align: center;
        position: absolute;
        z-index: 99;
        top: 33px;
    }

    .control-sidebar-dark .activity-text-main .activity-text-sub {
        float: left;
        width: 100%;
        padding-left: 75px;
        line-height: normal;
        border-bottom: solid 1px #E9E9E9;
        padding-top: 8px;
        min-height: 95px;
        margin-top: 30px;
    }

.border-bottom-none {
    border-bottom: none !important;
}

.control-sidebar-dark .activity-text-main .activity-text-sub h4 {
    font-size: 15px;
    color: #999999;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

.control-sidebar-dark .activity-text-main .activity-text-sub em {
    font-size: 12px;
    color: #3f89bd;
}

.control-sidebar-dark .activity-text-main .activity-text-sub h4 span {
    font-size: 13px;
    font-weight: 500;
    float: right;
}

.activity-message-poup {
    position: relative;
    display: inline-block;
    margin-left: -12px;
}

.activity-message-text {
    display: inline-block;
    padding-left: 12px;
    margin-top: -22px;
    float: left;
    cursor: pointer;
}

.activity-message-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
    padding: 7px 13px;
    left: 12px;
    top: 4px;
    z-index: 9;
    border-radius: 2px;
    cursor: pointer;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}

    .activity-message-content p {
        color: #999999;
        font-size: 12px;
    }

    .activity-message-content:after {
        bottom: 100%;
        left: 8% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f7f6f6;
        border-width: 8px;
        margin-left: -10px;
    }

.edit-bar {
    background-color: #F1F3F5;
    font-size: 15px;
    color: #FCFCFC;
    border-radius: 3px;
    padding: 7px 15px;
    margin: 30px 0 15px 0;
}

.tab-content .add-new-document .fa-file-text {
    margin: 0px;
    float: none;
    color: #003399;
    padding-right: 7px;
}

.tab-content .search-result-main {
    padding: 0px;
}

    .tab-content .search-result-main .input-group {
        background-color: #F1F3F5;
    }

.tab-content .view-details {
    color: #999999;
    font-size: 15px !important;
    border-bottom: solid 1px #E9E9E9;
    padding: 10px 15px 0 15px;
}

    .tab-content .view-details h5 {
        color: #999999;
        font-size: 16px !important;
        font-weight: 600;
        margin: 0 0 0 0;
    }

        .tab-content .view-details h5:hover {
            text-decoration: none;
            color: #ca2e3f;
            cursor: pointer;
        }

        .tab-content .view-details h5 span {
            color: #999999;
            font-size: 15px !important;
            font-weight: 400;
        }

.tab-content .search-result-main .fa {
    color: #666666;
}

.tab-content .search-result-main input {
    background-color: #F1F3F5;
}

    .tab-content .search-result-main input.form-control {
        border: none !important;
        padding-left: 0;
    }

.tab-content .add-new-document h4 {
    margin: 7px 0;
}

    .tab-content .add-new-document h4 a {
        font-size: 15px;
        font-weight: 600;
        color: #003399;
        text-decoration: none;
    }

        .tab-content .add-new-document h4 a:hover {
            color: #ca2e3f;
            text-decoration: underline;
        }

.edit-bar .edit-bar-heading {
    float: left;
}

.edit-bar .margin-label {
    margin: 0 10px 0 0 !important;
    float: left;
}

.view-details .margin-label {
    margin: 0 10px 0 0 !important;
    float: left;
}

.edit-bar span {
    padding-right: 6px;
    font-size: 14px;
    font-weight: 600;
}

    .edit-bar span a {
        color: #666666;
        text-decoration: none;
    }

        .edit-bar span a:hover {
            color: #ca2e3f;
            text-decoration: underline;
        }

.nav .open > a:focus {
    background-color: #222d32 !important;
}

.user-header:after {
    border-bottom-color: #E9E9E9;
}

.skin-blue .main-header li.user-header {
    background-color: #F5F5F5;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #666;
}

ul.menu {
    overflow: auto !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #FFFFFF;
    padding: 10px 23px;
}

.text-aqua {
    color: #666666 !important;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 10px;
    right: 5px;
    text-align: center;
    font-size: 8px !important;
    width: 18px;
    padding: 0px;
    line-height: .20;
    border-radius: 41px;
    height: 18px;
    line-height: 18px;
}

span.label.label-warning {
    background-color: #C1272D !important;
}

span.label.label-success {
    background-color: #346DAA !important;
}



.responsive-calendar .day.header {
    border-bottom: 0px gray solid;
}

.responsive-calendar .fa {
    color: #222D32 !important;
}

.responsive-calendar {
    padding: 20px 0px;
}

    .responsive-calendar .day.active a {
        background-color: #fff !important;
        color: #262626 !important;
        border-radius: 1px;
    }

.control-sidebar-dark .sidebar-right-icon-two {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -22px;
    top: 260px;
    line-height: 90px;
    padding-left: 15px;
}

    .control-sidebar-dark .sidebar-right-icon-two .fa {
        color: #fff !important;
    }

.responsive-calendar .day.active a {
    background-color: #346DAA;
    color: #ffffff;
    border-radius: 1px;
}

.responsive-calendar .badge {
    background-color: #CA2E3F;
}

.calendar-form h4 {
    font-size: 15px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.control-sidebar .calendar-form .fa {
    color: #979797;
}

.responsive-calendar .calendar-notifications {
    float: left;
    background-color: #F1F3F5;
    position: relative;
    padding: 10px 0;
    border-radius: 2px;
    margin-top: -200px;
    margin-left: 120px;
    color: #979797;
    -moz-box-shadow: 3px 4px 6px #888;
    -webkit-box-shadow: 3px 4px 6px #888;
    box-shadow: 3px 4px 6px #888;
}

    .responsive-calendar .calendar-notifications h6 {
        font-size: 15px;
        font-weight: 600;
    }

    .responsive-calendar .calendar-notifications:after {
        bottom: 100%;
        left: 55% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #E9F0F5;
        border-width: 8px;
        margin-left: -10px;
    }

    .responsive-calendar .calendar-notifications .fa {
        color: #979797 !important;
        font-size: 17px !important;
        padding-right: 10px;
    }

    .responsive-calendar .calendar-notifications .edit a {
        color: #2980b9;
        padding-right: 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

        .responsive-calendar .calendar-notifications .edit a:hover {
            color: #000;
            text-decoration: underline;
        }

    .responsive-calendar .calendar-notifications .delete a {
        color: #e95a4b;
        text-decoration: none;
        text-transform: uppercase;
    }

        .responsive-calendar .calendar-notifications .delete a:hover {
            color: #000;
            text-decoration: underline;
        }

.footer-responsive {
    color: #999999;
    text-align: center;
    padding: 15px 0;
    display: none !important;
    background-color: #f1f2f7;
}

span.status-text-left {
    font-size: 14px;
    color: #666;
    line-height: 38px;
}

.handled-text-right {
    padding-left: 40px;
    font-size: 14px;
    line-height: 38px;
}

.add-relationship-manager {
    display: none;
}

.add-new-spoc {
    display: none;
}

.add-new-spoc-link a {
    float: right;
    margin-top: -20px;
    margin-bottom: 15px;
    color: #003399;
    text-decoration: underline;
}

    .add-new-spoc-link a:hover {
        color: #ca2e3f;
        text-decoration: none;
    }

.add-new-manager {
    display: none;
}

.add-new-manager-link a {
    float: right;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #003399;
    text-decoration: underline;
}

    .add-new-manager-link a:hover {
        color: #ca2e3f;
        text-decoration: none;
    }

.control-sidebar-dark .sidebar-right-icon-three {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -10px;
    top: 430px;
    line-height: 90px;
    padding-left: 15px;
}

    .control-sidebar-dark .sidebar-right-icon-three i.fa.fa-chevron-right {
        color: #FFF;
    }

.control-sidebar-dark .consultation-sub-main {
    background-color: rgba(222, 222, 222, 0.14);
    border-radius: 1px;
    border: solid 1px #ddd;
    margin: 30px 0 15px 0;
    padding: 15px 20px 10px 20px;
    float: left;
    width: 100%;
}

.sidebar-mini .sidebar-menu > li.active > a {
    background-color: #e4e4e4;
    color: #000 !important;
}

.sidebar-collapse .sidebar-menu > li > a {
    margin-left: 0px !important;
}

.sidebar-collapse .sidebar-menu > li.active > a {
    background-color: #000;
    color: #fff !important;
}

.sidebar-mini .sidebar-menu > li > a {
    margin-left: 5px;
}

.edit-lead.change-lead-status {
    margin-top: 60px;
}

span.progress-title a {
    color: #038;
}

    span.progress-title a:hover {
        color: #ca2e3f;
    }

.change-lead-status-bg {
    background-color: #FFf;
    margin: 0 30px 20px 30px;
    padding: 25px 0;
    border-radius: 2px;
}

.control-sidebar-dark i.fa.fa-mobile.fa-lg {
    font-size: 20px;
}

.control-sidebar-dark i.fa.fa-map-marker {
    font-size: 20px;
}

.h4 {
    font-size: 15px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.control-sidebar-dark .consultation-sub-main i.fa {
    color: #979797 !important;
    padding: 0 3px;
}

.control-sidebar-dark .consultation-sub-main span {
    color: #333333;
}

.control-sidebar-dark .consultation-sub-main p {
    color: #979797;
}

.client .tick-box input.margin-input {
    float: left;
    margin-top: 4px !important;
    margin-right: 10px !important;
}

.client .tick-box {
    height: 90px;
    padding: 5px 15px 5px 15px;
}

.table-responsive i.fa {
    padding: 0 18px 0 10px;
}

.client .margin-top-none {
    margin-top: 0px;
}

.client.add-relationship a {
    font-size: 16px;
    color: #003399;
    text-decoration: none;
    font-weight: 600;
}

    .client.add-relationship a:hover {
        font-size: 16px;
        color: #ca2e3f;
        text-decoration: none;
    }

.client.add-relationship i.fa.fa-plus {
    padding-right: 0px !important;
    font-size: 15px;
}

.control-sidebar-dark .top-margin {
    top: 550px;
}

.search-client {
    margin-bottom: 15px;
}

    .search-client input.form-control {
        border: 1px solid #ccc;
    }

.add-new-relationship .tick-box {
    height: 175px !important;
}

.client.add-relationship {
    margin-bottom: 15px;
}

.edit-lead-user-img {
    float: left;
    margin-right: 15px;
}

.source-main {
    display: block;
}

    .source-main .table-responsive i.fa {
        padding: 0 1px 0 0;
    }

    .source-main .table tr td .progress {
        margin-right: 7px;
        background-color: #00b558;
        width: 70%;
        float: left;
        margin-top: 13px;
    }

    .source-main .source-status span {
        float: left;
    }

    .source-main .source-status-devider {
        margin-left: 20px;
    }

    .source-main .source-status a {
        font-style: italic;
        color: #666666;
    }

        .source-main .source-status a:hover {
            font-style: italic;
            color: #d63345;
        }

    .source-main .small-padding {
        margin-top: 8px;
    }

    .source-main .addlead-content {
        box-shadow: 0px !important;
        padding: 5px 15px;
        left: -12px;
        background: none !important;
        top: 18px;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        border-radius: 0px;
        cursor: pointer;
        font-size: 12px;
    }

        .source-main .addlead-content:after {
            display: none !important;
        }

    .source-main .table tr td .progress-color-one {
        background-color: #ff6455;
        float: left;
        width: 70%;
    }

    .source-main .table tr td .progress-color-two {
        background-color: #ff002e;
        float: left;
        width: 70%;
    }

    .source-main .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 1px solid #dddddd;
        background-color: #f7f7f7;
        padding-top: 12px;
        padding-bottom: 15px;
        font-size: 15px;
        font-weight: 600;
        padding-left: 15px;
        text-align: center !important;
    }

    .source-main .table .addlead {
        left: 0 !important;
        width: 100% !important;
        float: left;
    }

    .source-main .table > thead > tr > th input[type=checkbox],
    input[type=radio] {
        margin: 0 10px 0 -5px;
        float: left;
    }

    .source-main .table > thead > tr > th span {
        float: left;
        margin-top: -5px;
    }

    .source-main .table > thead > tr > th label {
        float: left;
    }

    .source-main .contact-padding-left {
        padding-left: 40px;
    }

.source-panel-heading {
    padding: 0px !important;
}

.source-panel-left {
    font-size: 14px;
    color: #014995 !important;
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 7px;
}

.source-devider {
    margin: 0 7px 0 7px;
    float: left;
}

.source-panel-left a {
    text-decoration: none;
    font-size: 13px;
    color: #014995 !important;
    float: left;
    padding-top: 2px;
}

    .source-panel-left a:hover {
        text-decoration: none;
        color: #ca2e3f !important;
    }

.sidebar-contact-slider .addlead-content {
    box-shadow: 0px !important;
    padding: 5px 15px;
    left: -12px;
    background: none !important;
    top: 32px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    border-radius: 0px;
    cursor: pointer;
    font-size: 14px !important;
}

    .sidebar-contact-slider .addlead-content span {
        color: #ababab !important;
        font-size: 14px;
        font-style: italic;
    }

    .sidebar-contact-slider .addlead-content .fa {
        color: #ababab !important;
    }

    .sidebar-contact-slider .addlead-content:after {
        display: none !important;
    }

.sidebar-contact-slider span {
    font-size: 16px;
}

.sidebar-contact-slider .small-padding {
    margin-top: -4px;
}

.addlead {
    left: -11px !important;
}

.sidebar-contact-slider .progress {
    margin-right: 7px;
    background-color: #00b558;
    width: 150px;
    float: left;
    min-width: 150px;
    margin-top: 3px !important;
    width: 85%;
}

.sidebar-contact-slider .source-status-devider {
    padding-left: 20px;
}

.source-main.filter-source {
    min-width: 300px !important;
    display: none;
}

    .source-main.filter-source h3 {
        margin: 0 0 7px 0 !important;
    }

    .source-main.filter-source h4 {
        margin: 0 0 3px 0 !important;
        color: #999999;
        text-transform: none;
    }

.add-new-source-poup-main {
    width: 100%;
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    margin: 10px 0 15px 0;
    float: left;
}

    .add-new-source-poup-main .input-group-addon {
        padding: 6px 0px;
        min-width: 5px;
    }

    .add-new-source-poup-main .label {
        width: 34%;
        text-align: left;
        float: left;
        font-size: 14px;
        color: #333333;
        clear: both;
        line-height: 28px;
        font-weight: 600;
    }


    .add-new-source-poup-main .label-right {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #333333;
        text-align: left;
        line-height: none;
        font-weight: 600;
        padding: 0 0 8px 0;
    }

    .add-new-source-poup-main .source-browse:after {
        display: none;
    }


    .add-new-source-poup-main .loading-div p {
        padding: 0px 15px;
    }

.source_pagination a {
    color: #999999;
    margin: 0 3px;
}

    .source_pagination a:hover {
        color: #ca2e3f;
    }

.modal-medium-width {
    width: 600px;
    background-color: #FFF;
}

.input-sub-text {
    position: relative;
    float: left;
    margin-right: -71px;
    font-size: 13px;
    line-height: 34px;
    color: #333333;
    padding-left: 10px;
}

.add-new-source-poup-main form {
    width: 100%;
    float: left;
}

.add-new-source-poup-main .label-addition {
    line-height: 15px;
}

.add-new-source-poup-main .checkbox,
.radio {
    margin: 0 0 15px 0;
    font-size: 14px;
}

.add-new-source-poup-main .radio-margin-left {
    margin-left: 15px;
}

.add-new-source-poup-main input[type=checkbox],
input[type=radio] {
    margin: 5px 7px 0 0;
    float: left;
}

.logpad {
    display: block;
    float: left;
    padding: 5px 20px 0 20px;
    margin: 10px 0 15px 0;
}

    .logpad .table-striped {
        font-weight: normal;
    }

        .logpad .table-striped td {
            font-size: 13px;
            color: #666666;
            padding: 14px 8px;
        }

    .logpad h4 {
        color: #010101 !important;
        margin: 0 0 5px 0 !important;
        padding: 0px !important;
        font-size: 18px !important;
        text-transform: none !important;
    }

.logpad-box {
    width: 100%;
    float: left;
    border: solid 1px #d6d6d6;
    border-radius: 1px;
    padding: 15px 20px;
    margin-bottom: 15px;
    background-color: #f7f7f7;
}

    .logpad-box h6 {
        margin: 0 !important;
        padding: 0 0 5px 0;
        color: #010101;
        font-size: 15px;
    }

    .logpad-box .margin-label {
        color: #999999;
        font-size: 14px;
        font-weight: normal;
        float: left;
        margin-bottom: 10px !important;
    }

        .logpad-box .margin-label .margin-input {
            float: left;
        }

        .logpad-box .margin-label span {
            float: left;
            margin-left: 6px;
        }

    .logpad-box .input-group-addon {
        padding: 6px 0px;
        min-width: 5px !important;
    }

    .logpad-box .form-control {
        width: 100%;
        color: #979797;
        font-weight: normal;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

    .logpad-box .label {
        float: left;
        font-size: 14px;
        color: #999999;
        clear: both;
        text-align: left;
        line-height: 28px;
        font-weight: 600;
        padding: 0px;
        margin: 0 10px 0 0;
    }

.logpad-header {
    width: 100%;
    float: left;
    background-color: #f1f3f5;
    border: solid 1px #FFFFFF;
    margin: 20px 0 5px 0;
}

    .logpad-header h2 {
        color: #0066cc;
        font-weight: bold;
        font-size: 18px;
        padding: 10px;
        margin: 0px;
        float: left;
    }

.logpad-header-right a:hover {
    color: #0066cc;
    text-decoration: none;
}

.logpad-header-right .fa {
    margin-right: 4px;
}

.logpad-box p {
    color: #999999;
    font-weight: 600;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.logpad-box .form-group {
    margin-bottom: 10px;
}

.view-source-header {
    width: 100%;
    float: left;
    background-color: #f1f3f5;
    color: #003399;
    border: solid 1px #FFFFFF;
    margin: 20px 0 20px 0;
}

    .view-source-header h2 {
        color: #0066cc;
        font-weight: 600;
        font-size: 18px;
        padding: 15px 15px;
        margin: 0px;
        float: left;
    }

.view-source-header-right a {
    color: #003399;
    text-decoration: none;
    font-size: 14px;
    padding: 12px 15px;
    float: left;
    float: left;
}

    .view-source-header-right a:hover {
        color: #0066cc;
        text-decoration: none;
    }

.view-source-header-right .source-devider {
    float: left;
    line-height: 41px;
}

.view-source-tab {
    background-color: #fff;
    padding: 15px 0 0 0;
    margin: 0px;
    float: left;
}

.view-source .h3 {
    color: #000;
    font-weight: 900;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0px;
    text-transform: none;
}

    .view-source .h3 span {
        margin-left: 30px;
    }

.view-source .attachment-status {
    width: 100%;
    float: left;
    display: block;
    border-bottom: 1px solid rgba(153, 153, 153, 0.39);
    padding: 0 0 10px 0;
    margin-bottom: 15px;
}

    .view-source .attachment-status .fa {
        color: #C1C1C1;
    }

    .view-source .attachment-status .attach-doc {
        float: left;
        width: auto;
    }

    .view-source .attachment-status h3 {
        float: left;
        margin: 0px;
        text-transform: none;
        color: #003399;
        font-weight: bold;
        margin: 5px 0 0 0;
    }

        .view-source .attachment-status h3 span {
            color: #666666;
            font-size: 13px;
            font-style: italic;
            font-weight: normal;
        }

    .view-source .attachment-status .circle {
        border: solid 1px #ddd;
        width: 45px;
        height: 45px;
        border-radius: 25px;
        text-align: center;
        line-height: 42px;
        margin-right: 10px;
    }

.view-source .file {
    margin-bottom: 35px;
}

.view-source .attachment-status .status-right-icon {
    line-height: 44px;
    color: #C1C1C1;
}

    .view-source .attachment-status .status-right-icon .fa {
        margin: 0 5px;
    }

.view-source .attachment-candidate {
    width: 100%;
    float: left;
    display: block;
    border-bottom: none;
    padding: 10px 25px;
    margin-bottom: 15px;
    background-color: #f7f7f7;
    border-radius: 2px;
}

    .view-source .attachment-candidate h3 {
        margin: 7px 0 0 15px;
    }

        .view-source .attachment-candidate h3 em {
            font-size: 14px;
            color: #666666;
            font-weight: normal;
            margin: 7px 0 0 0;
            float: left;
        }

        .view-source .attachment-candidate h3 span {
            width: 100%;
            font-size: 14px;
            font-style: normal;
            margin-top: 5px;
            float: left;
        }

        .view-source .attachment-candidate h3 em .fa {
            margin-right: 5px;
        }

    .view-source .attachment-candidate .right-section {
        display: block;
    }

        .view-source .attachment-candidate .right-section h3 {
            font-size: 16px;
            font-weight: 900;
            margin: 15px 0 0 0;
            padding: 0px;
            color: #333333;
        }

            .view-source .attachment-candidate .right-section h3 span {
                font-size: 14px;
                color: #666666;
            }

.parsed-candidate .form-control {
    width: 45%;
}

.parsed-candidate .label {
    width: 38%;
}

.view-source .add-new-source-poup-main {
    padding: 10px 20px 0px 20px;
    margin-top: 0px;
}

ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic {
    width: 100%;
    border-bottom: solid 1px #EFEFEF !important;
    float: left;
    padding: 0px 10px;
}

    ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic span {
        width: 30px;
        height: 30px;
        margin: -3px 5px 0 5px;
        float: right;
        line-height: 28px;
        border-radius: 25px;
        background: #A86565;
        color: #FFF;
        font-size: 14px;
        font-style: italic;
        text-align: center;
    }

    ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic a {
        text-align: left;
        padding: 0px;
        float: left;
    }

.statistic.nav-tabs.nav-justified > li {
    float: left;
    width: auto;
    font-size: 16px;
    padding: 13px 12px;
}

.statistic .span-bg-one {
    background-color: #7ec555 !important;
}

.statistic .span-bg-two {
    background-color: #009ac7 !important;
}

.statistic .span-bg-three {
    background-color: #a233c4 !important;
}

.statistic .span-bg-four {
    background-color: #3ccc9c !important;
}

.statistic .span-bg-five {
    background-color: #ff9234 !important;
}

.statistic .active {
    border-bottom: solid 2px #d01733;
}

.statistic .lead-total {
    position: relative;
    float: left;
    color: #666666;
    margin-top: -125px;
    margin-left: 60px;
    margin-top: -140px;
    margin-left: 95px;
}

    .statistic .lead-total h4 {
        font-size: 12px;
        margin: 0px;
        padding: 0px;
        font-weight: 700;
        color: #666666;
        line-height: 15px;
    }

    .statistic .lead-total span {
        font-size: 21px;
        margin: 0px;
        padding: 0px;
        font-weight: 100;
    }

.statistic #svg2 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0;
    float: left;
}

.statistic #svg3 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0;
    float: left;
}

.statistic #svg4 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0;
    float: left;
}

.statistic #svg5 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0;
    float: left;
}

.statistic #svg6 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    margin: 10px 0 0 0px;
    padding: 5px 0 0 0;
    float: left;
}

.box.box-success {
    border-top-color: #00a65a;
    float: left;
    width: 100%;
}

.source.chart {
    height: 230px;
}

.custom-panel {
    background: #f2f3f6;
}

    .custom-panel .panel-heading {
        background: #f2f3f6;
    }

    .custom-panel .panel-heading-btn-group {
        margin-right: 30px;
    }

    .custom-panel .panel-heading h1 {
        font-size: 24px;
        margin: 15px auto;
    }

.import-file-icon {
    background: url(../img/import-icon.png) no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    margin: 8px 8px 8px 0;
    float: left;
}

.gmail-sync-icon {
    background: url(../img/google-sync.png) no-repeat;
    display: block;
    height: 16px;
    width: 25px;
    margin: 8px 8px 8px 0;
    float: left;
}

.blue-text {
    color: #003399 !important;
}

.custom-panel .panel-body-padding {
    height: auto;
    overflow-y: hidden;
    padding: 15px !important;
    padding-bottom: 5px !important;
}

.advance-searce-link {
    margin: 6px 0;
}

    .advance-searce-link a {
        color: #003399;
    }

        .advance-searce-link a:hover {
            text-decoration: underline;
        }

.inner-content {
    padding: 0px 15px;
}

.page-records select {
    border: 0;
    background: #f2f3f6;
}

.custom-panel h3 {
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
    color: #000;
}

.btngrpdropdown .btn {
    margin-right: 10px;
    background: #fff;
    border: none;
}

.pull-right > .dropdown-menu {
    right: -5px;
    top: 85%;
}

.custom-panel .dropdown-menu:after {
    bottom: 100%;
    right: 8px !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 8px;
    margin-left: -10px;
}

.profiles-list .profile-list-candidate {
    position: relative;
    background: #fff;
    margin: 15px 0;
}

    .profiles-list .profile-list-candidate .rating {
        position: absolute;
        top: 0;
        left: 0;
        border-top: 90px solid #003f8f;
        border-right: 90px solid transparent;
    }

        .profiles-list .profile-list-candidate .rating div {
            position: absolute;
            top: -80px;
            color: #fff;
            left: 15px;
        }

.profiles-list .profile-content {
    text-align: center;
    margin: 20px;
}

    .profiles-list .profile-content p {
        margin-top: 20px;
        padding-left: 10px;
    }

        .profiles-list .profile-content p a {
            color: #003399;
        }

            .profiles-list .profile-content p a:hover {
                text-decoration: underline;
            }

.profiles-list .profile-info {
    margin: 15px;
    color: #666666;
}

    .profiles-list .profile-info h4 {
        font-size: 21px;
        font-weight: bold;
        padding: 7px 0;
    }

        .profiles-list .profile-info h4 span {
            font-weight: normal;
        }

            .profiles-list .profile-info h4 span.user-position {
                font-style: italic;
            }

    .profiles-list .profile-info p {
        font-size: 18px float: left;
    }

        .profiles-list .profile-info p i.fa {
            margin-right: 20px;
            width: 15px;
        }

.profile-last-div {
    margin-top: 40px !important;
}

    .profile-last-div p {
        margin-top: 20px;
    }

    .profile-last-div .interview-div {
        background: #f8f8fa;
        width: 90%;
        padding: 13px 0 13px 30px;
        border-radius: 5px;
    }

    .profile-last-div input[type=checkbox] {
        margin-top: 13px;
    }

.profile-list-candidate .row {
    display: flex;
}

    .profile-list-candidate .row .col-md-3 {
        flex: 1;
    }

.profile-list-candidate .border-right {
    border-right: 1px solid #d8dae4;
}

.profile-list-candidate .border-bottom {
    border-bottom: 1px solid #d8dae4;
}

.source-content-bg {
    background-color: #efefef !important;
}

.source-header-contact .panel-header {
    margin-bottom: 0px;
}

.source-header-contact .panel-header-left {
    width: 100%;
    padding: 0 15px;
}

    .source-header-contact .panel-header-left h1 {
        margin: 20px 0;
    }

.source-header-contact .header-sub-panel {
    width: 100%;
    height: 65px;
    background-color: #fff;
    text-align: center;
    float: left;
}

    .source-header-contact .header-sub-panel h4 {
        float: left;
        padding: 0px;
        margin: 0px;
        font-size: 22px;
        text-align: left;
        font-weight: 900;
        text-transform: uppercase;
        color: #333333;
        line-height: 63px;
    }

    .source-header-contact .header-sub-panel .back-to-result a {
        color: #003399;
        font-size: 16px;
        font-style: italic;
        float: left;
        font-weight: 800;
        margin-left: 40px;
        line-height: 63px;
        text-decoration: underline;
    }

        .source-header-contact .header-sub-panel .back-to-result a:hover {
            text-decoration: none;
            color: #d01733;
        }

    .source-header-contact .header-sub-panel .source-pagination {
        margin-top: 15spx;
        float: left;
        margin-left: 21%;
        margin-top: 15px;
    }

    .source-header-contact .header-sub-panel .view-name {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .source-header-contact .header-sub-panel .view-next {
        text-transform: uppercase;
        font-size: 14px;
        color: #999999;
    }

        .source-header-contact .header-sub-panel .view-next .fa {
            font-size: 15px;
            padding: 0px 5px;
            color: #999999;
        }

.candidate-main {
    width: 100%;
    background: url(../img/article-bg.png)#fff top left no-repeat;
    float: left;
}

    .candidate-main .rating span {
        padding-top: 5px;
        float: left;
    }

    .candidate-main .profile-details a {
        color: #003399;
        text-decoration: none;
        font-weight: 600;
    }

        .candidate-main .profile-details a:hover {
            color: #f3414f;
            text-decoration: underline;
        }

    .candidate-main .name-adition {
        color: #59986a;
        font-size: 15px;
        font-weight: 800;
    }

        .candidate-main .name-adition .fa {
            color: #59986a !important;
            padding-right: 0px !important;
        }

    .candidate-main .profile-details p {
        text-align: justify;
    }

    .candidate-main .name_details h4 {
        font-size: 18px;
        color: #666666;
        font-weight: 900;
        line-height: 22px;
    }

    .candidate-main .name_details .fa {
        color: #cacaca;
        padding-right: 10px;
    }

    .candidate-main .name_details a {
        color: #666666;
        text-decoration: none;
    }

        .candidate-main .name_details a:hover {
            color: #f3414f;
            text-decoration: underline;
        }

    .candidate-main .name_details i.fa.fa-map-marker {
        padding-right: 16px !important;
    }

    .candidate-main .experience {
        padding-top: 22px;
        display: block;
        font-size: 15px;
    }

        .candidate-main .experience p {
            margin-bottom: 0px;
        }

    .candidate-main .title-footer {
        width: 100%;
        float: left;
        border-top: solid 1px #d6d9e2;
        text-align: center;
        font-style: italic;
    }

        .candidate-main .title-footer p {
            margin: 10px 0;
        }

    .candidate-main .article-footer {
        width: 100%;
        float: left;
        background: #dcdcdc;
        padding: 10px 0;
    }

    .candidate-main .fa-right-icon {
        display: block;
    }

    .candidate-main .date-time {
        font-size: 13px;
        color: #595959;
    }

    .candidate-main .fa-right-icon .fa {
        padding: 0px 7px;
    }

.profile-tab-main sup {
    color: #f3414f;
    font-size: 18px;
    font-weight: 600;
}

.profile-tab-main .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0px solid #ddd;
}

.profile-tab-main .profile-content {
    width: 100%;
    float: left;
}

    .profile-tab-main .profile-content h4 {
        color: #333333;
        font-weight: 600;
        margin: 10px 0 20px 0;
    }

    .profile-tab-main .profile-content .sub-tab {
        min-width: 160px;
        min-height: 160px;
        border: solid 9px #3ecc71;
        border-radius: 150px;
        text-align: center;
        float: left;
    }

        .profile-tab-main .profile-content .sub-tab h5 {
            /*font-size: 30px;*/
            font-size: 20px;
            color: #666666;
            font-weight: 700;
            margin-top: 30px;
        }

    .profile-tab-main .profile-content .border-two {
        border: solid 9px #ff8b47;
    }

    .profile-tab-main .profile-content .border-three {
        border: solid 9px #9163a1;
    }

    .profile-tab-main .profile-content .border-four {
        border: solid 9px #00d0f7;
    }

    .profile-tab-main .profile-content hr {
        width: 100%;
        float: left;
        border-top: 1px solid rgba(208, 208, 208, 0.69);
        margin: 35px 0 25px 0;
    }

    .profile-tab-main .profile-content .details-text {
        text-align: center !important;
        font-weight: 600;
        float: left;
        margin-top: 5px;
    }

    .profile-tab-main .profile-content .sub-tab .fa-4x {
        margin-top: 40px;
        color: #666666;
    }

    .profile-tab-main .profile-content .add-adit a {
        color: #003399;
        text-decoration: none;
    }

        .profile-tab-main .profile-content .add-adit a:hover {
            color: #ff9234;
            text-decoration: none;
        }

    .profile-tab-main .profile-content .progress-text {
        color: #8e8e8e;
        font-size: 16px;
        font-weight: 600;
    }

.skill-table.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 0px solid #f4f4f4;
    font-size: 13px;
}

.skill-table .progress-bar-danger {
    background-color: #56c183;
}

.skill-table .progress {
    height: 8px !important;
}

.skill-table .progress-bar-danger {
    background-color: #56c183;
}

.skill-table .progress-bar-danger-two {
    background-color: #00cefb;
}

.skill-table .progress-bar-danger-three {
    background-color: #ff9234;
}

.skill-table .progress-bar-danger-four {
    background-color: #f3414f;
}

.skill-table .progress-bar-danger-five {
    background-color: #56c183;
}

.profile-tab-sub .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #000;
}

.profile-tab-sub .nav > li > a {
    padding: 10px 0px;
    font-size: 16px;
}

.profile-tab-sub .nav > li {
    margin-right: 20px;
}

.skill-table .table {
    margin-bottom: 0px;
}

.profile-tab-main .profile-content .hr-margin {
    margin: 25px 0 25px 0;
}

.profile-tab-sub .file-custom:after {
    content: "Click to Upload Picture";
    font-weight: normal;
    color: #A2A2A2;
    text-align: center;
    font-size: 13px;
    padding-left: 5px;
    line-height: 0px;
}

.profile-tab-sub .file-custom::before {
    display: none !important;
}

.profile-tab-sub .loading {
    width: 100%;
    float: left;
    min-height: 682px;
    background-color: #efefef;
    border: solid 1px #cacaca;
    padding: 0 25px;
    border-radius: 2px;
    text-align: center;
}

    .profile-tab-sub .loading p {
        color: #9d9d9d;
        margin-top: 200px;
        margin-bottom: 40px;
    }

    .profile-tab-sub .loading .comment-box {
        width: 100%;
        float: left;
        background-color: #fff;
        padding: 15px;
        -webkit-box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
        -moz-box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
        box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
    }

        .profile-tab-sub .loading .comment-box h5 {
            font-size: 18px !important;
        }

        .profile-tab-sub .loading .comment-box p {
            margin-top: 0px;
            margin-bottom: 15px;
        }

        .profile-tab-sub .loading .comment-box .close-button {
            float: right;
            color: #666666;
            margin-top: -5px;
            margin-right: -2px;
        }

.profile-tab-sub .input-group-addon {
    padding: 6px 0px;
    min-width: 5px !important;
}

.profile-tab-sub .form-control {
    padding: 6px 5px !important;
}

.profile-tab-sub .form-control-small {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.profile-tab-sub .control-small-right {
    padding-right: 5px;
}

.profile-tab-sub .control-small-left {
    padding-left: 5px;
}

.candidate-right-section .recent-activity {
    width: 100%;
    float: left;
    display: block;
}

    .candidate-right-section .recent-activity ul {
        margin: 0px;
        padding: 0px;
        font-size: 17px;
        font-weight: 400;
        color: #666666;
    }

        .candidate-right-section .recent-activity ul li {
            list-style: none;
            display: block;
            margin: 0 0 10px 0;
            padding: 0px;
        }

            .candidate-right-section .recent-activity ul li .fa {
                padding-right: 10px;
                color: #cac8c8;
            }

.candidate-right-section h3 span {
    text-transform: none;
    color: #003399;
    font-size: 16px;
    float: right;
}

    .candidate-right-section h3 span a {
        text-transform: none;
        color: #003399;
        text-decoration: none;
    }

        .candidate-right-section h3 span a:hover {
            text-transform: none;
            color: #003399;
            text-decoration: underline;
        }

.candidate-right-section .add-new-experience {
    width: 100%;
    float: left;
    display: block;
}

.candidate-right-section .add-new-education {
    width: 100%;
    float: left;
    display: block;
}

.candidate-right-section .add-new-skill {
    width: 100%;
    float: left;
    display: block;
}

.candidate-right-section .recomended {
    width: 100%;
    float: left;
    display: block;
}

    .candidate-right-section .recomended ul {
        margin: 0px;
        padding: 0px 0 0 30px;
        font-size: 17px;
        font-weight: 400;
        color: #666666;
    }

        .candidate-right-section .recomended ul li {
            list-style: none;
            display: block;
            margin: 0 0 10px 0;
            padding: 0px;
        }

.candidate-right-section .input-group-addon {
    padding: 6px 2px;
    min-width: 0px !important;
}

.candidate-right-section .form-control-small {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.candidate-right-section .control-small-right {
    padding-right: 5px;
}

.candidate-right-section .control-small-left {
    padding-left: 5px;
}

.progress-timeline .progress-text-top a {
    padding: 0 60px 0 0;
    font-size: 15px;
}

.progress-timeline .progress-text-bottom a {
    padding: 0 15px;
    font-size: 15px;
}

.progress-timeline .slider-selection {
    background: #3ecc71 !important;
}

.progress-timeline .slider-handle {
    width: 18px;
    height: 18px;
    background-color: #666666 !important;
}

.progress-timeline .slider-track {
    background-color: #e2e2e2;
    background-image: none !important;
}

.candidate-right-section hr {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(208, 208, 208, 0.69);
    margin: 35px 0 25px 0;
}

.timeline-main {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0px;
}

    .timeline-main .timeline-badge .fa {
        background-color: #8d64a7 !important;
        width: 40px;
        height: 40px;
        color: #fff;
        border-radius: 100%;
        border: solid 5px #595959 !important;
        font-size: 17px;
        line-height: 30px;
    }

    .timeline-main .timeline-devider-bg {
        height: 82px;
        background: url(../img/time-line-devider.png) bottom center no-repeat;
        float: left;
        width: 100%;
        text-align: center;
    }

    .timeline-main p {
        font-size: 16px;
        font-weight: 600;
    }

    .timeline-main .timeline-badge .timeline-blue {
        background-color: #8d64a7 !important;
    }

    .timeline-main .timeline-badge .timeline-yellow {
        background-color: #ff9234 !important;
    }

    .timeline-main .timeline-badge .timeline-green {
        background-color: #3ecc71 !important;
    }

    .timeline-main .line {
        width: 100%;
        bottom: 106px;
        background: gray;
        position: absolute;
        z-index: 0;
        height: 5px;
        left: 0;
    }

    .timeline-main .badge-defalt-left {
        width: 25px;
        height: 25px;
        border-radius: 100px;
        background: gray;
        bottom: 97px;
        position: absolute;
        left: -1px;
    }

    .timeline-main .badge-defalt-right {
        width: 25px;
        height: 25px;
        border-radius: 100px;
        background: gray;
        bottom: 97px;
        position: absolute;
        right: -1px;
    }

    .timeline-main .badge-defalt-text {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0px;
        float: left;
        text-align: left;
    }

        .timeline-main .badge-defalt-text a {
            text-decoration: none;
            color: #595959;
            padding-right: 10%;
            font-weight: 700;
        }

            .timeline-main .badge-defalt-text a:hover {
                color: #595959;
                cursor: text;
            }

            .timeline-main .badge-defalt-text a:first-child {
                padding-left: 5px;
            }

.slide-out-sub {
    top: 260px !important;
    z-index: 999;
}

#addchanelmanager h3 {
    margin-bottom: 15px !important;
}

.editDiv .logpad-header {
    margin-top: 0px !important;
}

.add-new-wrap .link-top ul li a {
    border-right: 1px solid #999 !important;
    padding-right: 10px;
    font-weight: 700;
    font-size: 14px;
    font-style: normal !important;
    padding-left: 0px;
}

.modal-big {
    width: 95%;
}

.editDiv {
    display: none;
}

.add-new-wrap .link-top {
    margin: 0 !important;
}

.quick-links-right ul > li {
    margin: 0px 0;
}

.link-top ul li {
    float: left;
    padding: 0 10px;
    padding-left: 0;
}

.link-top {
    background: #eee;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

.Profile-validation {
    padding-top: 15px;
    padding-bottom: 15px;
}

.instraction {
    margin-top: 5%;
    font-size: 12px;
    display: inline-block;
}

.invoice-gnrtn .form-control {
    margin-bottom: 10px;
}

.webconfig input[type="checkbox"] {
    margin-right: 8px;
}

.checkboxwebconfig label {
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 9999;
}

.servicetax .form-group {
    width: 100%;
    margin-bottom: 10px;
}

.uer-hierarchy ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    position: relative;
    width: 100%;
}

    .uer-hierarchy ul li {
        width: auto;
        text-align: left;
        border-left: 1px dashed #ddd;
        margin-left: 40px !important;
    }

        .uer-hierarchy ul li > div {
            position: relative;
            width: 100%;
            margin: 0 0 20px 0;
            height: auto;
            float: left;
            margin-left: -47px;
        }

            .uer-hierarchy ul li > div > img {
                margin-left: 13px;
                float: left;
                width: 63px;
            }

.user-detail-hierarchy {
    text-align: left;
    float: left;
    margin-top: 3px;
}

    .user-detail-hierarchy p {
        margin: 0;
    }

.uer-hierarchy ul ul li {
    width: 100%;
    float: left;
    margin-left: 53px;
}

    .uer-hierarchy ul ul li > div {
        width: 100%;
        margin-left: -60px;
    }

.uer-hierarchy {
    padding-top: 25px;
}

    .uer-hierarchy ul li div:after {
        border-bottom: 1px solid red;
        position: absolute;
        top: 0;
        width: 70%;
        display: inline-block;
    }

    .uer-hierarchy ul ul li ul li {
        width: 100%;
    }

        .uer-hierarchy ul ul li ul li > div {
            width: 100%;
            margin-left: -59px;
            margin-bottom: 10px;
        }

    .uer-hierarchy ul li > ul {
        margin-top: 0;
    }

    .uer-hierarchy ul li ul li > ul {
        margin: 0;
    }

    .uer-hierarchy ul ul li ul li > div img {
        width: 40px;
        margin-left: 24px;
        margin-top: 0px;
    }

    .uer-hierarchy ul ul li ul li > div p {
        font-size: 12px;
    }

    .uer-hierarchy ul ul li ul li > div .user-detail-hierarchy {
        margin-top: -4px;
        margin-bottom: 20px;
    }

.webconfig .nav-tabs > li a {
    transition: none;
    cursor: pointer;
    margin-left: 5px;
}

.webconfig .nav-tabs > li.active > a {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #003399 !important;
}

.webconfig ul.nav.nav-tabs {
    border-bottom: 1px solid #ddd !important;
    display: inline-block;
    padding: 0 10px;
    width: 96%;
    margin: 12px;
}

.invoice-format-edit button.btn.btn-primary {
    background-color: #ececec;
    min-width: inherit;
    color: #000;
    border: solid 1px #d9d9d9;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .invoice-format-edit button.btn.btn-primary:hover,
    .invoice-format-edit button.btn.btn-primary:active {
        background-color: #00558e;
        color: #fff;
    }

.invoice-wrapper span.selectcustomstyle.fa {
    width: 40%;
}

.invoice-wrapper label {
    margin-top: 5px;
}

.invoice-imag-wrapper {
    border: 1px solid #ddd;
    text-align: center;
}

.modal-content a {
    color: #333;
}

    .modal-content a:hover,
    .modal-content a:focus {
        color: #c1272d;
    }

h3#myModalLabel {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    width: 98%;
}

.webconfig .nav-tabs > li.active > a {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #003399 !important;
}

#toggle_event_editing .btn.btn-info.locked_active {
    margin-right: 0px;
}

#toggle_event_editing .btn.btn-default {
    min-width: inherit;
    background-color: #fafafa;
    border: solid 1px #CACACA;
    color: #666;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 34px;
}

.webconfig .nav-tabs > li a {
    transition: none;
    cursor: pointer;
    margin-left: 5px;
}

.pagination-main ul.pagination li {
    display: inline;
}

.colorchoosh label {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 12px;
}

.colorchoosh label {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 12px;
}

.red,
.red a {
    color: red !important;
}

.blue,
.blue a {
    color: blue !important;
}

.colorchoosh {
    position: absolute;
    right: 15px;
    top: 10px;
}

    .colorchoosh label {
        padding: 5px 10px;
        margin: 5px;
        border-radius: 5px;
        border: 1px solid #ddd;
        font-size: 12px;
    }

.user-specific h3 {
    margin-top: 0px;
    padding-top: 0px;
}

.administration-panel-h .pull-right > .dropdown-menu {
    right: -15px;
    top: 85%;
}

ul.dropdown-menu.sortby.administration:after {
    left: 86% !important;
}

.icon-set {
    padding: 5px;
}

.quick-links-right ul > li {
    list-style: none;
}

.form-tick-box ul {
    list-style: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 120px;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .form-tick-box ul li {
        margin: 5px 5px;
    }

.btn-group > .btn:first-child {
    margin-left: 0;
}

.admin-bulk .dropdown-toggle {
    margin-top: -9px;
}

.admin-bulk.open ul.dropdown-menu {
    padding: 10px;
}

.settings-administration .panel ul li i {
    margin-right: 10px !important;
    float: left;
    color: #999;
    width: 14px;
    margin-top: 3px;
}

.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    float: left;
}
/*.bulk-action {
    background: none !important
}*/
.settings-administration .panel .line-right {
    min-height: 136px;
}

.quick-links-right ul li a {
    color: #333;
    font-style: normal;
    line-height: 25px;
}

.add-new-wrap input,
select,
textarea {
    min-height: inherit !important;
}

.border {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 15px 0;
}

.alert-to .form-control {
    margin-bottom: 10px !important;
}

.whitebg.edit-rocess-settings label {
    margin-top: 5px;
}

.alerts-notifications-settings {
    background: #fff;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.app-settings .form-control,
.app-settings .file {
    max-width: 100%;
    min-width: 45%;
}

.app-settings .file-custom.source-browse {
    width: 90%;
}

/*.user-settings label {
    margin-top: 7px;
}*/

.app-settings .form-control {
    min-width: 45% !important;
}

.setting-border-bottom {
    border-bottom: solid 1px #dadbe1 !important;
}

.communication-settings .setting-tab-table {
    padding: 10px;
    background: #fff;
}

header.setting-header.changpassw {
    margin-bottom: 0px;
}

.setting-table {
    margin-top: 10px;
}

.table-responsive.table-responsive-insentive {
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
}

.table-responsive-insentive .table.table-striped.user-table tr td {
    padding: 5px 8px !important;
}

.user-settings {
    padding: 10px;
    background: #fff;
    display: inline-block;
}

span.expandall a {
    font-size: 16px;
    margin-top: 0 !important;
    display: inline-block;
    margin-left: 5px;
}

.right-result h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #999;
}

table.table.table-striped.user-table {
    background-color: #fff !important;
    margin-bottom: 0;
}

.right-result h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #999;
}

.sortby label {
    font-weight: normal;
    color: #666;
    margin-top: 10px;
    margin-right: 10px;
}

.sortby select.form-control {
    width: 50px;
    min-width: 40px;
    float: right;
}

.table-model-wrap {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    clear: both;
}

.setting-email-tab .fa {
    margin-right: 5px;
}

.fa.pull-right {
    margin-left: .3em;
}

.link-top ul li a {
    color: #333;
    border-right: 1px solid #999;
    padding-right: 10px;
    font-weight: 700;
    font-size: 12px;
}

.showdiv {
    margin-top: 20px;
}

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

    .offertab ul li > ul li {
        background: #fff;
        padding: 0;
    }

    .offertab ul li {
        width: 100%;
        background: #eee;
        color: #333;
        padding: 10px 15px;
        display: inline-block;
        font-size: 14px;
    }

        .offertab ul li > ul {
            padding: 0;
            background: #fff;
            display: inline-block;
            width: 100%;
            margin-left: -15px;
            margin-top: 10px;
            overflow: hidden;
        }

.table-model-wrap {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    clear: both;
}

.sideways li {
    width: 100%;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}

.user-specific {
    background: #eee;
    padding: 10px;
    margin-bottom: 15px;
}

.link-top ul li a {
    color: #333;
    border-right: 1px solid #999;
    padding-right: 10px;
    font-weight: 700;
    font-size: 12px;
}

.modal-content a {
    color: #333;
}

.modal-content a {
    border-right: none !important;
}

.tabs-defualt .nav-tabs > li > a {
    border: none !important;
    font-size: 14px;
}

.link-top ul li a {
    color: #333;
    border-right: 1px solid #999;
    padding-right: 10px;
    font-weight: 700;
    font-size: 12px;
}

.sideways li a {
    padding: 4px 0;
    margin-left: 10px;
    border-left: 3px solid #fff;
    transition: none;
}

.tabs-defualt .nav-tabs > li.active > a {
    border: none;
    border-radius: 0;
    margin-left: 10px;
    font-size: 14px;
}

.sideways li.active a {
    padding: 4px 0;
}

.sideways li.active {
    border-left: 3px solid darkred;
}

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

.tabs-defualt {
    display: inline-block;
    width: 97%;
    margin: 20px 10px;
}

.tabs-left {
    border-right: 1px solid #ddd;
}

.add-mail-setting .form-control {
    width: 100% !important;
}

.offertab ul li > ul li {
    background: #fff;
    padding: 0;
}

.nav-tabs-custom-second .nav.nav-tabs {
    background: #eee;
    border-bottom: 1px solid #eee !important;
}

.prv-logo-sett-app {
    width: 40%;
    margin-left: 34%;
    margin-bottom: 20px;
}

.user-settings {
    padding: 10px;
    background: #f1f3f5;
    display: inline-block;
}

.communication-settings .setting-tab-table {
    padding: 10px;
    background: #fff;
}

span.countinfo {
    color: red;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top: -9px;
    right: 4px;
    font-size: 12px;
}

.alerts-notifications-settings ul li {
    display: block;
    width: 100%;
    background: #eee;
    margin: 5px 0;
}

span.selectcustomstyle {
    position: relative;
    margin: 0 5px;
}

font-awesome.min.css:4 .alerts-notifications-settings {
    background: #fff;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.selectcustomstyle select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #d4d4d4;
    min-width: 130px;
}

table.table.setting-table.table-striped td {
    font-size: 15px;
    border-top: 0px solid #f4f4f4;
    padding: 10px 8px;
}

.setting-header {
    width: 100%;
    float: left;
    color: #333333;
    text-transform: uppercase;
    padding: 16px;
    margin-bottom: 15px;
    border-bottom: solid 1px #dadbe1;
    border-radius: 3px;
    font-weight: 800;
    font-size: 16px;
}

.alerts-notifications-settings {
    background: #fff;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

ol,
ul {
    margin: 0px;
    padding: 0px;
}


.alerts-notifications-settings ul li a.headingtext {
    font-weight: 600;
    padding: 10px;
    display: inline-block;
}

#master-setting tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#industryedit,
#FunctionalArea,
#functionalareaeidt,
#Portal,
#portaledit,
#Transaction,
#transctionedit,
#Company,
#companyedit,
#Designation,
#Designationedit,
#Skill,
#Skilledit,
#EmaiTemplateDetail,
#EmaiTemplateDetailedit,
#loginpage,
#offfer,
#control1,
#target {
    display: none;
}

.link-top ul li {
    float: left;
    padding: 0 10px;
    padding-left: 0;
}

.link-top {
    background: #eee;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 100%;
    display: inline-block;
}

    .link-top ul li a {
        color: #333;
        border-right: 1px solid #999;
        padding-right: 10px;
        font-weight: 700;
        font-size: 12px;
    }

.indicator-green {
    color: green;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: green;
    border-radius: 3em;
    margin-right: 8px;
}

.settings-administration .panel h3 a {
    /*font-size: 1.4em;
    font-weight: 700;
    text-decoration: none;
    color: #000000;*/
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    color: #014995;
}

.settings-administration .panel {
    margin-bottom: 10px;
    background: #eee;
    padding-top: 10px;
    overflow: visible !important;
}

.line-top {
    border-top: 1px solid #ddd;
}

.line-right {
    border-right: 1px solid #ddd;
    display: inline-block;
}

.quick-links-right ul li a {
    color: #333;
    font-style: normal;
}

.settings-administration .panel ul li span {
    float: left;
    width: 80%;
}

.settings-administration .panel ul li i {
    margin-right: 10px;
    float: left;
    color: #999;
    width: 14px;
    margin-top: 3px;
}

.icon-set a {
    padding: 0 7px;
    opacity: .8;
}

.quick-links-right h4 {
    font-weight: 700;
    font-size: 14px;
}

.setting-panel-right h3 {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
}

.settings-administration .panel h3 {
    /*font-size: 0.9em;
    font-weight: 700;
    margin: 10px 0 10px 0;*/
    font-size: 1.4em;
    font-weight: 700;
    margin: 10px 0 10px 0;
}

.settings-administration .panel ul li {
    padding: 4px 0;
    color: #666;
    display: flex;
    list-style: none;
}

.setting-panel-right h3 {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    list-style: none;
}

.panel-header .panel-header-left h1 {
    color: #2a2d33;
    font-size: 30px;
    line-height: 45px;
    margin: 0px;
    padding: 0px;
    font-weight: 100;
    font-style: normal;
}

.table > thead > tr > th {
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
    background-color: #f7f7f7 !important;
    padding-top: 12px !important;
    padding-bottom: 15px !important;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px !important;
    text-align: left;
}

.table > thead > tr > th {
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 15px;
    padding-left: 15px;
    font-weight: normal;
    white-space: nowrap;
}

.edit-rocess-settings {
    padding: 20px;
    margin: 10px 0;
}

.whitebg {
    background: #fff !important;
    display: block;
    margin: 0;
    border-radius: 5px;
}

.whitebg {
    background: #fff !important;
    display: block;
    margin: 0;
    border-radius: 5px;
}

.alerts-notifications-settings .setting-tab-table {
    background: #fff;
    padding-top: 5px;
    height: auto !important;
}

.setting-subheader input {
    width: 40%;
}

.setting-subheader {
    padding: 10px;
}

.panel-header .panel-header-left,
.panel-header .panel-header-right {
    width: 100%;
    float: left;
}

.panel-right {
    padding-top: 90px !important;
}

setting-panel-right {
    display: block;
}

.modal-body {
    position: relative;
    float: left;
    width: 100%;
}

.edit-rocess-settings {
    padding: 20px;
    margin: 10px 0;
}

.form-group.border {
    width: 100%;
}

.border {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 15px 0;
}

.edit-rocess-settings h4 {
    margin-top: 0;
    clear: both;
}

span.expandall a {
    font-size: 16px;
    margin-top: 0 !important;
    display: inline-block;
}

.settings-administration .panel ul li i {
    margin-right: 10px;
    float: left;
    color: #999;
    width: 14px;
    margin-top: 3px;
}

h3#myModalLabel {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    width: 98%;
}

.webconfig .nav-tabs > li.active > a {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #003399 !important;
}

.webconfig .nav-tabs > li a {
    transition: none;
    cursor: pointer;
    margin-left: 5px;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.webconfig ul.nav.nav-tabs {
    border-bottom: 1px solid #ddd !important;
    display: inline-block;
    padding: 0 10px;
    width: 96%;
    margin: 12px;
}

.captcha {
    float: left;
    margin-left: 26%;
}

.form-inline .form-group .file {
    width: 50%;
}

.app-settings .form-control,
.app-settings .file {
    max-width: 100%;
    min-width: 45%;
}

.panel-right {
    padding-top: 90px !important;
}

button.btn-group.btn {
    margin-left: 0;
    background: #ca2e3f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.add-vertical .form-control {
    width: 77.5%;
    float: left;
    margin-right: 10px;
}

.add-currency button.btn.btn-primary {
    margin-top: 25px;
}




.uer-hierarchy ul li > div > img {
    margin-left: 13px;
    float: left;
    width: 63px;
}

.uer-hierarchy ul ul li > div {
    width: 100%;
    margin-left: -60px;
}

.uer-hierarchy ul li > div {
    position: relative;
    width: 100%;
    margin: 0 0 20px 0;
    height: auto;
    float: left;
    margin-left: -47px;
}

label {
    font-weight: 600 !important;
}

.box-success {
    padding: 10px;
    border-radius: 6px;
}

.setting-tab.nav-tabs > li > a {
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
}

@media (max-width: 1560px) and (min-width: 1199px) {
    .svg-sroll {
        width: 430px;
    }

    .panel-heading-sub-h4 {
        padding: 0px;
    }
}

@media (max-width: 1559px) and (min-width: 1280px) {
    .sidebar-contact-one span {
        padding-right: 10%;
    }

    .sidebar-contact-one .contact-one-text .fa {
        padding-right: 8px;
        color: #979797 !important;
    }

    .control-sidebar-dark .activity .activity-sub-title {
        float: left;
        margin-right: 2px;
    }

    .tab-content .add-new-document h4 a {
        font-size: 13px;
    }

    .tab-content .add-new-document .fa-file-text {
        padding-right: 2px;
    }

    .control-sidebar-bg,
    .control-sidebar {
        width: 28%;
    }

    .user-img img {
        width: 100%;
    }

    .tab-content .user-section em {
        margin-top: 0px;
        float: left;
        margin-right: 0px;
        width: 100%;
    }

    .control-sidebar .tab-content .nav > li > a {
        padding: 10px 5px;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
        padding: 10px 7px;
    }
}

@media (max-width: 1281px) and (min-width: 1023px) {
    .tab-content .add-new-document h4 a,
    header.panel-heading h4 {
        font-size: 15px;
    }

    .sidebar-contact-one span {
        padding-right: 13%;
    }

    .tab-content .add-new-document h4 a {
        font-size: 15px;
    }

    header.panel-heading h4 {
        font-size: 15px;
    }

    .panel-heading-sub-h4 {
        padding: 0px;
    }

    .add-lead-section {
        padding-right: 0px;
    }

    .footer-responsive {
        display: block !important;
    }

    .footer-text {
        display: none !important;
    }

    .panel-right {
        float: left;
    }

    .panel-right {
        padding-right: 25px !important;
    }

    .svg-sroll {
        width: 430px;
    }
}

@media (max-width: 1280px) and (min-width: 1280px) {
    .sidebar-contact-one span {
        padding-right: 13% !important;
    }

    .requirment-view .recruitment-line {
        bottom: 106px !important;
    }

    .requirment-view .rmnt-bdg-dflt-120 {
        bottom: 97px !important;
    }

    .panel .panel-heading-title {
        margin-right: 0px !important;
    }

    .modal-content a {
        font-size: 15px !important;
    }

    .font-16 {
        font-size: 15px !important;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory li {
        margin-right: 10px !important;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory.padding-0.font-16 li {
        margin-right: 6px !important;
    }

    .control-sidebar-bg,
    .control-sidebar {
        width: 32%;
    }
}

@media (max-width: 1180px) and (min-width: 767px) {
    .sidebar-contact-one .contact-one-text .fa {
        padding-right: 8px;
        color: #979797 !important;
    }

    .panel-1-main-bg {
        width: 100%;
    }

    .panel-right {
        width: 100%;
    }

    .candidate-right-section .form-control-small {
        width: auto;
        float: inherit !important;
    }

    .candidate-right-section .control-small-left {
        padding-left: 0px;
    }
}

@media (max-width: 1022px) and (min-width: 100px) {
    .title-footer .text-right {
        text-align: center;
        float: initial;
    }

    .profile-tab-main .profile-content .sub-tab {
        min-height: 150px;
        min-width: 150px;
    }

    .source-header-contact {
        top: 25px;
    }

    .panel-heading-sub-h4 {
        padding: 0px;
    }

    .panel-right {
        padding-top: 90px !important;
        width: 100%;
        float: left;
    }

    .panel-1-main-bg {
        padding-top: 60px;
        width: 100%;
    }

    .pagination-scroll {
        float: left;
        width: 100%;
    }

    .control-sidebar-dark .activity-text-main .activity-text-sub {
        float: none;
        width: 100%;
        padding-top: 45px;
        margin-top: 0px;
        padding-bottom: 35px;
    }

    .edit-bar {
        float: left;
        width: 100%;
    }

    .tab-two h4 {
        margin-top: 15px;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0%;
    }

    .day-headers {
        width: 100%;
        float: left;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 20px;
    }
}

@media (max-width: 1024px) {
    .panel-header .panel-header-right .view-part {
        margin-top: 25px;
    }

    .candidate-main .profile-details {
        min-height: 211px !important;
    }

    .panel-heading-2 .sortby:after {
        left: 40% !important;
    }

    .panel-heading-2 .bulk-action:after {
        left: 62% !important;
    }

    .panel .devider {
        min-height: 54px;
    }

    .margin-top-50 {
        margin-top: 0px !important;
    }

    .report-right-hide-main {
        padding-top: 10px !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .col-sm-2.pull-left.panel-small-dvs-left.panel-heading-sub-h4 {
        border-bottom: 0px;
    }

    .panel-heading-sub-h4 h4 {
        font-size: 14px !important;
    }

    .skin-blue .main-header .navbar {
        border-bottom: solid 0px #dadbdc;
    }

    .candidate-main .name_details p {
        font-size: 14px;
    }

    .panel-heading-2 .btn {
        font-size: 14px !important;
    }

    .darktxtblack {
        margin-top: 10px;
    }

    .panel-small-dvs-left {
        border-bottom: solid 1px #dadadb;
    }

    #portalrec input.form-control,
    #portalrec select.form-control {
        margin-bottom: 10px;
    }

    .log-in-main .modal-footer .btn {
        margin-top: 0px;
    }

    .recruiter-sub-main .recruiter-sub-left p {
        padding-right: 5px;
    }

    nav ul {
        padding: 0px;
    }

    .job-content-left .top-buffer {
        padding-top: 10px;
    }

    .job-content-left p {
        margin-top: 10px;
    }

    .job-content-left p {
        margin-bottom: 10px;
    }

    .job-content-left .top-buffer span {
        margin-right: 15px;
        margin-left: 15px;
    }

    .job-category-main .poll-section {
        min-height: 311px;
    }

    .job-category-main .poll-section-details {
        padding: 8px 15px 0px 15px;
    }

    .job-category-main .advertisement img {
        min-height: 310px;
    }
}

@media (max-width: 990px) and (min-width: 100px) {
    .job-category-main .advertisement img {
        width: 343px;
        height: 300px;
        min-height: 309px;
    }

    .job-candidate-sub .job-decription-content {
        margin-bottom: 25px;
    }

    .main-header {
        border-bottom: solid 1px #ccc;
    }

    .job-content-right {
        border-left: 0px solid #7FB3E5;
    }
}

@media (max-width: 1023px) and (min-width: 100px) {
    .job-content-right .posted-main {
        margin: 0px 0 15px 0;
    }

    .job-content-right {
        min-height: inherit;
    }

    .h2-padding-top {
        padding-top: 10px;
    }

    .right-nav-sm-dv {
        background-color: rgba(247, 247, 247, 0.87);
        border-bottom: solid 1px rgba(204, 204, 204, 0.37);
    }

    .log-in-main .modal-footer p {
        width: 100%;
    }

    .recruiter-sub-main .recruiter-sub-right .btn-button {
        margin-top: 0px;
    }

    .fluid-job-search .text-right .btn-primary {
        margin-right: 5px;
    }

    .pagination-main {
        clear: both;
        text-align: center;
    }

    .fluid-job-search {
        padding: 15px 0 0 0;
        border-top: solid 1px #f8f6f6;
        margin-top: 60px;
    }

    .right-nav {
        float: left;
        width: 100%;
    }

        .right-nav ul li {
            text-align: center;
            width: 100%;
        }

    .search-inner {
        margin: 0 0%;
        width: 100%;
    }

    .social-net-wrk img {
        margin: 0 0px 0 0 !important;
    }

    .text-right.crated-modified {
        text-align: center;
        width: 100%;
    }

    .main-header-bottom {
        box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    }

    .job-content-left .top-buffer span {
        margin-left: -2px;
    }

    .recruiter-sub-main {
        padding: 0% 0 5% 0;
    }

        .recruiter-sub-main .recruiter-sub-right .modal-content {
            margin-top: 40px;
        }

    .footer {
        padding: 20px 5px 20px 5px;
    }

    .top-record-page {
        text-align: left;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .fluid-job-search .show-result h4 {
        margin-bottom: 15px;
        text-align: left;
    }
}

@media (max-width: 768px) and (min-width: 100px) {
    .panel-default form label {
        float: left;
        width: 100%;
    }

    .editDiv .logpad-icon-top a {
        padding: 0 4px;
    }

    .link-top ul li {
        padding: 0 5px;
    }

    .add-new-wrap .link-top ul li a {
        padding-right: 5px;
    }

    .table-responsive {
        overflow-x: scroll !important;
    }

    .user-specific h3 {
        margin-top: 0px;
    }

    .modal-footer.align-center {
        padding-top: 10px;
    }

    .requirment-view .timeline-main .badge-defalt-text a {
        padding-right: 11%;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory.candidate-offer li {
        width: initial !important;
        margin-bottom: 3px;
    }

    .addevalsheet-sml {
        width: 96%;
    }

    .first-sml-dvs {
        margin-bottom: 15px;
    }

    .panel-heading1 .margin-bottom-15 {
        padding: 0 10px;
    }

    .home_banner {
        height: inherit !important;
        min-height: 550px;
    }

    .background-white-sub {
        position: inherit !important;
    }

    .form-group.col-md-6.col-sm-12.padding-left-0 {
        padding-right: 0px;
    }



    .pie-chart-grp .position {
        margin-bottom: 20px !important;
    }

    .min-hight-176 {
        min-height: 134px !important;
        padding-bottom: 0px !important;
    }

    .circle-chart-div .circle-chart {
        margin: 0px !important;
    }

    a.left.carousel-control {
        margin: 38% 0 !important;
    }

    a.right.carousel-control {
        margin: 38% 0 !important;
    }

    .modal-footer .login-sml-dvs {
        width: 100%;
        float: left;
    }

    .job-category-main .advertisement img {
        height: 305px;
        min-height: 305px;
    }

    .job-category-main .poll-section-details {
        min-height: 308px;
    }

    .job-category-main .poll-section {
        min-height: 308px;
    }

    .footer .dsk-top-vrsn {
        padding-left: 0px;
    }

    .job-content-right {
        border-left: 0px solid #7FB3E5;
    }

        .job-content-right .posted-main {
            margin: 0px 0 15px 0;
        }

    .job-content-right {
        min-height: inherit;
    }

    .job-content-left .top-buffer {
        padding-top: 20px;
    }

    .show-result {
        text-align: right;
    }

    .panel-left-search .saved-search {
        padding: 8px 7px !important;
        text-align: center;
        float: inherit;
        font-size: 12px;
    }

        .panel-left-search .saved-search .pull-right {
            float: right;
        }

    .search-section .btn {
        min-width: 140px !important;
        float: right;
        margin-right: 15px;
    }

    .panel-left-search .min-dvs {
        padding: 0px;
    }

    .panel-left-search .to-dvs {
        padding: 0px;
        text-align: center;
    }

    .panel-left-search .max-dvs {
        padding: 0px;
    }

    .panel-left-search {
        padding-right: 0px;
    }
}

@media (max-width: 1024px) and (min-width: 100px) {
    .candidate-main .profile-details p {
        float: left;
    }

    .candidate-main .profile-details .rating span {
        padding-top: 0px !important;
        color: #fff;
        font-size: 13px;
    }

    .reqmnt-blk-hdr {
        margin-bottom: 20px;
    }

    .panel-small-dvs-left.panel-heading-sub-h4.source-panel-heading {
        border: 0px;
    }

    .cantop-sml-dvs h3 {
        padding-top: 8px !important;
    }

    .candidates-fund .line-height-34 {
        line-height: 18px;
    }

    .cantop-sml-dvs .panel-heading-title {
        padding: 0 6px !important;
        margin-right: 0px;
        font-size: 13px !important;
    }

    .cantop .col-md-2 {
        padding: 0 5px;
    }

    .cantop .col-md-3 {
        padding: 0 5px;
    }

    .panel-overflow-x .panel {
        overflow-x: inherit !important;
    }

    .refine-search .job-content-left {
        padding: 0px 25px 0px 25px;
    }

    .job-content-left .top-buffer span {
        margin-right: 0px;
        margin-left: 0px;
    }

    .panel-left .btn.btn-default {
        min-width: 95px !important;
    }

    .show-result h4 {
        font-size: 16px;
    }

    .view-profile-button {
        margin-top: 25px;
    }

    #CompletenessChart {
        padding: 20px 0 !important;
    }

    #ShortListRatioChart {
        padding: 0 0 0 10px;
    }

    .job-seeker-custom-menu .navbar-nav > .user-menu .user-image {
        width: 35px !important;
        height: 35px !important;
        margin-left: 5px !important;
        margin-top: -7px !important;
    }

    .job-seeker-custom-menu .nav > li > a {
        padding: 20px 13px !important;
    }

    .navbar-nav span.hidden-xs {
        font-size: 12px;
    }

    .login-header {
        padding: 0px;
    }

        .login-header ul li a {
            padding: 21px 10px;
        }

    .col-lg-4.margin-top-10.text-right {
        text-align: center !important;
        padding-bottom: 15px;
        float: inherit !important;
        width: 100%;
    }

    .latest-job-carousel-main {
        margin-top: 15px;
        float: left;
    }

    .progress-bar.position {
        margin-bottom: 15px;
    }

    .job-content button.btn.btn-primary {
        min-width: 60px;
        padding: 3px 5px !important;
    }

    .candidate-mdl-fltr:after {
        left: 95% !important;
    }

    .top-record-page {
        margin-top: 0;
        text-align: right;
    }

    .panel-heading-2 .sortby:after {
        left: 40% !important;
    }

    .panel-heading-2 .bulk-action:after {
        left: 62% !important;
    }

    .job-content button.btn.btn-primary {
        margin-left: 5px !important;
        min-width: 60px;
        padding: 3px 5px !important;
    }

    #portalrec .form-group,
    #advancedsearch .form-group {
        margin-bottom: 10px !important;
    }

    .panel-1-main-bg {
        min-height: 950px;
    }

    .panel-body-padding {
        height: 575px;
    }

    .panel-heading-2 .sortby:after {
        left: 40% !important;
    }

    .modal-additional-width .modal-footer {
        float: left;
        width: 100%;
    }

    .modal-lead-section .progress-xs-divise {
        margin: 0 auto;
        width: 250px;
        float: inherit;
    }

    .modal-lead-section h4 {
        text-align: center !important;
    }

    .panel-1-main-bg {
        width: 100%;
        float: left;
    }

    .panel-right {
        padding-top: 30px !important;
        width: 100%;
        float: left;
    }

    .slide-out-div {
        top: 443px !important;
    }

    .footer-responsive {
        display: block !important;
    }

    .footer-text {
        display: none;
    }
}

@media (max-width: 1023px) and (min-width: 100px) {
    .modal-dialog.modal-lg.view-source {
        width: 95%;
    }

    .user-header:after {
        display: none;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
        float: left;
    }

    .navbar-custom-menu .header:after {
        display: none;
    }

    .align-center {
        text-align: center !important;
        padding: 0 15px 15px 15px;
        border-top: 0px solid #e5e5e5;
    }

    .user-img {
        margin-left: 0px;
        text-align: right;
    }

    .user-section {
        margin: 15px 0;
    }
}

@media (max-width: 960px) {
    .tab-padding-sm li a {
        padding: 6px 3px !important;
    }

    .add-lead-sm li a {
        padding: 6px 10px !important;
    }
}

@media (max-width:960px) and (min-width: 960px) {
    ul.nav.nav-tabs.nav-justified.control-sidebar-tabs li a {
        padding: 8px 8px !important;
        font-size: 12px;
        margin-right: 5px;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .xs-dvs {
        width: 100%;
        float: left;
    }

    .view-source-header-right a {
        padding: 12px 8px;
    }

    .panel .panel-heading {
        padding: 0 7px;
    }

    header.panel-heading h4 {
        font-size: 12px;
    }

    .panel-header .panel-header-right .view-part {
        width: 100%;
    }

    .col-sm-10.add-lead-section {
        padding-left: 0px;
    }

    .panel-heading-2 .btn {
        font-size: 15px;
        padding: 6px 5px;
    }

    .handled-padding-left {
        padding-left: 10px;
    }

    .panel .color-1 {
        padding: 12px 6px 0 0px !important;
    }

    button.btn-group.btn.add-lead-btn {
        min-width: 120px !important;
        text-align: left;
    }

    .panel .panel-heading-title {
        font-size: 14px;
        padding: 0 7px;
    }
}

@media (max-width: 768px) and (min-width: 100px) {
    .add-lead-section.addcandidates {
        border-top: solid 1px #dadadb;
    }

    .source-header-contact .header-sub-panel .source-pagination {
        margin-left: 0%;
    }

    .candidate-main .name_details.rightline {
        min-height: 244px !important;
    }

    .form-group.margin-top-15 {
        margin-left: 10px;
    }

    .panel-heading-2 .sortby:after {
        left: 34% !important;
    }

    .skill-table.table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        font-size: 12px;
    }

    .tab-content-main .table-responsive {
        width: 100%;
        padding-left: 0px;
    }

    ul.nav.nav-tabs.tab-additional a {
        font-size: 14px;
    }

    ul.bulk-action.dropdown-menu {
        background: #fff !important;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
        padding: 10px 10px;
    }

    .panel-heading-2 .bulk-action:after {
        left: 55% !important;
    }

    .panel .panel-heading {
        font-size: 14px;
    }

    .logpad-small-dvs {
        width: 730px;
    }

    .logpad-box .margin-label {
        width: 100%;
    }

    h3#myModalLabel {
        margin: 0px !important;
        padding-top: 15px;
    }

    .panel-heading-2 .dropdown-menu:after {
        left: 50%;
    }

    .panel-heading-2 .records:after {
        left: 88% !important;
    }

    .xs-dvs {
        width: 100%;
        float: left;
    }

    header.panel-heading h4 {
        font-size: 15px !important;
    }

    .modal-dialog.modal-lg.view-source {
        width: 95%;
    }

    .panel .panel-heading {
        padding-left: 8px;
        padding-right: 8px;
    }

    .statistic.nav-tabs.nav-justified > li {
        padding: 13px 5px;
    }

    .panel-header .panel-header-right .view-part {
        width: 100%;
    }

    .add-lead-section {
        padding-left: 0px;
    }

    .panel-heading-2 .btn {
        font-size: 15px;
        padding: 6px 5px;
    }

    .handled-padding-left {
        padding-left: 10px;
    }

    .panel .color-1 {
        padding: 12px 6px 0 0px !important;
    }

    button.btn-group.btn.add-lead-btn {
        min-width: 120px !important;
        text-align: left;
    }

    .panel .panel-heading-title {
        font-size: 14px;
        padding: 0 7px;
    }

    .modal-additional-width {
        width: 97% !important;
    }

    .align-center {
        text-align: center !important;
        border-top: 0px solid #e5e5e5;
    }

    header.panel-heading h4 {
        float: left;
        width: 100%;
        font-size: 12px;
    }

    .view-edit-text-main {
        margin: 15px 0 0 0;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 30%;
        float: left;
    }

    .control-sidebar {
        padding-top: 60px;
    }

    .panel-heading-sub-h4 {
        padding: 0px;
    }
}

@media (max-width: 767px) and (min-width: 100px) {
    .table-responsive {
        min-height: .01%;
        overflow-x: auto !important;
    }

    .report-exam-tab li {
        width: 25% !important;
    }

    .padding-sm-right-0 {
        padding-right: 0 !important;
    }

    .padding-sm-left-0 {
        padding-left: 0 !important;
    }

    .panel {
        overflow-x: scroll;
        overflow-y: hidden;
        float: left;
    }

    .lead-small-dvs {
        width: 100%;
        float: left;
        text-align: center;
    }

    .edit-lead-user-img {
        float: left;
        width: 100%;
        text-align: center;
    }

        .edit-lead-user-img img {
            width: 85px;
        }

    .statistic.nav-tabs.nav-justified > li {
        width: 100% !important;
        float: left;
    }

    .slide-out-div {
        display: none;
    }

    .panel-right .svg-sroll {
        width: 430px;
    }

    .statistic #svg2 {
        width: 560px;
    }

    .statistic #svg3 {
        width: 560px;
    }

    .statistic #svg4 {
        width: 560px;
    }

    .statistic #svg5 {
        width: 560px;
    }

    .statistic #svg6 {
        width: 560px;
    }

    .padding-left-right {
        clear: both;
    }

    .add-consulting-fee .form-control {
        width: 85%;
    }

    .view-source-tab .form-control {
        width: 100%;
    }

    .profile-tab-sub .form-control-small {
        width: 100% !important;
        float: none;
    }

    .profile-tab-sub .control-small-left {
        padding-left: 0px;
    }

    .candidate-right-section .control-small-right {
        padding-right: 0px;
    }

    .profile-tab-sub .file {
        margin-bottom: 196px;
        width: 100%;
    }

    .file-padding-left {
        padding-left: 15px;
    }

    .input-group {
        width: 100%;
    }

    .profile-tab-sub .control-small-right {
        padding-right: 0px;
    }

    .slide-out-div {
        top: 220px !important;
    }

    .candidate-main .title-footer {
        margin-top: 20px;
    }

    .add-new-source-poup-main .label {
        text-align: left;
    }

    .add-new-source-poup-main .label-right {
        margin: 15px 0 0 0 !important;
    }

    .add-new-source-poup-main .label {
        padding-left: 0px;
    }

    /*.add-new-source-poup-main .form-group {
        margin-bottom: 0;
    }*/

    .add-new-source-poup-main .btn.btn-default {
        margin-top: 15px;
    }

    .add-new-source-poup-main .padding-right {
        padding: 0px;
    }

    .add-new-source-poup-main .checkbox,
    .radio {
        margin: 15px 0 0;
    }

    .add-new-source-poup-main .label-addition {
        margin-top: 14px;
    }

    #Logpad .lgd-sml-dvs {
        padding: 0px;
    }

    .logpad {
        width: 100%;
        float: left;
    }

    .view-source-header-right a {
        text-decoration: none;
        width: 100%;
        text-align: center;
    }

    .view-source-header .pull-right {
        width: 100% !important;
    }

    .view-source-header-right .source-devider {
        display: none;
    }

    .parsed-candidate .input-group {
        margin-bottom: 15px;
    }

    .profile-tab-main .profile-content .sub-tab {
        margin-bottom: 15px;
    }

    .source-header-contact .header-sub-panel h4 {
        text-align: center;
        width: 100%;
        line-height: 30px;
    }

    .source-header-contact .header-sub-panel {
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .source-header-contact .header-sub-panel .back-to-result {
            width: 100%;
            float: left;
            text-align: center;
        }

            .source-header-contact .header-sub-panel .back-to-result a {
                float: none !important;
                line-height: 45px;
                margin-left: 0px;
                text-align: center;
            }

    .timeline-main .badge-defalt-text a {
        padding-right: 5%;
    }

    .source-header-contact .header-sub-panel .source-pagination {
        float: none !important;
        margin-left: 0px;
    }

    .article-footer span {
        width: 100%;
        float: left;
        text-align: center;
    }

    .candidate-main .fa-right-icon {
        margin-top: 10px;
    }

    .candidate-main .date-time {
        margin-bottom: 35px;
        margin-top: 25px;
    }

    .pagination .small-device {
        display: none;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: auto !important;
        float: left;
    }

    .sidebar-left-icon .fa.fa-chevron-left {
        color: #fff !important;
        display: block;
        line-height: 90px;
    }

    .filter-padding-left {
        width: 100%;
    }

    .filter-padding-right {
        width: 100%;
    }

    ul.dropdown-menu.dropdown-men-4 {
        min-width: 300px !important;
    }

    .modal-additional-width {
        width: inherit !important;
    }

    .main-sidebar,
    .left-side {
        padding-top: 120px;
    }

    .navbar {
        top: 0px;
        position: absolute;
    }

    .fixed {
        position: fixed;
        top: 0;
    }

    .panel-header .panel-header-left {
        margin-top: 50px;
    }

    .panel-header .panel-header-left {
        width: 100%;
        float: left;
    }

        .panel-header .panel-header-left h1 {
            text-align: center;
            margin-bottom: 15px;
        }

    .panel-header .panel-header-right {
        width: 100%;
        float: none;
        margin-top: 0;
    }

        .panel-header .panel-header-right .view-part {
            width: 100%;
        }

    .modal-additional-width {
        width: 100%;
        margin-left: 20px;
        margin-right: 20px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .navbar-nav > .user-menu .user-image {
        float: right;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-left: 10px;
        margin-top: -5px;
        margin-right: 0px;
    }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
        margin: 0px;
    }

    a.dropdown-toggle {
        float: left;
    }

    .main-header .sidebar-toggle {
        padding: 20px 20px;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        padding-bottom: 20px;
    }

    .header-search {
        margin: 13px 0;
    }

    .main-header > .navbar {
        min-height: 60px;
    }

    .panel-right .h4-padding {
        float: left;
    }

    .control-sidebar .padding-left-right {
        float: left;
    }

    .control-sidebar {
        padding-top: 120px;
    }

    .nav-justified > li > a {
        margin-bottom: 0px !important;
    }

    .progress-xs {
        height: 10px !important;
        float: left;
        width: 100%;
    }

    .tab-content .user-section em {
        float: none;
    }
}

@media (max-width: 598px) and (min-width: 100px) {
    .search-section h6 {
        text-align: left;
    }

    header.panel-heading h4 {
        text-align: left;
    }

    .tab-two .tick-box label.margin-label {
        text-align: left;
    }

    h3#myModalLabel {
        font-size: 15px;
    }

    ul.dropdown-menu.dropdown-men-4 {
        right: -120px !important;
    }

        ul.dropdown-menu.dropdown-men-4:after {
            left: 50% !important;
        }

    .records-padding {
        float: initial !important;
        text-align: center;
        clear: both;
    }

    .btn-group.pull-right {
        float: inherit !important;
    }

    .panel-small-dvs {
        width: 100%;
        text-align: center;
    }

    .panel-small-dvs-left {
        width: 100%;
        text-align: center;
    }

    .add-section-sub {
        width: 100%;
        float: left !important;
        text-align: center;
    }

    .panel-heading-btn-group {
        float: none !important;
        padding-top: 12px;
    }

    .panel .panel-heading-title {
        float: none !important;
    }

    .add-lead-section {
        padding-right: 0px;
        background: #F7F7F7;
        float: left;
        width: 100%;
        border-radius: 1px;
        padding-left: 0px;
    }
}

@media (max-width: 568px) and (min-width: 100px) {
    .add-lead-sm.nav-tabs > li {
        float: left;
        width: 100%;
    }

        .add-lead-sm.nav-tabs > li:last-child {
            margin-bottom: 15px;
        }

    .source-devider {
        display: none;
    }

    .source-panel-left a {
        width: 100%;
        padding-bottom: 10px;
    }

    .source-main .addlead-content {
        font-size: 10px;
    }

    .filter-search-home:after {
        left: 24% !important;
    }

    .filter-criteria {
        padding: 8px 10px;
        margin-right: 7px;
        margin-bottom: 5px;
    }

    .filter-search-home .color-read {
        width: 100%;
        float: left;
        text-align: left;
        line-height: 28px;
    }

    .search-small-devis {
        width: 100%;
        float: left;
    }

    .filter-search-home {
        left: -45px;
        top: 130%;
    }

    ul.dropdown-menu.dropdown-men-5.filter-search-home.display-none {
        min-width: 300px !important;
        margin-left: 0px;
        padding: 15px;
    }

    .panel-heading-title.devider.padding-right {
        border-left: solid 0px #ced0d4;
        padding-bottom: 12px !important;
        padding-top: 12px !important;
        float: right;
        width: 100%;
    }

    .svg-sroll {
        width: 430px;
    }

    .panel {
        overflow-x: scroll;
        overflow-y: hidden;
        float: left;
    }
}

@media (max-width: 450px) and (min-width: 100px) {
    .preload {
        font-size: 14px;
        padding: 0px;
    }

    .tab-additional > li {
        width: 100%;
    }

        .tab-additional > li:last-child {
            margin-bottom: 15px;
        }

    .logpad-header h2 {
        width: 100%;
    }

    .logpad-header-right .logpad-devider {
        width: 100%;
        border-left: 0px;
        float: left;
        text-align: center;
    }

    .logpad-header .pull-right {
        width: 100%;
    }

    .logpad-header-right a {
        border-left: 0px solid #cdd2db;
        width: 100%;
        padding: 0 0 15px 0;
    }

    .profile-tab-main .nav > li {
        width: 100%;
    }

    .profile-tab-main .profile-content .sub-tab {
        min-height: 125px;
        min-width: 125px;
    }

    .profile-tab-main .xs-divise {
        padding: 0px;
    }

    .profile-tab-main .profile-content .sub-tab h5 {
        font-size: 18px;
        margin-top: 20px;
    }

    .timeline-main p {
        font-size: 15px;
        min-height: 85px;
    }

    .timeline-main .badge-defalt-text a {
        font-size: 14px;
        padding-right: 3%;
    }

    .profile-tab-main .profile-content .sub-tab .fa-4x {
        margin-top: 30px;
    }

    .candidate-right-section .control-small-right {
        padding-right: 0px;
    }

    .border-four-small {
        margin-left: 25px;
    }

    .sidebar-contact-slider .addlead-content span {
        font-size: 11px;
    }

    .sidebar-contact-slider span {
        font-size: 14px;
    }

    .control-sidebar .tab-content .fa {
        font-size: 15px;
        padding-right: 5px;
    }

    .sidebar-contact-slider .small-padding {
        margin-top: -15px;
    }

    .header.panel-heading h3 {
        font-size: 14px;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: auto;
    }

    .control-sidebar-dark .sidebar-right-icon .calendar-notifications {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        background-color: #c50000;
        position: absolute;
        right: 12px;
        color: #fff;
        line-height: 20px !important;
        padding-left: 7px;
        font-size: 12px;
    }

    aside.control-sidebar.control-sidebar-dark.control-sidebar-open {
        width: 100%;
        float: left;
    }

    .control-sidebar-dark .sidebar-right-icon {
        width: 37px;
        height: 95px;
        background: url(../img/control-sidebar-right-icon.png);
        background-size: 100% 100%;
        position: absolute;
        z-index: 9;
        right: -20px;
        top: 260px;
        line-height: 90px;
        padding-left: 10px;
    }

    .sidebar-contact-one span {
        padding-right: 0px;
        float: left;
        width: 100%;
    }
}

@media (max-width: 350px) and (min-width: 100px) {
    h3#myModalLabel {
        font-size: 15px;
    }

    .modal-additional-width {
        margin-left: 0;
        margin-right: 0;
    }
}

@-moz-document url-prefix() {
    .filter-padding-right input[type="checkbox"] {
        margin-left: -84px !important;
    }
}


.file-list .fa-file-text-o {
    padding: 8px 11px;
    display: block;
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 19px;
    font-size: 20px;
    color: rgb(204, 204, 204);
    float: left;
}

.file-opretion i {
    color: rgb(204, 204, 204);
    font-size: 20px;
    padding: 5px;
}

.forum h3 span {
    font-size: 13px !important;
    color: darkgrey !important;
}

.lighttxtgray {
    font-weight: 500;
    color: gray;
}

.forum h3 {
    font-size: 20px;
}

.forum h3 {
    text-transform: none !important;
    color: #444444 !important;
    margin: 10px 0 0 0 !important;
}

.document-margin {
    margin-left: 15px;
}

.document .file {
    margin-bottom: 5px !important;
}

.document .file {
    margin-bottom: 5px !important;
}

.document .label-right {
    margin-bottom: 5px !important;
}

.forum textarea.form-control {
    border-left: 1px;
}

.forum textarea.form-control {
    border-left: solid 1px #ccc;
}

.file-list {
    margin-bottom: 20px;
}

.panel2 {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel2-default > .panel2-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel2-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.profile-tab-main .nav.mailcust > li > a:first-child {
    border-top: none;
}

.resume select.form-control {
    border-left: solid 1px #ccc;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.resume .form-control-sub {
    border-left: solid 1px #ccc;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.resume hr {
    margin: 15px 0 5px 0 !important;
}

.profile-tab-main .nav.mailcust > li > a {
    padding: 10px 15px;
    border: 1px solid #d6d6d6;
    margin-top: -2px;
}

.mailcust > li.active > a,
.mailcust > li.active > a:hover,
.mailcust > li.active > a:focus {
    background: #ffffff;
    color: #444;
}

.text-italic {
    font-style: italic !important;
}

.input-group .input-group-addon {
    padding: 0px 0px 0 4px;
    max-width: 31px !important;
}

.text-green {
    color: #00a65a !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.background-modal {
    background: #e3e3e3;
}

.font-14 {
    font-size: 14px !important;
}

.padding-5 {
    padding: 5px !important;
}

.a-italic-blue {
    color: #337ab7 !important;
    font-style: italic !important;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #1e282c;
    border-left: 3px solid #ca2e3f !important;
}

.skin-blue .sidebar-menu > li > a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.skin-blue .sidebar-menu > li.header {
    color: #7C97B3 !important;
    background: #1a2226;
}

.textarea-fa .fa {
    position: absolute;
    top: 17px;
    line-height: 0;
    left: 15px;
}

.main-header {
    position: fixed;
    width: 100%;
}

.header-search {
    border-left: solid 1px #dadbdc;
    float: left;
    margin: 13px 0;
    padding: 0 0 0 5px;
}

    .header-search .fa-search:before {
        content: "\f002";
        color: #6d6d6d;
    }

    .header-search input {
        border: none;
        outline: none;
        padding-left: 0;
        color: #999;
    }

.navbar-custom-menu a.dropdown-toggle {
    min-height: 60px;
}

.navbar-custom-menu .header:after {
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-width: 7px;
}

.user-header:after {
    bottom: 99.5%;
    right: 38px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #E9E9E9;
    border-width: 7px;
}

.navbar-nav > .user-menu .user-image {
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: -14px;
}

.filter-search-home {
    border: none;
    background: #f7f6f6;
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
    min-width: 600px !important;
    background-position: 50% 20px;
    background-repeat: no-repeat;
    background-size: 33px;
    color: #666;
    margin: 0 0 0 30px;
    padding: 20px;
}

ul.dropdown-menu.dropdown-men-5.filter-search-home.display-none {
    min-width: 420px !important;
}

.filter-search-home .fa-times:before {
    content: "\f00d";
    padding-left: 6px;
}

.filter-search-home .color-read .fa-filter:before {
    content: "\f0b0";
    padding-right: 5px;
}

.filter-search-home .color-read {
    color: #e74c3c;
    text-align: right;
}

    .filter-search-home .color-read a {
        color: #e74c3c;
        text-decoration: underline;
    }

    .filter-search-home .color-read em a {
        text-decoration: none !important;
    }

.filter-search-home .filters-heading {
    padding-bottom: 14px;
}

.filter-search-home .lead-h3 {
    margin: -5px 0 0;
}

.filter-search-home .lead-checkbox {
    margin-bottom: -10px;
}

.filter-criteria {
    float: left;
    background-color: #fff;
    margin-right: 15px;
    border-radius: 3px;
    font-size: 12px;
    padding: 8px 20px;
}

.filter-search-home:after {
    bottom: 100%;
    left: 5% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #f7f6f6;
    border-width: 8px;
}

.panel {
    background: none;
    border: 0 solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.panel-1-main-bg {
    background-color: #e9e9e9 !important;
    padding-top: 25px;
    border-right: solid .5px #dadbdc;
    min-height: 1034px;
}

.all-message .box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
    float: left;
}

.box-header-top {
    float: left;
    width: 100%;
}

.all-message .direct-chat-messages {
    height: inherit;
}

.panel-header .panel-header-left h1 {
    color: #2a2d33;
    font-size: 26px;
    line-height: 45px;
    font-weight: 100;
    font-style: normal;
    margin: 0;
    padding: 0;
}

    .panel-header .panel-header-left h1 span {
        color: #999;
    }

.panel-header .panel-header-right .view-part {
    /*width: 70%;*/
    font-weight: 700;
    color: #004887;
    float: right;
    background-color: #d7edf6;
    border: solid 1px #00bde2;
    border-radius: 3px;
    text-align: center;
    padding: 10px 0;
}

    .panel-header .panel-header-right .view-part a {
        color: #004b8f;
        text-decoration: none;
    }

    .panel-header .panel-header-right .view-part em {
        text-decoration: underline;
        font-style: normal;
    }

        .panel-header .panel-header-right .view-part em:hover {
            text-decoration: none;
        }

    .panel-header .panel-header-right .view-part a:hover {
        color: #d63345;
        text-decoration: none;
    }

    .panel-header .panel-header-right .view-part span {
        padding: 0 3px;
    }

.panel-body-border {
    border: solid 1px #ced0d4;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
}

.panel .panel-heading {
    font-weight: 700;
    color: #333;
    font-size: 15px;
    background-color: #f1f3f5;
    border-bottom: 1px solid rgba(208, 208, 208, 0.69);
    margin-bottom: 1px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 0 14px;
}

header.panel-heading h4 {
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #666;
    line-height: 30px;
    margin: 15px 0 10px;
}

.panel .color-1 {
    color: #ff8b32 !important;
    font-weight: 500 !important;
    padding: 12px 20px !important;
}

    .panel .color-1 a {
        color: #ff8b32;
        text-decoration: none;
    }

        .panel .color-1 a:hover {
            color: #C1272D;
        }

.panel .panel-heading-title {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #666;
    line-height: 31px;
    padding: 0 15px;
}

a.dropdown-toggle {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

ul.dropdown-menu.dropdown-men-4 {
    left: inherit;
    right: 0 !important;
    min-width: initial;
    font-weight: 400;
    font-size: 13px;
    top: 44px;
    padding: 5px 10px;
}

.icon-form .btn-primary {
    background-color: #00558e;
    min-width: 110px;
    margin-right: 10px;
}

ul.dropdown-menu.dropdown-men-4:after {
    bottom: 100%;
    left: 96% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
    border-width: 8px;
}

.panel-heading-2 {
    border-bottom: 1px solid #E6E5E5;
    background-color: #f1f3f5;
    font-size: 15px;
    padding: 7px 0 8px;
}

    .panel-heading-2 .btn-group > .btn + .dropdown-toggle {
        padding-right: 0;
        padding-left: 0;
    }

    .panel-heading-2 .dropdown-menu {
        padding: 12px 5px 5px 10px;
    }

.bulk-action .fa.fa-commenting {
    padding-right: 14px !important;
}

.panel-heading-2 .dropdown-menu-exp {
    min-width: 180px;
}

.select-fields-scroll {
    height: 275px;
    overflow-y: scroll;
}

.panel-heading-2 .dropdown-menu .margin-label {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 8px !important;
}

.select-fields:after {
    bottom: 99.5%;
    left: 70%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
    border-width: 10px;
}

.panel-heading-2 .bulk-action:after {
    left: 40% !important;
}

.panel-heading-2 .dropdown-menu:after {
    bottom: 99.5%;
    left: 52%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
    border-width: 10px;
}

.panel-heading-2 .sortby:after {
    bottom: 99.5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    left: 38% !important;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
    border-width: 10px;
}

.panel-heading-2 .records:after {
    bottom: 99.5%;
    left: 81% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
    border-width: 7px;
}

ul.dropdown-menu.records {
    text-align: center;
    min-width: 110px;
    padding: 15px 0 0;
}

.icon-form {
    padding: 15px;
}

.label-date {
    float: left;
    margin: -5px 0 0;
}

header.panel-heading h3 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    margin: 15px 0 0;
}

.panel-heading-2 .fa.fa-plus {
    /*padding-right: 15px !important;*/
    margin-right: 0;
    font-size: 15px;
}

.btn-group em {
    font-style: normal;
    padding-left: 5px;
    padding-right: 5px;
}

button.btn-group.btn.add-lead-btn {
    min-width: 125px !important;
    text-align: left;
}

button.btn-group.btn {
    margin-left: 0;
    background: #ca2e3f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border-left: solid 1px #a20404;
    min-height: 33px;
}

.addlead-content:after {
    bottom: 100%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-width: 7px;
}

.add-new-spoc i.fa.fa-plus {
    margin-right: 6px;
    font-size: 9px;
}

.panel-heading-btn-group {
    float: left;
    padding-top: 12px;
    padding-right: 6px;
}

span.caret.addlead {
    color: #fff;
    left: -11px;
    position: relative;
    top: 0;
}

.addlead {
    display: inline-block;
    position: relative;
    top: 0;
    left: -11px !important;
}

.addlead-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
    left: -150px;
    top: 35px;
    z-index: 9;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 16px;
}

.content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    background-color: #e3e3e3 !important;
    padding: 0 15px;
}

.funnel-diagram {
    padding-top: 40px;
}

    .funnel-diagram ul {
        width: initial !important;
        float: left;
        margin: 0;
        padding: 0;
    }

.lead-indicators ul {
    width: auto !important;
    float: left;
    margin-right: 0;
}

.lead-indicators {
    float: left;
    color: #000;
    margin-left: 80px;
}

.lead-total-funnel {
    margin-top: -80px !important;
    margin-left: 100px !important;
}

.funnel-diagram ul li {
    list-style: none;
    margin: 0 auto;
}

.hvr-grow {
    display: block !important;
}

.funnel-diagram ul li.li1 {
    border-top: 23px solid #56c183;
    height: 0;
    margin-bottom: 2px;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    margin-left: 0;
    width: 100px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li2 {
    border-top: 23px solid #ff9234;
    height: 0;
    margin-bottom: 2px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-left: 25px;
    width: 60px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li3 {
    border-top: 25px solid #9f6494;
    height: 0;
    margin-bottom: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-left: 47px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li4 {
    border-top: 20px solid #9f6494;
    height: 0;
    margin-bottom: 2px;
    border-right: 0 solid transparent;
    border-left: 0 solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li5 {
    border-top: 30px solid #46a8d7;
    height: 0;
    margin-bottom: 2px;
    border-right: 0 solid transparent;
    border-left: 0 solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.funnel-diagram ul li.li6 {
    border-top: 20px solid #cacaca;
    height: 0;
    margin-bottom: 2px;
    border-right: 0 solid transparent;
    border-left: 0 solid transparent;
    margin-left: 67px;
    width: 18px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-bottom-left-radius: 100px !important;
    clear: both;
}

.lead-indicators ul li .indicators-clr-three {
    background-color: #8d64a7;
}

.lead-indicators ul li .indicators-clr-four {
    background-color: #5699c7;
}

.lead-indicators ul li .indicators-clr-five {
    background-color: #cacaca;
}

.lead-indicators ul li span {
    width: 15px;
    height: 15px;
    background-color: #000;
    border-radius: 10px;
    float: left;
    margin-right: 23px;
    margin-top: 3px;
}

.dropbtn-spl {
    color: #FFF;
    font-size: 14px !important;
    border: none;
    cursor: pointer;
    border-radius: unset !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.dropdown-spl {
    position: relative;
    display: inline-block;
}

.dropdown-content-spl {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 100000000;
    right: 0;
    border-radius: 3px;
}

    .dropdown-content-spl:after {
        bottom: 99.5%;
        left: 94% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -7px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
        border-width: 7px;
    }

    .dropdown-content-spl a {
        color: #000;
        text-decoration: none;
        display: block;
        font-weight: 400 !important;
        font-size: 14px;
        padding: 5px 10px;
    }

        .dropdown-content-spl a:hover {
            background-color: #f1f1f1;
        }

.padding-6-8 {
    padding: 6px 8px !important;
}

ul.img-list {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

    ul.img-list li {
        width: 80px;
        height: 80px;
        display: inline-block;
        position: relative;
        margin: 0 1em 1em 0;
    }

span.text-content {
    border-radius: 100px;
    font-size: 11px;
    height: 80px;
    width: 80px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    cursor: pointer;
    display: table;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

    span.text-content span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

ul.img-list li:hover span.text-content {
    opacity: 1;
    border-radius: 100px;
    font-weight: 900;
    text-decoration: underline;
}

ul.img-list img {
    width: 80px;
    height: 80px;
}

.progress-bar-warning-4 {
    background-color: #51b77d;
    width: 80% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-5 {
    background-color: #ff8b32;
    width: 50% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-6 {
    background-color: #f2be4d;
    width: 70% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-8 {
    background-color: #51b77d;
    width: 90% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-9 {
    background-color: #fb523e;
    width: 40% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-10 {
    background-color: #ff9234;
    width: 70% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-12 {
    background-color: #56c183;
    width: 80% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#accordion .panel {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: -4px;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    text-align: left;
}

.panel-body-padding .fa-star-o {
    padding: 0 20px;
}

.panel-body-padding .fa-star {
    color: #ecb54a;
    padding: 0 20px;
}

.panel-body-padding {
    color: #999;
    overflow-y: auto;
    min-height: 777px;
    padding: 0 !important;
}

.panel-body .span-color {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

    .panel-body .span-color a {
        color: #333;
        text-decoration: none;
    }

        .panel-body .span-color a:focus {
            color: #ca2e3f !important;
            text-decoration: none;
        }

.progress {
    height: 10px !important;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.user-table tr td {
    border: none !important;
    padding: 6px 15px !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: inherit !important;
}

.checkbox label,
.radio label {
    min-height: 15px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.footer-text {
    color: #999;
    margin-bottom: 15px;
    text-align: center;
}

a.handle {
    left: -45px !important;
}

.panel-right .padding-1 .dropdown-menu {
    right: -11px !important;
    left: inherit !important;
    padding: 10px 15px 2px;
}

    .panel-right .padding-1 .dropdown-menu:after {
        bottom: 100%;
        left: 87% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -10px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
        border-width: 8px;
    }

.panel-right .padding-1 {
    background-color: #f4f4f4;
    border-radius: 5px;
    float: left;
    width: 100%;
    margin: 5px 0 20px;
    padding: 3px 10px;
}

.lead-total {
    position: relative;
    float: left;
    color: #666;
    margin-top: -125px;
    margin-left: 60px;
}

.panel-right .navbar-nav {
    width: 100% !important;
    float: left;
    background-color: #f9f9f9;
    border-radius: 5px !important;
    margin-bottom: 20px;
    margin-top: 7px;
}

.pull-right {
    float: right !important;
}

.panel-right .navbar-nav a.dropdown-toggle.padding-1 {
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 7px 15px;
}

.panel-overflow-x .panel {
    background: none;
    box-shadow: initial;
    margin-bottom: 25px;
    /*overflow-x:hidden;
    overflow-y:scroll;*/
}

.panel-overflow-x .overflow-x-none {
    overflow-x: inherit !important;
}

.panel-overflow-x section .panel {
    background: none;
    box-shadow: initial;
    margin-bottom: 25px;
    overflow-x: scroll;
}

.lead-total span {
    font-size: 21px;
    font-weight: 100;
    margin: 0;
    padding: 0;
}

.lead-total h4 {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    margin: 0;
    padding: 0;
}

.svg-sroll path {
    stroke-width: 23px !important;
}

.modal-additional-width .modal-content {
    background-color: #efefef;
    overflow: hidden;
}

.profile-main {
    margin-top: -5px;
}

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

.panel-heading .nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}

.panel-heading .nav > li.active > a,
.panel-heading .nav > li > a:hover {
    color: #666;
    background: #fff;
}

.modal-lead-section {
    float: none;
    margin: 0 auto;
    padding: 0;
}

.modal-content .close {
    background: #000 !important;
    color: #fff;
    opacity: inherit;
    text-shadow: none;
    z-index: 9;
    position: absolute;
    right: 0;
    margin: 0;
    padding: 5px 10px;
}

    .modal-content .close:hover {
        cursor: pointer;
    }

h3#myModalLabel {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    margin: 15px 0 0;
}

.modal-additional-width {
    width: 800px;
}

.tab-nav {
    padding: 0 8%;
}

.input-group .input-group-addon {
    border-radius: 0;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    max-width: 31px !important;
    padding: 0 0 0 4px !important;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon .fa {
    color: #cacaca;
}

.input-group-addon {
    min-width: 39px !important;
    padding: 6px 12px;
}

.btn.btn-default {
    /*background-color: #fafafa;
    border: solid 1px #CACACA;
    color: #666;*/
}

.error-message {
    float: left;
    width: 100%;
    margin: 5px 0 -9px;
    color: #f93;
    font-size: 12px;
}

/*.error-message em {
        color: #f93;
        font-size: 14px;
    }*/
.error-icon {
    margin-top: -35px;
    color: #f93;
    position: absolute;
    z-index: 9;
    right: 10px;
    padding: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #979797;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 5px 6px;
    margin-bottom: 0 !important;
}

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-radius: 0;
    border-width: 0 !important;
}

.modal-content {
    width: 100%;
    border-radius: 3px;
    float: left;
}

.modal-additional-bg {
    background-color: #ececec !important;
}

.modal-footer {
    border-top: 0 solid #e5e5e5;
}

.tab-two .tick-box {
    width: 100%;
    float: left;
    border-radius: 5px;
    box-shadow: #000 !important;
    -moz-box-shadow: 1px 1px 5px 1px #ccc;
    -webkit-box-shadow: 1px 1px 5px 1px #ccc;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 110px;
    padding: 5px 15px 7px;
}

    .tab-two .tick-box label.margin-label {
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 5px;
        color: #666;
    }

    .tab-two .tick-box input.margin-input {
        float: left;
        margin-top: 4px !important;
        margin-right: 12px;
    }

.tab-two h6 {
    color: #333;
    font-size: 15px;
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 13px;
}

.margin-label {
    margin: 0 0 0 5px !important;
}

.tab-two h4 {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #666 !important;
}

.user-img-margin-left {
    margin-left: 40px;
}

.view-link {
    margin-top: -20px;
    border-bottom: 1px solid #c5c5c5;
    color: #039;
    padding-bottom: 10px;
}

    .view-link a {
        font-size: 14px;
        font-weight: 600;
        color: #039;
        text-decoration: none;
        padding: 0 10px;
    }

        .view-link a:hover {
            color: #C1272D;
            text-decoration: underline;
        }

.modal-lead-section h4 {
    margin: 0 0 4px !important;
}

.modal-body.modal-body-padiing {
    padding-top: 0;
}

.modal-body.add-doc ol {
    font-style: italic;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.modal-body.add-doc .file-custom::after {
    content: var(--CustomUploadDoc);
    font-weight: 400;
    color: #A2A2A2;
    padding-left: 0;
    font-size: 14px;
}

.modal-dialog .pagination-text {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -10px;
    font-size: 14px;
}

.modal-dialog .comment hr {
    width: 96%;
    margin: 0 2% 10px;
}

.modal-body.sahre-doc {
    background-color: #fff;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}

    .modal-body.sahre-doc h5 {
        color: #979797;
        font-size: 15px;
    }

    .modal-body.sahre-doc hr {
        float: left;
        display: block;
        width: 96%;
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
    }

    .modal-body.sahre-doc .doc-close a {
        font-weight: 600;
        color: red;
        font-size: 18px;
        float: right;
        margin-right: 25%;
    }

.add-vender-overright {
    z-index: 99999;
}

.view-similar-header {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.view-similar-link a {
    color: #00558e;
    font-weight: 800;
    text-decoration: none;
}

    .view-similar-link a:hover {
        color: #c43241;
        text-decoration: underline;
    }

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    margin-bottom: -10px;
    padding: 10px 15px;
}

.panel-heading-view-similar {
    font-weight: 800;
}

.modal-body.sahre-doc .search-result-main {
    float: none;
    clear: both;
    margin: 0 auto 20px;
}

    .modal-body.sahre-doc .search-result-main button#search-btn {
        background-color: #f7f7f7;
        border: solid 1px #ccc;
    }

.modal-body.sahre-doc .input-group .form-control {
    border-radius: 0;
}

.modal-body.add-doc textarea:focus {
    outline: none !important;
    border-bottom: 1px solid #c5c5c5;
}

.modal-body.add-doc .label-right {
    margin-bottom: 7px;
}

.modal-body.add-doc .progress-top {
    padding-top: 25px;
}

.user-section {
    text-align: left;
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

.edit-lead .progress.progress-xs {
    margin-bottom: 0;
    margin-top: 7px;
}

.progress-xs {
    height: 10px;
}

.edit-lead .fa-star:before {
    content: "\f005";
    color: #f93;
}

.user-section h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.nav.nav-tabs.tab-additional a {
    border: 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
}

table.table.table-striped.user-table {
    background-color: #fff !important;
    margin-bottom: 0;
}

.table-sub td {
    text-align: center;
    font-size: 12px;
    color: #666;
}

.table-sub .fa-edit:before,
.fa-pencil-square-o:before {
    padding-right: 10px;
}

.table-sub th {
    text-align: center;
    color: #666;
    font-weight: 600 !important;
}

.tab-four {
    float: none;
    padding-top: 20px;
    clear: both;
    margin: 0 auto;
}

.file input {
    min-width: 14rem;
    filter: alpha(opacity=0);
    opacity: 0;
    float: left;
    margin: 0;
}

.file-custom {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 5;
    line-height: 1.5;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    min-height: 37px;
    padding: .5rem 1rem;
}

    .file-custom::before {
        position: absolute;
        right: 0;
        z-index: 6;
        top: 0;
        display: block;
        height: 3.5rem;
        line-height: 1.5;
        color: #fff !important;
        content: var(--CustomBrowse);
        background-color: #00558e;
        border: 1px solid #ddd;
        border-radius: 0 .25rem .25rem 0;
        font-weight: 500;
        padding: .5rem 1rem;
    }

    .file-custom::after {
        font-weight: 400;
        color: #A2A2A2;
        padding-left: 22px;
        font-size: 14px;
        line-height: 25px;
    }

.input-group {
    border-left: 0 !important;
}

.tab-four .input-group-addon {
    min-width: 30px !important;
    padding: 6px 0 !important;
}

.tab-four .form-control {
    padding: 2px 0 0 3px;
}

.tab-four select {
    color: #A2A2A2;
}

.notes-article {
    margin-bottom: 15px;
    color: #999;
}

    .notes-article img {
        float: left;
        width: 70px;
        margin-right: 10px;
        margin-top: 12px;
    }

h4#myModalLabel {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    margin: 15px 0 0;
}

.view_edit_pagination {
    font-size: 15px;
    font: 600;
    color: #666;
    font-weight: 700;
    margin-top: 15px;
    z-index: 5;
    position: relative;
}

.view-edit-text-main {
    background-color: #fff;
    float: left;
    width: 100%;
    margin: 25px 0;
    padding: 15px 0;
}

    .view-edit-text-main textarea {
        border: none;
        outline: none;
        width: 100%;
        color: #666;
    }

        .view-edit-text-main textarea:focus {
            outline: none !important;
        }

.row.text-center.edit-lead {
    margin-bottom: 25px;
}

.preload a {
    font-size: 15px;
    text-transform: uppercase;
    color: #039;
    text-decoration: underline;
    font-weight: 600;
}

    .preload a:hover {
        text-decoration: none;
        color: #c43136;
    }

.add-new-spoc {
    width: 100%;
    color: #039;
    font-size: 14px;
    padding-bottom: 15px;
    float: left !important;
    display: none;
}

    .add-new-spoc a:hover {
        color: #d01733;
        text-decoration: underline;
    }

    .add-new-spoc .fa-plus:before {
        content: "\f067";
        font-size: 14px;
    }

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .0);
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0 !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: inherit !important;
    border-color: inherit !important;
}

.panel-heading-2 .dropdown-menu .menu {
    width: 100%;
    height: auto;
    padding: 0 20px !important;
}

.panel-heading-2 .fa {
    padding-right: 15px;
}

.panel-heading-2 i.fa.fa-envelope-o {
    margin-left: -1px;
}

.control-sidebar-bg,
.control-sidebar {
    top: 0;
    right: -455px;
    width: 455px;
}

.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
    background: #efefef;
    color: #333;
}

.control-sidebar > .tab-content {
    color: #333;
    padding: 10px 15px;
}

.tab-content .user-img {
    margin: 0;
    padding: 0 !important;
}

.tab-content .user-section em {
    color: #999;
    font-size: 13px;
    font-weight: 100;
    margin-top: -11px;
    float: right;
    margin-right: 55px;
}

.tab-content .user-section .fa-star:before {
    content: "\f005";
    color: #f9bf4e;
}

.control-sidebar .tab-content .progress-xs {
    margin-bottom: 0;
    margin-top: 20px;
}

.control-sidebar .tab-content .icon-section {
    text-align: right;
}

.control-sidebar .tab-content .status-icon {
    text-align: right;
    line-height: 25px;
    padding: 55px 0 0;
}

.control-sidebar .tab-content .sidebar-contact-one {
    float: left;
    width: 100%;
    color: #333;
}

.padding-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.control-sidebar .tab-content .margin-top-bottom {
    margin: 18px 0 10px;
}

.sidebar-contact-one span {
    color: #333;
    padding-right: 70px;
    line-height: 28px;
}

.sidebar-contact-one .contact-one-text .fa {
    padding-right: 12px;
    color: #979797 !important;
}

.sidebar-contact-one .text-color a {
    color: #039 !important;
    text-decoration: none;
}

    .sidebar-contact-one .text-color a:hover {
        color: #039 !important;
        text-decoration: underline;
    }




.activity-sub-tab .nav-tabs.control-sidebar-tabs > li > a {
    background: #efefef;
    color: #666;
    border-radius: 2px;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
    background: #efefef;
    color: #666;
}

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
        border-left: inherit !important;
        border-bottom: inherit !important;
    }

.control-sidebar-dark .activity-sub-title:hover {
    color: #fff !important;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
    color: #fff;
    background: #979797 !important;
}

button.btn-group.btn.add-lead-btn i.fa.fa-plus {
    padding-right: 5px !important;
}

.control-sidebar-dark .tab-content-two {
    padding: 15px 0;
}

    .control-sidebar-dark .tab-content-two h5 {
        font-weight: 600;
        font-size: 15px;
        margin: 0;
        padding: 0;
    }

.control-sidebar-dark .sidebar-right-icon {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -25px !important;
    top: 260px;
    line-height: 90px;
    padding-left: 12px;
}

    .control-sidebar-dark .sidebar-right-icon .calendar-notifications {
        width: 21px;
        height: 21px;
        border-radius: 20px;
        background-color: #c50000;
        position: absolute;
        right: 25px;
        color: #fff;
        line-height: 20px !important;
        padding-left: 8px;
        font-size: 12px;
        display: block !important;
        top: 5px;
    }


.control-sidebar-dark .activity-text-main {
    margin-top: 0;
    color: #999;
    float: left;
    width: 100%;
    padding: 0;
}

    .control-sidebar-dark .activity-text-main .line {
        width: 7px;
        background-color: #979797;
        height: auto;
        position: absolute;
        z-index: 9;
        top: 55px;
        min-height: 415px;
        margin: 0 44px;
    }

    .control-sidebar-dark .activity-text-main .activity-icon .fa {
        color: #999;
        font-size: 28px;
        padding: 0 !important;
    }

    .control-sidebar-dark .activity-text-main .activity-icon {
        width: 65px;
        height: 65px;
        padding-top: 17px;
        background-color: #F1F3F5;
        float: left;
        border-radius: 50px;
        text-align: center;
        position: absolute;
        z-index: 99;
        top: 33px;
    }

    .control-sidebar-dark .activity-text-main .activity-text-sub {
        float: left;
        width: 100%;
        padding-left: 75px;
        line-height: normal;
        border-bottom: solid 1px #E9E9E9;
        padding-top: 8px;
        min-height: 95px;
        margin-top: 30px;
    }

        .control-sidebar-dark .activity-text-main .activity-text-sub h4 {
            font-size: 15px;
            color: #999;
            font-weight: 600;
            margin: 0;
            padding: 0;
        }

        .control-sidebar-dark .activity-text-main .activity-text-sub em {
            font-size: 12px;
            color: #3f89bd;
        }

        .control-sidebar-dark .activity-text-main .activity-text-sub h4 span {
            font-size: 13px;
            font-weight: 500;
            float: right;
        }

.activity-message-poup {
    position: relative;
    display: inline-block;
    margin-left: -12px;
}

.activity-message-text {
    display: inline-block;
    padding-left: 12px;
    margin-top: -22px;
    float: left;
    cursor: pointer;
}

.activity-message-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0) !important;
    left: 12px;
    top: 4px;
    z-index: 9;
    border-radius: 2px;
    cursor: pointer;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    padding: 7px 13px;
}

    .activity-message-content p {
        color: #999;
        font-size: 12px;
    }

    .activity-message-content:after {
        bottom: 100%;
        left: 8% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -10px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #f7f6f6;
        border-width: 8px;
    }

.edit-bar {
    background-color: #F1F3F5;
    font-size: 15px;
    color: #FCFCFC;
    border-radius: 3px;
    margin: 30px 0 15px;
    padding: 7px 15px;
}

.tab-content .add-new-document .fa-file-text {
    float: none;
    color: #039;
    padding-right: 7px;
    margin: 0;
}

.tab-content .search-result-main {
    padding: 0;
}

.tab-content .view-details {
    color: #999;
    font-size: 15px !important;
    border-bottom: solid 1px #E9E9E9;
    padding: 10px 15px 0;
}

    .tab-content .view-details h5 {
        color: #999;
        font-size: 16px !important;
        font-weight: 600;
        margin: 0;
    }

        .tab-content .view-details h5:hover {
            text-decoration: none;
            color: #ca2e3f;
            cursor: pointer;
        }

        .tab-content .view-details h5 span {
            color: #999;
            font-size: 15px !important;
            font-weight: 400;
        }

.tab-content .search-result-main input.form-control {
    border: none !important;
    padding-left: 0;
}

.tab-content .add-new-document h4 {
    margin: 7px 0;
}

    .tab-content .add-new-document h4 a {
        font-size: 15px;
        font-weight: 600;
        color: #039;
        text-decoration: none;
    }

.edit-bar span {
    padding-right: 6px;
    font-size: 14px;
    font-weight: 600;
}

.nav .open > a:focus {
    background-color: #222d32 !important;
    color: #fff !important;
}

.skin-blue .main-header li.user-header {
    background-color: #F5F5F5;
}

ul.menu {
    overflow: auto !important;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #FFF;
    padding: 10px 23px;
}

.text-aqua {
    color: #666 !important;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 10px;
    right: 5px;
    text-align: center;
    font-size: 8px;
    width: 18px;
    border-radius: 41px !important;
    height: 18px;
    line-height: 18px;
    padding: 0;
}

span.label.label-warning {
    background-color: #C1272D !important;
}

span.label.label-success {
    background-color: #346DAA !important;
}

.day-headers {
    background-color: #979797;
    font-size: 15px;
    color: #FCFCFC;
    border-radius: 3px;
    margin: 10px 0;
    padding: 3px 0;
}

.responsive-calendar .day.header {
    border-bottom: 0 gray solid;
}

.responsive-calendar .fa {
    color: #222D32 !important;
}

.responsive-calendar {
    padding: 20px 0;
}

    .responsive-calendar .day.active a {
        background-color: #fff !important;
        color: #262626 !important;
        border-radius: 1px;
    }

.control-sidebar-dark .sidebar-right-icon-two {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -22px;
    top: 260px;
    line-height: 90px;
    padding-left: 15px;
}

.responsive-calendar .badge {
    background-color: #CA2E3F;
}

.responsive-calendar .calendar-notifications {
    float: left;
    background-color: #F1F3F5;
    position: relative;
    border-radius: 2px;
    margin-top: -200px;
    margin-left: 120px;
    color: #979797;
    -moz-box-shadow: 3px 4px 6px #888;
    -webkit-box-shadow: 3px 4px 6px #888;
    box-shadow: 3px 4px 6px #888;
    padding: 10px 0;
}

    .responsive-calendar .calendar-notifications h6 {
        font-size: 15px;
        font-weight: 600;
    }

    .responsive-calendar .calendar-notifications:after {
        bottom: 100%;
        left: 55% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -10px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #E9F0F5;
        border-width: 8px;
    }

    .responsive-calendar .calendar-notifications .fa {
        color: #979797 !important;
        font-size: 17px !important;
        padding-right: 10px;
    }

    .responsive-calendar .calendar-notifications .edit a {
        color: #2980b9;
        padding-right: 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .responsive-calendar .calendar-notifications .delete a {
        color: #e95a4b;
        text-decoration: none;
        text-transform: uppercase;
    }

.footer-responsive {
    color: #999;
    text-align: center;
    display: none !important;
    background-color: #f1f2f7;
    padding: 15px 0;
}

.handled-text-right {
    padding-left: 40px;
    font-size: 14px;
    line-height: 38px;
}

.add-new-spoc-link a {
    float: right;
    margin-top: -20px;
    margin-bottom: 15px;
    color: #039;
    text-decoration: underline;
}

.add-new-manager-link a {
    float: right;
    margin-top: 0;
    margin-bottom: 15px;
    color: #039;
    text-decoration: underline;
}

.control-sidebar-dark .sidebar-right-icon-three {
    width: 45px;
    height: 95px;
    background: url(../img/control-sidebar-right-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    right: -10px;
    top: 430px;
    line-height: 90px;
    padding-left: 15px;
}

    .control-sidebar-dark .sidebar-right-icon-three i.fa.fa-chevron-right {
        color: #FFF;
    }

.control-sidebar-dark .consultation-sub-main {
    background-color: rgba(222, 222, 222, 0.14);
    border-radius: 1px;
    border: solid 1px #ddd;
    float: left;
    width: 100%;
    margin: 30px 0 15px;
    padding: 15px 20px 10px;
}

.sidebar-mini .sidebar-menu > li.active > a {
    background-color: #e4e4e4;
    color: #000 !important;
}

.sidebar-collapse .sidebar-menu > li > a {
    margin-left: 0 !important;
}

.sidebar-collapse .sidebar-menu > li.active > a {
    background-color: #000;
    color: #fff !important;
}

.sidebar-mini .sidebar-menu > li > a {
    margin-left: 5px;
}

.edit-lead.change-lead-status {
    margin-top: 60px;
}

span.progress-title a {
    color: #038;
}

.change-lead-status-bg {
    background-color: #FFf;
    border-radius: 2px;
    margin: 0 30px 20px;
    padding: 25px 0;
}

.control-sidebar-dark .consultation-sub-main i.fa {
    color: #979797 !important;
    padding: 0 3px;
}

.control-sidebar-dark .consultation-sub-main span {
    color: #333;
}

.client .tick-box input.margin-input {
    float: left;
    margin-top: 4px !important;
    margin-right: 10px !important;
}

.client .tick-box {
    height: 90px;
    padding: 5px 15px;
}

.table-responsive i.fa {
    padding: 0 18px 0 10px;
}

.client .margin-top-none {
    margin-top: 0;
}

.client.add-relationship a {
    font-size: 16px;
    color: #039;
    text-decoration: none;
    font-weight: 600;
}

    .client.add-relationship a:hover {
        font-size: 16px;
        color: #ca2e3f;
        text-decoration: none;
    }

.client.add-relationship i.fa.fa-plus {
    padding-right: 0 !important;
    font-size: 15px;
}

.control-sidebar-dark .top-margin {
    top: 550px;
}

.add-new-relationship .tick-box {
    height: 175px !important;
}

.edit-lead-user-img {
    float: left;
    margin-right: 15px;
}

.source-main .table-responsive i.fa {
    padding: 0 1px 0 0;
}

.source-main .table tr td .progress {
    margin-right: 7px;
    background-color: #00b558;
    width: 70%;
    float: left;
    margin-top: 13px;
}

.source-main .source-status-devider {
    margin-left: 20px;
}

.source-main .source-status a {
    font-style: italic;
    color: #666;
}

    .source-main .source-status a:hover {
        font-style: italic;
        color: #d63345;
    }

.source-main .small-padding {
    margin-top: 8px;
}

.source-main .addlead-content {
    box-shadow: 0 !important;
    left: -12px;
    background: none !important;
    top: 18px;
    border-radius: 0;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 15px;
}

.source-main .table tr td .progress-color-one {
    background-color: #ff6455;
    float: left;
    width: 70%;
}

.source-main .table tr td .progress-color-two {
    background-color: #ff002e;
    float: left;
    width: 70%;
}

.source-main .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    background-color: #f7f7f7;
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 15px;
    text-align: left;
}

.source-main .table .addlead {
    left: 0 !important;
    width: 100% !important;
    float: left;
}

.source-main .table > thead > tr > th input[type=checkbox],
input[type=radio] {
    float: left;
    margin: 0 10px 0 -5px;
}

.source-main .table > thead > tr > th span {
    float: left;
    margin-top: -5px;
}

.source-panel-left {
    font-size: 14px;
    color: #014995 !important;
    text-transform: uppercase;
    font-weight: 900;
    padding-top: 7px;
}

.source-devider {
    float: left;
    margin: 0 7px;
    line-height: 41px;
}

.source-panel-left a {
    text-decoration: none;
    font-size: 13px;
    color: #014995 !important;
    float: left;
    padding-top: 2px;
}

    .source-panel-left a:hover {
        text-decoration: none;
        color: #ca2e3f !important;
    }

.sidebar-contact-slider .addlead-content {
    box-shadow: 0 !important;
    left: -12px;
    background: none !important;
    top: 32px;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px !important;
    padding: 5px 15px;
}

    .sidebar-contact-slider .addlead-content span {
        color: #ababab !important;
        font-size: 14px;
        font-style: italic;
    }

    .sidebar-contact-slider .addlead-content .fa {
        color: #ababab !important;
    }

.sidebar-contact-slider .small-padding {
    margin-top: -4px;
}

.sidebar-contact-slider .progress {
    margin-right: 7px;
    background-color: #00b558;
    float: left;
    min-width: 150px;
    margin-top: 3px !important;
    width: 85%;
}

.sidebar-contact-slider .source-status-devider {
    padding-left: 20px;
}

.source-main.filter-source {
    min-width: 300px !important;
    display: none;
}

    .source-main.filter-source h3 {
        margin: 0 0 7px !important;
    }

    .source-main.filter-source h4 {
        color: #999;
        text-transform: none;
        margin: 0 0 3px !important;
    }



.add-new-source-poup-main {
    width: 100%;
    background-color: #fff;
    float: left;
    margin: -2px 0 15px;
    padding: 20px 20px 10px;
}

    .add-new-source-poup-main .label {
        width: 34%;
        text-align: left;
        float: left;
        font-size: 14px;
        color: #333;
        clear: both;
        line-height: 28px;
        font-weight: 600;
    }

    .add-new-source-poup-main .form-control {
        color: #979797;
        font-weight: 400;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

.add-consulting-fee .form-control {
    width: 85%;
}

.add-new-source-poup-main .label-right {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: none;
    font-weight: 600;
    padding: 0 0 8px;
}

.add-new-source-poup-main .loading-div {
    font-style: italic;
    border: dotted 2px #999;
    float: left;
    border-radius: 10px;
    color: #999;
    padding-top: 0;
    padding-left: 5px;
    min-height: 500px;
    width: 100%;
}

    .add-new-source-poup-main .loading-div textarea {
        border: none;
        font-style: normal;
        max-height: 350px;
        min-height: 350px;
        overflow-y: scroll;
        width: 100% !important;
    }

.source_pagination {
    text-transform: uppercase;
    color: #999;
    text-align: center;
    font-weight: 700;
    margin-top: -46px;
    font-size: 15px;
}

.modal-medium-width {
    width: 600px;
    background-color: #FFF;
}

.input-sub-text {
    position: relative;
    float: left;
    margin-right: -71px;
    font-size: 13px;
    line-height: 34px;
    color: #333;
    padding-left: 10px;
}

.add-new-source-poup-main .checkbox,
.radio {
    font-size: 14px;
    margin: 0 0 15px;
}

.add-new-source-poup-main input[type=checkbox],
input[type=radio] {
    float: left;
    margin: 3px 7px 0 0 !important;
}

.logpad .table-striped td {
    font-size: 13px;
    color: #666;
    padding: 14px 8px;
}

.logpad h4 {
    color: #010101 !important;
    font-size: 18px !important;
    text-transform: none !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
}

.logpad-box {
    width: 100%;
    float: left;
    border: solid 1px #d6d6d6;
    border-radius: 1px;
    margin-bottom: 15px;
    background-color: #f7f7f7;
    padding: 15px 20px;
}

    .logpad-box h6 {
        color: #010101;
        font-size: 15px;
        margin: 0 !important;
        padding: 0 0 5px;
    }

    .logpad-box .margin-label {
        color: #999;
        font-size: 14px;
        font-weight: 400;
        float: left;
        margin-bottom: 10px !important;
    }

        .logpad-box .margin-label span {
            float: left;
            margin-left: 6px;
        }

    .logpad-box .form-control {
        width: 100%;
        color: #979797;
        font-weight: 400;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
    }

    .logpad-box .label {
        float: left;
        font-size: 14px;
        color: #999;
        clear: both;
        text-align: left;
        line-height: 28px;
        font-weight: 600;
        margin: 0 10px 0 0;
        padding: 0;
    }

.logpad-header {
    width: 100%;
    float: left;
    background-color: #f1f3f5;
    border: solid 1px #d6d6d6;
    margin: 0px 0 15px;
}


.logpad-header-right a {
    text-decoration: none;
    float: left;
    /*padding: 12px 15px;*/
    color: #666;
    font-size: 13px;
    font-weight: 400;
    transition: all .7s;
    margin: 12px 15px; /* by vishal for tooltip issue 03/11/2017*/
}


.logpad-header-right .fa {
    margin-right: 4px;
}

.logpad-box p {
    color: #999;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.logpad-box .form-group {
    margin-bottom: 10px;
}

.view-source-header {
    width: 100%;
    float: left;
    background-color: #f1f3f5;
    color: #039;
    border: solid 1px #FFF;
    margin: 0 0 15px 0;
}

    .view-source-header h2 {
        color: #06c;
        font-weight: 600;
        font-size: 18px;
        float: left;
        margin: 0;
        padding: 15px;
    }

.view-source-header-right a {
    color: #039;
    text-decoration: none;
    font-size: 14px;
    float: left;
    padding: 12px 15px;
}

.view-source-header-right .source-devider {
    float: left;
    line-height: 41px;
}

.view-source-tab {
    background-color: #fff;
    float: left;
    margin: 0;
    padding: 15px 0 0;
}

.view-source .h3 {
    color: #000;
    font-weight: 900;
    font-size: 16px;
    text-transform: none;
    margin: 0 0 20px;
    padding: 0;
}

    .view-source .h3 span {
        margin-left: 30px;
    }

.view-source .attachment-status {
    width: 100%;
    float: left;
    display: block;
    border-bottom: 1px solid rgba(153, 153, 153, 0.39);
    margin-bottom: 15px;
    padding: 0 0 10px;
}

    .view-source .attachment-status .fa {
        color: #C1C1C1;
    }

    .view-source .attachment-status .attach-doc {
        float: left;
        width: auto;
    }

    .view-source .attachment-status h3 {
        float: left;
        text-transform: none;
        color: #039;
        font-weight: 700;
        margin: 5px 0 0;
        font-size: 16px;
    }

        .view-source .attachment-status h3 span {
            color: #666;
            font-size: 13px;
            font-style: italic;
            font-weight: 400;
        }

    .view-source .attachment-status .circle {
        border: solid 1px #ddd;
        width: 45px;
        height: 45px;
        border-radius: 25px;
        text-align: center;
        line-height: 42px;
        margin-right: 10px;
    }

.view-source .file {
    margin-bottom: 35px;
}

.view-source .attachment-status .status-right-icon {
    line-height: 44px;
    color: #C1C1C1;
}

    .view-source .attachment-status .status-right-icon .fa {
        margin: 0 5px;
    }

.view-source .attachment-candidate {
    width: 100%;
    float: left;
    display: block;
    border-bottom: none;
    margin-bottom: 15px;
    background-color: #f7f7f7;
    border-radius: 2px;
    padding: 10px 25px;
}

    .view-source .attachment-candidate h3 {
        margin: 7px 0 0 15px;
    }

        .view-source .attachment-candidate h3 em {
            font-size: 14px;
            color: #666;
            font-weight: 400;
            float: left;
            margin: 7px 0 0;
        }

        .view-source .attachment-candidate h3 span {
            width: 100%;
            font-size: 14px;
            font-style: normal;
            margin-top: 5px;
            float: left;
        }

    .view-source .attachment-candidate .right-section h3 {
        font-size: 16px;
        font-weight: 900;
        color: #333;
        margin: 15px 0 0;
        padding: 0;
    }

        .view-source .attachment-candidate .right-section h3 span {
            font-size: 14px;
            color: #666;
        }

.parsed-candidate .form-control {
    width: 45%;
}

.parsed-candidate .label {
    width: 38%;
}

.view-source .add-new-source-poup-main {
    margin-top: 0;
    padding: 10px 20px 0;
}

ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic {
    width: 100%;
    border-bottom: solid 1px #EFEFEF !important;
    float: left;
    padding: 0 10px;
}

    ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic span {
        width: 30px;
        height: 30px;
        float: right;
        line-height: 28px;
        border-radius: 25px;
        background: #A86565;
        color: #FFF;
        font-size: 14px;
        font-style: italic;
        text-align: center;
        margin: -3px 5px 0;
    }

    ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.statistic a {
        text-align: left;
        float: left;
        padding: 0;
    }

.statistic.nav-tabs.nav-justified > li {
    float: left;
    width: auto;
    font-size: 16px;
    padding: 13px 12px;
}

.statistic .span-bg-one {
    background-color: #7ec555 !important;
}

.statistic .span-bg-two {
    background-color: #009ac7 !important;
}

.statistic .span-bg-three {
    background-color: #a233c4 !important;
}

.statistic .span-bg-four {
    background-color: #3ccc9c !important;
}

.statistic .active {
    border-bottom: solid 2px #d01733;
}

.statistic .lead-total {
    position: relative;
    float: left;
    color: #666;
    margin-top: -140px;
    margin-left: 95px;
}

    .statistic .lead-total h4 {
        font-size: 12px;
        font-weight: 700;
        color: #666;
        line-height: 15px;
        margin: 0;
        padding: 0;
    }

    .statistic .lead-total span {
        font-size: 21px;
        font-weight: 100;
        margin: 0;
        padding: 0;
    }

.box.box-success {
    border-top-color: #00a65a;
    float: left;
    width: 100%;
}

.source.chart {
    height: 230px;
}

body.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu .chat-option a {
    display: block;
    white-space: nowrap;
    float: left;
    margin: 0;
    padding: 5px 2px;
}

.custom-panel .panel-heading-btn-group {
    margin-right: 30px;
}

.custom-panel .panel-heading h1 {
    font-size: 24px;
    margin: 15px auto;
}

.import-file-icon {
    background: url(../img/import-icon.png) no-repeat;
    display: block;
    height: 16px;
    width: 16px;
    float: left;
    margin: 8px 8px 8px 0;
}

.gmail-sync-icon {
    background: url(../img/google-sync.png) no-repeat;
    display: block;
    height: 16px;
    width: 25px;
    float: left;
    margin: 8px 8px 8px 0;
}

.custom-panel .panel-body-padding {
    height: auto;
    overflow-y: hidden;
    padding: 15px 15px 5px !important;
}

.advance-searce-link {
    margin: 6px 0;
}

.page-records select {
    border: 0;
    background: #f2f3f6;
}

hr {
    border-top: 1px solid rgba(208, 208, 208, 0.69);
    margin: 5px 0;
}

.custom-panel h3 {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin: 10px 0;
}

.btngrpdropdown .btn {
    margin-right: 10px;
    background: #fff;
    border: none;
}

.pull-right > .dropdown-menu {
    right: -5px;
    top: 85%;
}

.custom-panel .dropdown-menu:after {
    bottom: 100%;
    right: 8px !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
    border-width: 8px;
}

.profiles-list .profile-list-candidate {
    position: relative;
    background: #fff;
    margin: 15px 0;
}

    .profiles-list .profile-list-candidate .rating {
        position: absolute;
        top: 0;
        left: 0;
        border-top: 90px solid #003f8f;
        border-right: 90px solid transparent;
    }

        .profiles-list .profile-list-candidate .rating div {
            position: absolute;
            top: -80px;
            color: #fff;
            left: 15px;
        }

.profiles-list .profile-content {
    text-align: center;
    margin: 20px;
}

    .profiles-list .profile-content p {
        margin-top: 20px;
        padding-left: 10px;
    }

.profiles-list .profile-info {
    color: #666;
    margin: 15px;
}

    .profiles-list .profile-info h4 {
        font-size: 21px;
        font-weight: 700;
        padding: 7px 0;
    }

        .profiles-list .profile-info h4 span.user-position {
            font-style: italic;
        }

    .profiles-list .profile-info p {
        font-size: 18px;
    }

        .profiles-list .profile-info p i.fa {
            margin-right: 20px;
            width: 15px;
        }

.profile-last-div {
    margin-top: 40px !important;
}

    .profile-last-div p {
        margin-top: 20px;
    }

    .profile-last-div .interview-div {
        background: #f8f8fa;
        width: 90%;
        border-radius: 5px;
        padding: 13px 0 13px 30px;
    }

    .profile-last-div input[type=checkbox] {
        margin-top: 13px;
    }

.profile-list-candidate .row {
    display: flex;
}

    .profile-list-candidate .row .col-md-3 {
        flex: 1;
    }

.profile-list-candidate .border-right {
    border-right: 1px solid #d8dae4;
}

.profile-list-candidate .border-bottom {
    border-bottom: 1px solid #d8dae4;
}

.source-content-bg {
    background-color: #efefef !important;
}

.source-header-contact .panel-header-left {
    width: 100%;
    padding: 0 15px;
}

    .source-header-contact .panel-header-left h1 {
        margin: 20px 0;
    }

.source-header-contact .header-sub-panel {
    width: 100%;
    height: 65px;
    background-color: #fff;
    text-align: center;
    float: left;
}

    .source-header-contact .header-sub-panel h4 {
        float: left;
        font-size: 22px;
        text-align: left;
        font-weight: 900;
        text-transform: uppercase;
        color: #333;
        line-height: 63px;
        margin: 0;
        padding: 0;
    }

    .source-header-contact .header-sub-panel .back-to-result a {
        color: #039;
        font-size: 16px;
        font-style: italic;
        float: left;
        font-weight: 800;
        margin-left: 40px;
        line-height: 63px;
        text-decoration: underline;
    }

        .source-header-contact .header-sub-panel .back-to-result a:hover {
            text-decoration: none;
            color: #d01733;
        }

    .source-header-contact .header-sub-panel .source-pagination {
        float: left;
        margin-left: 21%;
        margin-top: 15px;
    }

    .source-header-contact .header-sub-panel .view-name {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .source-header-contact .header-sub-panel .view-next {
        text-transform: uppercase;
        font-size: 14px;
        color: #999;
    }

        .source-header-contact .header-sub-panel .view-next .fa {
            font-size: 15px;
            color: #999;
            padding: 0 5px;
        }

.candidate-main {
    width: 100%;
    background: url(../img/article-bg.png)#f2f3f7 top left no-repeat;
    float: left;
}

    .candidate-main .rating span {
        padding-top: 0px;
        float: left;
        color: #fff;
    }

    .candidate-main .profile-details {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .candidate-main .profile-details a {
            color: #039;
            text-decoration: none;
            font-weight: 600;
        }

    .candidate-main .name-adition {
        color: #59986a;
        font-size: 15px;
        font-weight: 800;
    }

        .candidate-main .name-adition .fa {
            color: #59986a !important;
            padding-right: 0 !important;
        }

    .candidate-main .name_details h4 {
        font-size: 18px;
        color: #666;
        font-weight: 900;
        line-height: 22px;
    }

    .candidate-main .name_details p {
        color: #666;
        font-size: 14px;
    }

    .candidate-main .name_details .fa {
        color: #cacaca;
        padding-right: 10px;
    }

    .candidate-main .name_details i.fa.fa-map-marker {
        padding-right: 16px !important;
    }

    .candidate-main .experience {
        padding-top: 22px;
        display: block;
        font-size: 15px;
    }

    .candidate-main .title-footer {
        width: 100%;
        float: left;
        border-top: solid 1px #d6d9e2;
        text-align: center;
        font-style: italic;
    }

    .candidate-main .article-footer {
        width: 100%;
        float: left;
        background: #dcdcdc;
        padding: 10px 0;
    }

    .candidate-main .date-time {
        font-size: 13px;
        color: #595959;
    }

    .candidate-main .fa-right-icon .fa {
        padding: 0 7px;
    }

.profile-tab-main {
    width: 100%;
    float: left;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .profile-tab-main sup {
        color: #f3414f;
        font-size: 18px;
        font-weight: 600;
    }

    .profile-tab-main .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        border: 0 solid #ddd;
    }

    .profile-tab-main .nav-tabs > li > a {
        border: 0 solid transparent;
        border-radius: 0 0 0 0;
        font-size: 18px;
        color: #2a2d33;
        font-weight: 600;
    }

    .profile-tab-main .profile-content h4 {
        color: #333;
        font-weight: 600;
        margin: 10px 0 20px;
    }

    .profile-tab-main .profile-content .sub-tab {
        min-width: 160px;
        min-height: 160px;
        border: solid 9px #3ecc71;
        border-radius: 150px;
        text-align: center;
        float: left;
    }

        .profile-tab-main .profile-content .sub-tab h5 span {
            font-weight: 200;
        }

    .profile-tab-main .profile-content .border-two {
        border: solid 9px #ff8b47;
    }

    .profile-tab-main .profile-content .border-three {
        border: solid 9px #9163a1;
    }

    .profile-tab-main .profile-content .border-four {
        border: solid 9px #00d0f7;
    }

    .profile-tab-main .profile-content .details-text {
        text-align: center !important;
        font-weight: 600;
        float: left;
        margin-top: 5px;
    }

    .profile-tab-main .profile-content .sub-tab .fa-4x {
        margin-top: 40px;
        color: #666;
    }

    .profile-tab-main .profile-content .add-adit a:hover {
        color: #ff9234;
        text-decoration: none;
    }

    .profile-tab-main .profile-content .progress-text {
        color: #8e8e8e;
        font-size: 16px;
        font-weight: 600;
    }

.skill-table.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 0 solid #f4f4f4;
    font-size: 13px;
}

.skill-table .progress {
    height: 8px !important;
}

.skill-table .progress-bar-danger-two {
    background-color: #00cefb;
}

.skill-table .progress-bar-danger-four {
    background-color: #f3414f;
}

.profile-tab-sub .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #000;
}

.profile-tab-sub .nav > li > a {
    font-size: 16px;
    padding: 10px 0;
}

.profile-tab-sub .nav > li {
    margin-right: 20px;
}

.profile-tab-main .profile-content .hr-margin {
    margin: 25px 0;
}

.profile-tab-sub .file-custom {
    height: 200px;
    border-radius: 1px;
    line-height: 12em;
    text-align: center;
}

    .profile-tab-sub .file-custom:after {
        content: "Click to Upload Picture";
        font-weight: 400;
        color: #A2A2A2;
        text-align: center;
        font-size: 13px;
        padding-left: 5px;
        line-height: 0;
    }

.profile-tab-sub .loading {
    width: 100%;
    float: left;
    min-height: 682px;
    background-color: #efefef;
    border: solid 1px #cacaca;
    border-radius: 2px;
    text-align: center;
    padding: 0 25px;
}

    .profile-tab-sub .loading p {
        color: #9d9d9d;
        margin-top: 200px;
        margin-bottom: 40px;
    }

    .profile-tab-sub .loading .comment-box {
        width: 100%;
        float: left;
        background-color: #fff;
        -webkit-box-shadow: 0 0 17px 2px rgba(202, 202, 202, 1);
        -moz-box-shadow: 0 0 17px 2px rgba(202, 202, 202, 1);
        box-shadow: 0 0 17px 2px rgba(202, 202, 202, 1);
        padding: 15px;
    }

        .profile-tab-sub .loading .comment-box h5 {
            font-size: 18px !important;
        }

        .profile-tab-sub .loading .comment-box p {
            margin-top: 0;
            margin-bottom: 15px;
        }

        .profile-tab-sub .loading .comment-box .close-button {
            float: right;
            color: #666;
            margin-top: -5px;
            margin-right: -2px;
        }

.profile-tab-sub .form-control {
    padding: 6px 5px !important;
}

.candidate-right-section .recent-activity ul {
    font-size: 17px;
    font-weight: 400;
    color: #666;
    margin: 0;
    padding: 0;
}

    .candidate-right-section .recent-activity ul li .fa {
        padding-right: 10px;
        color: #cac8c8;
    }

.candidate-right-section h3 span {
    text-transform: none;
    color: #039;
    font-size: 16px;
    float: right;
}

    .candidate-right-section h3 span a {
        text-transform: none;
        color: #039;
        text-decoration: none;
    }

        .candidate-right-section h3 span a:hover {
            text-transform: none;
            color: #039;
            text-decoration: underline;
        }

.candidate-right-section .recomended ul {
    font-size: 17px;
    font-weight: 400;
    color: #666;
    margin: 0;
    padding: 0 0 0 30px;
}

.candidate-right-section .input-group-addon {
    min-width: 0 !important;
    padding: 6px 2px;
}

.progress-timeline .progress-text-top a {
    font-size: 15px;
    padding: 0 60px 0 0;
}

.progress-timeline .slider-selection {
    background: #3ecc71 !important;
}

.progress-timeline .slider-handle {
    width: 18px;
    height: 18px;
    background-color: #666 !important;
}

.progress-timeline .slider-track {
    background-color: #e2e2e2;
    background-image: none !important;
}

.timeline-main {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0;
}

    .timeline-main .timeline-badge .fa {
        background-color: #8d64a7 !important;
        width: 40px;
        height: 40px;
        color: #fff;
        border-radius: 100%;
        border: solid 5px #595959 !important;
        font-size: 17px;
        line-height: 30px;
    }

    .timeline-main .timeline-devider-bg {
        height: 82px;
        background: url(../img/time-line-devider.png) bottom center no-repeat;
        float: left;
        width: 100%;
        text-align: center;
    }

    .timeline-main .timeline-badge .timeline-blue {
        background-color: #8d64a7 !important;
    }

    .timeline-main .timeline-badge .timeline-green {
        background-color: #3ecc71 !important;
    }

    .timeline-main .line {
        width: 100%;
        bottom: 106px;
        background: gray;
        position: absolute;
        z-index: 0;
        height: 5px;
        left: 0;
    }

    .timeline-main .badge-defalt-left {
        width: 25px;
        height: 25px;
        border-radius: 100px;
        background: gray;
        position: absolute;
        left: -1px;
    }

    .timeline-main .badge-defalt-right {
        width: 25px;
        height: 25px;
        border-radius: 100px;
        background: gray;
        position: absolute;
        right: -1px;
    }

    .timeline-main .badge-defalt-left-115 {
        bottom: 115px;
    }

    .timeline-main .badge-defalt-right-115 {
        bottom: 115px;
    }

    .timeline-main .badge-defalt-text {
        width: 100%;
        float: left;
        text-align: left;
        margin: 10px 0 0;
        padding: 0;
    }

        .timeline-main .badge-defalt-text a {
            text-decoration: none;
            color: #595959;
            padding-right: 10%;
            font-weight: 700;
        }

            .timeline-main .badge-defalt-text a:hover {
                color: #595959;
                cursor: text;
            }

.slide-out-sub {
    top: 260px !important;
    z-index: 999;
}

.setting-tab-bg {
    background-color: #f1f3f5;
    color: #333;
}

.setting-header {
    width: 100%;
    float: left;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: solid 1px #dadbe1;
    border-radius: 3px;
    font-weight: 800;
    font-size: 16px;
    padding: 16px;
}

.setting-tab-bg .bg-color-1 {
    border: solid 1px #dadbe1;
    background-color: #f7f7f7;
    border-radius: 1px !important;
    font-size: 15px;
    text-transform: uppercase;
    color: #666;
    font-weight: 900;
    padding: 15px;
}

.setting-table .td-active {
    border-left: solid 6px #d01733;
}

table.table.setting-table.table-striped td {
    font-size: 15px;
    border-top: 0 solid #f4f4f4;
    padding: 10px 8px;
}
/*Cedited by vinay*/
.setting-tab-bg .setting-tab-table {
    overflow-y: auto;
    /*height: 615px;*/
}

.setting-tab.nav-tabs > li > a {
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
}

.setting-panel-right ul.dropdown-menu.dropdown-men-4:after {
    border-bottom-color: #f7f6f6;
}

.setting-panel-right .add_new_item span {
    font-size: 14px;
}

.setting-panel-right .add_new_button {
    font-size: 14px;
    font-weight: 400;
    color: #004b8f;
    font-style: italic;
}

.setting-panel-right .add_new_button_margin h5 {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    float: left;
    margin: 0;
}

ul.dropdown-menu.dropdown-men-6.add_new_item.add-new-group.filter-search-home.display-none {
    margin: -10px 0 0 !important;
    padding: 20px 15px;
}

ul.dropdown-menu.dropdown-men-6.add_new_item.add-new-group.filter-search-home:after {
    bottom: 100%;
    left: 93% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #f7f6f6;
    border-width: 8px;
}

.setting-panel-right .add_new_item .add-new-group a {
    color: #039;
    font-style: italic;
    font-size: 13px;
    padding-top: 25px;
    float: left;
}

.setting-panel-right .new-group-icon {
    float: right;
    margin-top: -25px;
    margin-right: 8px;
    color: #979797;
}

.setting-panel-right .new-group-input {
    padding-right: 25px;
    padding-left: 10px;
}

.setting-panel-right .input-add-new {
    border-radius: 0 !important;
    min-width: inherit !important;
    padding: 6px;
}

.setting-panel-right .add-new-group .btn {
    margin-right: 7px;
}

.setting-panel-right .search-list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

    .setting-panel-right .search-list ul li {
        width: 100%;
        display: block;
        list-style: none;
        float: left;
    }

        .setting-panel-right .search-list ul li label {
            width: 15%;
            line-height: 35px;
            text-align: center;
            float: left;
            font-weight: 400;
            font-size: 15px;
            color: #333;
        }

        .setting-panel-right .search-list ul li input {
            width: 70%;
            float: left;
            font-weight: 500;
            background: none;
            border: solid 1px #a5a5a5;
            border-radius: 0;
            color: #333;
        }

        .setting-panel-right .search-list ul li span {
            line-height: 35px;
        }

.setting-panel-right .search-bar {
    background-color: #FFF;
    margin-bottom: 15px;
    color: #999999;
    font-size: 15px;
    border: solid 1px #eaeaea;
    border-radius: 3px;
    display: inline-block;
}

.setting-panel-right .search-id {
    float: left;
    padding: 0 10px;
    line-height: 35px;
}

.setting-panel-right .search-bar .input-group {
    width: 70%;
    border-left: 0px !important;
    float: left;
}

    .setting-panel-right .search-bar .input-group input {
        border: none;
    }

.setting-panel-right .search-id {
    float: left;
    line-height: 35px;
    padding: 0 10px;
}

.setting-panel-right .search-industry .input-group {
    width: 90% !important;
}

.setting-panel-right .search-done {
    float: left;
    line-height: 35px;
}

    .setting-panel-right .search-done a {
        text-decoration: underline;
        color: #039;
        font-style: italic;
    }

.setting-panel-right .search-edit {
    float: left;
    padding-top: 10px;
    display: block;
}

    .setting-panel-right .search-edit a {
        text-decoration: underline;
        color: #a3a3a3;
        font-style: italic;
    }

.setting-panel-right .search-bar .input-group {
    width: 80%;
    border-left: 0 !important;
    float: left;
}

.setting-panel-right .search-bar-option .input-group {
    width: 65%;
    background-color: #efefef;
    border: solid 1px #eaeaea;
    border-radius: 3px;
    float: left;
}

    .setting-panel-right .search-bar-option .input-group input {
        background-color: #efefef;
    }

.setting-panel-right .search-bar-option .search-edit {
    padding-left: 15px;
}

.setting-panel-right .search-bar-option {
    padding: 5px 0;
}

.setting-panel-right .transaction-tab {
    display: block;
    margin-top: 50px;
}

    .setting-panel-right .transaction-tab.box.box-default {
        border: none !important;
        background: none !important;
        box-shadow: none !important;
    }

.setting-panel-right .search-bar .input-group input {
    border: none;
}

.setting-panel-right h3 span {
    font-size: 16px;
    color: #039;
    font-style: italic;
}

    .setting-panel-right h3 span a {
        color: #039;
        text-decoration: underline;
    }

        .setting-panel-right h3 span a:hover {
            color: #e10038;
            text-decoration: none;
        }

.setting-panel-right .setting-right-table {
    background-color: #fff;
}

    .setting-panel-right .setting-right-table .fa {
        margin: 5px 0 0 12px;
    }

    .setting-panel-right .setting-right-table .bg-color-1 {
        border: solid 1px #dadbe1;
        background-color: #f7f7f7;
        border-radius: 1px !important;
        font-size: 16px;
        color: #666;
        padding: 15px;
    }

    .setting-panel-right .setting-right-table label {
        margin-bottom: 0;
        float: left;
        margin-right: 8px;
    }

.setting-panel-right .panel-title {
    font-weight: 600;
    font-size: 17px;
    margin: 10px 0 10px 15px;
}

    .setting-panel-right .panel-title .fa {
        font-size: 12px;
        font-weight: 400;
        float: right;
        margin-right: 15px;
        line-height: 28px;
    }

.setting-panel-right .setting-right-table input.form-control {
    background: none !important;
    border-radius: 1px;
    border: solid 1px #999;
    height: 25px;
}

.setting-panel-right .setting-right-table input:focus {
    border-radius: 1px !important;
}

.setting-panel-right .setting-right-table em a {
    color: #039;
    text-decoration: underline;
    font-style: normal;
    font-weight: 600;
}

.setting-panel-right .filter-search-home {
    min-width: inherit !important;
}

.setting-panel-right .dropdown-men-4 {
    top: 25px !important;
}

.setting-email-tab .fa.fa-circle {
    color: #00a65b;
    margin-right: 5px;
    font-size: 13px;
}

.setting-email-tab .link {
    color: #014995;
}

    .setting-email-tab .link a {
        color: #014995;
        text-decoration: none;
        padding: 0 3px;
    }

        .setting-email-tab .link a:hover {
            color: #d53042;
            text-decoration: none;
        }

.setting-email-tab .search-box-main {
    background-color: #f1f3f5;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 65px;
    margin: 0 0 15px;
}

    .setting-email-tab .search-box-main button.btn-group.btn.add-lead-btn {
        min-width: 110px !important;
    }

        .setting-email-tab .search-box-main button.btn-group.btn.add-lead-btn .fa {
            margin-right: 0 !important;
        }

    .setting-email-tab .search-box-main .input-group {
        border: solid 1px #d2e0eb !important;
        border-radius: 4px;
    }

    .setting-email-tab .search-box-main button#search-btn {
        background-color: #fff;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .setting-email-tab .search-box-main button#search-btn .fa {
            color: #a3a3a3;
        }

.setting-panel-right .email-edit h4 {
    font-weight: 600;
    color: #5c5c5c;
    font-size: 16px;
}

    .setting-panel-right .email-edit h4 span {
        font-weight: 400;
        color: #999;
        font-style: italic;
    }

.setting-panel-right .sub-offer textarea {
    border: solid 1px #eaeaea;
    font-size: 16px;
    font-style: italic;
    min-height: 345px;
    padding: 10px 15px;
}

.setting-panel-right .email-edit-icon {
    float: right;
    padding: 17px 0 0;
}

    .setting-panel-right .email-edit-icon .fa {
        color: #979797;
        margin-left: 15px;
    }

.setting-panel-right.edit-template h3 {
    border-bottom: solid 1px #ced0d4;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.setting-panel-right.edit-template span {
    padding-bottom: 5px;
    float: left;
}

.setting-panel-right.edit-template h3 span a {
    color: #727272 !important;
    text-decoration: underline;
    margin-right: 3px;
}

    .setting-panel-right.edit-template h3 span a:hover {
        color: #ba2949 !important;
        text-decoration: none;
    }

.setting-panel-right.edit-template textarea {
    border: solid 1px #eaeaea;
    min-height: 250px;
    background-color: #f6f6f6;
}

.setting-panel-right.edit-template .margin-label {
    font-weight: 500 !important;
}

.setting-panel-right.edit-template input[type=checkbox] {
    margin: 0 5px 0 0;
}

.login-edit-button .btn-primary {
    background-color: #ececec;
    min-width: inherit;
    color: #000;
    border: solid 1px #d9d9d9;
    font-size: 13px;
}

.login-edit ul {
    margin: 0;
    padding: 0;
}

    .login-edit ul li {
        width: 100%;
        float: left;
        list-style: none;
        display: block;
        margin-bottom: 15px;
    }

        .login-edit ul li span {
            width: 100%;
            float: left;
            color: #999;
            font-style: italic;
            padding-left: 15px;
        }

.login-edit-poup label {
    min-width: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
}

.login-edit-poup .edit-option {
    margin: 15px 0 20px;
}


.login-edit-poup .btn-default {
    min-width: 110px;
    font-weight: 500 !important;
    border: solid 1px #e1e1e1 !important;
}

.login-edit-poup input,
select,
textarea {
    width: 100%;
    background-color: #fff;
    min-height: 35px;
    border-radius: 5px;
    border: solid 1px #cccccc;
    /*margin-bottom: 10px; modified like below by ganesan*/
    margin-bottom: 10px !important;
    padding-left: 10px;
}

.login-edit-poup .source_pagination {
    margin-top: 15px;
    margin-bottom: 25px;
}

.control-sidebar-dark .sidebar-left-icon {
    width: 35px;
    height: 90px;
    background: url(../img/control-sidebar-left-icon.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 375px;
    line-height: 90px;
    padding-left: 8px;
    color: #fff !important;
    display: block;
}

.file-list .fa-file-text-o {
    display: block;
    border: 1px solid #ccc !important;
    border-radius: 19px;
    font-size: 20px;
    color: #ccc;
    float: left;
    padding: 8px 11px;
}

.file-opretion i {
    color: #ccc;
    font-size: 20px;
    padding: 5px;
}

.forum h3 span {
    font-size: 13px !important;
    color: darkgrey !important;
}

.lighttxtgray {
    font-weight: 500;
    color: gray;
}

.forum h3 {
    font-size: 20px;
    text-transform: none !important;
    color: #444 !important;
    margin: 10px 0 0 !important;
}

.forum textarea.form-control {
    border-left: solid 1px #ccc;
}

.file-list {
    margin-bottom: 20px;
}

.panel2 {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel2-default > .panel2-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel2-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

.profile-tab-main .nav.mailcust > li > a:first-child {
    border-top: none;
}

.resume hr {
    margin: 15px 0 5px !important;
}

.profile-tab-main .nav.mailcust > li > a {
    border: 1px solid #d6d6d6;
    margin-top: -2px;
    padding: 10px 15px;
}

.mailcust > li.active > a,
.mailcust > li.active > a:hover,
.mailcust > li.active > a:focus {
    background: #fff;
    color: #444;
}

.text-italic {
    font-style: italic !important;
}

.text-green {
    color: #00a65a !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

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

.background-modal {
    background: #e3e3e3;
}

form label {
    font-size: 15px;
    font-weight: 600;
}

.font-14 {
    font-size: 14px !important;
}

.padding-5 {
    padding: 5px !important;
}

.a-italic-blue {
    color: #337ab7 !important;
    font-style: italic !important;
}

.search-model-second {
    margin-top: 15px;
    position: relative;
}

    .search-model-second .search {
        position: absolute;
        right: 11px;
        top: 7px;
        color: #999;
    }

::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(153, 153, 153, 0.21);
}

select::-ms-expand,
.ovarlapdivtop,
.hr-manager-edit-lead,
.add-relationship-manager,
.add-new-manager,
.add-new-source-poup-main .source-browse:after,
body.skin-blue.sidebar-mini.sidebar-collapse .chat-option-main h4 {
    display: none;
}

.header-search input:focus,
.add-new-source-poup-main .loading-div textarea:focus,
.setting-panel-right .search-bar .input-group input:focus,
.setting-panel-right .panel-heading,
.setting-email-tab .search-box-main .input-group input {
    border: none !important;
}

button#search-btn,
.panel-right .padding-1 .btn {
    background: none;
}

.navbar-custom-menu .navbar-bg-color,
.modal-body.sahre-doc .search-result-main .form-control {
    background-color: #f7f7f7;
}

.navbar-nav span.hidden-xs,
.edit-bar .edit-bar-heading,
.source-main .source-status span,
.source-main .table > thead > tr > th label,
.logpad-box .margin-label .margin-input,
.profiles-list .profile-info p p,
.setting-panel-right .email-edit,
.login-edit-button span {
    float: left;
}

.filter-search-home .color-read a:hover,
.modal-body.sahre-doc .doc-close a:hover,
.control-sidebar-dark .activity .activity-sub-title a,
.control-sidebar-dark .activity .activity-sub-title a:hover,
.edit-bar span a,
.candidate-main .name_details a {
    color: #666;
    text-decoration: none;
}

.filter-search-home .color-read em a:hover,
.advance-searce-link a:hover,
.profiles-list .profile-content p a:hover {
    text-decoration: underline;
}

.all-message,
.addlead:hover .addlead-content,
.dropdown-spl:hover .dropdown-content-spl,
.source-main,
.view-source .attachment-candidate .right-section,
.candidate-main .fa-right-icon,
.setting-tab,
.setting-panel-right,
.setting-panel-right .search-industry,
.setting-panel-right .edit-template,
.setting-panel-right .login-edit-poup-main,
.setting-panel-right .login-edit-poup {
    display: block;
}

.panel-header .panel-header-left,
.panel-header .panel-header-right {
    width: 50%;
    float: left;
}

    .panel-header .panel-header-right .view-part .color,
    span.progress-title a:hover,
    .source_pagination a:hover {
        color: #ca2e3f;
    }

.panel .padding-right,
.add-lead-section {
    padding-right: 0;
}

.panel .padding-left,
.records-padding,
.padding-left {
    padding-left: 0;
}

.panel-heading-2 .dropdown-menu .fa-edit:before,
.fa-pencil-square-o:before,
.padding-right-0 {
    padding-right: 0 !important;
}

.lead-indicators ul li,
.modal-body.sahre-doc ol {
    margin-bottom: 10px !important;
}

    .lead-indicators ul li .indicators-clr-one,
    .skill-table .progress-bar-danger,
    .skill-table .progress-bar-danger-five {
        background-color: #56c183 !important;
    }

    .lead-indicators ul li .indicators-clr-two,
    .skill-table .progress-bar-danger-three {
        background-color: #ff9234 !important;
    }

.progress-bar-warning-1,
.progress-bar-warning-3 {
    background-color: #fb523e !important;
    width: 30% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-bar-warning-7,
.progress-bar-warning-11 {
    background-color: #85609e !important;
    width: 40% !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.panel-body .span-color a:hover,
.add-new-spoc-link a:hover,
.add-new-manager-link a:hover,
.setting-panel-right .setting-right-table em a:hover {
    color: #ca2e3f;
    text-decoration: none;
}

.handled-padding-left,
.source-main .contact-padding-left {
    padding-left: 40px;
}

/*
.progress-margin-top,
.row.search-section,
.edit-lead-top {
    margin-top: 25px
}*/

.add-doc .file-custom.source-browse,
.add-new-source-poup-main .radio-margin-left,
.document-margin {
    margin-left: 15px;
}

span.status-text,
.table-striped td {
    font-size: 12px;
    color: #666;
}

.pagination-main,
.align-center,
.text-center {
    text-align: center;
}

.panel-right .padding-1 .btn-group,
.sidebar-contact-one .explr-dvs,
.add-new-source-poup-main form,
.profile-tab-main .profile-content {
    width: 100%;
    float: left;
}

.panel-right .h4-padding,
.source-panel-heading {
    padding: 0 !important;
}

#svg,
#svg2,
#svg3,
#svg1 {
    width: 100%;
    height: 210px;
    margin: 5px 0 0 -30px;
    padding: 0;
}

.nav-tabs,
.panel-heading-2 .dropdown-menu .header,
.control-sidebar-dark .border-bottom-none,
.setting-tab.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-bottom: none !important;
}

.row.search-section .form-control,
.search-client input.form-control {
    border: 1px solid #ccc;
}

.search,
.control-sidebar .tab-content .margin-bottom,
.search-client,
.client.add-relationship,
.setting-panel-right .add_new_button_margin {
    margin-bottom: 15px;
}

body.modal-open,
body.model-second {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.modal-body.add-doc,
.modal-dialog .comment {
    background-color: #fff;
    margin: 15px 0;
    padding: 15px 0;
}

.notes-article p,
.candidate-main .profile-details p {
    text-align: justify;
}

.notes-article span,
.tab-content .search-result-main .fa,
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #666;
}

.add-new-spoc a,
.profile-tab-main .profile-content .add-adit a {
    color: #039;
    text-decoration: none;
}

.control-sidebar-dark .sidebar-left-icon .fa,
li.activity-sub-title.active i,
.control-sidebar-dark .sidebar-right-icon .fa,
.control-sidebar-dark .sidebar-right-icon-two .fa {
    color: #fff !important;
}

.tab-content .user-section,
.source-header-contact .panel-header,
.candidate-main .experience p,
.skill-table .table {
    margin-bottom: 0;
}

    .tab-content .user-section .status-text,
    .tab-content .user-section .progress-title {
        color: #039;
        font-size: 12px;
        float: right;
        font-weight: 700;
        margin: -40px 0 0;
    }

.sidebar-contact-one h4,
.calendar-form h4,
.h4 {
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: solid 1px #ccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.contact-one-text,
.setting-panel-right .sub-offer,
.login-edit-poup .edit-textarea-margin {
    margin-top: 10px;
}

.sidebar-contact-one .fa-text-color,
.blue-text {
    color: #039 !important;
}

.control-sidebar-dark .activity .fa.fa-file-text,
.control-sidebar-dark .activity-text-main .activity-icon .fa-file-text {
    float: none;
    margin: 0;
}

.tab-content .search-result-main .input-group,
.tab-content .search-result-main input {
    background-color: #F1F3F5;
}

.tab-content .add-new-document h4 a:hover,
.edit-bar span a:hover,
.setting-panel-right .add_new_button:hover,
.setting-panel-right .add_new_item .add-new-group a:hover {
    color: #ca2e3f;
    text-decoration: underline;
}

.edit-bar .margin-label,
.view-details .margin-label {
    float: left;
    margin: 0 10px 0 0 !important;
}

.control-sidebar .calendar-form .fa,
.control-sidebar-dark .consultation-sub-main p {
    color: #979797;
}

.responsive-calendar .calendar-notifications .edit a:hover,
.responsive-calendar .calendar-notifications .delete a:hover {
    color: #000;
    text-decoration: underline;
}

.control-sidebar-dark i.fa.fa-mobile.fa-lg,
.control-sidebar-dark i.fa.fa-map-marker {
    font-size: 20px;
}

.source-main .addlead-content:after,
.sidebar-contact-slider .addlead-content:after,
.profile-tab-sub .file-custom::before {
    display: none !important;
}

.add-new-source-poup-main .input-group-addon,
.logpad-box .input-group-addon,
.profile-tab-sub .input-group-addon {
    min-width: 5px;
    padding: 6px 0;
}

.add-new-source-poup-main .loading-div p,
.inner-content {
    padding: 0 15px;
}

.add-new-source-poup-main .label-addition {
    line-height: 15px;
}

.logpad .table-striped,
.profiles-list .profile-info h4 span {
    font-weight: 400;
}

.logpad-header-right a:hover,
.view-source-header-right a:hover {
    color: #06c;
    text-decoration: none;
}

.view-source .attachment-candidate h3 em .fa,
.setting-email-tab .fa {
    margin-right: 5px;
}

.statistic .span-bg-five,
.timeline-main .timeline-badge .timeline-yellow {
    background-color: #ff9234 !important;
}

.statistic #svg2,
.statistic #svg3,
.statistic #svg4,
.statistic #svg5,
.statistic #svg6 {
    width: 100%;
    min-width: 600px;
    height: 235px;
    float: left;
    margin: 10px 0 0;
    padding: 5px 0 0;
}

.custom-panel,
.custom-panel .panel-heading {
    background: #f2f3f6;
}

.advance-searce-link a,
.profiles-list .profile-content p a {
    color: #039;
}

.candidate-main .profile-details a:hover,
.candidate-main .name_details a:hover {
    color: #f3414f;
    text-decoration: underline;
}

.candidate-main .title-footer p,
.chat-option {
    margin: 10px 0;
}

.profile-tab-main .profile-content hr,
.candidate-right-section hr {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(208, 208, 208, 0.69);
    margin: 30px 0 25px;
}

.profile-tab-sub .form-control-small,
.candidate-right-section .form-control-small {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.profile-tab-sub .control-small-right,
.candidate-right-section .control-small-right {
    padding-right: 5px;
}

.profile-tab-sub .control-small-left,
.candidate-right-section .control-small-left,
.timeline-main .badge-defalt-text a:first-child {
    padding-left: 5px;
}

.candidate-right-section .recent-activity,
.candidate-right-section .add-new-experience,
.candidate-right-section .add-new-education,
.candidate-right-section .add-new-skill,
.candidate-right-section .recomended {
    width: 100%;
    float: left;
    display: block;
}

    .candidate-right-section .recent-activity ul li,
    .candidate-right-section .recomended ul li {
        list-style: none;
        display: block;
        margin: 0 0 10px;
        padding: 0;
    }

.progress-timeline .progress-text-bottom a,
.setting-panel-right .sub-offer p {
    font-size: 15px;
    padding: 0 15px;
}

.timeline-main p,
.setting-panel-right h3 {
    font-size: 16px;
    font-weight: 600;
}

.setting-panel-right .search-done a:hover,
.setting-panel-right .search-edit a:hover {
    text-decoration: none;
    color: #e10038;
}

.setting-panel-right .sub-offer textarea:focus,
.setting-panel-right.edit-template textarea:focus {
    border: solid 1px #eaeaea !important;
}

.setting-panel-right.edit-template select.form-control,
.setting-panel-right.edit-template input.form-control {
    border: solid 1px #eaeaea !important;
    background-color: #f6f6f6;
}

.login-edit-button button.btn.btn-primary:hover,
.login-edit-button button.btn.btn-primary:focus {
    background-color: #00558e;
    color: #fff;
}

.document .file,
.document .label-right {
    margin-bottom: 5px !important;
}

.resume select.form-control,
.resume .form-control-sub {
    border-left: solid 1px #ccc;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

    .resume .form-control-sub:focus,
    .resume select.form-control:focus {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

.slide-out-div {
    /*width: 250px;*/
    background: #fff;
    transition: all .4s ease-in-out 0;
    padding: 10px;
    top: 90px !important;
}

    .slide-out-div h4 {
        border-bottom: 1px dashed #e5e5e5;
        font-weight: 700;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

.content-template-setting ul.color-theme li {
    border-radius: 50% !important;
    cursor: pointer;
    height: 35px;
    width: 35px;
    margin: 5px;
}

    .content-template-setting ul.color-theme li.red-green {
        background: #b8312f;
        border: 5px solid #b0b800;
    }

    .content-template-setting ul.color-theme li.orange-yellow {
        background: #bd432a;
        border: 5px solid #f1c40f;
    }

    .content-template-setting ul.color-theme li.green-pink {
        background: #b0b800;
        border: 5px solid #df4782;
    }

    .content-template-setting ul.color-theme li.yellow-grey {
        background: #f1c40f;
        border: 5px solid #333;
    }

    .content-template-setting ul.color-theme li.blue-yellow {
        background: #2598b0;
        border: 5px solid #f1c40f;
    }

    .content-template-setting ul.color-theme li.violet-green {
        background: #947dcb;
        border: 5px solid #b0b800;
    }

    .content-template-setting ul.color-theme li.pink-dark {
        background: #df4782;
        border: 5px solid #141d25;
    }

    .content-template-setting ul.color-theme li.grey-red {
        background: #333;
        border: 5px solid #b8312f;
    }

    .content-template-setting ul.color-theme li.dark-primary {
        background: #141d25;
        border: 5px solid #ed5565;
    }

    .content-template-setting ul.color-theme li.white-primary {
        background: #fff;
        border: 5px solid #ed5565;
    }

    .content-template-setting ul.color-theme li.pink-white {
        background: #df4782;
        border: 5px solid #f1f1f1;
    }

    .content-template-setting ul.color-theme li.white-pink {
        background: #fff;
        border: 5px solid #df4782;
    }

.handle {
    background: url(../img/Font-Resizer.png) no-repeat;
    display: block;
    height: 50px;
    left: -40px;
    outline: medium none;
    position: absolute;
    text-indent: -99999px;
    top: 0;
    width: 50px;
}

#live-chat {
    bottom: 0;
    font-size: 12px;
    left: 0px;
    position: fixed;
    width: 230px;
    z-index: 5000;
}

    #live-chat .chat-option {
        margin: 10px 0;
    }

    #live-chat header {
        background: #999;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        padding: 5px 15px;
    }

    /*#live-chat h4:before {
        background: #1a8a34;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: 3px 8px 0 5px;
        width: 8px;
        float: left;
    }*/

    #live-chat h4 {
        font-size: 12px;
    }

    #live-chat h5 {
        font-size: 10px;
    }

    #live-chat form {
        padding: 2px;
    }

    #live-chat input[type="text"] {
        border: 1px solid #ccc !important;
        border-radius: 3px;
        padding: 8px;
        outline: none;
        width: 202px;
    }

    #live-chat .chat-message-counter {
        background: #e62727;
        border: 1px solid #fff;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: bold;
        height: 28px;
        left: 0;
        line-height: 28px;
        margin: -15px 0 0 -15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }

    #live-chat .chat-close {
        background: #1b2126;
        border-radius: 50%;
        color: #fff;
        display: block;
        float: right;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 2px 0 0 0;
        text-align: center;
        width: 16px;
    }

    #live-chat .chat {
        background: #fff;
        padding: 5px 4px 5px 6px;
    }

    #live-chat .chat-history {
        height: 252px;
        padding: 0px 0px;
        overflow-y: scroll;
    }

    #live-chat .chat-message {
        margin: 16px 0;
    }

        #live-chat .chat-message img {
            border-radius: 50%;
            float: left;
        }

    #live-chat .chat-option h4 {
        width: 73%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
    }

    #live-chat .chat-message-content {
        margin-left: 56px;
    }

    #live-chat .chat-time {
        float: right;
        font-size: 10px;
    }

    #live-chat .chat-feedback {
        font-style: italic;
        margin: 0 0 0 80px;
    }

    #live-chat header h4 {
        color: #000;
    }

    #live-chat small.pull-right {
        line-height: 15px;
    }

.main-header {
    position: fixed;
    width: 100%;
}

.header-search {
    border-left: solid 1px #dadbdc;
    margin: 13px 0;
    padding: 0 0 0 5px;
    float: left;
}

    .header-search .fa-search:before {
        content: "\f002";
        color: #6d6d6d;
    }

    .header-search input {
        border: none;
        outline: none;
        padding-left: 0px;
        color: #999999;
    }

button#search-btn {
    background: none;
    min-height: 0px;
}

table.table.setting-table.table-striped td {
    font-size: 15px;
    border-top: 0px solid #f4f4f4;
    padding: 10px 8px;
}

.nav-tabs-custom-second .nav-tabs > li.active > a,
.nav-tabs-custom-second .nav-tabs > li.active > a:focus,
.nav-tabs-custom-second .nav-tabs > li.active > a:hover {
    background: none !important;
    border: 0 !important;
    border-bottom: 3px solid #c1272d !important;
    color: #000;
}

.table.table.setting-table.table-striped td {
    font-size: 15px;
    border-top: 0px solid #f4f4f4;
    padding: 10px 8px;
}

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

.navbar-custom-menu .navbar-bg-color {
    background-color: #f7f7f7;
}

.navbar-custom-menu a.dropdown-toggle {
    min-height: 60px;
}

.navbar-custom-menu .header:after {
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.user-header:after {
    bottom: 99.5%;
    right: 38px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #F5F5F5;
    border-width: 7px;
    margin-left: -7px;
}

.navbar-nav > .user-menu .user-image {
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: -14px;
}

.navbar-nav span.hidden-xs {
    float: left;
}

.filter-search-home {
    border: none;
    background: rgb(247, 246, 246);
    margin: 0 0 0 30px;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.15);
    min-width: 600px !important;
    background-position: 50% 20px;
    background-repeat: no-repeat;
    background-size: 33px;
    padding: 20px 20px;
    color: #666666;
}

ul.dropdown-menu.dropdown-men-5.filter-search-home.display-none {
    min-width: 420px !important;
}

.filter-search-home .fa-times:before {
    content: "\f00d";
    padding-left: 6px;
}

.filter-search-home .color-read .fa-filter:before {
    content: "\f0b0";
    padding-right: 5px;
}

.filter-search-home .color-read {
    color: #e74c3c;
    text-align: right;
}

    .filter-search-home .color-read a {
        color: #e74c3c;
        text-decoration: underline;
    }

        .filter-search-home .color-read a:hover {
            color: #666666;
            text-decoration: none;
        }

    .filter-search-home .color-read em a {
        text-decoration: none !important;
    }

        .filter-search-home .color-read em a:hover {
            text-decoration: underline;
        }

.filter-search-home .filters-heading {
    padding-bottom: 14px;
}

.filter-search-home .lead-h3 {
    margin: -5px 0 0 0;
}

.filter-search-home .lead-checkbox {
    margin-bottom: -10px;
}

.filter-criteria {
    float: left;
    background-color: #fff;
    padding: 8px 20px;
    margin-right: 15px;
    border-radius: 3px;
    font-size: 12px;
}

.filter-search-home:after {
    bottom: 100%;
    left: 5% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f7f6f6;
    border-width: 8px;
    margin-left: -10px;
}

.all-message {
    display: block;
}

.all-message-right-section .box {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

.all-message .box.box-solid.box-primary {
    border: 1px solid #e1e1e1;
    float: left;
}

    .all-message .box.box-solid.box-primary > .box-header {
        color: #fff;
        background-color: #346daa;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        margin-bottom: 7px;
    }

.all-message .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #e1e1e1;
}

.all-message .direct-chat-primary .right > .direct-chat-text {
    background: #f4f4f4;
    border-color: #e1e1e1;
    color: #000;
}

    .all-message .direct-chat-primary .right > .direct-chat-text:after,
    .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #e1e1e1;
    }

.box-header-top {
    float: left;
    width: 100%;
    background-color: #f4f4f4;
    padding: 10px 0;
    border: solid 1px #d7dae3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0 !important;
}

.all-message .panel-header {
    float: left;
    z-index: 1;
}

.all-message .direct-chat-messages {
    height: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
}

.direct-chat-main {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px 15px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
}

.box-header-top input.form-control {
    border-left: solid 1px #ccc !important;
}

button.btn.btn-defualt.dropdown-toggle {
    background: none;
    margin-left: 0px;
    padding-left: 0;
    text-transform: uppercase;
}

.all-message .panel-header .panel-header-left h1 {
    line-height: normal;
}

.all-message .direct-chat-main.direct-chat-top-margin {
    max-height: 800px;
    overflow-y: scroll;
}

.all-message-right-section .direct-chat-messages {
    height: inherit;
    overflow: inherit;
    padding-left: 0px;
    padding-right: 0px;
}

.all-message-right-section .box.box-solid.box-primary {
    border: 0px solid #3c8dbc;
    margin-bottom: 10px;
}

.all-message-right-section .input-group input.form-control {
    border: 0px !important;
    padding: 0;
    background: none;
    padding: 0 5px;
}

.all-message-right-section button#search-btn {
    padding: 0px;
}

.all-message-right-section .input-group {
    border-left: 0px !important;
    border-bottom: solid 1px #d2d6de;
    margin-bottom: 5px;
}

.attach-link a {
    padding: 0 13px 7px 13px;
    float: left;
}

    .attach-link a .fa {
        margin-right: 7px;
    }

.all-message-right-section h5 {
    margin-top: 0;
    border-top: solid 1px #d2d6de;
    margin-bottom: 15px;
    padding-top: 10px;
    text-align: center;
    font-style: italic;
    color: #777;
}

.all-message-right-section {
    background-color: #fff;
    padding: 5px 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
}

.all-notificatio-main .doc-close a {
    font-weight: 600;
    color: red;
    font-size: 18px;
    float: right;
    margin-right: 25%;
}

.box.box-solid.box-primary > .box-header {
    color: #fff;
    background-color: #346daa;
}

.all-message-right-section .direct-chat-text {
    background: #e1e1e1;
}

.direct-chat-primary .right > .direct-chat-text {
    background: #f4f4f4;
    border-color: #e1e1e1;
    color: #000;
}

    .all-message-right-section .direct-chat-primary .right > .direct-chat-text:after,
    .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #e1e1e1;
    }

.direct-chat-msg {
    margin-bottom: 16px;
}

.all-message-right-attach {
    width: 100%;
    float: left;
    border-radius: 3px;
    border: solid 1px #d2d6de;
    margin-top: 15px;
    background-color: #f4f4f4;
    margin-bottom: 15px;
}

    .all-message-right-attach .box.box-solid.box-primary {
        border: 0px solid #3c8dbc;
        margin-bottom: 10px;
    }

    .all-message-right-attach .input-group textarea.form-control {
        background: inherit;
        /*border: 0;*/
    }

    .all-message-right-attach .input-group {
        width: 100%;
    }

.all-message-right-section .direct-chat-msg {
    margin-bottom: 15px;
}

.all-msge-rght-sctn-srch-bar {
    background-color: #fff;
}

.all-msge-rght-sctn-overflow {
    height: 870px;
    overflow-y: scroll;
    width: 104%;
    background-color: #fff;
    padding-right: 12px;
}

.all-notificatio-main .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

    .all-notificatio-main .table > tbody > tr > td:first-child {
        padding-left: 75px !important;
    }

.all-notificatio-main .small,
small {
    font-size: 95%;
    color: #a9a9a9;
}

.notification-sub {
    border-radius: 5px;
    border: solid 2px #e3e3e3;
    padding: 0;
}

.all-notificatio-main td {
    padding-left: 60px;
}

.setting-table {
    margin-top: 15px;
}

.top-pagin {
    position: absolute;
    top: 14px;
    left: 45%;
    opacity: .6;
    transition: 0.3s;
}

.margin-left15 {
    margin-left: 15px !important;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    min-width: 50%;
    margin-bottom: 15px;
}

.modal-content a {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.icon-form input[type=checkbox],
input[type=radio] {
    margin: 4px 4px 0 0;
    margin: 4px 4px 0 0\0 !important;
    margin: 4px 4px 0 0\9 !important;
    margin: 4px 4px 0 0\10 !important;
}

.no-padding .fa {
    margin-right: 3px !important;
}

.comment-right-panel .panel {
    position: relative;
}

    .comment-right-panel .panel em {
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 11px;
        color: #666;
    }

    .comment-right-panel .panel h3 {
        font-weight: 700;
        font-size: 14px;
        border-bottom: none;
        padding: 0;
        margin: 0;
    }

    .comment-right-panel .panel img {
        margin-right: 15px;
    }

.comment-right-panel .panel {
    `position: relative;
}

.forum-panel-right .panel {
    background: none;
    box-shadow: initial;
    margin-bottom: 10px;
}

.forum-panel-right h3 {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.forum-panel-right h2 {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
}

.forum-panel-right span {
    font-size: 12px;
    color: #666;
    padding-bottom: 8px;
}

.forum-listing span a {
    margin-right: 10px;
}

.forum-listing h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 5px 0 0 0;
}

.forum-listing .panel {
    padding: 10px;
    margin-bottom: 0;
    border-radius: 0;
}

    .forum-listing .panel .img {
        padding-right: 15px !important;
        margin-top: 5px;
    }

.forum-listing span {
    padding: 5px 5px 0 0;
    color: #666;
    font-size: 12px;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

span.dropdown {
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 99;
    border-radius: 6px;
    right: -52px;
}

    .dropdown-content a {
        color: dodgerblue;
        padding: 4px 0px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content h4 {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
    }

    .dropdown-content img {
        padding-bottom: 30px;
    }

    .dropdown-content a:hover {
        color: black;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.text-left {
    text-align: left !important;
}

.textareafixwidth {
    width: 100% !important;
}

.forum-listing span a {
    margin-right: 10px;
}

.billing-right-min-hight {
    min-height: 700px;
}

div#graphical {
    margin-top: -15px !important;
    padding-top: 0px !important;
}

#chartContainer1 {
    position: absolute;
    top: 320px;
}

#chartContainer a.canvasjs-chart-credit {
    display: none;
}

#chartContainer1 a.canvasjs-chart-credit {
    display: none;
}

.tab-content {
    float: left;
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    background-color: #fff;
    padding: 15px 15px;
}

ul.dropdown-menu.records.records-invoice:after {
    bottom: 99.5%;
    left: 84% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f0f0f0;
    border-width: 7px;
    margin-left: -7px;
}

.billing-details-filter {
    right: 0 !important;
    width: 100%;
    min-width: initial;
    font-weight: 400;
    font-size: 13px;
    top: 88px;
    padding: 5px 10px;
}

ul.dropdown-menu.billing-details-filter.dropdown-men-4.invoice-detail-1.col-xs-12.filter-search-home.display-none:after {
    bottom: 100%;
    left: 50% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
    border-width: 8px;
}

.checkbox-billing input[type=checkbox] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -18px;
    margin-top: 5px;
}

.checkbox-billing label {
    margin-right: 5px;
}

.requierment-heading {
    font-size: 16px !important;
    color: black;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.requierment-company {
    font-size: 14px !important;
    font-style: italic;
}

.source-status .fon-wieght {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.requierment-genral {
    font-size: 15px !important;
    color: #333333 !important;
    padding-right: 0 !important;
}

.report-details {
    width: 95% !important;
}

.requierment-a {
    color: #337ab7 !important;
    transition: all .7s;
    text-decoration: underline !important;
}

.Billing-Details {
    background-color: #fff;
    border-radius: 3px;
    width: 100%;
    float: left;
    padding: 4px 15px;
}

.invoice-filter {
    margin-top: 10px;
    float: left;
    font-weight: 500;
}

.background-trans {
    background: transparent !important;
}

    .background-trans.btn .caret {
        margin-left: -10px;
    }

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

.sidebar-contact-one h4 {
    font-size: 15px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 100;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.tab-two h4 {
    font-size: 15px !important;
    font-style: normal;
    text-transform: uppercase !important;
    color: #666666 !important;
    border-bottom: solid 1px #c0c0c0;
    font-weight: 700 !important;
    padding-bottom: 8px;
}

#tab-viewpartner-2 .text-bold {
    font-weight: 500 !important;
    color: #000;
}

#tab-viewpartner-2 td,
th {
    padding: 2px 2px;
}

.overflow-sroll {
    height: 47px;
    overflow-y: hidden;
}

ul.nav.nav-tabs.setting-tab.overflow {
    float: inherit !important;
    width: 2000px;
}

ul.dropdown-menu.poup-filter-1 {
    left: inherit;
    right: 160px !important;
    min-width: initial;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 13px;
    top: 65px;
}

ul.nav.nav-tabs.setting-tab.overflow li {
    display: inline-block !important;
    float: inherit !important;
}

.poup-filter-1:after {
    bottom: 100%;
    left: 92% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgba(171, 171, 171, 0.31);
    border-width: 8px;
    margin-left: -10px;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.whitebg {
    background: #fff !important;
    display: block;
    margin: 0;
    border-radius: 5px;
}

.paddin-top-botton-15 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.panel {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.padding-0 {
    padding: 0 !important;
}

.padding-top-bottom {
    padding-bottom: 0px;
    padding-top: 0px;
}

.line-hieght-30 {
    line-height: 30px;
}

.background-modal label {
    font-weight: 500 !important;
}

.font-14 {
    font-size: 14px !important;
}

.background-modal label {
    font-weight: 500 !important;
}

.background-modal {
    background: #f0f0f0;
}

.lagpad-header {
    padding: 0 15px;
    background-color: #f1f3f5;
    border: solid 1px #ced0d4;
}

    .lagpad-header h4 {
        margin-top: 17px;
        margin-bottom: 10px;
    }

.panel .panel-heading-title {
    float: left;
    font-size: 15px;
    font-weight: 600;
    color: #666666;
    padding: 0 15px;
    line-height: 31px;
    margin-right: 10px;
}

.invoice-border.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 15px;
}

.margin-top-15 {
    margin-top: 15px !important;
}

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

address h4 {
    font-size: 16px;
}

.invoice-border {
    border: 2px solid #999999;
    font-size: 15px;
}

.invoice-col h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 600;
}

.text-green {
    color: forestgreen !important;
}

.invoice-tag {
    background: rgb(30, 115, 173);
    color: white;
}

    .invoice-tag h2 {
        margin-top: 10px;
        font-size: 20px;
    }

.text-invoice {
    color: rgb(30, 115, 173) !important;
}

.invoice-font-wieght {
    font-size: 16px;
    font-weight: 600;
}

.invoice-note {
    display: table-cell;
    vertical-align: middle;
}

.invoice-footer {
    border-top: 3px solid rgb(30, 115, 173);
    background: #c0e9fd;
}

.padding-top-bottom-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.tabbable-line .nav-tabs > li {
    margin-right: 15px;
}

    .tabbable-line .nav-tabs > li > a {
        border: 0 solid transparent;
        border-radius: 0 0 0 0;
        font-size: 18px;
        color: #2a2d33;
        font-weight: 600;
        padding: 0 0 5px 0 !important;
    }

    .tabbable-line .nav-tabs > li:last-child {
        margin-right: 0px;
    }

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 2px solid #222d32;
    position: relative;
}

    .tabbable-line > .nav-tabs > li.active > a {
        border: 0;
        color: #333333;
    }

.background-gr {
    background: #f0f0f0;
}

.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.margin-top-30 {
    margin-top: 30px;
}

.padding-top-0 {
    padding-top: 0px;
}

.progress-bar.position {
    margin-bottom: 0px;
}

.progress-bar div span {
    color: #000;
    padding-top: 65px;
    font-size: 15px;
    line-height: 28px !important;
    font-size: 15px !important;
}

.serach-parsing-orange {
    width: 10px;
    height: 10px;
    background-color: orange;
    margin: 7px 10px;
    position: relative;
    display: block;
    float: left;
}

.serach-parsing-gray {
    width: 10px;
    height: 10px;
    background-color: #cccccc;
    margin: 7px 10px;
    position: relative;
    display: block;
    float: left;
}

.report-filter .btn.btn-primary {
    margin-right: 12px;
}


ul.dropdown-menu.dropdown-men-6 {
    left: inherit;
    width: 100%;
    min-width: initial;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 13px;
    top: 32px;
    min-width: 800px !important;
}

.panel-heading-2 .dropdown-men-6:after {
    bottom: 99.5%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -7px;
    margin-top: 0px;
}

.filter-search-home1 {
    border: none;
    background: rgb(247, 246, 246);
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.15);
    min-width: 565px !important;
    background-position: 50% 20px;
    background-repeat: no-repeat;
    background-size: 33px;
    padding: 20px 20px;
    color: #666666;
}

.report-filter {
    padding: 10px 5px 0 5px;
}

    .report-filter .text-black {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .report-filter input[type=checkbox],
    input[type=radio] {
        margin-top: 3px !important;
        margin-bottom: 15px !important;
        line-height: normal;
    }

.panel-heading-2 .dropdown-menu input {
    margin-right: 5px !important;
    float: left;
}

.fa-bars:hover {
    cursor: pointer;
}

.fa-th:hover {
    cursor: pointer;
}

/*.panel-heading-2 .fa {
    padding-right: 6px;
}*/

.report-right-hide-main .background-trans {
    padding-left: 0px;
    padding-right: 0px;
}

.report-dropdown-menu {
    position: absolute;
    right: -18px !important;
    left: inherit !important;
}

.panel-heading-2 .btn-group > .btn + .dropdown-toggle {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: -10px;
    position: relative;
    z-index: 9;
}

.report-right-hide-main span {
    line-height: 25px !important;
}

.bgwhite {
    background-color: #f7f7f7;
    border: 1px solid;
    border: solid 1px #fff;
    margin-bottom: 0px;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 1px;
    margin-top: 8px;
}

.report-right-hide-main h4 {
    font-size: 16px;
    margin-top: 30px;
}

.report-right-hide-main {
    padding-top: 40px;
    padding-bottom: 20px;
}

.font-16 {
    font-size: 16px !important;
}

.margin-top-50 {
    margin-top: 60px;
}

.records-padding span.margin-top-10.pull-right {
    padding-right: 5px;
}

.candidate-main .profile-details i {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 13px;
}

button.btn.dropdown-toggle.background-white {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.report-view-header .btn-group > .btn:first-child {
    margin-left: 0;
    padding-right: 3px !important;
}

#tab-viewDetails-1 .text-blue span,
#tab-viewDetails-2 .text-blue span,
#tab-viewDetails-3 .text-blue span,
#tab-viewDetails-4 .text-blue span,
#tab-viewDetails-5 .text-blue span,
#tab-viewDetails-6 .text-blue span,
#tab-viewDetails-7 .text-blue span {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 14px;
}

.candidate-main-poup {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/arrowselect.png);
    background-position: 90% 60%;
    background-repeat: no-repeat;
    background-size: 13px;
    padding: 0px 5px;
    line-height: inherit;
    font-weight: 500;
    height: inherit;
    min-height: inherit;
    margin-top: 10px;
    min-width: 42px;
    color: #000;
}

.candidate-main .name-adition {
    color: #59986a;
    font-size: 15px;
    font-weight: 800;
}

.name_details input[type=checkbox],
input[type=radio] {
    margin: 10px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.candidate-main .font-18 {
    font-size: 15px !important;
}

.darktxtblack {
    font-weight: 600;
    color: #464646;
}

.candidate-main .name_details a:hover {
    color: #f3414f;
    text-decoration: underline;
}
/*commented ruby dharam please discuss*/
/*.candidate-main .name_details a { 
    color: #666666;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}*/

.candidate-main .title-footer {
    width: 100%;
    float: left;
    border-top: solid 1px #d6d9e2;
    text-align: center;
    font-style: italic;
    padding: 6px 0;
}

.screenig_name_details i.fa.fa-map-marker {
    padding-right: 0px !important;
    float: left;
    margin-bottom: 65px;
}

.candidate-main .name_details.rightline {
    min-height: 265px;
}

.candidate-main .name_details {
    display: block;
    padding-top: 10px;
    padding-bottom: 8px;
}

.rightline {
    border-right: solid 1px #ced0d4;
}

.view-record:after {
    border: solid rgba(136, 49, 49, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(150, 42, 42, 0);
    border-bottom-color: #f0f0f0;
    border-width: 10px;
    margin-left: -7px;
    right: 5px !important;
    bottom: 100% !important;
}

.poup-right-header {
    background: #ffffff;
    padding: 6px 10px !important;
    width: 100%;
    float: left;
    line-height: initial !important;
    border-radius: 3px;
    font-size: 15px !important;
    margin-bottom: 10px;
}

.btn.btn-orange {
    margin-top: 5px;
}

.report-view-poup-right h4 {
    font-size: 15px;
    color: #928d8d;
}

.report-view-table-main .text-bold {
    font-weight: 600;
}

.btn.btn-orange {
    background-color: #ff5f13;
    min-width: 110px;
    color: white;
}

.view-right-sub {
    padding-left: 0px;
    padding-right: 0px;
}

.modal-exlg .source_pagination {
    margin-top: -35px;
}

.padding-20 {
    padding: 20px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

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

.offerhistory.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0px solid #ddd !important;
    border-bottom-color: inherit !important;
}

.offerhistory.nav > li > a {
    border: 0px solid #ddd !important;
    border-bottom-color: inherit !important;
    padding: 0 0 5px 0;
}

.border-radius {
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px !important;
    background-color: #fff;
}

ul.offerhistory li.active {
    border-bottom: 4px solid #c1272d !important;
}

ul.nav.nav-tabs.add-lead-sm.offerhistory li {
    margin-right: 10px;
}

.background-white {
    background: #fff;
    padding: 10px 10px 10px 10px !important;
    display: inline-block;
    width: 100%;
}

.modal-exlg {
    width: 91%;
}

.reqtable .status-text-left {
    line-height: inherit !important;
}

.panel-body-padding {
    padding: 0 !important;
    color: #999999;
    height: 650px;
    overflow-y: scroll;
}

.btn-blue {
    min-width: 130px;
    background-color: rgba(48, 130, 190, 0.11) !important;
    border: 1px solid #72d2fb;
    border-radius: 3px !important;
    color: #006eb9;
    font-weight: 600;
    padding: 8px 22px;
    margin-left: 4px;
}

.profile-tab-main .label {
    padding: 0;
    font-size: 95%;
    font-weight: 700;
    line-height: 2;
    color: #666;
}

.job-category-main .tab-content {
    background: inherit !important;
    padding: 15px 0px;
}

.job-section-tab .nav-tabs.nav-justified {
    border-bottom: 1px solid #e9e9e9 !important;
}

.job-section-tab .job-section-sub .job-section-sub-one {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px 15px;
}

.modal-body-scroll {
    position: relative;
    padding: 15px;
    overflow-y: scroll !important;
    height: 300px;
    width: 100%;
}

.wrapper {
    min-height: 100%;
    position: static;
    overflow: hidden;
}

.job-category-main .poll-section label {
    font-size: 15px !important;
    color: #000;
}

.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
    min-height: 60px;
}

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

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

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

.main-header .logo {
    background-color: #fff !important;
    height: 60px;
    float: left;
    line-height: 4em;
    padding: 2px !important;
}

.login-header {
    display: inline-block;
    text-align: center;
}

    .login-header ul {
        display: table;
        margin: 0 auto;
    }

        .login-header ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            display: block;
            line-height: 60px;
            float: left;
        }

            .login-header ul li a {
                text-decoration: none;
                color: #000;
                padding: 21px 15px;
                font-weight: 400;
            }

                .login-header ul li a:hover {
                    background-color: #f7f7f7;
                    border-bottom: solid 2px #e52b31;
                    color: #c1282e;
                }

        .login-header ul .active {
            background-color: #f7f7f7;
            border-bottom: solid 2px #e52b31;
        }

.right-nav {
    padding: 0 10px 0 0;
    margin: 0px;
    float: right;
}

    .right-nav ul {
        padding: 0px;
        margin: 0px;
    }

        .right-nav ul li {
            margin: 0px;
            padding: 0;
            list-style: none;
            display: block;
            line-height: 60px;
            float: left;
            text-align: right;
            font-weight: 600;
        }

            .right-nav ul li a {
                color: #337ab7;
                text-decoration: none;
                font-weight: bold;
                padding: 0 5px 0 5px;
            }

                .right-nav ul li a:hover {
                    color: #c1282e;
                    text-decoration: underline;
                }

.banner img {
    width: 100%;
    height: 250px;
}

.cotainer-main {
    background-color: #f7f7f7;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/arrowselect.png);
    background-position: 97% 11px;
    background-repeat: no-repeat;
    background-size: 13px;
}

.search-section .input-group {
    width: 100%;
}

.search-inner {
    display: table;
    margin: 0 10%;
    width: 90%;
}

.search-section input {
    border-radius: 3px !important;
}

    .search-section input:focus {
        border: 1px solid #ccc !important;
    }

.search-section select {
    border-radius: 3px !important;
    border: 1px solid #ccc !important;
}

    .search-section select:focus {
        border: 1px solid #ccc !important;
    }

.search-section {
    display: block;
    background-color: #fff;
    border: solid 1px #cfd8dc;
    border-radius: 2px;
    padding: 10px 15px 25px 15px;
    margin-top: -80px;
    margin-bottom: 25px;
}

    .search-section .btn {
        font-size: 13px !important;
        min-width: 100px !important;
    }

    .search-section h2 {
        margin: 10px 0 5px 0;
        text-align: center;
        font-weight: 900;
        color: #c1282e;
    }

    .search-section h3 {
        margin: 0 0 20px 0;
        text-align: center;
        font-weight: normal;
        color: #000;
        font-size: 18px;
    }

.job-category-main {
    display: block;
}

    .job-category-main h5 {
        color: #004895;
        border-bottom: solid 1px #e9e9e9;
        padding-bottom: 10px;
        margin-bottom: 30px;
        font-weight: 700;
    }

        .job-category-main h5 a {
            color: #004895;
            border-bottom: solid 1px #e9e9e9;
            padding-bottom: 10px;
            margin-bottom: 30px;
            font-weight: 700;
        }

    .job-category-main .job-category {
        width: 100%;
        border: solid 1px #92aece;
        border-radius: 1px;
        padding: 10px 15px;
        background-color: #f8f9fb;
        float: left;
        min-height: 321px;
    }

        .job-category-main .job-category .btn {
            font-size: 13px !important;
            min-width: 100px !important;
            float: left;
        }

        .job-category-main .job-category p {
            color: #000;
            margin-bottom: 10px;
        }

            .job-category-main .job-category p span {
                color: #666666;
                font-weight: 300 !important;
            }

        .job-category-main .job-category .fa {
            min-width: 10px;
            margin-right: 5px;
            font-size: 18px;
        }

        .job-category-main .job-category sup {
            background-color: #e52b31;
            color: #fff;
            text-transform: uppercase;
            /*padding: 12px 17px;*/
            padding: 5px 12px;
            font-size: 12px;
            margin-top: -5px;
        }

        .job-category-main .job-category .time {
            background: none;
            color: #666666;
            text-transform: none;
            font-weight: 200;
            position: absolute;
            right: 30px;
        }

    .job-category-main .poll-section {
        width: 100%;
        border: solid 1px #92aece;
        border-radius: 1px;
        padding: 5px 15px 4px 15px;
        background-color: #f8f9fb;
        margin-bottom: 35px;
        min-height: 300px;
    }

    .job-category-main .poll-section-details {
        width: 100%;
        border: solid 1px #92aece;
        border-radius: 1px;
        padding: 11px 15px 0px 15px;
        background-color: #ffffff;
        min-height: 300px;
        margin-bottom: 35px;
    }

        .job-category-main .poll-section-details .progress {
            height: 13px !important;
            margin-bottom: 18px;
        }

        .job-category-main .poll-section-details p {
            margin: 0 0 5px;
        }

        .job-category-main .poll-section-details .p-margin-bottom {
            margin-bottom: 17px;
        }

        .job-category-main .poll-section-details .progress-bar {
            font-size: 11px;
            line-height: 13px;
            text-align: left;
            padding-left: 10px;
        }

.social-net-wrk img {
    margin: 0 10px 0 0 !important;
}

.job-category-main .advertisement {
    width: 100%;
    border: solid 1px #92aece;
    border-radius: 1px;
    padding: 0px;
    float: left;
}

    .job-category-main .advertisement img {
        width: 100%;
        min-height: 299px;
        max-height: 100%;
    }

.job-category-main .poll-section p {
    margin: 10px 0 20px 0;
}

.job-category-main .poll-section .checkbox,
.radio {
    margin-bottom: 24px;
}

.job-category-main .job-category h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 25px;
}

.job-category-main .job-category .p-full-width {
    width: 100%;
    float: left;
    height: 40px;
    overflow-y: auto;
}

.job-category-main .job-margin-bottom {
    margin-bottom: 35px;
}

.job-category-main .job-category h4 em {
    font-size: 14px;
}

.log-in-main {
    background-color: #eeeeee;
    border: solid 4px #cccccc;
    color: #333333;
}

.recruiter-sub-right .modal-body {
    overflow: hidden;
}

.log-in-main .modal-body {
    padding: 15px 15px 8px 15px;
    overflow: visible;
}

.log-in-main .model-additional-bg {
    background-color: #fff;
    margin-bottom: 20px;
}

h4.margin-bottom {
    margin-bottom: 20px;
}

.log-in-main .form-control {
    height: 45px;
}

.log-in-main h4 {
    font-size: 24px;
    font-weight: 400;
    border-bottom: 3px solid #337ab7;
    padding-bottom: 3px;
    float: left;
}

.log-in-main .modal-header .close {
    margin-top: -15px;
    margin-right: 0px;
}

.log-in-main .modal-header {
    float: left;
    width: 100%;
}

.log-in-main label {
    font-weight: 700;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 2px;
    float: left;
    width: 100%;
}

.log-in-main .modal-footer {
    padding: 15px 15px 15px 15px;
    border-top: none;
}

.log-in-main .modal-footer {
    text-align: left;
    font-weight: 700;
    margin-top: -2px;
}

    .log-in-main .modal-footer p {
        margin-top: -10px;
        padding-bottom: 10px;
    }

    .log-in-main .modal-footer .btn {
        min-width: 100px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .log-in-main .modal-footer a {
        color: #14509a;
        text-decoration: none;
    }

        .log-in-main .modal-footer a:hover {
            color: #c1282e;
            text-decoration: underline;
        }

    .log-in-main .modal-footer .pull-right {
        margin-top: -14px;
    }

.recruiter-img-bg {
    background: url(../img/login/backgrond-img.png);
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    background-position: top left;
    min-height: 100%;
    max-height: 100%;
}

.recruiter-sub-main {
    width: 100%;
    float: left;
    padding: 10% 0 10% 0;
}

    .recruiter-sub-main .recruiter-sub-left {
        display: block;
    }

        .recruiter-sub-main .recruiter-sub-left h2 {
            font-size: 32px;
            font-weight: 500;
        }

        .recruiter-sub-main .recruiter-sub-left p {
            color: #666666;
            line-height: 24px;
            font-size: 16px;
            padding-right: 40px;
            font-weight: 400;
            text-align: justify;
        }

        .recruiter-sub-main .recruiter-sub-left .p-recruiter-sub {
            margin-bottom: 30px;
        }

    .recruiter-sub-main .recruiter-sub-right {
        display: block;
    }

        .recruiter-sub-main .recruiter-sub-right .button-additional {
            margin-top: -10px !important;
        }

        .recruiter-sub-main .recruiter-sub-right .btn-button {
            margin-top: -20px;
        }

button.btn.btn-primary.btn-button.button-additional {
    margin-top: -20px !important;
}

.recruiter-sub-main .recruiter-sub-right .frgt-pswd-hieght {
    line-height: 40px;
}

.recruiter-sub-main .recruiter-sub-right .modal-header {
    padding: 10px 0 10px 15px;
    float: left;
    width: 100%;
}

.recruiter-sub-main .recruiter-sub-right .log-in-main {
    border: solid 3px #d1d0d0;
}

.recruiter-sub-main .recruiter-sub-right .modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}

.recruiter-sub-main .recruiter-sub-right .form-control {
    height: 40px;
}

.recruiter-sub-main-sub {
    padding: 2% 0;
}

.h2-padding-top {
    padding-top: 10%;
}

.seaech-job-category {
    display: block;
    padding-bottom: 25px;
}

    .seaech-job-category .col-one,
    .col-two,
    .col-three {
        background-color: #fff;
        padding: 0px;
    }

    .seaech-job-category ul {
        padding: 0px;
        margin-bottom: 0px;
    }

        .seaech-job-category ul li {
            padding: 15px;
            list-style: none;
            display: table;
            vertical-align: middle;
            width: 100%;
            border-bottom: solid 1px #eaeaea;
        }

            .seaech-job-category ul li:last-child {
                border-bottom: solid 0px #eaeaea;
            }

            .seaech-job-category ul li img {
                width: 100px;
                margin-right: 10px;
                border: solid 2px #eaeaea;
                border-radius: 3px;
            }

            .seaech-job-category ul li:hover {
                color: #c1282e !important;
                background-color: #eaeaea;
                cursor: pointer;
            }

    .seaech-job-category h5 {
        margin-bottom: 15px;
    }

        .seaech-job-category h5 span a {
            color: #c1282e;
            text-decoration: underline;
        }

            .seaech-job-category h5 span a:hover {
                color: #004895;
                text-decoration: none;
            }

.job-section-tab {
    display: block;
}

    .job-section-tab .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:hover {
        background: none;
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: solid 3px #c1282e !important;
        margin-bottom: 0px !important;
    }

    .job-section-tab .nav-tabs.nav-justified > li {
        width: auto;
    }

        .job-section-tab .nav-tabs.nav-justified > li > a {
            text-align: left;
            background: none;
            border-radius: 0px;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px;
            color: #337ab7;
            border-bottom: 0px;
        }

    .job-section-tab .justified-li {
        margin-left: 0px !important;
    }

    .job-section-tab .nav > li > a {
        padding: 10px 0px;
        margin-left: 15px;
        margin-right: 15px !important;
        font-size: 15px;
    }

    .job-section-tab .job-section-sub {
        margin-top: 20px;
        display: block;
        padding: 0px;
    }

        .job-section-tab .job-section-sub .job-section-sub-one h5 {
            color: #333333;
            border-bottom: solid 1px #e9e9e9;
            padding-bottom: 20px;
            margin-bottom: 25px;
            font-weight: 400;
            font-size: 16px;
        }

        .job-section-tab .job-section-sub .job-section-sub-one a {
            width: 100%;
            margin-bottom: 18px;
            float: left;
            color: #969696;
            font-size: 14px;
            font-weight: 200;
        }

            .job-section-tab .job-section-sub .job-section-sub-one a:hover {
                color: #c1282e;
                text-decoration: underline;
            }

        .job-section-tab .job-section-sub .text-color {
            color: #c54044 !important;
        }

        .job-section-tab .job-section-sub .job-section-sub-one .text-margin-top {
            margin-bottom: 18px;
            color: #c54044 !important;
        }

.new-job-open {
    background-color: #E52A31;
    position: absolute;
    margin-top: -14px;
    left: 0px;
    z-index: 1;
    padding: 3px 25px;
    color: #fff;
    margin-left: 25px;
}

.job-content-left {
    background-color: #FCFDFF;
    margin: 0px;
    padding: 0px 25px 20px 25px;
    height: auto;
}

.main-job-title ul {
    padding: 0px;
}

    .main-job-title ul li {
        display: inline-table;
        margin: 0px 10px 0px 0px;
    }

.job-content-left span {
    margin-right: 10px;
}

.job-content-left p {
    line-height: 22px;
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 18px;
}

.job-content-left .top-buffer {
    padding-top: 15px;
}

    .job-content-left .top-buffer span {
        font-weight: 200;
    }

        .job-content-left .top-buffer span i {
            padding-right: 5px;
        }

.job-content-left .more-details a {
    color: #013298;
    font-weight: 500;
    float: right;
    margin-top: -5px;
}

    .job-content-left .more-details a:hover {
        color: #e96151;
        text-decoration: underline;
    }

.job-content-left strong {
    color: #1d1d1f;
    padding-right: 5px;
}

.save-the-jobe {
    text-align: left;
    left: 0px;
    position: relative;
    padding: 18px 0px;
    color: #669A35;
    font-size: 17px;
    color: #337ab7;
    font-weight: 500;
}

    .save-the-jobe .fa {
        padding-right: 6px;
    }

    .save-the-jobe a {
        color: #337ab7;
    }

        .save-the-jobe a:hover {
            color: #e96151;
        }

.post-day {
    text-align: right;
    right: 0px;
    position: absolute;
    padding: 20px 15px;
    color: #99999B;
}

.all-job-title {
    padding: 15px 0 20px 0;
    margin: 0px 0px;
    text-align: left;
    border-top: solid 1px #7fb3e5;
    float: left;
    width: 100%;
}

.match {
    font-size: 10px;
    text-align: center;
    width: 100%;
    float: left;
    font-weight: 500;
    font-style: normal;
    color: #989898;
    line-height: 0px;
}

.job-applied {
    text-align: center;
    padding: 10px;
    margin: 5px 0px;
    color: #376DAD;
}

.apply-btn-div {
    text-align: left;
    padding-bottom: 20px;
}

    .apply-btn-div .btn-primary {
        min-width: 130px;
    }

.apply-btn,
.refer-candidate-btn {
    border: 1px solid #24A9E2 !important;
    background-color: #EAF7FD !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0px 0px 15px 0px;
    color: #376DAD !important;
    padding: 6px 30px;
}

.job-content-right {
    background-color: #F6FBFF;
    margin: 0px;
    height: 220px;
    border-left: 1px solid #7FB3E5;
    min-height: 200px;
}

    .job-content-right .posted-main {
        margin: -7px 0px 0px 0px;
        font-style: italic;
    }

        .job-content-right .posted-main .fa {
            padding-right: 5px;
        }

        .job-content-right .posted-main .posted-days {
            color: #669932;
            font-size: 16px;
            font-weight: 400;
        }

            .job-content-right .posted-main .posted-days .fa {
                padding-right: 5px;
                padding-left: 5px;
            }

        .job-content-right .posted-main .expires {
            color: #e96151;
            font-size: 16px;
            font-weight: 400;
        }

.text-right {
    text-align: right;
    display: inline-block;
    right: 0px;
    color: #03418A;
    font-weight: 600;
}

.btn-new-search {
    background-color: #FFFBFA !important;
    border: 1px solid #7B0002 !important;
    margin-right: 20px !important;
    font-weight: bold !important;
    color: #000;
    padding: 6px 30px !important;
}

    .btn-new-search:hover {
        color: #7B0002 !important;
    }

.btn-save-search:hover {
    color: #82CA9C !important;
}

.top-record-page {
    text-align: right;
    margin-top: 15px;
}

label.per-page-record {
    padding: 3px 20px;
    border: 1px solid #d7d7d7;
    margin-top: 5px;
    font-weight: 300;
}

.btn-save-search {
    background-color: #F0F9F4 !important;
    border: 1px solid #82CA9C !important;
    font-weight: bold !important;
    color: #000 !important;
    padding: 6px 30px !important;
}

.main-header-bottom {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.fluid-job-search {
    padding: 25px 15px;
    background-color: #fff;
}

    .fluid-job-search .show-result h4 {
        font-size: 18px;
        font-weight: 300;
    }

        .fluid-job-search .show-result h4 strong {
            font-weight: 400;
        }

    .fluid-job-search .text-right .btn-primary {
        margin-right: 15px;
        min-width: 115px;
    }

    .fluid-job-search .text-right .btn-default {
        background-color: #f5f5f5;
    }

        .fluid-job-search .text-right .btn-default:hover {
            background-color: #2e6da4;
            color: #fff;
        }

    .fluid-job-search .main-job-title h3 {
        font-weight: 400;
    }

        .fluid-job-search .main-job-title h3 em {
            font-weight: 200;
            font-size: 17px;
        }

    .fluid-job-search .main-job-title h3 {
        font-size: 21px;
    }

    .fluid-job-search .main-job-title .btn-default {
        width: 100px;
        border-radius: 1px;
        margin-top: -4px;
        padding: 5px 12px;
    }

.panel-left-search {
    display: block;
}

    .panel-left-search label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 10px !important;
        font-weight: 400;
        width: 100%;
    }

    .panel-left-search .h4 {
        font-size: 18px;
        font-weight: 400;
        text-transform: inherit;
        color: #000;
        border-bottom: 0px;
    }

    .panel-left-search .line-heigh {
        line-height: 33px;
    }

    .panel-left-search .more {
        text-align: center;
    }

    .panel-left-search .form-margin-top {
        margin-top: 0px;
    }

    .panel-left-search .saved-search {
        background-color: #F1FBFD;
        border-top: 1px solid #7FB3E5;
        padding: 8px 30px;
        white-space: nowrap;
        width: 100%;
        margin: 0px;
        font-weight: normal;
    }

    .panel-left-search h5 {
        font-weight: 300;
        font-size: 18px;
        color: #666666;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .panel-left-search .panel-group {
        margin-bottom: 15px;
    }

.saved-search:last-child {
    border-bottom: 1px solid #7FB3E5;
}

.panel-left-search .more a {
    color: #003497;
    text-decoration: none;
}

    .panel-left-search .more a:hover {
        color: #e96151;
        text-decoration: underline;
    }

.panel-left-search .panel-body {
    border: none !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.panel-left-search .panel {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
}

.panel-left-search .form-control {
    margin-bottom: 10px;
}

.panel-left-search input[type=checkbox],
input[type=radio] {
    margin: 4px 10px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    float: left;
}

.panel-left-search .panel-title {
    color: #666666;
    font-weight: 400;
    margin-bottom: 10px;
}

.panel-left-search a.accordions.in:before {
    font-family: FontAwesome;
    content: "\f0d7";
    display: inline-block;
    vertical-align: middle;
    float: left;
    background: #fff;
    margin-right: 10px;
}

.panel-left-search a.accordions.collapsed:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    vertical-align: middle;
    float: left;
    background: #fff;
    width: 10px;
    margin-left: -19px;
    padding-right: 3px;
}

.panel-left-search .panel-default > .panel-heading {
    background: none;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.panel-left-search .panel-default {
    border: none;
}

.file {
    position: relative;
    display: inline-block;
    height: 2.5rem;
    cursor: pointer;
    margin-bottom: 25px;
    width: 100%;
}

.addque-block .fa-file-text-o {
    color: #807e7e;
    border: solid 1px #dfdfdf;
    padding: 13px 15px;
    border-radius: 30px;
    float: left;
}

.pagination-view-document {
    margin-top: -35px;
}

.source-header-contact {
    position: relative;
    /*top: 61px;*/
    z-index: 0;
    padding: 0px;
    color: #666666;
}

.crated-modified {
    color: #949494;
    margin-top: -12px;
    margin-bottom: 10px;
}

    .crated-modified span {
        padding-left: 10px;
    }

.small,
small {
    font-size: 95%;
}

.job-content {
    margin: 12px 0px 10px 0px;
    padding: 0px;
    border: 1px solid #7FB3E5;
    border-radius: 2px;
    width: 100%;
}

.job-candidate-sub {
    padding-bottom: 40px;
}

    .job-candidate-sub .form-group-services {
        margin: 70px 0px 10px 0px;
        padding: 0px;
    }

    .job-candidate-sub .job-content-right {
        min-height: 200px;
    }

    .job-candidate-sub .job-content-left {
        padding: 0px 25px 16px 25px;
    }

        .job-candidate-sub .job-content-left span .fa {
            padding-right: 7px;
        }

    .job-candidate-sub .all-job-title {
        text-align: center;
        border-top: 0px;
        padding: 55px 0 20px 0;
    }

    .job-candidate-sub .open-crated-span {
        font-size: 20px;
        font-weight: 200;
        color: #6184b7;
    }

    .job-candidate-sub h4 {
        font-size: 18px;
        font-weight: 400;
        color: #343434;
    }

    .job-candidate-sub .circle-chart-div {
        display: inline-flex;
    }

    .job-candidate-sub .circle-chart-main {
        margin-bottom: 25px;
    }

    .job-candidate-sub .summary-post {
        margin: 0px;
        padding: 0;
        top: 5px;
        position: relative;
        text-align: center;
    }

        .job-candidate-sub .summary-post em {
            font-size: 13px;
            color: #656565;
        }

    .job-candidate-sub .apply-btn-div {
        text-align: center;
        padding-bottom: 20px;
    }

    .job-candidate-sub .circle-chart-div .circle-chart {
        margin: 10px 10px;
    }

    .job-candidate-sub .text-center {
        text-align: center !important;
    }

    .job-candidate-sub .job-decription-title {
        background-color: #F8F8F8;
        height: 50px;
        line-height: 50px;
        padding: 0px 15px;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        border: 1px solid #dddddd;
        padding: 0px 15px;
        border-radius: 2px;
    }

        .job-candidate-sub .job-decription-title .text-right {
            color: #004586 !important;
        }

        .job-candidate-sub .job-decription-title span {
            color: #333333;
            font-weight: 400;
        }

    .job-candidate-sub .job-decription-content {
        background-color: #F4F4F4;
        padding: 15px 150px;
        position: relative;
        border: 1px solid #dddddd;
        border-top: 0px !important;
    }

    .job-candidate-sub .btn-poston-fb {
        background-color: #283E67 !important;
        padding: 8px 50px !important;
        text-align: center !important;
        width: 100% !important;
        color: #fff !important;
        margin-bottom: 10px;
        border: 0px !important;
        border-radius: 0px !important;
        font-weight: 200;
        font-size: 15px;
    }

    .job-candidate-sub .btn-poston-twitter {
        background-color: #2EACF6 !important;
        padding: 8px 50px !important;
        text-align: center !important;
        width: 100% !important;
        color: #fff !important;
        margin-bottom: 10px;
        border: 0px !important;
        border-radius: 0px !important;
        font-weight: 200;
        font-size: 15px;
    }

    .job-candidate-sub .btn-poston-link {
        background-color: #2EACF6 !important;
        padding: 8px 50px !important;
        text-align: center !important;
        width: 100% !important;
        color: #fff !important;
        margin-bottom: 10px;
        border: 0px !important;
        border-radius: 0px !important;
        font-weight: 200;
        font-size: 15px;
    }

    .job-candidate-sub .similar-job-agoday {
        color: #7F7F7F;
        text-transform: italic !important;
        font-size: 14px;
        margin-top: 10px;
    }

        .job-candidate-sub .similar-job-agoday .small,
        small {
            font-size: 85% !important;
        }

    .job-candidate-sub .similar-job-applied {
        color: #7496C3;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 7px;
    }

.footer {
    background-color: #2a2d33;
    color: #fff;
    padding: 15px 15px 10px 15px;
}

    .footer h5 {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 15px;
    }

        .footer h5 a {
            color: #fff;
            text-decoration: none;
        }

    .footer .socl-ntwrk {
        float: right;
    }

    .footer h5 a:hover {
        color: #c1282e;
        text-decoration: underline;
    }

    .footer ul {
        display: block;
        margin: 0px;
        padding: 0px;
        font-size: 13px;
    }

        .footer ul li {
            display: block;
            margin: 0 0 7px 0;
            padding: 0px;
            list-style: none;
        }

            .footer ul li a {
                text-decoration: none;
                color: #fff;
                font-weight: 300;
            }

                .footer ul li a:hover {
                    text-decoration: underline;
                    color: #e52b31;
                }

    .footer .copy-right {
        color: #fff;
        text-align: center;
        clear: both;
        padding: 15px 0 5px 0;
        font-size: 13px;
        font-weight: 200;
    }

    .footer .dsk-top-vrsn {
        padding-left: 5%;
    }

.log-in-main .modal-footer .p-additional {
    margin-top: 0px;
    padding-bottom: 0px;
}

.logpadtop {
    background: #eee;
}

.padding-20 {
    padding: 20px !important;
}

.tab-content-main.joinig-tab .tab-content {
    width: 100% !important;
}

.joinig-tab h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
}

.tab-content label {
    font-weight: 500;
}

.source_pagination-35 {
    margin-top: -35px;
}

.tempstaffing-filter {
    min-width: 300px !important;
}

ul.dropdown-menu.tempstaffing-filter::after {
    left: 92% !important;
}

.dropdown-menu-Temng-srt {
    top: 28px;
    right: -10px;
    left: inherit !important;
}

    .dropdown-menu-Temng-srt:after {
        bottom: 100%;
        left: 93% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -10px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
        border-width: 8px;
    }

.dropdown-menu-Temng-blk {
    top: 28px !important;
    right: -10px !important;
    left: inherit !important;
}

    .dropdown-menu-Temng-blk:after {
        bottom: 100%;
        left: 93% !important;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        margin-left: -10px;
        border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
        border-width: 8px;
    }

.panel .panel-heading-title .btn {
    font-size: 15px;
}

.panel .panel-heading-title {
    float: right;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    padding: 0 15px;
    line-height: 31px;
}

.pie-chart-grp .position {
    margin: 0px;
}

.source-header-top-0 {
    top: 0px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    float: left;
}

.btn-procees-exam {
    padding: 12px 30px 12px 30px;
    background-color: #00558e;
    margin-left: 0px;
    border-radius: 5px !important;
    border: 1px solid #005086;
}


.text-justify {
    text-align: justify !important;
}


button.btn.btn-default.dropdown-toggle.btn-save-search.text-center.savesearch {
    margin: 13px;
    width: 132px;
}

.job-skr-cndt-dtls .tab-content {
    width: 100%;
}

.source_pagination-25 {
    margin-top: -25px;
}

.source_pagination-35 {
    margin-top: -35px;
}

.re-border {
    border: solid 1px #b7d2de;
    float: left;
    margin: 0 2%;
    background-color: #fcfdff;
}

.approved label {
    margin-left: 30px;
    color: #000;
}

.approved i {
    margin-right: 10px;
}

.table.calendar-popup td.light-blue {
    color: #3497DA !important;
}

.table.calendar-popup td.light-red {
    color: #EA4D3A !important;
}

.calendar-popup span.calendar-hh-mm {
    background-color: #fff;
    padding: 2px 8px;
    margin-top: 3px;
    font-weight: 500;
    font-size: 14px;
}

.calendar-popup span.calendar-hh-mm {
    background-color: #fff;
    padding: 2px 8px;
    margin-top: 3px;
    font-weight: 500;
    font-size: 14px;
}

.calendar-popup.table td {
    border-top: 0px solid #f4f4f4;
    font-size: 14px;
    vertical-align: inherit;
    padding-left: 10px !important;
    text-align: center;
}

.calendar-popup.table {
    background-color: #F3F3F3 !important;
}

.modal-footer.text-center .cln-btn-save {
    margin: 0px 0px 0px 0px;
}

.cln-btn-save {
    border: 1px solid #24A9E2 !important;
    background-color: #EAF7FD !important;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin: 55px 0px 15px 0px;
    color: #376DAD !important;
    padding: 6px 30px;
    border-radius: 3px !important;
}

.caln-day-div label {
    margin-left: 10px;
    font-weight: 500;
}

.holiday {
    width: 20px;
    height: 20px;
    background-color: #2DCC70;
    position: relative;
    display: inline-block;
}

.optional-holiday {
    width: 20px;
    height: 20px;
    background-color: #F39C11;
    position: relative;
    display: inline-block;
}

.full-day-off {
    width: 20px;
    height: 20px;
    background-color: #E84C3D;
    position: relative;
    display: inline-block;
}

.applied-leave {
    width: 20px;
    height: 20px;
    background-color: #34495E;
    position: relative;
    display: inline-block;
}

.caln-day-div {
    display: inline-flex;
    margin: 10px 20px;
    vertical-align: middle;
}

.cal-half-day {
    width: 20px;
    height: 20px;
    background-color: #3598DB;
    position: relative;
    display: inline-block;
}

.notapproved label {
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    color: #E84C3D !important;
    margin-left: 30px;
}

.notapproved i {
    margin-right: 10px;
}

.home_banner .input-group.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 0px;
    font-size: 14px;
    border: 0px;
    /*min-height: 46px;*/
    min-height: 35px;
}

div.modal-title {
    font-size: 20px;
    margin-top: 10px !important;
    margin-right: 20px;
    display: inline-flex;
}

    div.modal-title + span {
        font-size: 16px;
    }

.banner_search {
    padding-top: 100px;
}

.banner_search {
    padding-top: 225px;
}

.padding-top-65 {
    padding-top: 65px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.searchbox .input-group-addon {
    padding: 0 20px !important;
    border-radius: 0;
    border: 0;
}

.search_btn button {
    background: #003399 none repeat scroll 0 0;
    border: medium none;
    font-size: 14px;
    padding: 14px 25px;
    vertical-align: bottom;
}

.home_banner {
    background: rgba(0, 0, 0, 0) url(../img/homebg.jpg) no-repeat scroll center center / cover;
    color: #fff;
    height: 500px;
    margin: 30px 15px 15px 15px;
    text-align: center;
    vertical-align: middle;
}

.job-skr-cndt-dtls .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    padding: 0 5px !important;
}

.table select.form-control {
    margin-bottom: 0px;
}

.setup-content .skill-table.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 0px solid #f4f4f4;
    font-size: 14px;
    vertical-align: inherit;
    padding-left: 0px;
}

.border-bottom-back-n {
    border-bottom: none !important;
    background-color: transparent !important;
}

#control-sidebar-contact-details-tab table {
    margin: 0;
}

.setup-content th.border-bottom-back-n.font-14:first-child {
    padding-left: 0px !important;
}

a#tab_family_add_row {
    margin-top: -15px;
    padding-bottom: 0px;
}

.setup-content .text-blue {
    color: #00558e !important;
    margin-top: 0px !important;
    font-weight: 700;
    padding: 0;
}

.form-group.form-inline .radio {
    vertical-align: inherit;
    margin-left: 5px !important;
}

.add-btn {
    border: 1px solid #24A9E2 !important;
    background-color: #EAF7FD !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0px 0px 15px 0px;
    color: #24A9E2 !important;
}

.job-skr-cndt-dtls .padding-left-sm-0 h3 {
    margin-top: 0px;
}

.tab-pane-border h4 {
    margin-top: 0;
    margin-bottom: 20px;
}

.form-padding {
    padding: 0px !important;
}

.assent-employee-tab ul li a {
    padding: 15px 15px;
    border: 0px;
    margin: 0px;
    font-weight: 600;
}

.assent-employee-tab .nav-pills > li.active {
    background-color: transparent !important;
    color: #000 !important;
    border-bottom: 3px solid #AC1133;
}

    .assent-employee-tab .nav-pills > li.active > a {
        background-color: transparent !important;
        color: #000;
        /*font-weight: 300;*/
        border: initial;
    }

.assent-tab {
    padding: 0px !important;
}

.assent-employee-tab ul {
    margin-top: -25px;
    background-color: #F7F7F7 !important;
    padding: 0px 0px !important;
}

.tab-pane-border .fa {
    display: inline !important;
    color: #969696;
    margin: 0 7px;
}

h3.title,
h4.title {
    margin: 0 0 15px 0 !important;
}

.stepwizard {
    display: table;
    position: relative;
    margin-top: 1px;
    padding-left: 0px;
}

.tab-pane-border {
    border-left: 1px solid #e3e3e3 !important;
    padding-left: 20px;
}

.job-skr-cndt-dtls .tab-content input.form-control {
    margin-top: 5px;
}

.stepwizard-step {
    display: block;
    position: relative;
}

.btn-circle {
    min-width: 0 !important;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.stepwizard-step p {
    margin-top: 10px;
    display: inline-block;
    padding-left: 10px;
}

.stepwizard-row {
    display: table-row;
}

    .stepwizard-row:before {
        left: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        height: 85%;
        background-color: #ccc;
        z-order: 0;
        top: 20px;
    }

.btn-active {
    background-color: #ab1133 !important;
    color: white !important;
    border: none !important;
}

.btn-circle {
    min-width: 0 !important;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

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

.form-inline.text-right input[type="checkbox"] {
    margin-left: 8px !important;
}

.form-inline.text-right {
    padding-top: 10px;
}

.job-content .working-days {
    margin-top: 20px;
}

.content-margin {
    margin: 0px;
}

.content-padding {
    padding: 0px;
}

.header-row-bg {
    background-color: #F6FBFF;
    margin: 0px;
    padding: 5px 10px;
    vertical-align: middle;
}

.job-content .working-days i {
    margin-right: 10px;
}

.header-row-bg .text-right i {
    margin-right: 10px;
    margin-top: 5px;
}

.form-inline.text-right label {
    color: #333333;
    font-weight: 400;
}

.mycheckbox {
    margin: 5px 5px 0px !important;
}

.title {
    margin: 10px 0 15px 0;
    padding: 0;
}

h3 {
    font-size: 21px;
}

.mycheckboxdiv {
    text-align: right !important;
    color: #003396;
}

.form-group.text-right span {
    color: #7a7a7a;
    font-weight: 400;
}

label.per-page-record {
    padding: 3px 20px;
    border: 1px solid #d7d7d7;
    margin-top: 5px;
    color: #000;
    font-weight: 300;
    margin-left: 5px;
}

.addnew {
    margin-left: 18px !important;
}

.btn-new-search {
    background-color: #FFFBFA !important;
    border: 1px solid rgba(123, 0, 2, 0.5) !important;
    margin-right: 20px !important;
    font-weight: bold !important;
    color: #666;
    padding: 6px 30px !important;
    border-radius: 3px !important;
}

.circle-chart-div .circle-chart {
    margin: 10px 10px;
}

.circle-chart-div .summary-post {
    padding: 0px;
    bottom: 0;
    position: absolute;
    text-align: center;
    left: 0;
    font-weight: 600;
    top: 105px;
    font-size: 13px;
}

.summary-post {
    margin: 0px;
    padding: 0px;
    bottom: 0;
    position: absolute;
    text-align: center;
    left: 0;
    font-weight: 600;
}

.btn-poston-fb {
    background-color: #283E67 !important;
    padding: 8px 50px !important;
    text-align: center !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 10px;
    border: 0px !important;
    border-radius: 0px !important;
}

    .btn-poston-fb:hover {
        background-color: rgba(40, 42, 103, 0.69) !important;
    }

.btn-poston-twitter {
    background-color: #2EACF6 !important;
    padding: 8px 50px !important;
    text-align: center !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 10px;
    border: 0px !important;
    border-radius: 0px !important;
}

    .btn-poston-twitter:hover {
        background-color: rgba(46, 172, 246, 0.62) !important;
    }

.btn-poston-link:hover {
    background-color: rgba(46, 172, 246, 0.62) !important;
}

.btn-poston-link {
    background-color: #2EACF6 !important;
    padding: 8px 50px !important;
    text-align: center !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 10px;
    border: 0px !important;
    border-radius: 0px !important;
}

.job-decription-content {
    background-color: #F4F4F4;
    padding: 15px 150px;
    position: relative;
    border: solid 1px #e1e1e1;
}

.text-right a {
    color: #03418A !important;
    font-size: 15px;
    font-weight: 500;
}

    .text-right a:hover {
        color: #2EACF6 !important;
    }

.job-decription-title {
    background-color: #F8F8F8;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 0px #e1e1e1;
    border-top: solid 1px #E1E1E4;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    padding: 0px 15px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.job-decription-content {
    background-color: #F4F4F4;
    padding: 15px 150px;
    position: relative;
}

.job-decription-title {
    background-color: #F8F8F8;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 0px #e1e1e1;
    padding: 0px 15px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.open-crated-span {
    font-size: 20px;
    padding-top: 0px;
    margin-top: 0px;
    color: #376DAD !important;
}

.min-hight-176 {
    min-height: 164px;
}

.min-hight-auto {
    min-height: auto;
}

.crated-modified {
    color: #949494;
    margin-bottom: 10px;
    margin-top: 5px;
}

.job-skr-srch .min-height-275 {
    min-height: 315px !important;
}

.job-content-right.right-viewsheet {
    min-height: inherit;
}

.job-content-left .fa {
    color: #949494;
}

.min-height-275 .fa {
    margin-right: 5px;
}

.referals i.fa.fa-university {
    margin-right: 3px;
}

.referals-map-marker i.fa.fa-map-marker {
    margin-bottom: 80px;
    float: left;
    margin-right: 10px;
}

.padding-margin-shortlisted {
    padding: 6px 60px 6px 60px !important;
    margin-top: 15px !important;
    font-weight: bold !important;
}

.body-content span.perc {
    line-height: 85px !important;
}

.job-skr-srch .job-content-left {
    background-color: #FCFDFF;
    margin: 0px;
    padding: 0px 25px 0px 25px;
    height: auto;
}

.job-content-right .btn.btn-default {
    background-color: #fafafa;
    min-width: 100px;
    border: solid 1px #CACACA;
    color: #666;
    margin: 0px 0px 15px 5px;
    padding: 6px 12px;
}

.job-open {
    text-align: center !important;
    padding: 10px !important;
    margin: 5px 0px !important;
    color: #669A35 !important;
    text-transform: uppercase;
}

.all-job-title {
    text-align: center;
    padding: 13px;
    margin: 65px 0px;
}

.text-green {
    color: forestgreen !important;
}

.exTab1 .nav-pills > li > a {
    border-radius: 0;
    font-weight: 400 !important;
    position: relative;
    display: block;
    padding: 12px 25px;
    border: 0px;
    color: #000;
    text-transform: uppercase !important;
}

.exTab1 .nav-pills > li > a {
    border-radius: 0;
    font-weight: 400 !important;
    position: relative;
    display: block;
    padding: 12px 25px;
    border: 0px;
    color: #000;
    text-transform: uppercase !important;
}

.pegby span {
    line-height: 32px;
}

.pegby .form-control {
    width: 50px !important;
    float: right;
    background-position: 80% 11px;
}

.exTab1 .nav-pills > li {
    margin: 0px 10px 5px 0px;
}

.exTab1 ul {
    margin-top: 10px;
}

.nav-pills > li {
    float: left;
}

.exTab1 .nav-pills > li.active a {
    background-color: #f0f0f0 !important;
    color: #000;
}

.pegby {
    position: absolute;
    right: 15px;
    top: -44px;
    width: 172px;
}

.show-result h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.panel-left .btn.btn-default {
    min-width: 110px;
    margin-right: 3px;
}

.saved-search {
    background-color: #F1FBFD;
    border-top: 1px solid #7FB3E5;
    padding: 8px 30px;
    white-space: nowrap;
    width: 100%;
    margin: 0px;
    font-weight: normal;
}

.match {
    font-size: 13px;
}

.circle-chart span.match {
    margin-top: -36px;
}

.refine-search span.perc {
    line-height: 85px !important;
}

.left-side-status {
    margin: 50px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
}

.left-side-status {
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0px;
}

.refine-search .job-content-right {
    min-height: 370px;
}

.form-margin-top {
    margin-top: 30px;
}

.form-label {
    margin-bottom: 5px;
    font-weight: normal;
}

.recrdbypage {
    width: 40px !important;
    float: right !important;
    margin-left: 10px !important;
}

.refine-search .top-record-page select.form-control {
    background-position: 80% 11px;
}

.refine-search .top-record-page span {
    line-height: 32px;
}

.refine-search .top-record-page {
    text-align: right;
    margin-top: 10px;
}

.main-header .logo img {
    padding-top: 2px;
}

.job-content-right .all-job-title {
    text-align: center;
    padding: 13px;
    margin: 0px;
    border-top: 0px !important;
}

.apply-btn-div {
    text-align: center;
}

.job-content-left span i {
    margin: 5px;
    padding: 0px;
    color: #666666;
    font-weight: 500;
}

.more-details {
    color: #013298;
    font-weight: bold;
}

.save-the-jobe {
    text-align: left;
    left: 0px;
    position: relative;
    padding: 18px 0px;
    color: #669A35;
    font-size: 18px;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.job-bdy-bg {
    background-color: #e5e9ec;
}

.refine-search {
    background: #fff;
    padding: 25px 15px 15px 15px;
}

.body-content {
    background-color: #fff;
    width: auto;
    height: auto;
    margin: 80px 20px 20px 20px;
}

.panel-right .candidate-right-section {
    padding: 20px 20px 0 20px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.right-content .label {
    padding: 0;
    font-size: 95%;
    font-weight: 700;
    line-height: 2;
    color: #666;
}

.right-content {
    padding-top: 15px;
    margin-top: 15px;
    background: #fff;
}

.timeline-main .badge-defalt-text {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0px;
    float: left;
    text-align: left;
}

.profile-tab-main .profile-content .sub-tab {
    width: 160px;
    height: 160px;
    border: solid 9px #3ecc71;
    border-radius: 150px;
    text-align: center;
    float: left;
}

    .profile-tab-main .profile-content .sub-tab h5 {
        /*font-size: 30px;*/
        font-size: 20px;
        color: #666666;
        font-weight: 700;
        width: 74%;
        margin: 32px auto;
        line-height: 21px;
    }

        .profile-tab-main .profile-content .sub-tab h5 span {
            font-weight: 200;
            font-size: 14px;
            display: inline-block;
        }


.candidate-right-section hr {
    padding: 0px;
    margin: 25px 0px;
}

.text-success {
    color: #3c763d;
}

.candidate-right-section .recent-activity ul li {
    list-style: none;
    display: block;
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 15px;
}

.candidate-right-section h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

.panel-right {
    padding-top: 20px !important;
}

.view-profile-button {
    margin-top: 10%;
    margin-right: 10px;
}

.border-dotted {
    border: 1px dotted !important;
}

.text-white {
    color: white !important;
}

.btn-circle.btn-lg {
    width: 130px;
    height: 130px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 50em !important;
    margin-top: 23px;
}

.btn.btn-circle {
    opacity: 1 !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.navbar-custom-menu .footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 12px !important;
    background-color: #fff !important;
    padding: 7px 10px !important;
    color: #444 !important;
    text-align: center !important;
    border-top: solid 1px #f4f4f4 !important;
    border-bottom: solid 0px #f4f4f4 !important;
}

    .navbar-custom-menu .footer a {
        border-bottom: solid 0px #f4f4f4 !important;
        padding: 0px 10px !important;
    }

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
}

.job-seeker-custom-menu li.user-header {
    background-color: #F5F5F5 !important;
}

.job-seeker-custom-menu .nav > li > a > .label {
    position: absolute;
    top: 10px;
    right: 5px;
    text-align: center;
    font-size: 8px;
    width: 18px;
    border-radius: 41px;
    height: 18px;
    line-height: 18px;
    padding: 0;
}

.job-seeker-hdr-mnh {
    background-color: #fff;
}

.job-seeker-custom-menu .nav > li > a {
    position: relative;
    display: block;
    padding: 20px 15px;
}

.job-seeker-hdr-mnh .logo img {
    vertical-align: baseline;
}

.job-seeker-custom-menu .navbar-nav > .user-menu .user-image {
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: -14px;
}

.job-seeker-bg-clr {
    background-color: #e5e9ec;
}

.seeker-summary {
    background: #346DAA;
    margin-top: 60px;
    padding: 55px 15px;
}

.line-solid:after {
    content: '';
    position: absolute;
    right: 0;
    border-right: 1px solid #ebebeb;
    top: 5%;
    bottom: 5%;
}

#CompletenessChart {
    margin-top: 0;
    width: 170px;
    padding: 20px 30px;
}

    #CompletenessChart span.perc {
        width: 108px !important;
        height: 108px !important;
        font-size: 30px !important;
        font-weight: bold !important;
        color: #fff !important;
    }

#ShortListRatioChart .cir {
    width: 110px !important;
    height: 110px !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #346daa !important;
}

#CompletenessChart .ab {
    width: 130px !important;
    height: 130px !important;
    background-color: rgb(239, 239, 239);
    background-image: linear-gradient(396deg, transparent 50%, rgb(231, 90, 36) 50%), linear-gradient(90deg, rgb(231, 90, 36) 50%, transparent 50%);
}

.text-expired {
    color: #af23a4 !important;
}

#ShortListRatioChart .cir {
    width: 110px !important;
    height: 110px !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #346daa !important;
}

#ShortListRatioChart .ab {
    width: 130px !important;
    height: 130px !important;
    background-color: rgb(239, 239, 239);
    background-image: linear-gradient(396deg, transparent 50%, rgb(231, 90, 36) 50%), linear-gradient(90deg, rgb(231, 90, 36) 50%, transparent 50%);
}

#CompletenessChart .cir {
    width: 110px !important;
    height: 110px !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #346daa !important;
}

#ShortListRatioChart span.perc {
    width: 108px !important;
    height: 108px !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: #fff !important;
}

#ShortListRatioChart {
    margin-top: 0;
    width: 170px;
    padding: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-m10 {
    margin-bottom: -10px !important;
}

.irs-bar,
.irs-bar-edge,
.irs-line {
    height: 1px !important;
    top: 38px !important;
}

.irs .irs-min,
.irs .irs-max,
.irs .irs-single {
    display: none;
}

.irs-slider {
    background: none repeat scroll 0 0 #428BCA !important;
}

.padding-bottom-top-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.job-seeker-bg-wght {
    background: #fff;
    padding: 10px 10px 10px 10px !important;
    display: inline-block;
}

.height-400 {
    min-height: 400px !important;
}

.background-trans h3 {
    margin: 0;
    padding: 0;
}

.text-center {
    text-align: center !important;
}

.setup-content .table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
    padding: 10px !important;
}

.span-date {
    padding: 12px 30px 12px 30px;
    background-color: #e5e9ec;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
}

.border-bottom {
    border-bottom: 1px solid #ebebeb !important;
}

.text-bold {
    font-weight: bold;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.profile_view_circle {
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
}

.font-16 {
    font-size: 15px !important;
}

.btn-circle.btn-xl {
    width: 150px;
    height: 150px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 100px;
}

.logo-mini img {
    vertical-align: baseline;
}

.logo-lg img {
    vertical-align: baseline;
}

.panel-body-border.job-box.job-box-top ol.carousel-indicators {
    bottom: -2px;
}

.panel-body-border.job-box.job-box-top .thumbnail {
    margin-bottom: 0px !important;
    border-radius: 0px;
}

.refer-jobs-sub-main {
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.adjust1 label {
    font-weight: 500;
    margin-left: 5px;
}

.vertical-hieght {
    line-height: 140px;
}

ol.carousel-indicators {
    bottom: 16px;
}

.latest-job-carousel-main {
    margin-top: 15px;
}

.carousel-indicators .active {
    background: #31708f;
}

.carousel-indicators li {
    border: 1px solid #ccc;
}

.carousel-left-content {
    min-height: 268px;
}

a.right.carousel-control {
    background-color: #939090;
    margin: 15% 0;
    padding: 30px 11px;
    color: #fff;
}

.carousel-control > .fa {
    font-size: 40px;
    position: absolute;
    top: 35%;
    left: 15%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px;
}

.carousel-control {
    color: #31708f;
    width: 1%;
    text-align: justify;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

a.left.carousel-control {
    background-color: #939090;
    margin: 15% 0;
    padding: 30px 11px;
    color: #fff;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.job-content button.btn.btn-primary {
    margin-left: 14px;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 10px;
}

.fa-icons .fa {
    min-width: 25px;
    float: left;
    margin-top: 3px;
    margin-bottom: 5px;
}

.job-content .fa-briefcase {
    padding: 0px 3px 0px 0px !important;
}

.font-18 {
    font-size: 18px !important;
}

.skill-table.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 0px solid #f4f4f4;
    font-size: 14px;
    vertical-align: inherit;
}

.dash-bord-sub-bg {
    background-color: #fff;
    border: solid 2px #dbdbdb;
    margin-bottom: 30px;
    min-height: 342px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.dash-sub-bg-header {
    background-color: #dbdbdb !important;
    float: left;
    width: 100%;
}

.carousel-inner .thumbnail {
    display: inline-block;
}

.padding-10 {
    padding: 10px;
}

.dash-bord-bg {
    background: #dbdbdb;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.addque-block-padding {
    padding: 10px 0px 10px 0px !important;
}

.line-height-34 {
    line-height: 34px;
}

.file-custom-1-1::before {
    position: absolute;
    left: -.075rem;
    z-index: 6;
    display: block;
    padding: 0.24rem 2rem;
    line-height: 1.5;
    margin: 2px 2px;
    color: #000 !important;
    content: "Choose file";
    background-color: #ededed;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-weight: 500;
}

.file-custom-1-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 3.5rem;
    line-height: 2.0;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}

ul.nav-wizard {
    background-color: #a9a9a9;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

    ul.nav-wizard:before {
        position: absolute;
    }

    ul.nav-wizard:after {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 138px;
        height: 47px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }

    ul.nav-wizard li {
        position: relative;
        float: left;
        height: 46px;
        display: inline-block;
        text-align: center;
        padding: 0px 2px 0 31px;
        margin: 0;
        font-size: 13px;
        line-height: 46px;
        background-color: #a9a9a9;
    }

        ul.nav-wizard li a {
            color: white;
            font-weight: 600;
            padding: 0;
            transition: none !important;
            font-size: 14px;
            padding: 0px !important;
        }

            ul.nav-wizard li a:hover {
                background-color: transparent;
            }

        ul.nav-wizard li:before {
            position: absolute;
            display: block;
            border: 24px solid transparent;
            border-left: 16px solid #d4d4d4;
            border-right: 0;
            top: -1px;
            z-index: 10;
            content: '';
            right: -16px;
        }

.tab-content .btn.btn-default {
    margin-right: 10px;
}

ul.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #a9a9a9;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -15px;
}

ul.nav-wizard li.active {
    color: white;
    background: #c52626;
}

    ul.nav-wizard li.active:after {
        border-left: 16px solid #c52626;
    }

    ul.nav-wizard li.active a,
    ul.nav-wizard li.active a:active,
    ul.nav-wizard li.active a:visited,
    ul.nav-wizard li.active a:focus {
        color: white;
        background: #c52626;
    }

label.font-weight {
    font-weight: 600;
}

.file-custom1::before {
    position: absolute;
    right: -.075rem;
    z-index: 6;
    display: block;
    padding: 0.24rem 2rem;
    line-height: 1.5;
    margin: 2px 2px;
    color: #000 !important;
    content: var(--CustomBrowse);
    background-color: #ededed;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-weight: 500;
}

.file-custom1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 3.5rem;
    line-height: 2.0;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}

.file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.records-arrow:after {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #e9e9e9;
    border-width: 7px;
    margin-left: -7px;
}

ul.dropdown-menu.records.records-arrow {
    top: 115%;
    right: 0;
}

button.btn.dropdown-toggle.background-white.padding-0 {
    border: solid 1px #ccc;
    padding: 7px !important;
    min-height: inherit;
    height: initial;
}

.name_details-lst .background-white {
    border: 1px solid #dbdbdb;
    border-color: #dbdbdb;
    padding: 2px 15px !important;
    border-radius: 3px;
    margin-bottom: 15px;
}

    .name_details-lst .background-white label {
        font-weight: 700;
        margin: 3px 0;
        color: #666666;
        font-weight: 600;
    }

.name_details.rightline.sm-border-none {
    min-height: 265px;
}

.job-exp {
    background-color: #dd4b39;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

button.btn.btn-primary.pull-left {
    border-radius: inherit !important;
    font-weight: 600;
    font-size: 15px;
    min-width: 70px;
    padding: 3px 0;
}

.refer-jobs-datails h4 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.refer-jobs-sub-main .refer-jobs-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid;
    border-color: #d5e1ec;
    background-color: #f2f3f7;
}

    .refer-jobs-sub-main .refer-jobs-header h4 {
        border-bottom: solid 1px rgba(183, 183, 183, 0.2);
        padding-bottom: 10px;
        margin-bottom: 12px;
    }

.h4-border-none {
    border: none !important;
    margin-bottom: 0px !important;
    margin-top: 15px;
    padding-bottom: 15px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.profile-tab-main button.btn.btn-primary.pull-right {
    margin-bottom: 10px;
}

.job-content .small,
small {
    font-size: 85%;
    color: #666666;
}

.latest-job-right {
    font-weight: 400;
    font-size: 15px;
    color: #333;
}

    .latest-job-right b {
        font-weight: 600;
    }

.margin-top-minus-30 {
    margin-top: -10px;
    margin-bottom: 20px;
}

.color-green {
    color: rgb(62, 204, 113) !important;
}

.text-black {
    color: #3f3f4e !important;
}

a.btn.btn-green {
    color: #fff !important;
}

.stepwizard-row-h a {
    background-color: #e3e3e3 !important;
}

.stepwizard-step-h p {
    margin-top: 10px;
}

.stepwizard-row-h {
    display: table-row;
}

    .stepwizard-row-h a {
        background-color: #e3e3e3;
    }

.stepwizard-h {
    display: table;
    width: 84%;
    position: relative;
    margin: 0px auto;
}

.stepwizard-step-h button {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

    .stepwizard-step-h button:after {
        color: #fff;
        background-color: #3071a9;
        border-color: #285e8e;
    }

.stepwizard-row-h:before {
    top: 15px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 92%;
    height: 5px;
    background-color: #ccc;
    z-order: 0;
    left: 4%;
}

.stepwizard-step-h {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle-h {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn.btn-green {
    background-color: #00a65a !important;
    border-color: #00a65a;
    min-width: 110px;
    color: white;
}

.btn.btn-default {
    /*color: #333 !important;*/
    /*font-weight: bolder;
    border: none;*/
}

.background-white-sub {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0;
}

.home_banner .progress {
    height: 34px !important;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0 !important;
}

.progress-bar-success {
    height: 100%;
    padding-top: 7px;
}

.stepwizard-job-skr-bg-clr {
    padding: 15px 5px;
    margin-bottom: 15px;
}

.btn-procees-exam {
    padding: 12px 30px 12px 30px;
    background-color: #00558e;
    margin-left: 0px;
    border-radius: 5px !important;
    border: 1px solid #005086;
}

    .btn-procees-exam:hover {
        color: #fff;
    }

.div-center2 {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 8%;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.margin-left-150 {
    margin-left: 150px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-180 {
    margin-left: 180px !important;
}

.take-exame-login .btn-procees-exam {
    padding: 12px 30px 12px 30px;
    background-color: #00558e;
    margin-left: 0px;
    border-radius: 5px !important;
    border: 1px solid #005086;
}

.home_banner {
    background: rgba(0, 0, 0, 0) url(../img/homebg.jpg) no-repeat scroll center center / cover;
    color: #fff;
    height: 700px;
    text-align: center;
    vertical-align: middle;
}

.take-exame-login .form-control {
    border-radius: 0px;
}

.take-exame-login button.btn.btn-large:hover {
    color: #fff;
}

.font-16 {
    font-size: 14px !important;
}

.text-verticle-middle-center span {
    padding-right: 19%;
}

.take-exame-login .div-center {
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.padding-top-20 {
    padding-top: 20px !important;
    text-align: center;
}

.img-height-150 {
    height: 150px !important;
}

.div-center {
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.min-hight-237 {
    min-height: 237px;
}

.job-content sup {
    background-color: #e52b31;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    padding: 12px 17px;
    font-size: 14px;
    margin-top: -5px;
    z-index: 9999;
    font-weight: 800;
    left: 0;
}

.div-center .input-group-addon {
    border: 0px !important;
    border-radius: 0px !important;
}

.div-center button.btn.btn-primary.btn-large.btn-flat {
    padding: 10px;
}

.nav-wizard sup {
    font-size: 12px;
    color: #fff;
}

.addque-block .table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding-left: 7px;
}

.profile-tab-sub .tab-content {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    background-color: #fff;
    padding: 15px 0;
}

.requirment-view .candidate-main .rating span {
    padding-top: 8px;
    font-size: 12px;
}

.candidate-main .profile-details p {
    float: left;
}

.requirment-file-custom {
    padding-top: 0px;
}

.side-tab.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: #ddd !important;
}

.wrk-allocation label {
    color: #464646 !important;
    font-weight: 500;
}

.send-sms .form-control {
    margin-bottom: 15px;
}

.requirment-candidat-main .name_details .interview {
    background-color: #f2f3f6 !important;
    width: 80% !important;
    padding: 5px 0 0px 15px !important;
    float: left;
    border-radius: 4px;
    margin-bottom: 20px;
}

.requirment-pnl-hdg .dropdown-menu:after {
    left: 62%;
}

.requirment-pnl-hdg .records:after {
    bottom: 99.5%;
    left: 91% !important;
}

.requirment-emplyee .poup-right-header {
    background: #eee;
}

.requirment-emplyee .profile-details {
    min-height: 265px;
}

.requirment-file-custom .file-custom {
    height: 150px;
    border-radius: 1px;
    line-height: 9em;
}

.requirment-article-footer span {
    padding-top: 10px;
    float: left;
}

    .requirment-article-footer span i {
        margin-right: 5px;
    }

.requirment-top {
    top: 0 !important;
}

.source-header-contact .header-sub-panel {
    width: 100%;
    height: 65px;
    background-color: #fff;
    text-align: center;
    float: left;
}

.requirment-view .rating {
    top: inherit;
    line-height: inherit;
}

.candipro.nav > li > a {
    padding: 10px 13px !important;
}

.recruitment-line {
    bottom: 126px !important;
}

.rmnt-bdg-dflt-120 {
    bottom: 120px !important;
}

.progress-timeline .progress-text-top a {
    padding: 0 14% 0 0;
    font-size: 15px;
}

.background-grey {
    background: #f4f4f4;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.requirment-candidat-main .candidate-main .rating span {
    padding-top: 5px;
    float: left;
    line-height: 14px;
}

.requirment-candidat-main .candidate-main .rating {
    color: #fff;
    font-size: 12px;
    position: absolute;
    text-align: center;
    top: inherit;
    line-height: inherit;
}

.requirment-candidat-main .candidate-main {
    width: 100%;
    background: url(../img/article-bg.png)#fff top left no-repeat;
    float: left;
    margin-bottom: 20px;
}

    .requirment-candidat-main .candidate-main .title-footer p,
    .chat-option {
        margin: 5px 0;
    }

.requirment-candidat-main .border-right {
    border-right: 1px solid #ccc;
    min-height: 260px;
}

.requirment-candidat-main .source-header-contact .header-sub-panel {
    width: 100%;
    height: 65px;
    background-color: #fff;
    text-align: center;
    float: left;
}

.requirment-candidat-main .emp-rec-head {
    background-color: transparent !important;
    border-bottom: 1px solid #d9dadb;
}

.requirment-search-tab button.btn.btn-primary.pull-left {
    padding: 5px 15px;
    border-radius: 5px !important;
}

.wrk-allocation-auto .background-white {
    width: auto !important;
}

.mailcust.nav-stacked > li {
    float: none !important;
}

.hdtitle {
    background-color: #efefef;
    padding: 10px;
}

.socialul {
    list-style-type: none;
}

.alert-success .fa {
    margin-right: 5px;
}

.socialul li {
    float: left;
    margin-right: 6px;
    margin-bottom: 7px;
}

.forum h3 {
    font-size: 16px;
    font-weight: 700;
}

.requirment-profile .position {
    margin-top: 0px !important;
}

.requirment-border-bottom {
    border-bottom: 1px solid rgba(208, 208, 208, 0.69);
}

.rgtmrgn25 {
    margin-right: 25px;
}

.requirment-profile .name_details.rightline {
    min-height: 276px;
}

.requirment-profile h4 {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
}

.hr-margin {
    margin: 5px 0 !important;
}

.candidates-fund {
    padding-top: 15px;
    padding-bottom: 15px;
}

.reqmnt-blk-hdr label {
    font-weight: 700;
}

.requirment-profile .panel .panel-heading1 {
    padding: 0 15px;
    border-bottom: 1px solid rgba(208, 208, 208, 0.69) !important;
    margin-bottom: 1px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.btnse {
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #eee;
    padding: 0 15px;
}

.btnse {
    height: 34px;
}

.panel .panel-heading-title {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    padding: 0 15px;
    line-height: 31px;
}

.panel .devider {
    border-left: solid 1px #ced0d4;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.cantop {
    padding: 0% 0 2%;
    border-bottom: 1px solid rgba(208, 208, 208, 0.69);
}

.requirment-profile .timeline-main .badge-defalt-right {
    background: inherit !important;
    bottom: 105px;
    right: -7px;
}

.row.text-center {
    padding: 0 0 20px 0;
}

.requirment-profile .border-display-block {
    border-bottom: solid 1px #dadbe1 !important;
}

.requirment-profile hr {
    border-top: 1px solid rgba(208, 208, 208, 0.69);
    float: left;
    width: 100%;
    margin: 30px 0;
}

.custtime.timeline-main .timeline-badge-blank .fa {
    background-color: transparent !important;
    border: none !important;
    font-size: 23px;
    color: #bfbfbf !important;
}

.profile-tab-main .profile-content hr {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(208, 208, 208, 0.69);
    margin: 35px 0 25px 0;
}

.candidate-right-section .recomended h3 {
    margin: 0 0 11px;
}

.custtime .line {
    bottom: 84px;
}

.custtime.timeline-main .line {
    background: #9c9c9c;
    height: 3px;
}

.custtime.timeline-main .timeline-badge .fa {
    background-color: transparent !important;
    border: none !important;
    font-size: 23px;
    color: #00bbb1 !important;
}

.source-header-contact .header-sub-panel .source-pagination {
    float: left;
    margin-left: 8%;
    margin-top: 7px;
}

.reqdate {
    float: right;
    line-height: 4;
}

.badgered1 {
    display: inline-block;
    min-width: 10px;
    padding: 0px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: red;
    border-radius: 10px;
    margin-left: 5px;
}

.requirment-profile .nav > li > a {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
}

.requirment .reqsubhead {
    background-color: initial;
}

.reqsubhead sup {
    color: #59986a;
}

.reqsubhead {
    background-color: gainsboro;
    width: 100%;
    display: inline-block;
    padding: 15px;
    font-size: 15px;
}

.reqsubhead {
    background-color: gainsboro;
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.filter-search-home .label-date {
    float: left;
    margin: -5px 20px 0;
}

.filter-search-home label {
    padding-left: 0px !important;
    color: #666;
}

.evalsheet-z-index {
    z-index: 999;
    position: relative;
}

.requirment-evalsheet-45 {
    margin-top: -45px;
    margin-right: 25px;
}

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

div#bar-example {
    overflow: visible !important;
}

.offer-approval-label input[type=checkbox],
input[type=radio] {
    margin: 0 5px 0 0;
}

.margin-right-5 {
    margin-right: 5px;
}

.candidate-box {
    padding: 10px 20px 5px 20px !important;
    border: #cecbcb solid 1px !important;
    background-color: #efefef !important;
    margin: 0 0 15px 0px !important;
}

.grpchk .checkbox {
    margin: 3px 0;
    text-align: left;
}

.wrk-allocation .whitebg {
    padding: 15px;
}

.alert {
    padding: 10px !important;
}

.alert-success {
    background-color: #e6f2e6 !important;
    color: #35a735 !important;
    font-weight: 400;
    border-color: #2dfc2d;
}

.po tr td:last-child span {
    background-color: #e4e4e4;
    padding: 4px 12px;
    border: 1px solid white;
    border-radius: 4px;
}

.profile-owner-table .table td {
    padding-left: 8px !important;
}

.requirement-panel-heading .dropdown-menu:after {
    left: 62%;
}

.requirement-panel-heading .records {
    right: -15px;
    top: 95%;
}

.panel .panel-heading-title .text-blue {
    font-weight: 500;
}

.form-control-requirment {
    width: 100% !important;
}

.panel .panel-heading-title {
    float: left;
}

.panel .color-2 {
    color: #337ab7 !important;
    padding: 12px 8px !important;
    font-weight: 500 !important;
}

.panel .color-1 {
    color: #ff8b32 !important;
    padding: 12px 8px !important;
    font-weight: 500 !important;
}

span.status-red {
    font-size: 11px;
    color: white;
    font-weight: 500;
    background: rgba(243, 99, 65, 0.9);
    padding: 1px 8px 2px 8px;
    border-radius: 3px;
    text-transform: uppercase;
}

span.status-orange {
    font-size: 11px;
    color: white;
    font-weight: 500;
    background: rgb(255, 146, 52);
    padding: 1px 2px 2px 2px;
    border-radius: 3px;
    text-transform: uppercase;
}

span.status-green {
    font-size: 11px;
    color: white;
    font-weight: 500;
    background: rgb(62, 204, 113);
    padding: 1px 4px 2px 4px;
    border-radius: 3px;
    text-transform: uppercase;
}

button.btn-group.btn {
    margin-left: 0;
    background: #ca2e3f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border-left: solid 1px #a20404;
    min-height: 34px;
}

.badgecol {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #71ea5c;
    border-radius: 10px;
    margin-left: 5px;
}


.skill-table .progress-bar div {
    position: fixed;
}

.text-blue {
    color: #346daa !important;
    font-weight: 600;
}

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

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-55 {
    margin-left: 12%;
    font-weight: 600;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: 0px;
}

.profile-tab-main .profile-content .sub-tab h5 span {
    font-weight: 200;
    font-size: 14px;
    display: inline-block;
    padding-top: 10px;
}

.font-color {
    color: #929191;
}

.padding-top-10 {
    padding-top: 10px !important;
    font-weight: 500;
}

.border-bo {
    border-bottom: solid 1px #ffffff;
}

.font-20 {
    font-size: 20px !important;
}

.modal-body .btn {
    margin-right: 5px;
}

select.col-md-6.col-lg-6.col-sm-6.col-xs-6.form-control {
    margin-bottom: 0px !important;
}

.table-striped1 select.form-control {
    margin-bottom: 0px !important;
}

.user-table tr td {
    padding: 6px 15px !important;
    border: none !important;
}

.table-striped1 > tbody > tr:nth-of-type(even) {
    background-color: #edf5fb;
}

.font-15 {
    font-size: 15px !important;
}

a.btn.btn-primary a {
    color: #fff;
}

.addque-block {
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    background: white;
    margin-bottom: 15px;
}

.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.whitebg.sendsms-wrap {
    padding-left: 15px;
    padding-right: 15px;
}

.modal-additional-width .modal-content {
    background-color: #efefef;
    overflow: hidden;
}

.logpad-icon-top a {
    border-right: 1px solid #999 !important;
    padding: 0 22px;
    font-size: 12px !important;
}

.logpad .form-group {
    margin-right: 20px;
}

.logpad .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    min-width: 50%;
    margin-bottom: 0;
    width: auto !important;
}

.logpad .panel-default.panel {
    background: #eee;
    padding-left: 20px;
    margin-top: 15px;
    overflow: visible;
    display: table-row-group;
}

.table-responsive.pull-left {
    width: 100%;
}

table.table.setting-table.table-striped td {
    font-size: 14px;
    border-top: 0px solid #f4f4f4;
    padding: 10px 8px;
}

.logpad .logpad-header {
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 10px;
    border-radius: 0;
    background: #f2f3f6;
    border: 1px solid #fff !important;
    padding: 10px 0;
}

.bggray {
    background: #eee;
    clear: both;
    display: block;
    overflow: auto;
    margin-top: 20px;
    padding: 10px;
}

#no-border {
    border: none !important;
}

.sndsms p {
    margin-top: 6%;
    font-size: 13px;
}

.whitebg {
    background: #fff !important;
    display: block;
    margin: 0;
    border-radius: 2px;
}

.panel-heading-2 .bulk:after {
    bottom: 99.5%;
    left: 59%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #FFFFFF;
    border-width: 10px;
    margin-left: -7px;
}

.candidate-sortby:after {
    bottom: 100%;
    left: 85% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
    border-width: 8px;
}

.background-white.mgb label.text-sm {
    font-weight: 500;
}

.tderror {
    text-decoration: line-through;
}

.text-bold {
    font-weight: bold;
}

.candidate-mdl-fltr:after {
    bottom: 100%;
    left: 93% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
    border-width: 8px;
}

.modal-sm {
    width: 400px;
}

.panel-overflow-none {
    overflow: hidden;
}

span.text-right.padding-0.log-nau-mons {
    margin-top: -45px;
    margin-right: 55px;
    float: right;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.padlfz {
    padding-left: 0;
}

#portalrec .form-group,
#advancedsearch .form-group {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 5px !important;
}

.SkillSetOptimized {
    width: 147px;
    float: left;
}

.skillsetdropdown {
    width: 100px !important;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
}

#portalrec .form-control {
    margin-bottom: 10px !important;
}

.radio-grp input {
    margin-right: 5px;
    float: left;
    margin-top: 5px;
}

.font-14 {
    font-size: 14px !important;
}

.text-normal {
    font-weight: normal !important;
}

.radio-grp label {
    margin-right: 15px;
    font-weight: 500;
}

.mgb {
    margin-bottom: 1%;
}

.alert-warning {
    border-color: #d69e57 !important;
    background-color: #f3e2bd !important;
    color: #d69e57 !important;
}

.fa-green-check {
    color: forestgreen !important;
}

.fa-yellow-warning {
    color: darkorange !important;
}

.btn-naukari:hover {
    background-color: #37c3d4;
    color: white;
}

.btn-monoster {
    border-color: #8e55c3;
    color: #8e55c3;
}

    .btn-monoster:hover {
        background-color: #8e55c3;
        color: white;
    }

.log-nau-mons a {
    margin-left: 10px;
}

.btn-naukari {
    border-color: #37c3d4 !important;
    color: #37c3d4;
    background-color: transparent;
}

.log-nau-mons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.requierment-genral {
    font-size: 14px !important;
    color: #666 !important;
    padding-right: 0 !important;
}

.outsync-top label {
    margin-right: 15px;
    margin-top: 6px;
    font-weight: 600 !important;
}

.outsync-top select#searchoption {
    width: 150px !important;
    float: left;
    margin-right: 15px;
}

.hr {
    margin: 0px 0px 0px 6px;
}

.sm {
    margin: -6px 0 7px 20px;
}

.nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}

.nav > li:first-child.active > a,
.panel-heading .nav > li:first-child > a:hover {
    border-radius: 0px 0 0 0;
    -webkit-border-radius: 0px 0 0 0;
}

.nav > li > a,
.panel-heading .nav > li.active > a,
.panel-heading .nav > li.active > a:hover,
.panel-heading .nav > li.active > a:focus {
    border-radius: 0;
    border-width: 0 !important;
}

.pad-zero1 {
    padding: 0 4px 6px 0px !important;
}

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

.comment-box1 {
    padding: 6px;
    width: 100%;
    float: left;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
    -moz-box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
    box-shadow: 0px 0px 17px 2px rgba(202, 202, 202, 1);
}

.loading1 {
    width: 100%;
    float: left;
    min-height: 678px;
    background-color: #efefef;
    border: solid 1px #cacaca;
    padding: 0 25px;
    border-radius: 2px;
    text-align: center;
}

.pad-zero {
    padding: 0 4px 0px 0px !important;
}

.imgup {
    width: 115px;
    height: 133px;
    padding-top: 30px;
}

.add-cadidate-tap {
    margin-top: 30px;
    height: 40px;
}

.file-custom2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 3.5rem;
    line-height: 2.0;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
}

    .file-custom2::after {
        content: "Click to Upload Picture";
        font-weight: normal;
        color: #A2A2A2;
        font-size: 14px;
    }

.file-upload-button {
    margin-left: 10px;
    height: 34px;
    border-radius: 5px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #ddd;
}

input.form-control.file-upload-input {
    width: 40% !important;
    float: left;
}

.interview {
    background-color: #f2f3f6 !important;
    width: 85% !important;
    padding: 8px !important;
}

.pad-0 {
    padding: 0px !important;
    border-bottom: none !important;
}

.bgwhi {
    background-color: white !important;
}

.candidte-profile-mdl-main .candidate-main {
    width: 100%;
    background: url(../img/article-bg.png)#fff top left no-repeat;
    float: left;
}

.candidte-profile-mdl-main .name_details.rightline {
    min-height: 238px;
}

.candidte-profile-mdl-main .candidate-main .poup-right-header {
    background: #f4f4f4;
}

.check {
    margin-right: 16px !important;
    margin-top: 22px !important;
}

.panel-heading-2 .btn {
    outline: none !important;
    box-shadow: none !important;
    background: none;
    font-size: 16px;
    border: 0px;
}

.border-2px {
    background-color: #f2f3f6;
    border-bottom: 1px solid;
    border-color: #dadadb;
}

.margin-0 {
    margin: 0 0 0 0 !important;
}

.article-footer {
    padding: 8px 0px !important;
}

.btn-download {
    margin-top: -8px;
    position: absolute;
    right: 0;
    padding: 7px 12px !important;
}

.skill-table {
    margin-bottom: 70px;
}

.activity-prefix {
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    width: 25px;
}

.recomended-profile .menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .recomended-profile .menu > li > a {
        border-bottom: 1px solid #F4F4F4;
        display: block;
        white-space: nowrap;
    }

    .recomended-profile .menu > li > a {
        color: #444444;
        overflow: hidden;
        padding: 10px;
        white-space: nowrap;
    }

    .recomended-profile .menu > li > a {
        margin: 0;
        padding: 10px;
    }

        .recomended-profile .menu > li > a > div > img {
            height: 60px;
            margin: auto 10px auto auto;
            width: 60px;
            margin-top: -4px;
        }

        .recomended-profile .menu > li > a > h4 {
            color: #444444;
            font-size: 15px;
            margin: 0 0 0 45px;
            padding: 0;
            position: relative;
            font-weight: bold;
        }

            .recomended-profile .menu > li > a > h4 > small {
                color: #999999;
                font-size: 10px;
                position: absolute;
                right: 0;
                top: 0;
            }

        .recomended-profile .menu > li > a > p {
            color: #888888;
            font-size: 12px;
            margin: 0 0 0 45px;
        }

        .recomended-profile .menu > li > a:before,
        .recomended-profile .menu > li > a:after {
            content: " ";
            display: table;
        }

        .recomended-profile .menu > li > a:after {
            clear: both;
        }

    .recomended-profile .menu > li > a {
        padding: 10px;
    }

        .recomended-profile .menu > li > a > h3 {
            color: #666666;
            font-size: 14px;
            margin: 0 0 10px;
            padding: 0;
        }

.quick-links i {
    margin-right: 10px;
    color: #ccc;
}

.candipro.nav > li > a {
    padding: 10px 13px;
}

.side-tab a {
    width: 150px;
    padding-left: 10px !important;
    border: 0px !important;
}

.side-tab .active a {
    background: #ddd !important;
}

.name_details .fa {
    width: 30px !important;
    display: inline-block !important;
    padding: 0px !important;
    text-align: center !important;
}

.candidate-main .name_details i.fa.fa-map-marker {
    padding-right: 0px !important;
}

.file-opretion i {
    color: rgb(204, 204, 204);
    font-size: 20px;
    padding: 5px;
}

.file-list .fa-file-text-o {
    padding: 8px 11px;
    display: block;
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 19px;
    font-size: 20px;
    color: rgb(204, 204, 204);
    float: left;
}

.source-browse {
    width: 250px;
}

.profile-icons .fa {
    color: #797979;
    padding: 5px;
    display: inline-block;
}

.border-top {
    border-top: 1px solid #ccc;
}

.recomended-profile-page article {
    margin-bottom: 30px;
}

.recomended-profile-page .candidate-main .profile-details {
    padding-bottom: 0px !important;
}

.radio label {
    font-size: 15px !important;
    color: #333;
}

.source-pagination .view-name {
    text-transform: uppercase;
    font-weight: bold;
}

.view-next a {
    font-weight: bold;
    padding: 0 10px;
}


/*.setting-header {
    border-bottom: none;
}*/

.back-to-requirement.a-italic-blue {
    font-weight: bold;
    text-decoration: underline;
    color: #23527c !important;
}

.reqsubhead {
    background-color: initial;
}

    .reqsubhead .fa-briefcase {
        padding-left: 0px !important;
    }

.profile-tab-main .nav-tabs > li > a {
    font-size: 16px;
}


.profile-tab-main .nav > li > a {
    padding: 10px 15px;
}


/*.profile-tab-main .nav-tabs > li {
    margin-bottom: -3px
}*/

.badgered {
    color: #e81818;
    background-color: initial;
}

.recomended ul li strong {
    width: 30px;
    display: inline-block;
}

.progress-bar {
    background-color: initial;
}

.position {
    margin: 0;
}

.recomended-profile-page article {
    margin-bottom: 0px;
}

.progress-bar {
    box-shadow: none;
    margin-right: 10px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e9f0f5 !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}

.table-striped > tbody > tr > th {
    background-color: white !important;
}

.table-striped > thead > tr > th {
    background-color: white;
}

ul.nav.nav-tabs.nav-justified.control-sidebar-tabs.activity li {
    display: table-cell;
    width: initial;
}

.exame-modul .font-color {
    color: #656565;
    line-height: 24px;
}

.shorted-list .progress-bard {
    margin-top: -12px;
}

.progress-bard {
    margin-top: -12px;
}

.records-report {
    right: 0px !important;
    margin-left: 60px !important;
}

.green-inti:before {
    color: green;
    margin-right: 5px;
}

.red-inti:before {
    color: red;
    margin-right: 5px;
}

.source-status img {
    width: 100%;
    padding-right: 10px;
}

.font-14 {
    color: #333;
}

.font-16 {
    color: #333;
}

.viewPartners h3,
.viewPartners h4 {
    margin: 0px 10px 0 0;
    float: left;
    font-size: 17px;
    font-weight: 700;
}

.createdon {
    margin-bottom: 15px;
}

.viewPartners {
    margin-bottom: 20px;
    padding: 10px 0;
    clear: both;
}

.skill-table.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 0px solid #f4f4f4;
    font-size: 14px;
}

#tab-viewpartner-2 table tr td {
    padding: 8px;
}

#tab-viewpartner-3 .background-modal {
    margin-top: 20px;
    padding: 20px;
}

select[multiple],
select[size] {
    height: auto;
    color: #333;
}

.padding-0 {
    padding: 0;
}

.source-status p {
    margin: 0;
}

.text-black {
    color: black;
}

table.table.table-striped.user-table tr td {
    padding: 10px !important;
}

table.table.table-striped.user-table tbody * {
    word-break: keep-all !important; /*by Ravindra Please don't modify this, if need then modify in your own css class*/
}

.nav-tabs.nav-justified a {
    padding: 12px 4px;
    font-size: 14px;
}

.activity-icon {
    float: left;
    margin-right: 10px;
}

.activity-text-sub h4 {
    margin: 0;
    font-size: 16px;
}

.activity-text-sub span {
    font-size: 12px;
    color: #999;
    float: right;
}

.activity-text-sub em {
    color: #999;
}

.control-sidebar-tabs .activity-text-sub p {
    margin: 0px !important;
}

.table-responsive i.fa {
    padding: 0 0px 0 0 !important;
}

#myModa5 .add-doc .file-custom.source-browse {
    margin-left: 0px;
}

#control-sidebar-document-tab .tab-content {
    padding: 0;
}

.green-inti:before {
    color: green;
    margin-right: 5px;
}

.red-inti:before {
    color: red;
    margin-right: 5px;
}

.source-status img {
    width: 100%;
    padding-right: 10px;
}

.background-white {
    background: #fff;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.08);
}

.createdon {
    margin-bottom: 15px;
}

.viewPartners {
    margin-bottom: 20px;
    padding: 10px 0;
    clear: both;
}

    .viewPartners h3,
    .viewPartners h4 {
        margin: 0px 10px 0 0;
        float: left;
        font-size: 17px;
        font-weight: 700;
    }

    .viewPartners p {
        margin: 0;
    }

.padding-bottom-top-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.background-modal {
    background: #eee;
}

.font-18 {
    font-size: 18px;
    color: #333;
}

.font-16 {
    font-size: 16px;
    color: #333;
}

.font-14 {
    font-size: 14px;
    color: #333;
}

.font-12 {
    font-size: 12px;
    /*color: #333;*/
}

.tab-padding-sm li a {
    padding: 10px 14px;
}

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

.CandidateEngagementtab ul li a {
    padding: 5px 5px;
    font-size: 14px;
    background: none !important;
    border: none !important;
}

#tab-viewpartner-3 .background-modal {
    margin-top: 20px;
    padding: 20px;
}

    #tab-viewpartner-3 .background-modal span {
        font-size: 12px;
        margin-bottom: 20px;
    }

.background-trans {
    background: #fff;
    padding-right: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.emailsetting h3 {
    font-size: 18px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
    /*margin-top: 15px;*/
}

.addcompanyinfo {
    padding-right: 20px;
}

#tab-viewpartner-6 img {
    width: 45px;
    float: left;
    margin-right: 10px;
}

.forum h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

    .forum h3 span {
        font-weight: normal !important;
        font-size: 12px;
    }

#tab-viewpartner-2 ul li.active {
    border-bottom: 4px solid #a7092a;
}

ul.candipro.nav.nav-tabs li a {
    padding: 10px;
    font-size: 14px;
}

.name_details.text-muted.font-12.pull-left a {
    font-size: 14px;
}

.progress {
    margin: 7px 0 !important;
}

.progress-bard {
    color: red;
    position: absolute;
    margin-top: -5px;
    margin-left: 46%;
}

.margin-left-35 {
    margin-left: 35px;
}

.control-sidebar.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #999 !important;
    color: #fff !important;
    border: none !important;
    border-bottom-color: transparent !important;
    border-bottom: none !important;
}

.modal-body.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff !important;
    color: #555 !important;
    border: none !important;
    border-bottom-color: transparent !important;
    border-bottom: none !important;
}

.modal-body .nav-tabs.nav-tabs > li.active {
    background-color: #fff;
}


ul.nav.nav-tabs.nav-justified.control-sidebar-tabs li.active a:focus {
    border-bottom: none !important;
}

.full-width {
    width: 100%;
}

button.btn.dropdown-toggle.background-trans {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

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

.addevalsheettitle {
    font-size: 14px;
    margin-top: 15px;
    font-weight: bold;
}

ul.list-style-n {
    list-style: none;
    margin: 0;
    padding: 10px;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 10px;
}

.image-uploader {
    position: relative;
}

    .image-uploader:not(.filled) {
        opacity: 0.7;
        cursor: pointer;
        background: #fff;
        box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1) inset;
    }

        .image-uploader:not(.filled):hover {
            opacity: 1;
        }

            .image-uploader:not(.filled):hover .image {
                border: 3px dashed #bbb !important;
            }

    .image-uploader.filled {
        cursor: move;
    }

    .image-uploader .image {
        overflow: hidden;
        border: 1px solid #aaa;
    }

    .image-uploader .image {
        width: 150px;
        height: 150px;
    }

    .image-uploader.filled label {
        display: none;
    }

    .image-uploader label {
        display: block;
        color: #888;
        font-size: 0.9em;
        margin: 1em;
        position: absolute;
        top: 0;
        left: 0;
    }

    .image-uploader img {
        border: none;
    }

    .image-uploader #uploader {
        display: none;
    }

    .image-uploader .zoom {
        position: absolute;
        top: 0;
        left: -35px;
    }

        .image-uploader .zoom .plus {
            background: url(https://s.cdpn.io/24822/zoom-in.png) center no-repeat;
        }

        .image-uploader .zoom .minus {
            background: url(https://s.cdpn.io/24822/zoom-out.png) center no-repeat;
        }

        .image-uploader .zoom .close {
            background: url(https://s.cdpn.io/24822/close-widget.png) center no-repeat;
        }

        .image-uploader .zoom .plus,
        .image-uploader .zoom .minus,
        .image-uploader .zoom .close {
            cursor: pointer;
            opacity: 0.7;
            padding: 2px;
            font-size: 20px;
            text-align: center;
            width: 30px;
            height: 30px;
        }

            .image-uploader .zoom .plus:hover,
            .image-uploader .zoom .minus:hover,
            .image-uploader .zoom .close:hover {
                opacity: 1;
            }

.color-green {
    color: greenyellow;
}

.color-orange {
    color: orange;
}

.slider {
    display: block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 100% !important;
        height: 20px;
        margin-bottom: 20px;
    }

        .slider.slider-horizontal:last-of-type {
            margin-bottom: 0;
        }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-handle.triangle {
            border-width: 0 10px 10px 10px;
            width: 0;
            height: 0;
            border-bottom-color: #0480be;
            margin-top: 0;
        }

    .slider.slider-vertical {
        height: 230px;
        width: 20px;
        margin-right: 20px;
        display: inline-block;
    }

        .slider.slider-vertical:last-of-type {
            margin-right: 0;
        }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            margin-left: -5px;
            left: 50%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -5px;
            margin-top: -10px;
        }

            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                margin-left: 0;
            }

    .slider input {
        display: none;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #f9f9f9);
    background-image: -o-linear-gradient(top, #f0f0f0, #f9f9f9);
    background-image: linear-gradient(to bottom, #f0f0f0, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #23a54b !important;
    background-image: -webkit-linear-gradient(top, #149bdf 0, #0480be 100%);
    background-image: -o-linear-gradient(top, #149bdf 0, #0480be 100%);
    background-image: linear-gradient(to bottom, #23b94b 0, #23b94b 100%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 0 solid transparent;
}

    .slider-handle.round {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

.slider-disabled .slider-selection {
    opacity: 0.5;
}

#red .slider-selection {
    background: #f56954;
}

#blue .slider-selection {
    background: #3c8dbc;
}

#green .slider-selection {
    background: #00a65a;
}

#yellow .slider-selection {
    background: #f39c12;
}

#aqua .slider-selection {
    background: #00c0ef;
}

#purple .slider-selection {
    background: #932ab6;
}

#ex1Slider .slider-selection {
    background: #23a54b;
}

.position {
    float: left;
    margin: 20px;
}

.progress-bar {
    position: relative;
    height: 200px;
    width: 200px;
}

    .progress-bar div {
        position: absolute;
        height: 200px;
        width: 200px;
        border-radius: 50%;
    }

        .progress-bar div span {
            position: absolute;
            font-size: 25px;
            line-height: 175px;
            height: 175px;
            width: 175px;
            left: 12.5px;
            top: 12.5px;
            text-align: center;
            border-radius: 50%;
            background-color: white;
        }

    .progress-bar .background {
        background-color: #b3cef6;
    }

    .progress-bar .rotate {
        clip: rect(0 100px 200px 0);
        background-color: #4b86db;
    }

    .progress-bar .left {
        clip: rect(0 100px 200px 0);
        opacity: 1;
        background-color: #b3cef6;
    }

    .progress-bar .right {
        clip: rect(0 100px 200px 0);
        transform: rotate(180deg);
        opacity: 0;
        background-color: #4b86db;
    }

@keyframes

"toggle" {
    0%;

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}


/* On bording Module css */

.setuprm-none {
    display: none;
}

.setuprm-hieght {
    height: 60px !important;
}


.new-hr-view-candidate .depmt-view-user-tab h4 {
    margin: 0px 0 20px;
}

.department-source_pagination {
    margin-top: -35px;
}

.check-box-blue {
    color: #3c8dbc;
    text-align: left;
}

    .check-box-blue .devider {
        padding: 0 5px;
    }

.add-department-poup .tab-content {
    min-height: 400px;
}

.view-dapartment-bg {
    background-color: #efefef;
}

.new-hr-view-candidate .depmt-view-user-tab h4 {
    margin: 0 0 7px 0;
}

.depmt-view-user-tab ul li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

.depmt-view-user-tab .depart-ment-head {
    background-color: #69a5c8;
    color: #fff;
    padding: 2px 10px;
    margin-left: 10px;
    border-radius: 2px;
    font-style: normal;
}

.depmt-view-user-tab ul li a {
    font-weight: 600;
    color: black;
    font-size: 18px;
    float: right;
}

    .depmt-view-user-tab ul li a:hover {
        color: #f3414f;
    }

.new-hr-view-border-bottom {
    border-bottom: solid 1px #e1e1e1;
}

.new-hr-view-candidate .depmt-view-user-tab .fa-pencil {
    color: #999;
}

.new-hr-view-candidate {
    border-bottom: solid 1px #e1e1e1;
}

.view-dapartment-main {
    background-color: #e9e9e9 !important;
    padding-top: 0px;
    border: solid 1px #ddd;
    border-radius: 2px;
    min-height: inherit;
}

    .view-dapartment-main .file-opretion i {
        font-size: 18px;
    }

    .view-dapartment-main .view-sub-link {
        color: #3c8dbc;
    }

    .view-dapartment-main .instructions {
        border: solid 1px #ccc;
        border-radius: 2px;
        font-size: 13px;
    }


.view-department-active .fa {
    padding-right: 5px;
}

.view-dapartment-main .darktxtblack sup {
    font-size: 13px;
    color: #33b74f;
}

.view-department-active {
    color: #666666;
    font-size: 15px;
}


.view-dapartment-main .view-sub-link a {
    color: #3c8dbc;
    text-decoration: none;
    padding: 0 5px;
    font-weight: 600;
}

    .view-dapartment-main .view-sub-link a:hover {
        color: #f3414f;
        text-decoration: none;
    }

.deparment-main-table {
}

    .deparment-main-table .bulk-action.dropdown-menu .fa.fa-cubes {
        padding-right: 2px;
    }

    .deparment-main-table .panel-new-hire-mngmt ul.bulk-action.dropdown-menu {
        min-width: 190px;
    }

    .deparment-main-table .text-green {
        margin-right: 7px;
    }

    .deparment-main-table .text-green {
        margin-right: 7px;
    }

    .deparment-main-table .table td:hover {
        cursor: pointer;
    }

.new-hires-title-main .progress-bar-warning-1 {
    background-color: #51b77d !important;
    width: 33% !important;
}

.avg-tsk-main img {
    height: 305px;
}

.onbord-dash-bord-main.avg-tsk-main .black-line-chart span {
    margin-top: -165px;
}

.onbord-dash-bord-main.avg-tsk-main .black-line-chart .title {
    margin-top: -65px;
}

.min-hieght-405 {
    min-height: 405px;
}

.min-hieght-384 {
    min-height: 384px;
}

.new-hires-title-main .progress-bar-warning-2 {
    background-color: #51b77d !important;
    width: 65% !important;
}

.new-hires-title-main .progress-bar-warning-3 {
    background-color: #51b77d !important;
    width: 80% !important;
}

.new-hires-title-main .progress-bar-warning-4 {
    background-color: #51b77d !important;
    width: 90% !important;
}

.new-hires-title-main .progress-bar-warning-5 {
    background-color: #51b77d !important;
    width: 100% !important;
}

.new-hires-title-main .table td:last-child {
    float: left;
    margin-top: -1px;
}

.new-hires-title-main .panel-body {
    padding: 0px;
}




.new-hires-title-main .progress {
    margin: 4px 0 !important;
}

.nav-dash-bg {
    background-color: #eee;
}

.dashboard-main .padding-right-15 {
    padding-right: 15px !important;
}

ul.nav.dashboard-main.nav-tabs > li.active > a {
    border-bottom: 0px solid #C2272D !important;
}

ul.nav.dashboard-main.nav-tabs > li.active {
    border-bottom: 3px solid #C2272D !important;
    padding-left: 0px;
    padding-right: 0px;
}

ul.nav.dashboard-main.nav-tabs > li {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

    ul.nav.dashboard-main.nav-tabs > li a {
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }

        ul.nav.dashboard-main.nav-tabs > li a:hover {
            background: none;
        }

.bg-none {
    background: none;
}

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

/*.onbord-dash-bord-main .col-md-2, .col-sm-2 {
    width: 16.6% !important;
}*/

.onbord-dash-bord-main .black-line-chart {
    height: auto;
    width: 100%;
}

    .onbord-dash-bord-main .black-line-chart span {
        height: auto;
        width: 88% !important;
        margin-top: -125px;
    }

    .onbord-dash-bord-main .black-line-chart .title {
        position: absolute;
        width: 88%;
        margin-top: -40px;
        font-weight: normal;
        height: auto;
    }


.onboard-forms input[type=radio] {
    width: inherit;
    margin-top: 4px !important;
}

.pull-right.panel-heading-2.border-bottom-0 .fa-plus {
    padding-right: 6px !important;
}

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

.task-manager-poup .form-section-one {
    margin-top: 65px;
}

.new-hires-poup label {
    font-weight: 500 !important;
}

    .new-hires-poup label b {
        font-weight: 500 !important;
    }

.new-hires-poup b {
    font-weight: 500 !important;
}

.new-hires-poup input[type=checkbox], input[type=radio] {
    width: inherit;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}

.task-manager-poup .form-section-two {
    margin-top: 50px;
}

.task-manager-poup .form-section-three {
    margin-top: 60px;
}

.task-manager-poup .first-h {
    font-size: 16px;
    font-weight: 600;
    padding-left: 3px;
}


.form-control-100 .form-control {
    width: 100% !important;
}

.new-active-content {
    padding-left: 15px;
    padding-right: 10px;
}

.candidate-document-main .candidat-rght-lnk {
    text-align: left;
}

    .candidate-document-main .candidat-rght-lnk a {
        color: #003d8e;
        text-decoration: none;
        line-height: 5em;
        padding: 0 6px;
    }

    .candidate-document-main .candidat-rght-lnk .poup-devider {
    }

    .candidate-document-main .candidat-rght-lnk a:hover {
        color: #000;
        text-decoration: underline;
    }

.candidate-document-main .document-sub .fa-file-text {
    float: left;
    margin-right: 10px;
    margin-bottom: 50px;
    border: solid 1px #c5c5c5;
    padding: 9px 10px;
    /*border-radius: 50%;*/
    color: #ccc;
}

.md-poup-padding {
    padding: 40px 0px;
    float: left;
    width: 100%;
}

    .md-poup-padding .form-control {
        width: 100%;
    }

    .md-poup-padding label {
        font-weight: 400 !important;
    }

.new-hire-mangmnt-pnl .progress-title {
    font-size: 12px;
}

.new-hire-mangmnt-pnl .progress-bar-warning-4 {
    width: 20% !important;
}

.new-hire-mangmnt-pnl .progress {
    margin: 12px 0 0 0 !important;
}

.new-hire-mangmnt-pnl .table.table-striped.user-table tr td {
    padding: 8px 8px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.panel-new-hire-mngmt .form-control {
    height: 35px;
}

.panel-new-hire-mngmt ul.dropdown-menu.records {
    left: 50px;
}

.panel-new-hire-mngmt .fa.fa-plus {
    padding-right: 6px !important;
}

.panel-new-hire-mngmt ul.bulk-action.dropdown-menu {
    min-width: 175px;
    padding: 12px 10px 5px 12px;
}



.margin-right-0 {
    margin-right: 0px !important;
}

.btn.btn-primary.right {
    float: right !important;
}

#div_TasksAll tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#div_TasksPending tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#login-page tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#div_TasksUpcoming tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#div_TasksInProgress tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#div_TasksCompleted tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}





#master-setting tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#email tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#login-page tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#offer tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#control tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#target-incentives tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}

#SMS tbody > tr.active td:first-child {
    border-left: 3px solid #c1272d !important;
}





.on-bdg-rgt-sb-hd-mn {
    background: #eee;
    width: 100%;
    float: left;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 15px;
}

.introduction-main h2 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.introduction-main {
    margin-top: 20px;
}

    .introduction-main ul li {
        margin-left: 22px;
        list-style: none;
    }

    .introduction-main h2:before {
        background: #1a8a34;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 12px;
        margin: 4px 8px 0 3px;
        width: 12px;
        float: left;
    }

    .introduction-main a {
        text-align: right;
        color: #003399;
        font-weight: 600;
        font-size: 16px;
        float: right;
    }

        .introduction-main a:hover {
            text-align: right;
            color: #000;
        }

.task-pagtn-mrgn {
    margin: 0 34%;
}

.pdding-bottom-0 {
    padding-bottom: 0px;
}

.on-bording-panel-main .task span {
    min-width: 160px;
    float: left;
}

.on-bording-panel-main .panel-heading-title button.btn {
    padding: 3px 12px;
}

.on-bording-panel-main button.btn.dropdown-toggle.background-trans {
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 10px !important;
}

.onbord-dash-bord-main .recent-activity {
    padding: 15px 15px 0 15px;
}

ul.dropdown-menu.dropdown-men-4.col-xs-12.filter-search-home.on-bording-filter {
    display: none;
}

.onbord-search-box-main button.btn.btn-large.background-trans.font-16 {
    padding-right: 3px;
}

.onbord-search-box-main .records:after {
    bottom: 100%;
    left: 90% !important;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -10px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e3e3e3;
    border-width: 8px;
}

button#onbord-search {
    padding-right: 0px;
    background: #fff;
    min-height: 0px;
    border: solid 1px #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #a3a3a3;
}

.onbord-search-box-main {
    background-color: #f1f3f5;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 65px;
    margin: 0 0 15px;
}


.onbord-dash-bord-main .form-margin h4 {
    margin-top: -10px;
}

.onbord-dash-bord-main .nav-tabs > li.active > a {
    border-bottom: 0px solid #C2272D !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.onbord-dash-bord-main .fb-feed-main h3 {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
}

.onbord-dash-bord-main .refine-search h3 {
    margin-top: -5px;
    margin-bottom: 0px;
}

.onbord-dash-bord-main .fb-feed {
    display: table;
    text-align: center;
    width: 100%;
    background-color: #f7f7f7;
    line-height: 20em;
}

.onbord-dash-bord-main .document-sub {
    margin: 21.3px 0;
}

    .onbord-dash-bord-main .document-sub h4 {
        font-size: 16px;
    }

.onbord-dash-bord-main .events-block label {
    margin-bottom: 0px;
}

.onbord-dash-bord-main .events-block h4 {
    margin-bottom: 0px;
}

.onbord-dash-bord-main .table {
    margin-bottom: 0px;
}

.onbord-dash-bord-main .source-main {
    background-color: #fff;
    min-height: 360px;
}

    .onbord-dash-bord-main .source-main .graph-grp-title {
        margin-top: 0px;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-left: 10px;
        font-size: 18px;
        font-weight: 600;
    }

.onbord-dash-bord {
    margin-bottom: 25px;
}

.graph-grp-title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*.onbord-dash-bord .col-md-2, .col-sm-2 {
    width: 19.98%;
}*/

.onbord-dash-bord .black-line-chart {
    height: auto;
    width: 100%;
}

    .onbord-dash-bord .black-line-chart span {
        height: auto;
        width: 90% !important;
        margin-top: -125px;
    }

    .onbord-dash-bord .black-line-chart .title {
        position: absolute;
        width: 88%;
        margin-top: -40px;
        font-weight: normal;
    }

.document-sub {
    margin: 10px 0;
}

    .document-sub li {
        list-style: none;
    }

    .document-sub img {
        width: 15%;
        height: 70px;
        float: left;
        padding-right: 7px;
        padding-bottom: 40px;
    }

    .document-sub p {
        margin: 0px;
    }

    .document-sub h4 {
        margin: 0px;
        color: #003d8e;
    }

    .document-sub em {
        text-align: justify;
        font-size: 13px;
    }

.joining-form-additional-width .setup-content {
    min-height: 360px;
}

.joining-form-additional-width .form-inline input {
    width: inherit;
}



.joining-form-additional-width h3 {
    margin-top: 0px;
}

.joining-form-additional-width th span {
    padding-right: 40px;
}

.joining-form-additional-width .add-consulting-fee .form-control {
    width: 100%;
}

.joining-form-additional-width {
    width: 90%;
}

    .joining-form-additional-width .btn-circle {
        padding: 3px 0;
    }

.new-hires-poup .form-control {
    width: 100%;
}

.new-hires_pagination-45 {
    margin-top: -45px;
    text-align: center;
}

    .new-hires_pagination-45 h4 {
        margin: 0px;
        font-size: 17px;
    }

.new-hires-filter .line-eight-35 {
    line-height: 35px;
}

.new-hires-filter .form-control {
    margin-bottom: 15px;
}

.new-hires-filter .icon-form {
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 15px;
}

ul.dropdown-menu.new-hires-filter:after {
    bottom: 100%;
    left: 68% !important;
}

.new-hires-filter {
    top: 285px !important;
    left: 50px !important;
}

.margin-top-8 {
    margin-top: 8px;
}

.border-bottom-0 {
    border-bottom: 0px !important;
}

.new-hires .candidate-right-section {
    padding-top: 0px !important;
}

.new-hires .progress-text-top a {
    padding: 0 4% 0 0;
    font-size: 15px;
}

.new-hires .candidate-right-section h3 {
    margin-top: 0px;
}

button#search-new-hires {
    background: #fff;
    min-height: 0px;
    border: solid 1px #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-right: 0px;
}

.new-hires-border-bottom {
    border-bottom: solid 1px #ced0d4;
}

    .new-hires-border-bottom .devider {
        min-height: 58px;
    }



/*-- Bugs Fixing Css --*/

#editProfileOwner input[type=checkbox], input[type=radio] {
    margin-top: 4px !important;
}

.pagtn-responsive-768 {
    display: none;
}

.footer-desktop {
    color: #999;
    text-align: center;
    display: block !important;
    padding: 0 0 15px 0;
}

.column th.border-bottom-back-n.font-14:first-child {
    padding-left: 10px !important;
}

.panel-1-main-bg .rating span {
    padding-top: 5px;
}

ul.nav.nav-tabs.resume-tab-sub {
    margin-bottom: 10px;
}

.profile-tab-sub .nav > li a:hover {
    background-color: inherit !important;
}

.profile-tab-sub .nav > li a {
    padding: 10px 0px;
    margin-right: 0px;
}

.resume-tab-sub .active {
    border-bottom: 2px solid #000000;
}

.profile-tab-main .skill-table {
    margin-bottom: 0px;
}

.profile-tab-main .active {
    background-color: #fff;
}

.tab-content.padding-left-right {
    width: inherit;
}

.home_banner .div-center {
    width: 40%;
}

.height-400 .font-16 {
    color: #000;
}

.name-details-container .font-16 {
    color: #fff;
}

.setting-email-tab .search-box-main select.form-control {
    border: solid 1px #cccccc !important;
}

.note-toolbar .btn.dropdown-toggle {
    padding: 5px 5px;
}

.note-toolbar .btn {
    margin-right: 0px !important;
    min-width: auto;
}

.setting-tab-bg .nav-tabs > li.active {
    background-color: #fff;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    font-size: 12px !important;
}

.user-footer .btn.btn-default {
    border: solid 1px #CACACA !important;
    font-weight: 500 !important;
}

.offerhistory.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: inherit !important;
}

.offerhistory.nav-tabs.nav-tabs > li.active {
    background-color: inherit !important;
}

.home_banner-sub-bg .margin-top-bottom-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.home_banner-sub-bg .font-12 {
    color: #fff;
}

.home_banner-sub-bg .row.text-center {
    padding: 0 0 0 0;
}

.home_banner-sub-bg .font-18 {
    color: #fff;
}

.home_banner-sub-bg .font-16 {
    color: #fff;
}

.take-exame-login .row.text-center {
    padding-bottom: 0px;
}

.job-bdy-bg .home_banner {
    margin-top: 15px !important;
}

.take-exame-login .font-16 {
    color: #fff;
}

.home_banner-sub-bg {
    background-color: rgba(0, 0, 0, 0.47);
    height: 700px;
}

.take-exame-login .font-18 {
    color: #fff;
}

.add-new-source-poup-main .source-browse {
    width: auto !important;
}

.panel-heading-2 .bulk-action .fa.fa-commenting {
    padding-right: 6px !important;
}

.source-status .small-padding {
    margin-top: 2px;
    margin-left: 3px;
}

.tab-two .search-section {
    margin-top: 10px;
}

.tab-two .search-section {
    padding: 0px 15px 0px 15px;
    margin-bottom: 0px;
}

.tab-content .tab-two h4 {
    line-height: 18px !important;
    margin: 0 0 15px 0 !important;
}

.tab-content .tab-two h6 {
    padding: 0 0 15px 0;
}

.tab-content .tick-box {
    margin-bottom: 15px;
}

.row.text-center.edit-lead {
    margin-bottom: 0px;
}

.change-lead-status-bg .tab-four {
    padding-top: 15px;
}

.change-lead-status-bg {
    padding: 0px;
}

.modal-content .change-lead-status-bg {
    margin-bottom: 0px;
}

.modal-body .search-section {
    border: 0px;
}

.modal-content .tab-content {
    padding: 15px 15px 0px 15px;
}

.modal-content .modal-body {
    padding: 15px 15px 0px 15px;
    display: table;
}

.text-right.add-new-spoc-link {
    margin-top: 20px;
}

.dropdown-menu .btn {
    min-width: 110px;
}

.modal-footer .btn + .btn {
    min-width: 110px;
    font-weight: 500;
    border: solid 1px #e1e1e1 !important;
}

a.dropdown-toggle.name-left-align {
    margin-left: -30px;
}

/*--Bugs Fixing  css End --*/

@media (max-width: 1560px) and (min-width: 1199px) {
    .svg-sroll {
        width: 430px;
    }

    .panel-heading-sub-h4 {
        padding: 0;
    }
}

@media (max-width: 1559px) and (min-width: 1280px) {
    .sidebar-contact-one span {
        padding-right: 10%;
    }

    .sidebar-contact-one .contact-one-text .fa {
        padding-right: 8px;
        color: #979797 !important;
    }

    .control-sidebar-dark .activity .activity-sub-title {
        float: left;
        margin-right: 2px;
    }

    .tab-content .add-new-document h4 a {
        font-size: 13px;
    }

    .tab-content .add-new-document .fa-file-text {
        padding-right: 2px;
    }

    .control-sidebar,
    .control-sidebar-bg {
        width: 28%;
    }

    .user-img img {
        width: 100%;
    }

    .tab-content .user-section em {
        margin-top: 0;
        float: left;
        margin-right: 0;
        width: 100%;
    }

    .control-sidebar .tab-content .nav > li > a {
        padding: 10px 5px;
        font-size:;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
        padding: 10px 7px;
    }
}

@media (max-width: 1280px) and (min-width: 1280px) {
    .requirment-view .timeline-main .badge-defalt-text a {
        padding-right: 11%;
    }

        .requirment-view .timeline-main .badge-defalt-text a:last-child {
            padding-right: 0%;
        }

    .stepwizard-h .btn {
        padding-top: 6px !important;
    }

    .home_banner .btn {
        padding-bottom: 10px !important;
    }

    .caln-day-div {
        margin: 10px 10px;
    }

    .job-skr-srch .job-content-left span {
        margin-right: 25px;
    }

    .job-section-tab .job-section-sub .job-section-sub-one .col-md-2 {
        padding: 0px;
    }

    .job-section-tab .job-section-sub .job-section-sub-one .col-md-12 {
        padding: 0px;
    }

    .control-sidebar,
    .control-sidebar-bg {
        width: 32%;
    }

    .panel-heading-2 .btn {
        font-size: 15px;
    }

    button.btn.dropdown-toggle {
        padding: 6px 10px 6px 10px;
    }

    button.btn.btn-large {
        padding-bottom: 0px;
    }
}

@media (max-width: 1280px) and (min-width: 100px) {
    nav ul {
        padding: 0px;
    }
}

@media (max-width: 1200px) and (min-width: 100px) {
    .job-category-main .poll-section {
        min-height: 311px;
    }

    .job-category-main .poll-section-details {
        padding: 8px 15px 0px 15px;
        min-height: 311px;
    }

    .job-category-main .job-category h4 em {
        font-size: 14px;
        float: left !important;
        width: 100%;
        padding: 10px 0px;
    }

    .job-category-main .poll-section p {
        margin: 5px 0 0 0;
    }

    .job-content {
        width: 100%;
        float: left;
    }

    .panel-left-search .saved-search {
        padding: 8px 10px !important;
    }

    .job-category-main .advertisement img {
        min-height: 309px;
    }
}

@media (max-width: 1180px) and (min-width: 767px) {
    .sidebar-contact-one .contact-one-text .fa {
        padding-right: 8px;
        color: #979797 !important;
    }

    .candidate-right-section .form-control-small {
        width: auto;
        float: inherit !important;
    }

    .candidate-right-section .control-small-left {
        padding-left: 0;
    }

    .panel-1-main-bg,
    .panel-right {
        width: 100%;
    }
}

@media (max-width: 1022px) and (min-width: 100px) {
    .profile-tab-main .profile-content .sub-tab {
        min-height: 150px;
        min-width: 150px;
    }

    .source-header-contact {
        top: 25px;
    }

    .panel-heading-sub-h4 {
        padding: 0;
    }

    .panel-right {
        padding-top: 90px !important;
        width: 100%;
        float: left;
    }

    .panel-1-main-bg {
        width: 100%;
    }

    .control-sidebar-dark .activity-text-main .activity-text-sub {
        float: none;
        width: 100%;
        padding-top: 45px;
        margin-top: 0;
        padding-bottom: 35px;
    }

    .day-headers,
    .edit-bar,
    .pagination-scroll,
    .tab-two h4 {
        float: left;
        width: 100%;
    }

    .tab-two h4 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 20px;
    }
}

@media (max-width: 1024px) and (min-width: 100px) {

    .ntf-min-hiegt-768 {
        min-height: inherit;
    }

    /*-- Onboarding Module media quiry css */

    .panel-header-left.onbording-task-left {
        width: 50% !important;
    }

    .panel-header-right.onbording-task-right {
        width: 50% !important;
    }

    .onbording-task-right .view-part {
        margin-top: 0px !important;
    }

    .onboard-forms .body-content {
        width: 95%;
    }

    #EditCandidate .modal-content a {
        padding: 10px 0;
    }

    .body-content {
        width: 95%;
    }

    #EditCandidate .login-edit-poup .radio-inline {
        min-height: 32px;
    }

    #EditCandidate .modal-lg {
        width: 98%;
    }

    .new-hires-filter .col-md-3.col-sm-3.padding-left-0 {
        padding-right: 0px;
    }

    .new-hires-filter .line-eight-35 {
        line-height: 18px;
    }

    .new-hires-filter .col-md-3.col-sm-3.padding-left-0 {
        width: 22%;
    }

    .onbord-dash-bord-main .document-sub i img {
        padding-bottom: 70px;
    }

    .onbord-dash-bord-main .source-main {
        min-height: 439px;
    }

    .modal-dialog.modal-lg.joining-form-additional-width {
        width: 98%;
    }

    #ViewJoiningForm .btn-circle {
        padding: 5px 0;
    }

    .task-mngr-poup-sm input, select, textarea {
        min-height: inherit;
    }

    .task-manager-poup .treeview div.lastExpandable-hitarea {
        background-position: inherit;
    }

    .task-manager-poup .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
        background-position: inherit;
        margin-top: -3px;
    }

    .panel-new-hire-mngmt .form-control {
        height: 34px;
    }

    .add-new-her-poup-sm .modal-content a {
        padding: 10px 0;
    }

    .task-mngr-poup-sm .panel-right.setting-panel-right {
        width: 40%;
    }

    .add-new-her-poup-sm {
        width: 98%;
    }

    .task-mngr-poup-sm {
        width: 98%;
    }


    .new-hires-poup input[type=checkbox], input[type=radio] {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .new-hire-mngt-mn .panel-header-right {
        width: 50% !important;
    }

    .new-hire-mngt-mn button.btn.btn-large.dropdown-toggle.padding-top-0 {
        padding-top: 6px !important;
    }


    .add-new-her-poup-sm .input-group input {
        min-height: 32px !important;
    }

    .new-hire-mngt-mn .panel-header .panel-header-left, .panel-header .panel-header-right {
        width: 50%;
    }

    .new-hire-mngt-mn .panel-small-dvs input[type="checkbox"] {
        margin: 2px 0 0;
    }


    .new-hire-mngt-mn .panel-header .panel-header-right .view-part {
        margin-top: 0px;
    }

    /*-- Onboarding css End --*/

    .onboard-forms .radio input[type=radio] {
        margin-top: 4px !important;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory.padding-0 li a {
        background: none !important;
    }

    .source-header-contact .header-sub-panel h4 {
        font-size: 18px;
    }

    .panel-header .panel-header-left,
    .panel-header .panel-header-right {
        width: 100%;
    }

    .tab-content {
        font-size: 14px;
    }

    button.btn.dropdown-toggle.padding-top-bottom.bgwhi.margin-top-10 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .panel .panel-heading-title {
        padding: 0 10px;
        margin-right: 0px;
        font-size: 14px;
    }

    .candidate-main .name_details a {
        font-size: 15px;
    }

    .candidte-profile-mdl-main .candidate-main .name_details.rightline {
        min-height: 208px;
    }

    .right-nav ul li {
        text-align: center;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory li {
        margin-right: 5px;
    }

    .modal-content a {
        font-size: 13px;
    }

    .poup-right-header {
        width: 90%;
    }

    ul.dropdown-menu.billing-details-filter.dropdown-men-4.invoice-detail-1.col-xs-12.filter-search-home.display-none:after {
        left: 41% !important;
    }

    .poup-filter-1:after {
        left: 91% !important;
    }

    .panel-heading-2 .sortby:after {
        left: 40% !important;
    }

    .modal-additional-width .modal-footer {
        float: left;
        width: 100%;
    }

    .modal-lead-section .progress-xs-divise {
        width: 250px;
        float: inherit;
        margin: 0 auto;
    }

    .panel-1-main-bg,
    .panel-right {
        width: 100%;
        float: left;
    }

    .modal-lead-section h4 {
        text-align: center !important;
    }

    .panel-right {
        padding-top: 30px !important;
    }

    .slide-out-div {
        top: 443px !important;
    }

    .footer-responsive {
        display: block !important;
    }

    .footer-text {
        display: none;
    }
}

@media (max-width: 1023px) and (min-width: 100px) {


    /* Onboarding Module Media css */

    .company-document i {
        width: 100%;
        float: left;
    }

        .company-document i img {
            width: 20%;
            padding-bottom: 5px;
            *;
        }

    .onboard-forms .title {
        font-size: 15px;
    }

    #EditCandidate .col-md-6.padding-left-0 {
        padding-right: 0px;
    }

    #EditCandidate .col-md-6.padding-right-0 {
        padding-left: 0px;
    }

    ul.dropdown-menu.new-hires-filter:after {
        bottom: 100%;
        left: 65% !important;
    }

    .onbord-dash-bord-main .document-sub i {
        float: left;
        width: 100%;
    }

    .job-bdy-bg .messages-menu .fa {
        padding-top: 5px;
    }

    .job-bdy-bg .notifications-menu .fa {
        padding-top: 5px;
    }

    .onbord-dash-bord-main .document-sub i img {
        padding-bottom: 5px;
        width: 30%;
    }

    .new-hr-view-candidate .source-header-contact {
        position: inherit;
        top: inherit;
    }

    #ViewJoiningForm .modal-title {
        text-align: center;
    }

    #ViewJoiningForm .modal-content .tab-content {
        padding: 15px 5px 0px 5px;
    }

    #ViewJoiningForm .modal-content .modal-body {
        padding: 15px 0px 0px 0px;
    }

    .new-hire-mngt-mn .panel-header-right {
        width: 46% !important;
    }


    .new-hire-mngt-mn .panel-header .panel-header-left, .panel-header .panel-header-right {
        width: 54%;
    }

    .add-new-her-poup-sm .padding-left-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .add-new-her-poup-sm .padding-right-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .add-new-her-poup-sm .login-edit-poup input, select, textarea {
        min-height: 32px;
    }

    /* Onboarding End */


    .modal-dialog.modal-lg.view-source {
        width: 95%;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
        float: left;
    }

    .align-center {
        text-align: center !important;
        border-top: 0 solid #e5e5e5;
    }

    .user-img {
        margin-left: 0;
        text-align: right;
    }

    .user-section {
        margin: 15px 0;
    }

    .navbar-custom-menu .header:after,
    .user-header:after {
        display: none;
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {

    .footer-desktop {
        display: none !important;
    }

    .requirment-view .timeline-main .line {
        bottom: 106px !important;
    }

    .requirment-view .timeline-main .badge-defalt-left {
        bottom: 97px !important;
    }

    .requirment-view .timeline-main .badge-defalt-right {
        bottom: 97px !important;
    }

    .candidate-main .name_details.rightline {
        min-height: 228px !important;
    }

    .div-center2 {
        width: 90%;
    }

    .div-center {
        width: 75%;
    }

    .min-hight-237 {
        min-height: 276px;
    }

    .job-skr-cndt-dtls .table > thead:first-child > tr:first-child > th {
        border-top: 0;
        padding: 0 25px !important;
    }

    .refine-search .job-content-right {
        min-height: 400px;
    }

    #CompletenessChart {
        width: 108px;
        padding: 20px 10px !important;
    }

    #ShortListRatioChart {
        margin-top: 0;
        width: 120px;
        padding: 20px 15px;
    }

        #ShortListRatioChart .ab {
            width: 105px !important;
            height: 105px !important;
        }

        #ShortListRatioChart span.perc {
            width: 90px !important;
            line-height: 85px !important;
        }

        #ShortListRatioChart .cir {
            width: 85px !important;
            height: 85px !important;
        }

    #CompletenessChart .ab {
        width: 105px !important;
        height: 105px !important;
    }

    #CompletenessChart span.perc {
        width: 90px !important;
        line-height: 85px !important;
    }

    #CompletenessChart .cir {
        width: 85px !important;
        height: 85px !important;
    }

    .btn-circle.btn-xl {
        width: 100px !important;
        height: 100px !important;
        padding: 0px 16px !important;
        font-size: 18px !important;
        border-radius: 100px !important;
        margin-top: 20px !important;
    }

    .btn-circle.btn-lg {
        width: 100px;
        height: 100px;
        padding: 10px 16px;
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .candidate-main .title-footer {
        width: 100%;
        float: right;
    }

    .sidebar-open .ovarlapdivtop {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0);
        height: 1200px;
        z-index: 99999;
        left: 230px;
    }

    body.skin-blue.sidebar-mini.sidebar-open {
        height: 1200px;
        overflow: hidden;
    }

    .sidebar-open .content-wrapper {
        opacity: .8;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .top-record-page {
        margin-top: 0;
        text-align: left;
    }

    .panel-header .panel-header-right .view-part,
    .xs-dvs {
        width: 100%;
    }

    .xs-dvs {
        float: left;
    }

    .view-source-header-right a {
        padding: 12px 8px;
    }

    .panel .panel-heading {
        padding: 0 7px;
    }

    header.panel-heading h4 {
        font-size: 12px;
    }

    .col-sm-10.add-lead-section {
        padding-left: 0;
    }

    .panel-heading-2 .btn {
        font-size: 15px;
        padding: 6px 5px;
    }

    .handled-padding-left {
        padding-left: 10px;
    }

    .panel .color-1 {
        padding: 12px 6px 0 0 !important;
    }

    button.btn-group.btn.add-lead-btn {
        min-width: 120px !important;
        text-align: left;
    }

    .panel .panel-heading-title {
        font-size: 14px;
        padding: 0 7px;
    }
}

@media (max-width: 768px) and (min-width: 100px) {

    /*-- Bugs Fixing css --*/

    .ntf-min-hiegt-768 {
        padding-top: 25px !important;
    }

    .pagination > li > a {
        background: #fafafa;
        color: #666;
    }

    .pagtn-responsive-768 {
        display: block;
    }

    .pagtn-responsive {
        display: none;
    }

    .footer-desktop {
        display: none !important;
    }

    .all-message-right-section {
        margin-top: 25px;
    }

    .all-msge-rght-sctn-overflow {
        width: 100%;
    }

    /*-- Bugs Fixing css End--*/

    .app-settings .form-control {
        min-width: 40% !important;
    }

    .col-md-12.addque-block.margin-bottom-0 {
        padding: 0px;
    }

    ul.nav.nav-wizard.text-white {
        width: 100%;
        padding: 0 5px;
    }

    .requirment-view .timeline-main .badge-defalt-text a:last-child {
        padding-right: 0%;
    }

    .source-header-contact .header-sub-panel .view-name {
        font-size: 17px;
        padding-left: 20px;
    }

    .requirment-view .recruitment-line {
        bottom: 106px !important;
    }

    .requirment-view .rmnt-bdg-dflt-120 {
        bottom: 97px !important;
    }

    .poup-right-header {
        width: 85%;
    }

    .add-event-cldr h4 {
        float: inherit !important;
        width: auto !important;
    }

    .candidate-offer ul.nav.nav-tabs.add-lead-sm.offerhistory li {
        width: auto;
    }

    .requirment-evalsheet-45 {
        margin-top: -30px;
    }

    #changestatus h3.modal-title {
        margin-top: 0px;
    }

    .source-header-contact .header-sub-panel .back-to-result a {
        margin-left: 12px;
    }

    .source-header-contact .header-sub-panel .source-pagination {
        margin-left: 0%;
    }

    .div-center2 {
        width: 100%;
        padding-left: 5%;
    }

    .div-center {
        width: 80%;
    }

    .take-exame-login .div-center {
        width: 80%;
    }

    .form-inline.text-right input[type="checkbox"] {
        vertical-align: middle;
    }

    .calendar-popup span.calendar-hh-mm {
        padding: 2px 5px;
        float: left;
    }

    .job-content-left.content-padding.content-margin {
        padding: 0px;
    }

    .caln-day-div {
        margin: 10px 4px;
    }

    .refine-search select.form-control {
        min-width: 100px;
    }

    .col-lg-12.col-md-12.col-xs-12.col-sm-12.job-skr-cndt-dtls {
        padding: 0px;
        width: 100%;
    }

    .stepwizard-step p {
        padding-left: 0px;
    }

    .job-skr-cndt-dtls .tab-content input.form-control {
        margin-top: 5px;
        width: 130px;
    }

    .job-content-right {
        min-height: inherit !important;
    }

        .job-content-right .all-job-title {
            margin: 0px 0px;
        }

    .seeker-summary {
        padding: 20px 15px !important;
    }

    .name-details-container .font-16 {
        font-size: 13px !important;
        padding-bottom: 6px;
    }

    #CompletenessChart {
        width: 108px;
        padding: 20px 10px !important;
    }

    #ShortListRatioChart {
        margin-top: -70px;
        width: 124px;
        padding: 20px 0px;
    }

        #ShortListRatioChart .ab {
            width: 105px !important;
            height: 105px !important;
        }

        #ShortListRatioChart span.perc {
            width: 90px !important;
            line-height: 85px !important;
        }

        #ShortListRatioChart .cir {
            width: 85px !important;
            height: 85px !important;
        }

    #CompletenessChart .ab {
        width: 105px !important;
        height: 105px !important;
    }

    #CompletenessChart span.perc {
        width: 90px !important;
        line-height: 85px !important;
    }

    #CompletenessChart .cir {
        width: 85px !important;
        height: 85px !important;
    }

    .btn-circle.btn-xl {
        width: 100px !important;
        height: 100px !important;
        padding: 0px 16px !important;
        font-size: 18px !important;
        border-radius: 100px !important;
        margin-top: 20px !important;
    }

    .btn-circle.btn-lg {
        width: 100px;
        height: 100px;
        padding: 10px 16px;
        font-size: 13px;
    }

    .navbar-custom-menu.job-seeker-custom-menu {
        margin-bottom: 0px;
    }

    ul.dropdown-menu.job-skr-dropdown-sml-dvs {
        top: 180px;
        right: 275px !important;
    }

    ul.dropdown-menu.job-skr-dropdown-sml-dvs-1 {
        top: 180px !important;
        right: 458px !important;
    }

    ul.dropdown-menu.job-skr-dropdown-sml-dvs-2 {
        top: 180px !important;
        right: 419px !important;
    }

    #CompletenessChart {
        width: 125px;
    }

    .col-lg-2.col-md-3.col-sm-5.col-xs-12.margin-top-50.margin-sm-top {
        margin-top: 0px !important;
    }

    .job-seeker-custom-menu {
        float: left;
        width: 104%;
        background-color: #f7f7f7;
        margin: -25px -15px 25px -15px;
        border-top: solid 1px #ddd;
    }

        .job-seeker-custom-menu.navbar-custom-menu > .navbar-nav {
            float: initial !important;
            margin: 0 35%;
        }

    .job-skr-header-sml-dvs {
        float: left;
        width: 100%;
        background-color: #fff;
        margin-bottom: 25px;
    }

    .job-skr-sml-dvs .logo {
        width: 100% !important;
        float: inherit !important;
        text-align: center !important;
    }

    .job-skr-sml-dvs {
        width: 100% !important;
        float: left;
        background-color: #f7f7f7;
        text-align: center !important;
    }

    .name-details-container {
        margin-left: 5px !important;
    }

    .background-white.height-400.height-sm-250 {
        min-height: initial !important;
    }

    .job-exp {
        margin-bottom: 20px;
    }

    .hr-poup {
        float: left;
        width: 65%;
    }

    .sm-border-none {
        border-right: solid 0px #ced0d4 !important;
    }

    .margin-top-minus-60 {
        margin-top: -60px;
    }

    .margin-top-minus-30 {
        margin-top: -30px;
    }

    .blue-text-div {
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .xs-dvs {
        width: 100%;
        float: left;
    }

    a.left.carousel-control {
        margin: 38% 0 !important;
    }

    a.right.carousel-control {
        margin: 38% 0 !important;
    }

    header.panel-heading h4 {
        font-size: 15px !important;
    }

    .modal-dialog.modal-lg.view-source {
        width: 95%;
    }

    .panel .panel-heading {
        padding-left: 8px;
        padding-right: 8px;
    }

    .panel-header.padding-top-30 {
        padding-top: 0px;
    }

    .panel-heading-2 .bulk:after {
        left: 51%;
    }

    .candidate-mdl-fltr:after {
        left: 95% !important;
    }

    .logo-lg img {
        vertical-align: inherit !important;
    }

    .col-sm-12.panel-1-main-bg {
        padding-top: 0px;
    }

    label.font-14.padding-3 {
        margin-right: 5px;
    }

    .panel-1-main-bg.padding-top-0 {
        padding-top: 0px;
    }

    .col-sm-12.panel-1-main-bg {
        padding-top: 0px;
    }

    .candidate-main .profile-details {
        padding-bottom: 0px !important;
    }

    ul.nav.nav-tabs.add-lead-sm.offerhistory li {
        width: 100%;
        margin-bottom: 3px;
    }

    .report-view-poup-right {
        margin-top: 20px;
    }

    .report-dropdown-menu {
        right: -10px !important;
    }

    .align-center {
        padding: 0 15px 10px 15px;
    }

    .panel .devider {
        min-height: 53px;
    }

    .panel-heading-2 .btn-group > .btn + .dropdown-toggle {
        margin-left: 0px;
    }

    .report-right-hide-main {
        padding-top: 10px;
    }

    .margin-top-50 {
        margin-top: 0px;
    }

    .sml-dvs-min {
        min-height: 700px;
    }

    .billing-right-min-hight {
        min-height: inherit !important;
        margin-bottom: 25px;
    }

    ul.dropdown-menu.billing-details-filter.dropdown-men-4.invoice-detail-1.col-xs-12.filter-search-home.display-none:after {
        left: 5% !important;
    }

    ul.dropdown-menu.billing-details-filter.dropdown-men-4.invoice-detail-1.col-xs-12.filter-search-home.display-none {
        top: 95px;
    }

    ul.dropdown-menu.poup-filter-1 {
        right: 15px !important;
    }

    .poup-filter-1:after {
        left: 72% !important;
    }

    .user-section .table-responsive {
        min-height: inherit !important;
        overflow-x: inherit !important;
    }

    .pull-right.sm-dvs-btn .btn.btn-primary {
        margin-bottom: 5px;
    }

    .panel-heading-2 .sortby:after {
        left: 34% !important;
    }

    .skill-table.table > thead > tr > th,
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td {
        font-size: 12px;
    }

    .tab-content-main .table-responsive {
        width: 100%;
        padding-left: 0;
    }

    ul.nav.nav-tabs.tab-additional a {
        font-size: 14px;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
        padding: 10px;
    }

    .panel-heading-2 .bulk-action:after {
        left: 55% !important;
    }

    .panel .panel-heading {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .logpad-small-dvs {
        width: 730px;
    }

    h3#myModalLabel {
        padding-top: 15px;
        margin: 0 !important;
    }

    .panel-heading-2 .records:after {
        left: 88% !important;
    }

    .xs-dvs {
        width: 100%;
        float: left;
    }

    header.panel-heading h4 {
        font-size: 14px !important;
        float: left;
        width: 100%;
    }

    .modal-dialog.modal-lg.view-source {
        width: 95%;
    }

    .statistic.nav-tabs.nav-justified > li {
        padding: 13px 5px;
    }

    .add-lead-section {
        padding-left: 0;
    }

    .panel-heading-2 .btn {
        font-size: 15px;
        padding: 6px 5px;
    }

    .handled-padding-left {
        padding-left: 10px;
    }

    .panel .color-1 {
        padding: 12px 6px 0 0 !important;
    }

    button.btn-group.btn.add-lead-btn {
        min-width: 120px !important;
        text-align: left;
    }

    .panel .panel-heading-title {
        font-size: 14px;
        padding: 0 5px;
    }

    .modal-additional-width {
        width: 97% !important;
    }

    .align-center {
        text-align: center !important;
        border-top: 0 solid #e5e5e5;
    }

    .view-edit-text-main {
        margin: 15px 0 0;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 30%;
        float: left;
    }

    .control-sidebar {
        padding-top: 60px;
    }

    .panel-heading-sub-h4 {
        padding: 0;
    }

    .logpad-box .margin-label,
    .panel-header .panel-header-right .view-part {
        width: 100%;
        margin-top: 20px;
    }
}


/*fr latest edit css 26/07/17*/

/*.live-chat-hide {
    display: none;
    left: 18% !important;
}


.live-chat-sub {
    bottom: 0;
    font-size: 12px;
    left: 0px;
    position: fixed;
    width: 250px;
    z-index: 9999;
}

    .live-chat-sub .chat-option {
        margin: 10px 0;
    }

    .live-chat-sub header {
        background: #999;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        padding: 5px 15px;
    }

    .live-chat-sub h4:before {
        background: #1a8a34;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: 3px 8px 0 3px;
        width: 8px;
        float: left;
    }

    .live-chat-sub h4 {
        font-size: 12px;
    }

    .live-chat-sub h5 {
        font-size: 10px;
    }

    .live-chat-sub form {
        padding: 2px;
    }

    .live-chat-sub input[type="text"] {
        border: 1px solid #ccc !important;
        border-radius: 3px;
        padding: 8px;
        outline: none;
        width: 202px;
    }

    .live-chat-sub .chat-message-counter {
        background: #e62727;
        border: 1px solid #fff;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: bold;
        height: 28px;
        left: 0;
        line-height: 28px;
        margin: -15px 0 0 -15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }

    .live-chat-sub .chat-close {
        background: #1b2126;
        border-radius: 50%;
        color: #fff;
        display: block;
        float: right;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 2px 0 0 0;
        text-align: center;
        width: 16px;
    }

    .live-chat-sub .chat {
        background: #fff;
        padding: 5px 4px 5px 6px;
    }

    .live-chat-sub .chat-history {
        height: 287px;
        padding: 0px 0px;
        overflow-y: hidden;
    }

    .live-chat-sub .chat-message {
        margin: 16px 0;
    }

        .live-chat-sub .chat-message img {
            border-radius: 50%;
            float: left;
        }

    .live-chat-sub .chat-option h4 {
        width: 73%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
    }

    .live-chat-sub .chat-message-content {
        margin-left: 56px;
    }

    .live-chat-sub .chat-time {
        float: right;
        font-size: 10px;
    }

    .live-chat-sub .chat-feedback {
        font-style: italic;
        margin: 0 0 0 80px;
    }

    .live-chat-sub header h4 {
        color: #000;
    }

    .live-chat-sub small.pull-right {
        line-height: 15px;
    }


    .live-chat-sub .all-message-right-attach {
        /*width: 94%;
        bottom: -2px;
        position: absolute;
        background-color: #fff;
        padding-top: 10px !important;
        border-radius: 0px !important;
        border-top: solid 1px #f0f3f7 !important;
        border: 0px;*/
/*width: 100%;
        bottom: -2px;
        position: absolute;
        background-color: #fff;
        padding-top: 10px !important;
        border-radius: 0px !important;*/
/*border-top: solid 1px #f0f3f7 !important;*/
/*border: 0px;
        padding-right: 11px;
        margin-bottom: 1px;
    }

    .live-chat-sub .chat-option h3 {
        width: 73%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        padding: 0 0 0 7px;
        margin: 0px;
    }

    .live-chat-sub small {
        font-size: 100% !important;
        line-height: 16px !important;
    }*/

.log-in-main .modal-footer .btn-center {
    width: 100%;
    text-align: center;
}

.form-group {
    margin-bottom: 10px;
    width: 100%;
    /*TODO : Ganesan*/
    /*display: inline-block;*/
}

.modal-popup-content {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.0) !important;
    border-radius: 2px;
    background-color: #eee;
    display: -webkit-box;
}


/*fieldset css*/
.com-fieldset {
    border: solid 1px #ccc;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border-radius: 2px;
    padding: 0px 15px 15px 15px;
    margin-top: 25px;
}

    .com-fieldset > legend {
        display: block;
        width: auto;
        padding: 5px 15px;
        margin-bottom: 15px;
        font-size: 15px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-radius: 2px;
        border: solid 1px #eee;
        font-weight: normal;
        background-color: #eee;
    }

    .com-fieldset > .com-fieldset-footer {
        margin-top: 25px;
        margin-bottom: 5px;
    }

        .com-fieldset > .com-fieldset-footer > .btn {
            min-width: 100px;
        }

        .com-fieldset > .com-fieldset-footer > .btn-default {
            background-color: #e3e3e3 !important;
        }


.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel-default .list-group-item.active {
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}

.panel-primary .list-group-item.active {
    color: #FFF;
    background-color: #428BCA;
    border-color: #428BCA;
}

.panel-success .list-group-item.active {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.panel-info .list-group-item.active {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}

.panel-warning .list-group-item.active {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}

.panel-danger .list-group-item.active {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}


.dd_chk_select_full {
    width: 100% !important;
}

.panel a.list-group-item.active:hover, a.list-group-item.active:focus {
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}


/* Filter Selected User css */

#caption {
    background-color: #fff;
    /*border: solid 1px #ccc;*/
    border-radius: 4px;
    padding: 0 10px;
    margin-bottom: 10px;
    color: #a1a1a1;
    display: unset;
}

    #caption:hover {
        cursor: pointer;
    }

    #caption .fa.fa-user {
        color: #cacaca;
        padding-right: 10px;
        padding-top: 10px;
    }

    #caption .fa.fa-caret-down {
        color: #666;
        padding-left: 10px;
        padding-top: 10px;
    }

div.dd_chk_drop ul.PCControl {
    list-style-type: none;
    width: 97%;
    margin-left: inherit;
    margin-left: 5px;
}

div.dd_chk_drop li.PCControl {
    list-style-type: none;
    margin-left: 10px;
    font-weight: normal;
    white-space: nowrap;
}

span.PCControl {
    padding-left: 5px;
}

div.dd_chk_drop li.PCControl[parent='0'] {
    font-weight: bold !important;
}

div.dd_chk_drop {
    position: absolute;
    background-color: white;
    border: 1px solid #CCCCCC;
    text-align: left;
    z-index: 2001 !important;
    left: 15px;
    top: 90%;
    min-width: 90%;
    display: none;
}

    div.dd_chk_drop div {
        border-style: none;
        padding: 4px 4px 4px 4px;
        max-height: 200px;
        overflow: auto;
        line-height: normal;
    }

    div.dd_chk_drop label.PCControl {
        float: none !important;
    }

#searchPanel .innerPanel .box span, #searchPanel .innerPanel .box label {
    float: left;
    padding: 1px 5px;
    width: 148px;
}

#searchPanel .innerPanel .box span, #searchPanel .innerPanel .box label {
    float: left;
    padding: 1px 5px;
    width: 148px;
}



/* Fieldset css */

/*document table fix start - right panel*/
.view-details h5 span {
    color: #999;
    font-size: 16px !important;
    display: inline-block;
    width: 125px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: bold;
}

.view-details h5 time {
    float: right;
    font-size: 13px;
    display: inline-block;
    width: 125px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: normal;
}

.view-details p {
    float: left;
    font-size: 15px;
    display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: normal;
    padding-left: 30px;
}

.view-details .table {
    margin-bottom: 0px;
}

    .view-details .table td {
        padding: 0px;
        background-color: #fff;
    }

.hr-mngr-tble span {
    padding-right: 0px !important;
    display: inline-block;
    width: 125px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: normal;
    line-height: 12px;
}
/*document table fix end - right panel*/

/*button css start*/
.bg-none {
    background: none !important;
}

.dflt-btn-a-tag {
    background: #ca2e3f;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border-left: solid 1px #a20404;
    min-height: 34px;
    padding: 8px 15px;
    border-radius: 4px;
    font-weight: normal;
    float: left;
}

    .dflt-btn-a-tag .fa {
        padding-right: 4px;
    }

    .dflt-btn-a-tag:hover {
        color: #fff;
    }
/*button css end*/

/*filter search css start - 01-09-2017*/

section.sidebar {
    overflow-y: auto;
    max-height: 1111px;
    overflow-x: hidden;
}

.filter-search-home .btn.btn-primary {
    background-color: #00558e !important;
}

.filter-search-home .btn.btn-default {
    background-color: #e3e3e3 !important;
}

.filter-search-home1 .btn.btn-primary {
    background-color: #00558e !important;
}

.filter-search-home1 .btn.btn-default {
    background-color: #e3e3e3 !important;
}

button.btn.dropdown-toggle {
    background: 0 0;
}
/*filter search css end - 01-09-2017*/


/*#live-chat-div,
.live-chat-sub,
.live-chat-hide {
    left: 250px !important;
}*/

.live-chat-sub,
.live-chat-sub h4 {
    font-size: 12px;
}

.live-chat-sub {
    /*bottom: 0;*/
    /*left: 250px;*/
    /*position: fixed;*/
    width: 250px;
    z-index: 9999;
    position: relative;
    float: left;
    padding-right: 10px;
    /*border: 1px solid black;
    width: 270px;
    float: left;
    z-index: 1000;
    background-color: white;
    margin-left: 246px;*/
}

    .live-chat-sub .chat-option {
        margin: 10px 0;
    }

    .live-chat-sub header {
        background: #999;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        padding: 5px 15px;
    }

    /*.live-chat-sub h4:before {
        background: #1a8a34;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: 3px 8px 0 3px;
        width: 8px;
        float: left;
    }*/

    .live-chat-sub h5 {
        font-size: 10px;
    }

    .live-chat-sub form {
        padding: 2px;
    }

    .live-chat-sub input[type=text] {
        border: 1px solid #ccc !important;
        border-radius: 3px;
        padding: 8px;
        outline: 0;
        width: 202px;
    }

    .live-chat-sub .chat-message-counter {
        background: #e62727;
        border: 1px solid #fff;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: 700;
        height: 28px;
        left: 0;
        line-height: 28px;
        margin: -15px 0 0 -15px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }

    .live-chat-sub .chat-close {
        background: #1b2126;
        border-radius: 50%;
        color: #fff;
        display: block;
        float: right;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 2px 0 0;
        text-align: center;
        width: 16px;
    }

    .live-chat-sub .chat {
        background: #fff;
        padding: 5px 4px 5px 6px;
    }

    .live-chat-sub .chat-message {
        margin: 16px 0;
    }

        .live-chat-sub .chat-message img {
            border-radius: 50%;
            float: left;
        }

    .live-chat-sub .chat-option h4 {
        width: 73%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
    }

    .live-chat-sub .chat-message-content {
        margin-left: 56px;
    }

    .live-chat-sub .chat-time {
        float: right;
        font-size: 10px;
    }

    .live-chat-sub .chat-feedback {
        font-style: italic;
        margin: 0 0 0 80px;
    }

    .live-chat-sub header h4 {
        color: #000;
    }

    .live-chat-sub small.pull-right {
        line-height: 15px;
    }

    .live-chat-sub .all-message-right-attach {
        width: 91%;
        bottom: -2px;
        position: absolute;
        background-color: #fff;
        padding-top: 5px !important;
        border-radius: 0 !important;
        border-top: solid 1px #f0f3f7 !important;
        border: 0;
        margin-bottom: 1px;
    }

        .live-chat-sub .all-message-right-attach .input-group {
            width: 100%;
            /*padding-bottom: 5px;*/
        }

    .live-chat-sub .chat-option h3 {
        width: 73%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        padding: 0 0 0 7px;
        margin: 0;
    }

    .live-chat-sub small {
        font-size: 100% !important;
        line-height: 16px !important;
    }

.chat1 {
    background: #fff;
    padding: 5px 4px 5px 6px;
}

.live-chat-sub .chat-history {
    /*height: 291px;*/
    height: 215px;
    padding: 0;
    overflow-y: scroll;
}

#ChatParent {
    position: fixed;
    /*height: 345px;*/
    /*right: 260px;*/
    left: 260px;
    bottom: -2px;
    z-index: 1000;
    width: 60%;
}

.clsUserRight {
    display: none;
}

.panel-body-padding .fa-star {
    color: #a20404;
    padding: 0 20px;
}

.panel-body-padding .fa-certificate {
    color: #ecb54a;
    padding: 0 20px;
}

.title-margin {
    margin: -5px 0px -2px 0px;
    font-size: 14px;
}

#control-sidebar-documents-tab .responsive-calendar {
    padding: 8px 0 !important;
}

/*start settings configuration */
section.settings-config select.form-control {
    margin-bottom: 10px !important;
    margin-top: 10px;
}

section.settings-config .panel-heading-btn-group {
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
}

.padding-top20 {
    padding-top: 20px;
}

.add-transactions header {
    padding: 10px 10px;
    background: #eee;
    line-height: 2;
}

.add-transactions .header {
    padding: 6px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

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

    .add-transactions ul li {
        width: 100%;
        font-size: 1.2em;
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

.Transactions-div {
}

    .Transactions-div .header {
        font-size: 1.2em;
        padding-top: 6px;
        line-height: 2;
    }

    .Transactions-div .content {
        background: #fff !important;
        border: 2px solid #ddd;
        margin-top: 10px;
        padding: 10px !important;
        padding-bottom: 0px !important;
        min-height: 100px;
        height: auto;
        cursor: move;
        display: inline-block;
        width: 100%;
    }

        .Transactions-div .content .item {
            float: left;
            background: #ddd;
            margin-right: 5px;
            border-radius: 2em;
            padding: 5px 10px;
            border: 1px solid #bababa;
            margin-bottom: 10px;
        }

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #sortable li {
    }

.Transactions-div .content h3 {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 1.2em;
}

label#modulelabel {
    margin-top: 0;
    padding-top: 4px;
}

.Transactions-div .content .item .close {
    font-size: 16px;
    line-height: 21px;
    margin-left: 10px;
}

.footer-text {
    position: absolute;
    bottom: 20px;
    left: 0;
}

li.ui-sortable-handle.yellow.ui-sortable-helper .content {
    background: #eee !important;
}

.addnew1 {
    display: none;
    margin-bottom: 15px;
}

@media (max-width: 1024px) {

    .Transactions-div {
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .footer-text {
        display: none !important;
    }
}
/*end settings configuration */

#schedulerPageEvents .input-group .input-group-addon {
    padding: 0 0 0 6px !important;
}

#schedulerPageEvents .input-group .form-control:last-child {
    border-left: 0px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*hide show user rights start*/
.hideRights {
    display: none !important;
}

.showRights {
    display: inline-block !important;
}
/*hide show user rights end*/
.ddlUserList-width {
    width: 260px;
}

.answerdiv input[type="radio"] {
    margin-top: 3px !important;
}

.answerdiv label {
    float: left;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #737070;
    display: inline-block;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #737070;
    display: inline-block;
}


#subControl .sub-nav li.active:after {
    content: " ";
    position: absolute;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #c1272d;
    left: 35%;
    bottom: -15%;
}

#subControl .sub-nav > li.active > a {
    border-bottom: 0px solid #c1272d !important;
}

#ul_tabs .tabs {
    cursor: pointer;
}

.targetActive {
    border-left: 5px solid #a90707 !important;
}

/* Rounded sliders */
.switch {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 13.5px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .1s;
    transition: .1s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .1s;
        transition: .1s;
    }

input:checked + .slider {
    background-color: #6eb6ef;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 50px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*end Rounded sliders*/

/*Start Button outline styles*/
.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }


.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }
/*End Button outline styles*/

/* UDF Classes starts here*/

.udf_value table {
    width: 100% !important;
    display: inline-block;
    max-height: 200px;
    overflow-x: auto;
}

.udf_value {
    clear: both;
}

.udf_container {
    width: 50% !important;
    min-height: 6.75em;
    float: left;
    padding: 0 10px;
}

.udf_label span {
    margin-bottom: 5px;
}

.udf_btn {
    padding: 5px;
    display: block;
    text-align: center;
}

/* UDF Classes ends here*/

.profile-owner-ddl li span {
    word-wrap: normal !important;
    word-break: keep-all;
    white-space: nowrap;
    display: block;
}

.profile-owner-ddl li {
    display: block;
    width: auto;
}