@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 12px;
    color: #323232;
    background: #fff;
}

html, body {
    height: 100%;
}

input, select, textarea {
    font-family: Arial;
    font-size: 12px;
    color: #c0c0c0;
    border: 0px;
}

section, nav, header, footer, figure, article, aside {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

/*ul, ul li {
    list-style: none
}*/
ul {
    list-style: none
}

img {
    border: none;
    vertical-align: middle;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

input[type=button], input[type=submit] {
    cursor: pointer;
    border: none;
    overflow: visible;
    outline: none;
}

@font-face {
    font-family: 'Helveticalight';
    src: url('../fonts/helveticalight/helvetica-neue-light.eot');
    src: url('../fonts/helveticalight/helvetica-neue-light.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticalight/helvetica-neue-light.woff') format('woff'), url('../fonts/helveticalight/helvetica-neue-light.ttf') format('truetype'), url('../fonts/helveticalight/helvetica-neue-light.svg#Helveticalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----Main Wrapper----*/
.wrap {
    position: relative;
}

/*----Main Wrapper----*/
#main-wrapper {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

/*----Header----*/
.header {
    display: inline-block;
    width: 100%;
    padding: 34px 0 0 0;
    background: url(../images/top-bar.png) no-repeat center top;
}

.logo {
    float: left;
    width: 270px;
    padding-left: 13px;
}

.head-rt {
    float: right;
    width: 440px;
    padding: 10px 0 0 0;
}

.image-list {
    float: left;
}

    .image-list li {
        float: left;
        padding: 0 14px 0 0;
    }

.hello-txt {
    text-align: right;
    padding: -2 4px 0 29px;
}

    .hello-txt p {
        color: #1f8298;
        font-size: 14px;
    }

/*----Header tab----*/
.hdr-links {
    float: right;
    padding-top: 3px;
}

    .hdr-links li {
        float: left;
        background: url(../images/hdr-link-sprtr.png) no-repeat right 4px;
        padding: 0 9px;
    }

        .hdr-links li.last {
            background: none;
            padding-right: 0;
        }

        .hdr-links li a {
            color: #1f8298;
            font-size: 12px;
        }

            .hdr-links li a:hover {
                color: #000;
            }

.header-nav {
    display: inline-block;
    clear: both;
    width: 100%;
    padding: 2px 0 0 0;
    background: #edf8fa;
}
/*.hdr-lnks { overflow:hidden;}*/
.hdr-lnks li {
    float: left;
    margin-right: 1px;
}

    .hdr-lnks li p {
        color: #1f8298;
        font-size: 16px;
        padding: 3px 11px 0;
        font-weight: bold;
    }

    .hdr-lnks li a {
        background: url(../images/tab-lt.png) no-repeat left top;
        padding-left: 19px;
        height: 30px;
        display: inline-block;
    }

        .hdr-lnks li a span {
            background: url(../images/tab-rt.png) no-repeat right top;
            padding-right: 19px;
            height: 30px;
            line-height: 30px;
            color: #484849;
            font-size: 10px;
            display: inline-block;
            font-weight: bold;
        }

        .hdr-lnks li a:hover {
            background: url(../images/link-hover-lt.png) no-repeat left top;
        }

            .hdr-lnks li a:hover span {
                background: url(../images/link-hover-rt.png) no-repeat right top;
            }

        .hdr-lnks li a.selected {
            background: url(../images/link-hover-lt.png) no-repeat left top;
        }

            .hdr-lnks li a.selected span {
                background: url(../images/link-hover-rt.png) no-repeat right top;
            }

/*----Main Content----*/
.main-cont {
    overflow: hidden;
    z-index: 1;
}

/*----Content Tab----*/
.cont-tab {
    width: 68px;
    float: left;
    border: 1px solid #d0cdcd;
    background: url(../images/tab-grad.png) repeat-y left top;
    min-height: 687px;
}

.tab-links {
    overflow: hidden;
}

    .tab-links li {
        overflow: hidden;
        background: url(../images/tab-seperator.png) no-repeat center bottom;
        position: relative;
    }

        .tab-links li a {
            display: block;
            height: 77px;
        }

            .tab-links li a div {
                color: #666668;
            }

            .tab-links li a span {
                position: absolute;
                font-size: 11px;
                color: #666668;
                text-align: center;
                width: 68px;
                bottom: 14px;
                left: 0;
            }

.dashboard {
    background: url(../images/dashboard.png) no-repeat center 10px;
    padding: 2px;
}

.customers {
    background: url(../images/customers.png) no-repeat center 14px;
    padding: 2px;
}

.cases {
    background: url(../images/cabinet.png) no-repeat center 21px;
    padding: 2px;
}

.projects {
    background: url(../images/44-shoebox.png) no-repeat center 12px;
    padding: 2px;
}

.calendar {
    background: url(../images/clndr.png) no-repeat center 15px;
    padding: 2px;
}

.reports {
    background: url(../images/reports.png) no-repeat center 11px;
    padding: 2px;
}

.file {
    background: url(../images/document.png) no-repeat center 5px;
    padding: 2px;
}

.createTimeLine {
    background: url(../images/time-line.png) no-repeat center 16px;
    padding: 2px;
}

.viewTimeLine {
    background: url(../images/looking-glass.png) no-repeat center 18px;
    padding: 2px;
}


/*----Right Panel----*/
.rt-bar {
    background: url(../images/right-bar-grad.png) repeat-y left top;
    position: relative;
    min-height: 687px;
    width: 26px;
    float: right;
    border-top: 1px solid #dfe3e5;
    border-left: 1px solid #dfe3e5;
}

.arrow_box {
    margin: 10px 0 0 2px;
}

.mar-lt {
    margin-left: 3px;
}

.connect_img {
    position: absolute;
    top: 160px;
    left: 9px;
}

/*----Middle Content Starts----*/
.mid-cont {
    overflow: hidden;
}

#create_timeline {
    overflow: hidden;
}

.top_blue_bar {
    background: url(../images/cont-blue-grad.png) repeat-x left top;
    padding: 12px 0 5px;
    overflow: hidden;
    background-size: 100% 100%;
}

.hdng-sctn {
    width: 50%;
    float: left;
    padding: 0 0 0 2%;
}

    .hdng-sctn h3 {
        font-size: 14px;
        color: #f4f8f9;
        font-weight: lighter;
    }

    .hdng-sctn h1 {
        font-size: 26px;
        color: #fff;
    }

.rt-links {
    float: right;
    width: 12%;
}

    .rt-links li {
        float: left;
        padding-right: 11px;
        text-align: center;
    }

        .rt-links li span {
            display: block;
            color: #fff;
            font-size: 8px;
            text-align: center;
        }

.wt-link-sctn {
    height: 39px;
    position: relative;
}

.link-box {
    position: absolute;
    right: 15%;
    top: 15%;
}

.new_rqst {
    overflow: hidden;
}

.top-blu-hdng {
    background: #a0d8e4;
    padding: 6px 0 6px 8px;
    font-size: 13px;
    color: #2d2b2b;
}

    .top-blu-hdng img {
        margin: 0 4px 1px 0;
    }

.detail_info {
    overflow: hidden;
    padding-top: 13px;
}

    .detail_info li {
        padding-bottom: 5px;
        float: left;
        width: 100%;
    }

        .detail_info li label {
            color: #2d2b2b;
            font-size: 12px;
            float: left;
            width: 123px;
            text-align: right;
            margin-right: 15px;
            padding-top: 4px;
            font-weight: bold;
        }

            .detail_info li label.ui-dropdownchecklist-text {
                float: none;
            }

.detai_input {
    border: 1px solid #c0c1c1;
    border-radius: 2px;
    padding: 3px 4px;
    background: #fff;
    outline: none;
    color: #333;
}

.detail_input {
    width: 400px;
    border: 1px solid #c0c1c1;
    border-radius: 2px;
    padding: 3px 4px;
    background: #fff;
    outline: none;
    color: #333;
}

.detail_input_left {
    width: 400px;
    border: 1px solid #c0c1c1;
    border-radius: 2px;
    padding: 3px 4px;
    background: #fff;
    outline: none;
    color: #333;
    float: left;
}

.input_box {
    float: left;
    width: 75%;
}

.cstmr_name input[type="text"] {
    width: 50%;
    float: left;
}

.cstmr_name img {
    float: left;
    margin-left: 5px;
}

.add_new {
    font-size: 10px;
    color: #1895c3;
    font-weight: bold;
    margin: 5px 0 0 25px;
    float: left;
    display: block;
}

    .add_new:hover {
        color: #000;
    }

.acnt_nmbr input[type="text"] {
    width: 30%;
}

.input_box select {
    float: left;
}

.select_box {
    color: #333333;
    width: 170px;
    border: 1px solid #c0c1c1;
    padding: 3px 4px;
    background: #fff;
    border-radius: 2px;
    outline: none;
}

.select_box_left {
    color: #333333;
    width: 170px;
    border: 1px solid #c0c1c1;
    padding: 3px 4px;
    background: #fff;
    border-radius: 2px;
    outline: none;
    float: left;
}

.multiple_slct {
    background: #f4f5f6;
    padding: 12px 0 0 12px;
    border: 1px solid #c0c1c1;
    border-radius: 2px;
    height: 108px;
    float: left;
    color: #077da9;
    font-size: 13px;
    width: 31%;
}

.tranfer-arrow {
    width: 44px;
    position: relative;
    float: left;
    height: 108px;
}

.rt-arrow {
    position: absolute;
    top: 18px;
    left: 12px;
}

.lt-arrow {
    position: absolute;
    bottom: 18px;
    left: 12px;
}

.button_box {
    padding-top: 63px;
    margin-bottom: 80px;
}

.green_btn {
    background: url(../images/grren-btn-lt.png) no-repeat left top;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding-left: 16px;
    height: 19px;
    display: block;
}

    .green_btn div {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: url(../images/grren-btn-rt.png) no-repeat right top;
        padding-right: 16px;
        height: 19px;
        color: #fff;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        cursor: pointer;
        border: none;
        overflow: visible;
        outline: none;
    }

    .green_btn input[type="button"], .green_btn.green_btn_new input[type="submit"] {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: url(../images/grren-btn-rt.png) no-repeat right top;
        padding-right: 16px;
        height: 19px;
        color: #fff;
    }

.btns {
    overflow: hidden;
}

    .btns li {
        float: left;
        margin-right: 10px;
        width: auto;
    }


.jqTransformSelectWrapper {
    width: 165px;
    position: relative;
    height: 19px;
    background: url(../images/select_dropdown.png) no-repeat right top;
    float: left;
    border-radius: 2px;
}

#Sessiontimeoutpopup {
    position: absolute;
    z-index: 90000 !important;
    left: 415px;
    top: 314px;
}

.jqTransformSelectWrapper div span {
    font-size: 12px;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 11px;
    font-size: 12px;
    color: #666666;
    line-height: 3px;
    padding: 8px 0 0 7px;
    overflow: hidden;
    cursor: pointer;
    width: 260px !important;
    /*border: 1px solid #CCCCCC;*/
    /*	border-right: none;*/
    padding: 8px 0 4px 7px;
    height: 7px;
}

.jqTransformSelectWrapper a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    font-size: 15px;
    color: #666666;
    width: 22px;
    height: 20px;
    /*background: url(img/dropdown_right.png) no-repeat center center;*/
}

.jqTransformSelectWrapper ul {
    position: absolute;
    width: 43px;
    top: 20px;
    left: -1px;
    list-style: none;
    background-color: #FFF;
    border: solid 1px #CCC;
    display: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    z-index: 100;
}

    .jqTransformSelectWrapper ul a {
        display: block;
        padding: 5px;
        text-decoration: none;
        color: #333;
        background-color: #FFF;
        font-size: 12px;
    }

        .jqTransformSelectWrapper ul a.selected {
            background: #EDEDED;
            color: #333;
        }

            .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
                background: #a0d8e4;
            }

.jqTransformSelectWrapper {
    width: 289px !important;
    border: 1px solid #C0C1C1;
}

    .jqTransformSelectWrapper ul {
        width: 140px !important;
        height: 230px !important;
    }

        .jqTransformSelectWrapper ul li {
            padding-bottom: 0;
        }

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
    display: none;
}


/*----Timeline Description(11 September)----*/
.wt-input-sctn {
    height: auto;
}

.bot_padd {
    padding-bottom: 15px;
}

.overview_info {
    padding: 5px;
}

.info_box {
    width: 45%;
}

.grey_hdng {
    padding: 5px 0 5px 15px;
    font-size: 13px;
    color: #2d2b2b;
    background: #e6e7e7;
    margin-bottom: 5px;
    width: 93%;
}

.milstone-box {
    padding-left: 25px;
}

.headings th {
    font-size: 13px;
    color: #656666;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 5px;
}

.task_overview {
    border-collapse: collapse;
    border: none;
}

    .task_overview tr td {
        font-size: 12px;
        color: #1895c3;
        padding-bottom: 10px;
    }

.red-txt {
    color: #fb2300 !important;
}

.orng-txt {
    color: #ff8a00 !important;
}

.task_mngr {
    padding-top: 25px;
}

.ajax_loader {
    background: url(../images/ajax_loading.gif) 10% no-repeat;
    height: 20px;
    margin-left: 10px;
}

.loader_label {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-right:100px;
}

.list_info {
    border: 1px solid #cbcdce;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

    .list_info tr {
        height: 35px;
        text-align: center;
    }

.list_info_inpt {
    border: 1px solid #006da1;
    border-radius: 2px;
    padding: 2px;
    width: 80px;
    color: #333;
}

.blu_bg {
    background: #e5f4f8;
}

.padd-lt {
    padding-left: 10px;
}


/*----Task Description----*/
.cmnt_outer_new_box {
    position: absolute;
    width: 480px;
    /*background: url(../images/comments-bg.png) repeat-x left top;*/
    background: #007DB1;
    box-shadow: 0 0 4px 4px #bbb;
    top: 150px;
    right: 240px;
    z-index: 9999;
}

.cmnt_outer_box {
    padding-bottom: 37px;
    position: absolute;
    width: 480px;
    background: url(../images/comments-bg.png) repeat-x left top;
    box-shadow: 0 0 4px 4px #bbb;
    top: 230px;
    right: 240px;
    z-index: 9999;
}

.position_new {
    position: relative;
}

.cmnt_hdng {
    font-size: 75px;
    font-family: 'Helveticalight';
    color: #fff;
    padding: 0 0 0 9px;
    font-weight: lighter;
    margin-top: -15px;
}

.cmnt_hdng_Pass {
    font-size: 40px;
    font-family: 'Helveticalight';
    color: #fff;
    padding: 0 0 0 9px;
    font-weight: lighter;
    margin-top: -9px;
}

.cmnts_info {
    overflow: hidden;
}

.info_cmnt_detail {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    .info_cmnt_detail label {
        color: #4b4b4b;
        font-size: 12px;
        width: 90px;
        text-align: right;
        float: left;
        margin-right: 15px;
        padding: 2px 0 0 0;
    }

    .info_cmnt_detail select {
        color: #333;
        padding: 1px 3px;
        width: 175px;
    }

.info_cmnt_detail_Pass {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    .info_cmnt_detail_Pass label {
        color: #4b4b4b;
        font-size: 12px;
        width: 110px;
        text-align: right;
        float: left;
        margin-right: 15px;
        padding: 2px 0 0 0;
    }

    .info_cmnt_detail_Pass input {
        color: #333;
        padding: 1px 3px;
        width: 175px;
    }

.sbjct {
    border: 1px solid #dfdfdf;
    padding: 2px 3px;
    border-radius: 2px;
    width: 70%;
    float: left;
    color: #333;
}

.txtarea {
    border: 1px solid #dfdfdf;
    padding: 2px 3px;
    border-radius: 2px;
    width: 70%;
    float: left;
    color: #333;
    height: 145px;
    overflow: auto;
}

.blu_btn {
    background: url(../images/blu-btn-lt.png) no-repeat left top;
    padding-left: 22px;
    height: 21px;
    display: block;
}

    .blu_btn input[type="button"] {
        background: url(../images/blu-btn-rt.png) no-repeat right top;
        padding-right: 22px;
        height: 21px;
        color: #fff;
    }

.cmnt_btns {
    float: right;
    padding: 8px 15px 20px 0;
}

    .cmnt_btns li {
        float: left;
        margin-right: 2px;
    }

.attach {
    background: url(../images/attachment_pin.png) no-repeat left top;
    padding: 0 0 0 20px;
    font-size: 12px;
    color: #444545;
    display: block;
    margin: 3px 5px 0 0;
}


/*----12 September----*/
.rt-links li {
    float: left;
    padding-right: 11px;
    text-align: center;
    position: relative;
}

.dynamic_no {
    position: absolute;
    top: 0;
    right: 10px;
}

/*----Create Form----*/
.content_tab {
    overflow: hidden;
}

.cont_tab_links {
    overflow: hidden;
    padding: 0 0 0 67px;
}

    .cont_tab_links li {
        float: left;
    }

        .cont_tab_links li a {
            background: url(../images/cont-tab_bg.png) no-repeat left top;
            width: 78px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            font-size: 11px;
            color: #1895c3;
            display: block;
            font-weight: bold;
        }

            .cont_tab_links li a:hover, .cont_tab_links li a.active {
                background: none;
            }

.label_tab {
    font-size: 11px;
    color: #006da0;
    font-weight: bold;
    padding: 4px 8px 0 0;
    display: block;
    text-transform: uppercase;
}

.form_padd li label {
    width: 190px !important;
}

.form_long_input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0C1C1;
    border-radius: 2px 2px 2px 2px;
    color: #333333;
    outline: medium none;
    padding: 3px 4px;
    width: 281px;
}

.form_padd li .estimated_label {
    width: 100% !important;
    text-align: left;
    padding-left: 5px;
}

.multiple_inpt_padd {
    clear: both;
    padding: 10px 0 40px 205px;
}

.enrolmnt_inpt {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0C1C1;
    border-radius: 2px 2px 2px 2px;
    color: #333333;
    outline: medium none;
    padding: 2px 4px;
    width: 115px;
    margin-left: 5px;
}

.select_inpt {
    padding: 5px 0 0 0;
    position: relative;
}

.detail_info li .form_type {
    font-size: 13px;
    font-weight: bold;
    color: #1895c3;
    padding: 2px 2px 0 8px;
    margin-right: 5px;
}

.detail_info .form_buttons {
    padding: 15px 0 25px 25px;
}

    .detail_info .form_buttons label {
        width: 295px !important;
    }

.add_new_form {
    color: #1895C3;
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0 0 25px;
    position: absolute;
    bottom: 0;
    right: 370px;
}

    .add_new_form:hover {
        color: #000;
    }

.form_padd {
    padding: 25px 0;
}

/*----Count Span----*/
.cmnt_count {
    position: relative;
    float: left;
    width: auto;
    padding-right: 4px;
}

    .cmnt_count span {
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        font-size: 8px;
    }

.links_form {
    width: auto;
    float: left;
    padding: 0 8px;
}

    .links_form a {
        color: #1895C3 !important;
        font-size: 12px;
        text-decoration: none;
    }

        .links_form a:hover {
            color: #000;
        }

.no-padd {
    padding: 0 !important;
}

.view_case_info {
    border: 1px solid #cbcdce;
    border-collapse: collapse;
}

    .view_case_info tr {
        height: 40px;
        text-align: center;
    }

        .view_case_info tr td {
            font-size: 12px;
        }

.blank_line {
    background: #E5F4F8;
    height: 36px;
    width: 100%;
    margin-top: 1px;
}

.font_lrg {
    font-size: 15px !important;
    padding-top: 0 !important;
    margin-left: 5px;
}

.cross_btn {
    position: absolute;
    top: -2px;
    right: -15px;
}

/*----Dashboard----*/
.hdng_gap {
    margin-bottom: 15px;
    padding-left: 20px;
}

.msg_alrt_sctn {
    width: 50%;
    float: left;
}

.inner_info {
    overflow: auto;
    padding: 0 0 0 25px;
    height: 400px;
    margin-top: 29px;
}

.wrt_msg_top {
    background: url(../images/txt-bx_bg.png) no-repeat left top;
    width: 566px;
    height: 45px;
    border: none;
    padding: 10px 5px 5px 5px;
    resize: none;
    overflow: auto;
}

.msg_info {
    background: #f2fafb;
    margin: 5px 5px 0 0;
    padding: 11px;
    overflow: hidden;
}

.msg_infoUnRead {
    background: #c9ebef;
    margin: 5px 5px 0 0;
    padding: 11px;
    overflow: hidden;
}
/* #b6e3e9 */
.info_rt_sctn {
    width: 89%;
    float: right;
}

.info_hdng {
    font-size: 9px;
    color: #1895c3;
    text-transform: uppercase;
}

.msg_txt {
    font-size: 12px;
    color: #323433;
}

.comment {
    overflow: hidden;
    padding: 3px 0 0;
}

.cmnt_lnk {
    color: #1895c3;
    font-size: 11px;
}

.comment span {
    color: #565656;
    font-size: 11px;
}

.lt-gap {
    margin-left: 50px;
}

.shrt_msg_info {
    width: 80%;
}

.bot_msg_area {
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    width: 98%;
    overflow: hidden;
}

.outer_msg_box {
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebeced;
}

.prjct_ovrvw {
    width: 48%;
}

.case_info {
    margin-bottom: 15px;
}

    .case_info tr {
        height: 42px;
    }

/*----Case Profile----*/
.case_profl .top-blu-hdng {
    margin-bottom: 4px;
}

.infrmtn_info {
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .infrmtn_info tr {
        height: 30px;
    }
        /*border-bottom:1px solid #e3e4e4;*/
        .infrmtn_info tr td {
            color: #2d2b2b;
            font-size: 12px;
        }

.info_label {
    text-align: right;
    padding-right: 15px;
}

.info_lnk {
    color: #409eb4;
    font-size: 12px;
}

.actn_item {
    border-collapse: collapse;
    border: 1px solid #cbcdce;
    border-top: none;
}

    .actn_item tr {
        height: 38px;
    }

        .actn_item tr td {
            text-align: center;
            border: 1px solid #cbcdce;
        }

        .actn_item tr th {
            font-size: 12px;
            font-weight: bold;
            border: 1px solid #cbcdce;
        }

.edit_del a {
    color: #409eb4;
    font-size: 12px;
}

.edit_del span {
    color: #409eb4;
    width: 10px;
    text-align: center;
    display: inline-block;
}

.no-mar {
    margin: 0 !important;
}

.prdct_info {
    height: 164px;
    width: 100%;
}

.edit_del_btn {
    overflow: hidden;
    padding: 43px 0 20px 250px;
}

.case_ovrvw_hdng {
    background: none repeat scroll 0 0 #A0D8E4;
    padding: 6px 0 6px 8px;
    float: left;
    width: 100%;
}

    .case_ovrvw_hdng h1 {
        color: #2D2B2B;
        font-size: 13px;
        float: left;
        margin-right: 15px;
        padding: 3px 0 0 0;
    }

.dwn_arw {
    float: left;
    margin: 8px 5px 0 0;
}

.case_ovrvw_hdng form {
    margin-right: 3px;
    float: left;
}

.short_jq_select .jqTransformSelectWrapper {
    width: 141px !important;
}

    .short_jq_select .jqTransformSelectWrapper div span {
        width: 118px !important;
        background: #fff;
    }

.hdng_btn {
    margin-right: 4px;
    float: left;
}

.default_new {
    float: left;
    width: auto;
    padding: 3px 0 0 4px;
}

    .default_new input[type="checkbox"] {
        float: left;
        margin-top: 1px;
    }

    .default_new span {
        font-size: 13px;
        color: #3c3c3c;
        padding-left: 3px;
    }

.ovrvw_img {
    padding: 0 0 0 10px;
}

.clear_both {
    clear: both;
}

.form_new {
    display: inline-block;
    width: 100%;
    overflow: inherit;
}

.dshbrd_padd {
    padding-bottom: 30px;
}

.prfl_info {
    display: inline-block;
    width: 100%;
    overflow: inherit;
}

    .prfl_info li {
        float: left;
    }

.cstmr_info {
    width: 51% !important;
}

    .cstmr_info input[type="text"] {
        width: 90%;
    }

.rgn_info {
    width: 41% !important;
}

    .rgn_info label {
        width: 105px !important;
    }

.cs_profile .jqTransformSelectWrapper {
    width: 180px !important;
}

    .cs_profile .jqTransformSelectWrapper div span {
        width: 150px !important;
        background: #fff;
    }


/*----Connect outer box----*/
.cnnct_outer_box {
    background: url("../images/connect_bg.png") repeat-x scroll left top transparent;
    box-shadow: 0 0 4px 4px #d4d4d4;
    position: absolute;
    right: 350px;
    top: 75px;
    width: 705px;
    z-index: 9999;
}

.connect_links {
    display: inline-block;
    width: 100%;
    background: url(../images/lng_dotted.png) no-repeat center bottom;
    padding-bottom: 6px;
    margin-top: -10px;
}

    .connect_links li {
        float: right;
        padding: 0 16px;
    }

        .connect_links li a {
            font-size: 12px;
            color: #484949;
        }

            .connect_links li a:hover {
                color: #fff;
            }

.cnct_user_info {
    display: inline-block;
    width: 100%;
    background: url(../images/lng_dotted.png) no-repeat center bottom;
    padding: 0 0 10px 0;
}

.cnct_user {
    float: left;
    width: 50%;
    padding: 4px 0 0 15px;
}

.info_dtl {
    padding: 3px 0 0 10px;
    float: left;
}

.user_name {
    padding-right: 5px;
    text-transform: capitalize;
    font-weight: bold;
    padding: 0 5px 0 0;
}

    .user_name img {
        margin-left: 6px;
    }

.icon_list {
    float: right;
    padding: 4px 10px 0 0;
}

.wt_txt {
    color: #fff;
    text-transform: uppercase !important;
}

.icon_list li {
    float: left;
    padding: 0 5px;
}

.btn_links {
    display: inline-block;
    width: 100%;
    background: url(../images/lng_dotted.png) no-repeat center bottom;
    padding: 2px 0 6px 0;
}

.btns_cnct {
    float: left;
    padding-left: 10px;
}

    .btns_cnct li {
        float: left;
        padding-right: 7px;
    }

        .btns_cnct li a {
            background: url(../images/green_btn.png) no-repeat left top;
            width: 89px;
            height: 18px;
            line-height: 18px;
            font-size: 12px;
            display: block;
            text-align: center;
        }

.send_file {
    float: right;
    padding: 0 15px 0 0;
}

    .send_file a {
        color: #353636;
        vertical-align: bottom;
    }

    .send_file img {
        margin-right: 5px;
    }

.cnct_mid_info {
    overflow: hidden;
    padding: 0 0 2px 10px;
    background: url(../images/lng_dotted.png) no-repeat center bottom;
    margin-bottom: 20px;
}

.lt-usr_sctn {
    width: 147px;
    float: left;
}

    .lt-usr_sctn li {
        border-bottom: 1px dotted #999;
        padding: 11px 0;
        overflow: hidden;
    }

.rt-user_info {
    float: right;
    padding-right: 6px;
    width: 61%;
}

    .rt-user_info p {
        color: #4b4b4b;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }

.img_sctn {
    overflow: hidden;
    text-align: right;
    padding-right: 10px;
}

.padd5 {
    padding-left: 5px !important;
}

.blue_ntfctn {
    background: url(../images/blue_crcl.png) no-repeat left top;
    width: 19px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    margin-left: 6px;
}

.lt-usr_sctn li .lrg_blu_btn {
    margin-left: 5px;
}

.lrg_blu_btn {
    background: url(../images/lrg_blu_btn.png) no-repeat left top;
    width: 138px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    display: block;
}

.no_padd {
    padding: 0 !important;
}

.rt_mid_info {
    float: right;
    width: 523px;
    padding: 0 12px 0 6px;
    border-left: 1px dotted #999;
    margin-top: 10px;
}

.lrg_img {
    overflow: hidden;
    border: 1px solid #d0d0d0;
    border-bottom: none;
}

.bot_cmnt_sctn {
    background: #fff;
    padding: 18px 15px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    border-top: none;
}

.bot_cmnt_info {
    float: right;
    width: 90%;
}

.user {
    color: #11accf;
}

.bot_user_info {
    color: #4b4b4b;
}

.bot_img_sctn {
    overflow: hidden;
    padding: 4px 0 0 8px;
}

.no-bg {
    background: none !important;
}

.msg_info_area {
    margin-top: 7px;
    background: #fff;
    padding-top: 5px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
}

    .msg_info_area textarea {
        background: none;
        border: none;
        padding: 0 5px;
        float: left;
        width: 92%;
        color: #4b4b4b;
        font-size: 11px;
        resize: none;
    }

.btns_cnct li .lrg_btn {
    background: url(../images/lngr_blu_btn.png) no-repeat left top;
    width: 138px;
    height: 18px;
    text-align: center;
    color: #fff;
    line-height: 18px;
}

.mar_tp {
    margin-top: -3px !important;
}

/*----Upload Page----*/
.upld_outer_box {
    background: #fff;
    position: absolute;
    left: 50px;
    top: 230px;
    width: 426px;
    border: 3px solid #1894ca;
    z-index: 10000
}

    .upld_outer_box .green_hdng {
        padding-bottom: 25px;
    }

.green_hdng {
    color: #1894ca;
    font-family: 'Helveticalight';
    font-size: 75px;
    font-weight: lighter;
    margin-top: -12px;
    padding: 0 0 0 9px;
    text-transform: uppercase;
}

.upld_tips {
    color: #1894ca;
    font-size: 13px;
    padding: 0 0 10px 35px;
    width: 75%;
}

.brws_file {
    overflow: hidden;
    padding: 0 0 10px 35px;
}

    .brws_file input[type="text"] {
        background: #f7f7f7;
        border: 1px solid #1894ca;
        border-radius: 2px;
        padding: 2px 3px;
        width: 230px;
        float: left;
    }

    .brws_file a {
        color: #1894ca;
        font-size: 13px;
        text-transform: uppercase;
        float: left;
        padding: 2px 0 0 5px;
        display: block;
    }

.upld_btn {
    padding: 0 0 10px 194px;
    overflow: hidden;
}




/*----Connect Side bar starts----*/
.connect_sidebar {
    background: #eeefef;
    overflow: hidden;
    border-right: none;
    position: absolute;
    width: 321px;
    right: 40px;
    top: 8px;
    z-index: 9999;
}

.top_hdng {
    background: url(../images/hdng_bg.png) no-repeat center bottom;
    padding: 8px 5px 8px;
    overflow: hidden;
    background-color: #024a70;
    border-bottom: 3px solid #426a7b;
}

.usr_hdng {
    color: #1895c3;
    font-size: 14px;
    float: left;
    font-weight: 600;
}

    .usr_hdng span {
        font-weight: lighter;
        color: #e0e0e0;
    }

.top_hdng a {
    float: right;
    color: #e1e2e2;
    font-size: 12px;
    float: right;
    margin-right: 5px;
}

    .top_hdng a:hover {
        text-decoration: underline;
    }

.user_prfl_info {
    overflow: hidden;
    clear: both;
    padding: 4px 0 8px;
    background-color: #024a70;
}

.rt_dtl_info {
    width: 185px;
    float: right;
}

    .rt_dtl_info h3 {
        color: #e0e0e0;
        font-size: 18px;
        padding-bottom: 8px;
        text-align: left;
    }

.prfl_dtls {
    overflow: hidden;
}

    .prfl_dtls li {
        float: left;
        width: 100%;
        padding-bottom: 12px;
    }

.icon_box {
    float: left;
    width: 30px;
}

.rt_info {
    font-size: 14px;
    color: #e0e0e0;
    float: left;
}

    .rt_info span {
        color: #17bce3;
        margin-left: 4px;
    }

.lt_photo {
    overflow: hidden;
    padding: 4px 0 0 8px;
}

.drpdwn_sctn {
    overflow: hidden;
    clear: both;
    margin-bottom: 14px;
}

.grey_scroll_hdng {
    position: relative;
    padding: 7px 8px;
    font-size: 14px; /*background:url(../images/hdng_grad.png) repeat-x left top;*/
    background-color: #c1c2c3;
    color: #fff;
    text-align: left;
}

    .grey_scroll_hdng a {
        position: absolute;
        right: 8px;
        top: 6px;
    }

.drpdwn_info {
    overflow: auto;
    border: 1px solid #ded7d7;
    border-top: none;
    margin: 0 2px;
    background: #fff;
    padding: 13px 9px 0;
    height: 132px;
    overflow-x: hidden;
}

    .drpdwn_info li {
        float: left;
        width: 100%;
        padding-bottom: 7px;
    }

.user_nm {
    text-transform: uppercase;
    color: #1895c3;
    font-size: 11px;
    display: block;
    font-weight: 500;
}

    .user_nm:hover {
        text-decoration: underline;
    }

.rt_usr_info .user_nm {
    font-weight: 600;
}

.expande-connect.main-connect-bar .connect-text.mrgn-rt {
    margin-right: -10px;
    margin-top: 30px;
}

.rt_usr_info { /* width:64%;*/
    color: #000;
    font-size: 11px;
    line-height: 14px;
}

.rt_shrt_info {
    width: 88%;
    float: right;
    text-align: left;
    margin-right: -15px;
    line-height: 16px;
}


/*----Calculator----*/
.cltr_outer_box {
    background: url("../images/comments-bg.png") repeat-x scroll left top transparent;
    box-shadow: 0 0 4px 4px #BBBBBB;
    position: absolute;
    right: 350px;
    top: 75px;
    width: 315px;
    z-index: 9999;
}

.inner_btn_box {
    overflow: hidden;
    padding: 0 15px 15px;
}

.enter_no {
    width: 96%;
    padding: 5px;
    border: 1px solid #d0d0d0;
    height: 65px;
    resize: none;
    margin-bottom: 15px;
    color: #AAA;
}

.no_btns {
    overflow: hidden;
}

    .no_btns li {
        float: left;
        margin: 0 5px 3px 0;
    }

        .no_btns li.last {
            margin-right: 0;
        }

        .no_btns li a {
            background: url(../images/smal_btn.png) no-repeat left top;
            width: 53px;
            height: 35px;
            line-height: 35px;
            display: block;
            color: #fff;
            text-transform: uppercase;
            font-size: 20px;
            text-align: center;
        }

.lt_wdth {
    width: 230px;
}

.no_btns li .lrg_btn_0 {
    background: url(../images/hrzntl_btn.png) no-repeat left top;
    width: 111px;
}

.no_btns li .long_btn {
    background: url(../images/long_btn.png) no-repeat left top;
    width: 53px;
    height: 73px;
    line-height: 73px;
}

.rt_wdth {
    width: 53px;
}



/*---Calendar----*/
.clndr_outer_box {
    background: url("../images/comments-bg.png") repeat-x scroll left top transparent;
    box-shadow: 0 0 4px 4px #BBBBBB;
    position: absolute;
    right: 350px;
    top: 75px;
    width: 485px;
    z-index: 9999;
}

.inner_date_box {
    margin: 7px;
    border: 1px solid #ecebeb;
    background: #fff;
}

.date_info {
    border-top: 1px solid #ccc;
    display: inline-block;
    position: relative;
    z-index: 1;
}

    .date_info li {
        float: left;
        width: 66px;
        height: 46px;
        text-align: right;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

        .date_info li.last {
            border-right: none;
        }

        .date_info li.active {
            background: #f1f1f1;
        }

        .date_info li span {
            color: #212121;
            font-size: 12px;
            padding: 2px 6px 0 0;
            display: block;
        }

        .date_info li .light_txt {
            color: #999;
        }

.days {
    overflow: hidden;
}

    .days li {
        float: left;
        text-align: center;
        width: 67px;
        color: #626262;
        padding: 3px 0;
        font-size: 11px;
    }

.month {
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #3f3f3f;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 0;
}

.lt_arw {
    position: absolute;
    left: 12px;
    top: 3px;
}

.rt_arw {
    position: absolute;
    right: 7px;
    top: 3px;
}

.green_bg {
    background: url(../images/gree_bg.png) no-repeat left top;
    width: 75px;
    height: 21px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
}

.clndr_pop {
    background: url(../images/pop-image.png) no-repeat left top;
    width: 300px;
    height: 292px;
    position: absolute;
    top: -37px;
    left: -268px;
    z-index: 999999;
    text-align: left;
}

.pop_hdng {
    font-family: 'Helveticalight';
    font-size: 22px;
    color: #2193ac;
    padding: 23px 0 0 28px;
    font-weight: lighter;
    position: relative;
}

.btn_pstn {
    position: absolute;
    top: 28px;
    right: 41px;
}

.pop_up_details {
    overflow: hidden;
    padding: 22px 0 0 0;
}

    .pop_up_details li {
        float: left;
        width: 100%;
        border: none;
        height: auto;
        padding-bottom: 9px;
    }

        .pop_up_details li label {
            width: 114px;
            text-align: right;
            float: left;
            margin-right: 11px;
            display: block;
            padding: 2px 0 0 0;
        }

        .pop_up_details li span {
            float: left;
            width: auto;
            text-align: left;
            color: #055b6d;
        }

            .pop_up_details li span a {
                color: #055b6d;
            }

                .pop_up_details li span a:hover {
                    text-decoration: underline;
                }



/*----Email----*/
.top_head_sctn {
    overflow: hidden;
    padding-bottom: 2px;
    border-bottom: 1px dotted #999;
    width: 98%;
    margin: 0 auto;
}

.email_outer_box {
    background: url("../images/email_bg.png") repeat-x scroll left top transparent;
    box-shadow: 0 0 4px 4px #BBBBBB;
    position: absolute;
    right: 250px;
    top: 75px;
    width: 895px;
    z-index: 9999;
}

.cross_new {
    top: -17px;
}

.email_connect {
    background: none;
    float: right;
    width: auto;
    margin-top: 0;
    padding-top: 54px;
}

.srch_box {
    float: left;
    padding: 50px 0 0 30px;
}

    .srch_box input[type="text"] {
        width: 155px;
        background: #fff;
        border: 1px solid #ccc;
        float: left;
        margin-right: 4px;
        padding: 1px 3px;
    }

.link_new {
    padding: 5px 0;
    background: none;
    border-bottom: 1px dotted #999;
    width: 98%;
    margin: 0 auto;
    display: inherit;
    overflow: hidden;
}

.chk_choice {
    padding: 0 20px !important;
}

    .chk_choice input[type="checkbox"] {
        margin: 3px 0 0 0;
    }

    .chk_choice a {
        background: none !important;
        width: auto !important;
    }

.less_padd {
    padding: 6px 0 !important;
}

.lt-usr_sctn .lt_links {
    padding: 0;
}

    .lt-usr_sctn .lt_links a {
        display: block;
        width: 100%;
        color: #4B4B4B;
        padding: 5px 0 5px 3px;
        font-weight: bold;
    }

    .lt-usr_sctn .lt_links:hover a {
        background: #3bcef1;
    }

.email_rt_info {
    float: right;
    border-left: 1px dotted #999;
    padding-left: 7px;
    width: 720px;
    height: 476px;
    overflow: auto;
}

.mail_info {
    border-collapse: collapse;
    border-left: 1px solid #d0d0d0;
    background: #fff;
}

    .mail_info tr {
        padding: 6px 0;
        display: inline-block;
        width: 100%;
        border-bottom: 1px dotted #cfcfd0;
    }

        .mail_info tr td {
            font-size: 12px;
            color: #4b4b4b;
            padding: 0 0 0 8px;
        }

            .mail_info tr td input[type="checkbox"] {
                vertical-align: bottom;
            }

.brdr_btm {
    background: url(../images/brdr_btm.png) no-repeat center bottom;
    padding: 0 0 10px 0;
    margin: 15px 0 5px;
}

.mar_lt_10 {
    margin-left: 10px;
}

.brdr_tp {
    border-top: 1px dotted #999;
}

.page_no {
    overflow: hidden;
    clear: both;
    text-align: right;
    color: #494949;
    padding: 0 15px 10px 0;
}

    .page_no a {
        color: #494949;
    }

        .page_no a:hover {
            text-decoration: underline;
        }




/*----Compose Email----*/
.entry_info {
    overflow: hidden;
}

    .entry_info label {
        width: 52px;
        float: left;
        text-align: right;
        margin-right: 5px;
        display: block;
        padding: 2px 0 0 0;
    }

    .entry_info input[type="text"] {
        width: 89%;
        float: left;
        border: 1px solid #d0d0d0;
        padding: 2px 5px;
        color: #666;
    }

.sub_optns {
    overflow: hidden;
    position: relative;
    padding: 2px 0 2px 59px;
}

    .sub_optns a {
        color: #3a3c3c;
    }

        .sub_optns a:hover {
            text-decoration: underline;
        }

.splng {
    position: absolute;
    right: 15px;
    top: 2px;
}

.lrg_txtarea {
    height: 383px;
    padding: 5px;
    background: #fff;
    border: 1px solid #d0d0d0;
    width: 97%;
    overflow: scroll;
    resize: none;
    overflow-x: hidden;
    color: #666;
    outline: none;
}

/*----File Info Starts----*/
.file_dtls {
    overflow: hidden;
    padding: 15px 0 13px 21px;
    border-bottom: 1px solid #e3e4e4;
}

.pdf_icon {
    float: left;
    padding: 20px 0 0 0;
}

.file_info_dtls {
    float: left;
    width: 70%;
}

    .file_info_dtls li {
        float: left;
        width: 100%;
        padding-bottom: 11px;
    }

        .file_info_dtls li label {
            width: 103px;
            display: block;
            float: left;
            text-align: right;
            margin-right: 15px;
            font-size: 12px;
            color: #2c2d2d;
            font-weight: bold;
        }

.rt_dtl {
    float: left;
    width: 80%;
}

    .rt_dtl span {
        float: left;
        color: #2d2b2b;
    }

.lrg_green_btn {
    background: url(../images/green_lrg_btn.png) no-repeat left top;
    width: 91px;
    height: 19px;
    color: #fff;
    display: inline-block;
}

.rt_dtl .hglt_txt {
    color: #117fa7;
    font-weight: bold;
}

.rt_btn_bx {
    float: right;
    padding: 10px 0 0 0;
    width: 20%;
}

    .rt_btn_bx li {
        float: left;
        width: 100%;
        padding-bottom: 12px;
    }

.add_pgntn {
    float: right;
    padding: 20px 0;
}

.pgntn {
    float: left;
    padding-left: 25px;
}

    .pgntn li {
        float: left;
        margin-right: 10px;
    }

        .pgntn li albel {
            color: #404242;
            font-size: 11px;
        }

        .pgntn li a {
            color: #404242;
            font-size: 11px;
        }

            .pgntn li a:hover {
                color: #1895c3;
            }

            .pgntn li a.active {
                color: #1895c3;
            }

.head_btns {
    overflow: hidden;
    padding: 15px 0 15px 10px;
}

    .head_btns span {
        color: #1895c3;
        font-size: 16px;
        float: left;
        padding-right: 10px;
    }

    .head_btns .green_btn {
        margin-right: 5px;
    }

.clr_both {
    clear: both !important;
}

.mid_jq_select .jqTransformSelectWrapper {
    width: 180px !important;
}

    .mid_jq_select .jqTransformSelectWrapper div span {
        width: 150px !important;
        background: #fff;
    }

.date_hdng {
    background: #e5f4f8;
    padding: 10px 0 10px 10px;
    font-size: 11.5px;
    color: #2d2b2b;
    overflow: hidden;
    font-weight: bolder;
}

.total_files {
    font-size: 12px;
    font-weight: bold;
    color: #085e7e;
    float: right;
    margin-right: 25px;
    padding: 2px 0 0 0;
}

.prdct_info_dtl {
    padding: 0 10px 10px 10px;
}

.product_dtls {
    overflow: visible;
    display: inline-block;
}

    .product_dtls li {
        padding-bottom: 8px !important;
    }

        .product_dtls li label, .infrmtn_dtl li label {
            width: 200px;
        }

.prdct_btn_box {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f2f2f2;
    padding: 5px 10px;
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

    .prdct_btn_box li {
        float: right;
        margin-left: 5px;
    }

.grey_btn {
    background: url(../images/grey_btn_lt.png) no-repeat left top;
    display: inline-block;
    height: 33px;
    padding-left: 20px;
}

    .grey_btn input[type="button"] {
        background: url(../images/grey_btn_rt.png) no-repeat right top;
        display: inline-block;
        color: #000;
        font-size: 11px;
        height: 33px;
        padding-right: 20px;
    }

.info_input input[type="text"] {
    width: 20%;
}



/*----View Timeline Description----*/
.new_popup {
    overflow: inherit;
    display: inline-block;
    width: 100%;
    position: relative;
}

.time_line_pop {
    position: absolute;
    width: 85%;
    border: 5px solid #018bbf;
    top: 106px;
    left: 81px;
    background: #fff;
    z-index: 8888;
    border-radius: 4px;
}

.green_pointer {
    position: absolute;
    top: 41px;
    left: -20px;
}

.pop_btns {
    float: right;
    width: 30%;
    padding: 14px 16px 14px 0;
}

.table_outer_box {
    height: 200px;
    overflow-y: scroll;
}

/*----Latest Charts and reports----*/
.pie_chart {
    border: 1px solid #cdcdcd;
    width: 615px;
    float: left;
}

.chart_hdng {
    padding: 10px 10px 15px;
    background: url(../images/heading_bg.png) repeat-x left bottom;
    font-size: 13px;
}

    .chart_hdng img {
        margin-right: 3px;
    }

.graph_info {
    text-align: center;
    height: 340px;
}

.graph_btn {
    text-align: center;
    padding: 20px 0;
}

.grey_btn_graph {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

.line_chart {
    border: 1px solid #cdcdcd;
    width: 615px;
    float: right;
}

.line_graph_chart {
    border: 1px solid #cdcdcd;
    margin: 20px 0;
    width: 100%;
    display: inline-block;
    position: relative;
}

.line_graph_info {
    text-align: center;
}

.bar_tab {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin: 15px 15px 0;
}

    .bar_tab li {
        float: left;
    }

        .bar_tab li a {
            background: url(../images/nav_grad.png) repeat-x left top;
            padding: 5px 20px;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            color: #aaa;
            display: inline-block;
            border: 1px solid #ccc;
            border-bottom: none;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.live_chart {
    background: #d74543;
    border: 1px solid #a93a25;
    padding: 5px 20px;
    display: block;
    color: #fff;
    font-weight: bold;
}

.postion {
    position: absolute;
    top: 54px;
    right: 20px;
}

/*----Create Install Page----*/
.new_link {
    color: #409EB4;
    margin: 3px 0 0 8px;
    float: left;
}

.install_name {
    width: 70% !important;
}

.install_info {
    background: #f1eeee;
    padding: 4px 35px 120px;
}

.lt_intall {
    float: left;
    width: 50%;
}

.lt_listing li, .lt_cstmr_info li, .rt_cstmr_info li {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
}

    .lt_listing li label, .lt_cstmr_info li label, .rt_cstmr_info li label {
        float: left;
        width: 120px;
        text-align: right;
        font-weight: bold;
        color: #2d2b2b;
        margin-right: 5px;
        padding: 4px 0 0 0;
    }

.user_option {
    background: url(../images/user_optn_bg.png) no-repeat left top;
    width: 85px;
    height: 24px;
    line-height: 23px;
    color: #000;
    float: left;
    margin-left: 5px;
    padding: 0 5px 0 6px;
}

    .user_option p {
        float: left;
        padding: 1px 0 0 0;
    }

    .user_option span {
        float: right;
        margin: 8px 2px 0 0;
    }

.cross {
    background: url(../images/cross_new.png) no-repeat left top;
    width: 6px;
    height: 7px;
    cursor: pointer;
}

.text_editor {
}

.rt_install {
    float: right;
    width: 50%;
}

.lt_cstmr_info {
    float: left;
    width: 65%;
}

.green_input {
    border: 1px solid #72c5d7;
    padding: 2px 5px;
    background: #fff;
    color: #2d2d2d;
}

.long_inpt {
    width: 185px;
}

.clndr {
    float: left;
}

    .clndr input {
        float: left;
        width: 68px;
        margin-right: 6px;
    }

.lt_cstmr_info .padd_li {
    padding: 10px 0 5px;
}

.project_new {
    clear: both;
    padding: 7px 0 0 120px;
}

.drop_down {
    float: left;
}

.drpdwn_new {
    background: #fff;
}

    .drpdwn_new .jqTransformSelectWrapper {
        background: url(../images/new_dropdown.png) no-repeat right top;
        border: 1px solid #72C5D7;
    }

        .drpdwn_new .jqTransformSelectWrapper div span {
            background: #fff;
        }

.select95 .jqTransformSelectWrapper {
    width: 95px !important;
}

    .select95 .jqTransformSelectWrapper div span {
        width: 66px !important
    }

    .select95 .jqTransformSelectWrapper ul {
        width: 95px !important;
    }

.select150 .jqTransformSelectWrapper {
    width: 200px !important;
}

    .select150 .jqTransformSelectWrapper div span {
        width: 171px !important
    }

    .select150 .jqTransformSelectWrapper ul {
        width: 200px !important;
    }

.table_wdth {
    width: 90px;
}

.table_short_wdth {
    width: 70px;
}

.table_shortest_wdth {
    width: 50px;
}

.add_new {
    position: absolute;
    right: 150px;
    top: 2px;
    color: #fff;
    font-size: 12px;
}

.view_case_profl {
    margin-bottom: 2px;
}

.user_choice {
    float: left;
    padding-left: 46px;
}

.case_multiple select {
    width: 23.3%;
}

.case_multiple .tranfer-arrow {
    width: 51px;
}

.table_save {
    padding: 8px 0 8px 180px;
}

.time_input {
    float: left;
    width: 90px;
    text-align: center;
}

.rt_cstmr_info {
    float: right;
    width: 30%;
}

    .rt_cstmr_info li label {
        width: 50px;
        margin-right: 10px;
    }

.logo_new {
    padding: 6px 5px 0 6px;
}

.right_panel_padd {
    padding: 40px 0 0 95px;
    clear: both;
    width: 100%;
}

.drpdwn_new .jqTransformSelectWrapper div span {
    padding: 0 0 0 7px;
    height: 17px;
    line-height: 18px;
}

.full_height {
    height: 2143px;
}

.ftr_gap {
    padding: 0 0 250px 0;
}

#viewTimelineInsight {
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    background: #f1eeee;
    border-top: 1px solid #1995c3;
    width: 100%;
    overflow: hidden;
}

#caseTemplateInsight {
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    background: #f1eeee;
    border-top: 1px solid #1995c3;
    width: 100%;
    overflow: hidden;
}

.footer_cont {
    width: 350px;
    margin: 0 auto;
}

.footer_logo {
    float: left; /*left: 36%;    position: fixed;*/
}

.ftr_btns {
    padding: 9px 0 0 44px;
    width: 500px;
}

.bsns_new {
    padding: 10px 0 0 0;
    clear: both;
}

/*----Legend Popup----*/
.legend_pop {
    border: 2px solid #72c5d7;
    background: #fff;
    width: 440px;
    padding: 10px 0 10px 15px;
    overflow: hidden;
    position: absolute;
    right: 44px;
    top: 250px;
    z-index: 9999;
}

    .legend_pop h3 {
        color: #068faf;
        font-size: 14px;
        text-transform: uppercase;
        padding-bottom: 8px;
    }

.icon_set {
    padding-bottom: 5px;
    overflow: hidden;
}

    .icon_set li {
        float: left;
        padding-right: 20px;
        text-align: center;
    }

        .icon_set li label {
            width: 65px;
            text-align: right;
            font-size: 12px;
            color: #2d2b2b;
            font-weight: bold;
            padding: 5px 0 0 0;
            display: block;
        }

        .icon_set li span {
            display: block;
        }

        .icon_set li p {
            font-size: 10px;
            color: #414141;
        }

.time_icon li {
    padding-right: 11px;
}


/*----Insight Popup Starts----*/
.insight_pop {
    background: url("../images/comments-bg.png") repeat-x scroll left top;
    position: absolute;
    top: 250px;
    left: 50px;
    box-shadow: 0 0 8px 8px #e3e3e3;
    width: 640px;
    padding-left: 60px;
    z-index: 9999;
}

.send_file {
    text-align: right;
    padding-bottom: 30px;
}

    .send_file a {
        color: #393a3a;
    }

        .send_file a:hover {
            text-decoration: underline;
        }

.insight_steps li {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

    .insight_steps li label {
        float: left;
        font-size: 36px;
        font-weight: bold;
        color: #2199c5;
        padding-right: 15px;
    }

    .insight_steps li p {
        float: left;
        font-size: 36px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
    }

.extra_padd {
    padding-bottom: 100px;
}

/*----Add Billing----*/
.add_billing {
    background: #c4e3eb;
    padding: 0 10px 10px;
    width: 680px;
    box-shadow: 0 0 8px 8px #E3E3E3;
    float: left;
    margin: 30px 0 30px 30px;
}

.billing_details {
    padding: 30px 0 0 13px;
    float: left;
    width: 96.5%;
}

    .billing_details li {
        float: left;
        width: 100%;
        padding-bottom: 8px;
    }

        .billing_details li label {
            font-size: 18px;
            color: #1c1c1cl;
            float: left;
            width: 100px;
            padding-right: 10px;
        }

.event_hdng {
    font-size: 18px;
    color: #1c1c1cl;
}

.billing_details li input[type="text"] {
    float: left;
    width: 250px;
    padding: 3px 5px;
    border: 1px solid #068faf;
    color: #000;
}

.recipents {
    float: left;
    width: 310px;
}

    .recipents .user_option {
        margin: 0 5px 5px 0;
    }

        .recipents .user_option p {
            font-size: 12px;
        }

.event_details {
    background: #f1eeee;
    padding: 17px 17px 35px;
    margin-top: 5px;
}

.event_table {
    width: 100%;
    border-collapse: collapse;
}

    .event_table tr th {
        font-size: 14px;
        color: #014c5d;
        padding-bottom: 4px;
        font-weight: lighter;
    }

    .event_table tr td {
        padding-bottom: 4px;
        font-size: 14px;
        color: #014c5d;
    }

        .event_table tr td input[type="checkbox"] {
            vertical-align: bottom;
        }

.event_dropdown .jqTransformSelectWrapper {
    width: 85px !important;
}

    .event_dropdown .jqTransformSelectWrapper div span {
        left: 0;
        width: 62px !important;
        background: #fff;
        padding: 2px 0 6px;
        line-height: inherit;
    }

    .event_dropdown .jqTransformSelectWrapper ul {
        width: 85px !important;
    }

.event_padd {
    padding-left: 11px;
}

.user_option p {
    font-size: 12px;
}

.sv_cncl {
    float: right;
    padding-top: 150px;
    padding-bottom: 20px;
}

    .sv_cncl .btns li p input {
        float: left;
        margin: 1px 4px 4px 0;
    }

    .sv_cncl .btns li p span {
        color: #068faf;
        font-size: 13px;
    }

.event_height {
    height: 2912px;
}

/*----Calendar Info Starts----*/
.calendar_info {
    float: left;
    width: 100%;
}

.clndr_hdng_bar {
    background: #8ad0e0 url(../images/clndr_grad.png) repeat-x left top;
    overflow: hidden;
    padding: 9px;
}

.clndr_links {
    float: right;
}

    .clndr_links li {
        float: left;
        background: url(../images/small_sprtr.png) no-repeat right 2px;
        padding: 0 6px 0 4px;
    }

        .clndr_links li.last {
            background: none;
            padding-right: 0;
        }

        .clndr_links li a {
            font-size: 12px;
            color: #fff;
            font-weight: bold;
        }

            .clndr_links li a:hover {
                text-decoration: underline;
            }

.clndr_hdng_bar h3 {
    font-size: 24px;
    color: #fff;
    float: left;
    width: 100%;
}

.clndr_btns {
    padding: 10px;
    position: relative;
}

    .clndr_btns li {
        margin-right: 5px;
    }

        .clndr_btns li label {
            float: left;
            padding: 1px 3px 0 0;
            font-size: 13px;
            text-transform: capitalize;
            color: #1895c3;
        }

.green_txtbx {
    background: #1895c3;
    width: 80px;
    padding: 2px 4px;
    float: left;
    color: #fff;
}

.saved_items {
    position: absolute;
    right: 0;
    top: 10px;
}

.prev_next {
    position: absolute;
    right: 9px;
    top: 6px;
    font-size: 13px;
}

    .prev_next a {
        color: #2d2b2b;
    }

/*----Project Files----*/
.project_files {
}

.file_name {
    width: 153px;
    background: #fff;
    border: 1px solid #b0b1b1;
    padding: 2px 4px;
    float: left;
    margin-right: 8px;
    color: #666;
}

.file_dropdown .jqTransformSelectWrapper {
    width: 177px !important;
}

    .file_dropdown .jqTransformSelectWrapper div span {
        left: 0;
        width: 150px !important;
        background: #fff;
        padding: 3px 0 5px 4px;
        line-height: inherit;
    }

    .file_dropdown .jqTransformSelectWrapper ul {
        width: 177px !important;
    }


/*Cases outer box*/
.cases_outer_box {
    background: url("../images/comments-bg.png") repeat-x scroll left top transparent;
    box-shadow: 0 0 4px 4px #BBBBBB;
    position: absolute;
    right: 350px;
    top: 75px;
    width: 480px;
    z-index: 9999;
}

.cases_sbjct {
    width: 167px;
}


/*----Common Classes----*/
.fl-lt {
    float: left !important;
}

.fl-rt {
    float: right !important;
}

.txt-uprcs {
    text-transform: uppercase !important;
}

.txt-cntr {
    text-align: center !important;
}

.txt-lt {
    text-align: left !important;
}

.txt-rt {
    text-align: right !important;
}

.padd-rt {
    padding-right: 10px;
}

.selectOptionBold {
    font-weight: bold;
}

.wdth_auto {
    width: auto !important;
}

.no_margn {
    margin: 0 !important;
}

.no_padd {
    padding: 0 !important;
}

.required {
    color: red
}
/*- - - - - - - Side Buttons Hover - - - - - - - -*/

#a1:hover {
    background: url("../images/dashboard_hover.png") no-repeat scroll center 10px transparent;
    padding: 2px;
}

#a2:hover {
    background: url("../images/time-line_hover.png") no-repeat scroll center 16px transparent;
    padding: 2px;
}

#a3:hover {
    background: url("../images/looking-glass_hover.png") no-repeat scroll center 18px transparent;
    padding: 2px;
}

#a4:hover {
    background: url("../images/customers_hover.png") no-repeat scroll center 14px transparent;
    padding: 2px;
}

#a5:hover {
    background: url("../images/cabinet_hover.png") no-repeat scroll center 21px transparent;
    padding: 2px;
}

#a6:hover {
    background: url("../images/44-shoebox_hover.png") no-repeat scroll center 12px transparent;
    padding: 2px;
}

#a7:hover {
    background: url("../images/clndr_hover.png") no-repeat scroll center 15px transparent;
    padding: 2px;
}

#a8:hover {
    background: url("../images/reports_hover.png") no-repeat scroll center 11px transparent;
    padding: 2px;
}

#a9:hover {
    background: url("../images/document_hover.png") no-repeat scroll center 5px transparent;
    padding: 2px;
}

/*.tab-links li a:hover span 
{
color:White;
}

.tab-links li a:hover div 
{
color:White;
}*/



.img:hover {
    cursor: pointer;
    margin-top: -7px;
}

.tooltip {
    margin: 8px;
    padding: 5px;
    padding-top: 1px;
    border: 1px solid Black;
    background-color: Black;
    position: fixed;
    z-index: 2;
    color: White;
    height: 15px;
}

.imgarrow1 {
    padding-left: 12px;
}

.imgarrow2 {
    padding-left: 22px;
}

.imgarrow3 {
    padding-left: 26px;
}

.imgarrow4 {
    padding-left: 36px;
}

.imgarrow5 {
    padding-left: 17px;
}

.imgarrow6 {
    padding-left: 26px;
}


/*------------------*/
.filter_section {
    padding: 5px 10px 40px 10px;
}

    .filter_section form {
        float: left;
        margin-right: 3px;
    }

.InstallOnTrack {
    background: url("../images/play_btn1.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallCaution {
    background: url("../images/caution1.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallMemberImpact {
    background: url("../images/MemberImpact.png") no-repeat left top !important;
    background-size: 20px !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
    margin-left: 1px;
}

.InstallDelayed {
    background: url("../images/delay.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallComplete {
    background: url("../images/complete1.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallCancelled {
    background: url("../images/cancel1.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallDraft {
    background: url("../images/draft1.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallHold {
    background: url("../images/hold.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallSelect {
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.InstallNA {
    background: url("../images/NA.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.MilestoneComplete {
    background: url("../images/complete.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}

.MilestonePend {
    background: url("../images/pend.png") no-repeat left top !important;
    padding: 5px 5px 5px 30px !important;
    color: #1895C3;
}
/*------------------*/

.cmnt_outer_box_multicmnt {
    position: fixed;
    width: 600px;
    background: url(../images/comments-bg.png) repeat-x left top;
    box-shadow: 0 0 4px 4px #bbb;
    top: 62px;
    /* right:240px;*/
    z-index: 9999;
}

.cmnt_outer_box_multicmnt_dashboard {
    position: fixed;
    width: 900px;
    background: url(../images/comments-bg.png) repeat-x left top;
    box-shadow: 0 0 4px 4px #bbb;
    top: 62px;
    /* right:240px;*/
    z-index: 9999;
}

.cmnt_outer_box_multicmnt_homepage {
    position: fixed;
    background-color: white;
    border: 5px solid #45a1ba;
    top: 62px;
    /* right:240px;*/
    z-index: 9999;
}

.multi_cmnt_section {
    overflow: auto;
    height: 130px;
    width: 580px;
    margin-left: 5px;
}

.top-blu-hdng sup {
    color: white;
    font-size: 10px;
}

.sbjct_multicmnt {
    width: 460px;
}

.multiple_slct_rptTable {
    background: #f4f5f6;
    padding: 12px 0 0 12px;
    border: 1px solid #c0c1c1;
    border-radius: 2px;
    height: 300px;
    float: left;
    color: #077da9;
    font-size: 13px;
    width: 420px;
}


.tranfer-arrow_rptTable {
    padding-top: 120px;
    float: left;
    height: 100px;
    position: relative;
    width: 44px;
}

.blu_btn_OpenPopup {
    background: url(../images/blu-btn-lt.png) no-repeat left top;
    padding-left: 22px;
    height: 21px;
    display: block;
}

    .blu_btn_OpenPopup input[type="button"] {
        background: url(../images/blu-btn-rt.png) no-repeat right top;
        padding-right: 22px;
        height: 21px;
        color: #fff;
    }

.new_upload_link {
    color: #409EB4;
    margin: 3px 0 0 8px;
    float: left;
}

.ccdCalendar_outer_box {
    background-color: White;
    box-shadow: 0 0 4px 4px #BBBBBB;
    position: absolute;
    right: 250px;
    top: 75px;
    width: 895px;
    z-index: 9999;
}

/* --------------------------------- */
/* -File list in popup File box- */

.filelist {
    padding: 5px 5px 5px 10px;
    width: auto;
}

.file_dwnld .file_dlt {
    padding-left: 5px;
}

.fileItem {
    color: #1894CA !important;
    padding: 2px 2px 2px 2px;
}

.cross_btn_upload {
    position: absolute;
    top: -2px;
    right: -15px;
}

.filelist_Info {
    background-color: #FFFFFF;
    width: 350px;
    height: 150px;
    overflow: scroll;
}

.milestonetasks_info {
    background-color: #E6E7E7;
}

.btn_fltr {
    padding: 10px;
    float: right;
}

.add_pgntn_fltr {
    float: right;
    padding: 1px 5px 5px 0px;
    right: 50px;
}

.clmn_hdr_link {
    color: #409EB4;
    margin: 3px 0 0 12px;
    text-decoration: none;
}

clmn_hdr_link_NewDash {
    color: white;
    margin: 3px 0 0 12px;
    text-decoration: underline;
}

.links_actions {
    float: left;
    padding: 0 10px;
    width: auto;
}

.newpasowrd-text {
    margin-left: 10px;
    font-size: 11px;
    font-family: Calibri;
}
/* -------------------------------- */
.ratng {
    color: #A0D8E4;
    font: bold;
}

/* end here*/


/* Sussess Message */
/*div.successMessage {
    background: url(/img/error-icon.svg) no-repeat 0 !important;
    color: green;
    line-height: 15px;
    width: 90%;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
    background-size: 30px 20px !important;
    font-size: 10px;
}*/

/* Sussess Message */
div.successMessage {
    background: url(../images/successicon.gif) no-repeat;
    display: none;
    color: green;
    line-height: 15px;
    width: auto;
    margin-bottom: 10px;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
}


/* Error Message */
div .errorMessage {
    /*background:url(../images/alert_red.png) no-repeat; display:none;*/
    background: url(/img/error-icon.svg) no-repeat 0 !important;
    color: black;
    line-height: 15px;
    width: 90%;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
    background-size: 30px 20px !important;
    /*font-size: 10px;*/
}

div.errorMess {
    display: none;
    color: red;
    line-height: 22px;
    width: 100%;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
    background-color: #B8B8B8;
    font-weight: bold;
    font-size: 11px;
}

}
/* Validation Message */
div.validationMessage {
    background: url(../images/erroricon.png) no-repeat;
    display: none;
    color: red;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
}

div.noMatchMessage {
    background: url(../images/Delete.png) no-repeat;
    display: none;
    color: red;
    line-height: 15px;
    width: 90%;
    padding: 5px 5px 5px 25px;
    vertical-align: middle;
}

.downArrow {
    background: url(../images/black_down_arrow.png) no-repeat center 11px;
    padding: 2px;
}

.rightArrow {
    background: url(../images/black_right_arrow.png) no-repeat center 11px;
    padding: 2px;
}

.Loading {
    background: url(../images/loading.gif) padding:2px;
}

.task_mngr:after, .overview_info:after, .install_info:after {
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    content: '.';
    visibility: hidden;
    display: block;
    clear: both
}

/*.fade {
    background-color:#666666;
    height:100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
}*/
.fade {
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=50);
    z-index: 99999;
}




.timelineCopyFloater, .templateCopyFloater {
    background: #fff;
    position: absolute;
    left: 50px;
    top: 230px;
    width: 426px;
    border: 3px solid #1894ca;
    z-index: 2000
}

.buttonflotleft {
    color: Black
}

.user_nm1 {
    color: #1895c3;
    font-size: 11px;
    line-height: 10px;
}

    .user_nm1:hover {
        text-decoration: underline;
    }

.light_arrow_btn {
    background: url(../images/top_light_arrow.png) no-repeat right 10px top;
    position: absolute;
    float: left;
    z-index: 999;
}

/*.dark_arrow_btn {
    background: url(../images/arrow1.png) no-repeat right 10px top;
    position: absolute;
    float: left;
    z-index: 999;
}

.dark_arrow {
    
    background: #000000;*/
    /* float: left; */
    /*width: 100px;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #ffffff;
    padding: 6px;
    margin: 5px;*/
    /* top: 95px; */
    /*font-weight: bold;
    border-radius: 4px;
    position: relative;
    top: -46px;
    left: 16px;
}*/

.light_arrow {
    background: #a0d8e4;
    float: left;
    width: 75px;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #0097cc;
    padding: 6px;
    margin: 5px;
    font-weight: bold;
}

/*.dark_arrow_btn{background:url(../images/down_bottom_arrow.png) no-repeat right 6px bottom;  float:left;  position: absolute;z-index: 999;}
.dark_arrow{background:#0097cc; float:left; width:65px; text-align:center; min-height:35px;  border:none; cursor:pointer; color:#9adae4; position:relative; padding:8px; margin:10px; font-weight:bold; width:130px!important;}*/

.dark_arrow_btn {
    position: relative;
    z-index: 999;
}

.dark_arrow {
    /* width: 130px;
    cursor: pointer;
    text-align: center;
    background-color: #0097cc;
    color: #9adae4;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 999;
    min-height: 50px;*/

    width: auto;
    cursor: pointer;
    text-align: center;
    background-color: #000000;
    color: #9adae4;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 999;
    height: 30px;
    left: -36px;
}

    .dark_arrow::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #000000 transparent transparent transparent;
    }

.drp_box_blue {
    width: 310px;
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #1995c3;
    background: #f1eeee;
    padding: 0 10px;
}

    footer ul {
        float: left;
    }

        footer ul li {
            float: left;
            margin: 5px;
        }

.insight {
    width: 144px;
    margin: 0px 0px 0 0 !important;
}

footer ul li .green_btn {
    margin: 0 0 0 0px;
}

    footer ul li .green_btn:hover {
        opacity: 0.6;
    }

.bod_blue_foot_left {
    border-left: 1px solid #1995c3;
}

.bod_blue_foot {
    border-left: 1px solid #1995c3;
    border-right: 1px solid #1995c3;
    margin-top: 3px;
}


@media (min-width:600px) and (max-width:780px) {
    .margn_bottom {
        margin-bottom: 10px;
    }

    .drp_box_blue {
        width: 180px;
    }

    .logo {
        width: 236px;
    }

    .head-rt {
        width: 288px;
    }

    .hello-txt p {
        float: left;
    }

    .rt-links {
        width: 16%;
    }

    .cstmr_name {
        width: 50%;
    }

    .link-box {
        right: 2%;
    }

    .form_new {
        width: 98%;
    }

    .cstmr_name input[type="text"] {
        width: 37%;
    }

    .input_box {
        width: 48%;
    }

    .info_box {
        width: 100%;
        margin: 0 0 20px 10px;
    }

    .overview_info {
        overflow-x: scroll;
    }

    #viewTimelineInsight {
        height: 53px;
    }

    #caseTemplateInsight {
        height: 53px;
    }
    /*.val{width:120px; float:left;}
.value_cal_new{border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; width:120px; color:#fff; font-size:12px; background:#1895c3; display:block; border:none; cursor:pointer;}*/
    .value_calender {
        top: 9.3%;
        left: 0%;
    }

    .ftr_btns {
        width: 100%;
    }

    .sticky_btn {
        left: 82.3%;
        top: 50.3%;
    }

    .hdr-lnks li a span {
        padding-right: 10px;
    }

    .hdr-lnks li a {
        padding-left: 10px;
    }

    nav.header-nav ul ul li {
        text-align: center !important;
        width: 77%;
    }

    nav.header-nav ul ul {
        width: 160px !important;
        left: -102px !important;
    }

        nav.header-nav ul ul ul {
            left: -160px !important;
        }

    .filter_section form {
        margin: 0px 15px 10px 0px;
    }

    .file_name {
        margin: 0px 15px 10px 0px;
    }

    .green_btn {
        margin: 0 0 10px 3px;
    }

    .clndr_btns li {
        margin: 0 5px 5px 0px;
    }

        .clndr_btns li label {
            width: 65px;
        }

    .detai_input {
        margin: 5 15px 10px 0px !important;
    }

    .detail_info li label {
        text-align: left;
    }

    .bot_padd {
        padding-left: 20px;
    }

    .clmn_hdr_link {
        margin: 3px 8px 0px 8px;
    }

    .multiple_slct_rptTable {
        width: 45%;
    }

    .lt_intall {
        width: 100%;
        margin-bottom: 10px;
    }

    .multiple_slct {
        width: 45%;
    }

    .lt_listing li label, .lt_cstmr_info li label, .rt_cstmr_info li label {
        text-align: left;
    }

    .rt_install {
        width: 100%;
    }

    .btns {
        padding: 5px 0 0 0;
    }

    .input_box1 {
        width: 60% !important;
    }

    .full_width {
        width: 100% !important;
    }

    .detail_info {
        padding-left: 10px;
    }
}


@media (min-width:768px) and (max-width:1024px) {
    .margn_bottom {
        margin-bottom: 10px;
    }

    .info_box {
        width: 100%;
        margin: 0 0 20px 20px;
    }

    .overview_info {
        overflow-x: scroll;
    }

    .drp_box_blue {
        width: 180px;
    }

    .value_calender {
        left: 3%;
        top: 9.3%;
        z-index: auto;
    }

    .ftr_btns {
        width: 100%;
    }

    .sticky_btn {
        left: 86.8%;
        top: 12.3%;
    }

    .hdr-lnks li a span {
        padding-right: 10px;
    }

    .hdr-lnks li a {
        padding-left: 10px;
    }

    nav.header-nav ul ul li {
        text-align: center !important;
        width: 77%;
    }

    nav.header-nav ul ul {
        width: 160px !important;
        left: -102px !important;
    }

        nav.header-nav ul ul ul {
            left: -160px !important;
        }

    .filter_section form {
        margin: 0px 15px 10px 0px;
    }

    .file_name {
        margin: 0px 15px 10px 0px;
    }

    .green_btn {
        margin: 0 0 10px 3px;
    }

    .clndr_btns li {
        margin: 0 5px 5px 0px;
    }

        .clndr_btns li label {
            width: 65px;
        }

    .detai_input {
        margin: 5 15px 10px 0px !important;
    }

    .detail_info li label {
        text-align: left;
    }

    .bot_padd {
        padding-left: 20px;
    }

    .clmn_hdr_link {
        margin: 3px 8px 0px 8px;
    }

    .multiple_slct_rptTable {
        width: 45%;
    }

    .lt_intall {
        width: 100%;
        margin-bottom: 10px;
    }

    .multiple_slct {
        width: 45%;
    }

    .lt_listing li label, .lt_cstmr_info li label, .rt_cstmr_info li label {
        text-align: left;
    }

    .rt_install {
        width: 100%;
    }

    .btns {
        padding: 5px 0 0 0;
    }

    .input_box {
        width: 50%;
    }

    .input_box1 {
        width: 60% !important;
    }

    .full_width {
        width: 100% !important;
    }

    .detail_info {
        padding-left: 10px;
    }
}



@media (min-width:320px) and (max-width:599px) {
    .logo {
        margin: 0 auto !important;
        width: 236px;
        float: none;
        height: 45px;
    }

    .head-rt {
        width: 320px;
        float: none;
        margin: 0 auto;
    }

    .image-list {
        padding: 0 0 0 25px;
        width: 295px;
    }

    .hello-txt {
        width: 320px;
        padding: 10px 0 10px 0;
    }

        .hello-txt p {
            float: left;
            padding: 0 0 0 10px;
        }

    .hdr-links {
        float: right;
        padding: 0 10px 0 0;
    }

    .cont-tab {
        background: none;
        float: left;
        min-height: 162px;
        width: 100%;
    }

    .tab-links li {
        float: left;
        width: 80px;
        background: url("../images/tab-grad.png") repeat-y scroll right top transparent;
        border-bottom: 1px solid #c0c1c1;
    }

    .hdng-sctn {
        width: 69%;
    }

    .rt-links {
        width: 27%;
    }

    .link-box {
        right: 1%;
    }

    .input_box {
        padding: 0 0 0 10%;
        width: 90% !important;
    }

    .cstmr_name input[type="text"] {
        width: 55%;
    }

    .detail_info li label {
        padding: 0 0 2px 10%;
    }

    .detai_input {
        width: 55%;
    }

    .ui-widget {
        width: 90%;
    }

    #region-accounts, #subregion-accounts {
        width: 100%;
    }

    fieldset {
        width: 77% !important;
        margin: 0 auto;
    }

    .detail_info li label {
        padding: 0 0 0 10%;
        text-align: left;
    }

    .button_box {
        padding-top: 0px;
        margin-bottom: 0px !important;
    }

    .hdng-sctn h1 {
        font-size: 21px;
        height: 28px;
    }

    .pdng_left {
        padding: 0 0 0 0 !important;
    }

    .info_box {
        width: 100%;
    }

    .milstone-box {
        padding-left: 0px !important;
        width: 100%;
    }

        .milstone-box img {
            width: 100%;
            padding: 0 0 10px 0;
        }

    .add_new {
        right: 4px;
        top: -3px;
    }

    .file_name {
        margin: 0 8px 5px 0;
    }

    .jqTransformSelectWrapper {
        margin: 0 0 5px 0;
    }

    .datepicker {
        margin: 0 0 5px 0;
    }

    .green_btn {
        margin: 0 0 5px 0;
    }
}

td {
    padding-right: 6px !important
}


/************************** Fonts Face ****************************/


/**************************HTML5 RESET****************************/
body {
    margin: 0px;
    padding: 0px;
    color: #394951;
    text-align: justify;
    font-size: 12px;
    background: #dcdcdc;
    font-family: 'Arial'
}

input, select, textarea {
}

h1, h2, h3, h4, h5 {
    line-height: normal;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

/*ul, li {
    list-style: none;
}*/
ul {
    list-style: none;
}

p {
    font-family: 'Arial'
}

a {
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: none;
    }

.clear {
    clear: both;
    line-height: 0px;
    font-size: 0px;
}

img {
    border: none;
}

section, article, aside, header, footer, nav, dialog, figure {
    display: block;
    padding: 0px;
    margin: 0px;
}

.lt {
    float: left !important
}

.rt {
    float: right !important
}

.abslt {
    position: absolute
}

.rltv {
    position: relative
}



/*==========================================================================
 **************************** Main Css  ***********************************
 ==========================================================================*/
.for_iphn {
    display: none;
}
/*============= Navbar ===============*/
#nav {
    background: #3dafc9;
    clear: both;
    height: 49px; /* box-shadow:0 4px 7px -3px #000000*/
}

    #nav ul {
        top: 40px
    }

        #nav ul li {
            float: left;
        }

            #nav ul li a {
                color: #FFF;
                font-weight: bold;
                font-size: 13px; /*padding:0 34px;*/
                margin: 0;
                line-height: 29px;
                display: inline-block
            }

            #nav ul li:hover {
                background: #8ad0e0;
            }


/*-------- Navigation for iPhone ----------*/
.nav_bg {
    background: #3dafc9;
    clear: both;
    height: 49px;
    border-bottom: 1px #666 solid;
}

.nav_iphn {
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 111
}

    .nav_iphn ul {
        width: 100%;
    }

    .nav_iphn li {
        float: none !important;
        display: block
    }

        .nav_iphn li a {
            background: #3dafc9 97% center;
            border-top: 1px #00426e solid;
            border-bottom: 1px #666 solid;
            line-height: 29px;
            padding: 0 40px 0 12px;
            display: block;
            color: #ffffff;
            font-size: 16px !important;
        }

            .nav_iphn li a:hover {
                background: #8ad0e0;
            }

        .nav_iphn li ul li a {
            background: url(../images/bullet.png) 8px no-repeat #fff;
            width: 100%;
            color: #666;
            border: 0;
            font-size: 11px !important; /*padding:4px 0;*/
            text-indent: 16px !important
        }

            .nav_iphn li ul li a:hover {
                color: #155D97;
                background: url(../images/bullet.png) 8px no-repeat transparent;
                width: 100%;
            }

.menu {
    text-align: center;
    display: block
}

    .menu img {
        margin: 14px auto
    }

.input_box12 {
    float: right;
    width: 89%;
    margin: 10px 0 0 0;
    z-index: 9999;
}

.sortAsc {
    /*background: url("../images/SortDownArrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*down*/
    /*float: left;*/
    background: url("../../images/arrow-top-bottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 10px;
    background-size: 20px;
    background-position: left;
}

.sortDesc {
    /*up*/
    /*background: url("../images/SortUpArrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*float: left;*/
    background: url("../../images/arrow-top-bottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 10px;
    background-size: 20px;
    background-position: right;
    /*margin-left: 5px;*/
}


/*------------------------ question_panel css 8 jan ---------------------*/

.question_panel ol {
    padding: 10px !important;
    margin: 0px;
}

    .question_panel ol p {
        font-size: 16px;
        margin: 10px 0;
        color: #000000;
        font-size: medium;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
    }

    .question_panel ol li {
        clear: both;
        display: table;
        font-size: 14px;
        list-style: none outside none;
        margin: 5px 0;
        padding: 10px;
        position: relative;
        width: 95%;
    }

.question_panel .Question .inputBorder {
    border: 0 none;
    clear: both;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    width: 100% !important;
}

.question_panel .AnswerOptions {
    margin: 10px 0;
    width: 100%;
}

    .question_panel .AnswerOptions > label {
        float: left;
        margin: 5px 0;
        padding: 0 0 0 15px;
        width: 100%;
    }

    .question_panel .AnswerOptions input[type="checkbox"] {
        float: left;
        margin: 1px 10px 0 0;
    }

    .question_panel .AnswerOptions input[type="text"] {
        margin: 10px 0px 10px 0 !important;
        max-width: 100%;
        min-height: 30px;
        width: 91% !important;
        border: 1px solid #d1d1d1;
        display: list-item;
    }

.edit_view input[type="text"].inputBorder {
    margin: 0px 0px 10px 0 !important;
    max-width: 100%;
    min-height: 30px;
    width: 91% !important;
    border: 1px solid #d1d1d1;
    display: list-item;
}

.question_panel .AnswerOptions select {
    margin: 10px 0px 10px 0;
    min-width: 300px;
    height: 30px;
    border: 1px solid #d1d1d1;
}

.clearfix {
    clear: both;
}

.edit_box {
    border: 1px dashed #D1D1D1;
    border-radius: 5px;
    bottom: 0;
    display: block;
    left: 0;
    min-height: 50px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    display: none;
    cursor: pointer;
    width: 100%;
}

.ui-droppable.ui-sortable > li:hover .edit_box {
    display: block;
}

.ui-droppable.ui-sortable > div {
    bottom: 0;
    position: relative;
    right: 0;
    top: 0;
}

.edit_btn {
    background: #4C93C7;
    border-radius: 3px;
    color: #FFFFFF !important;
    float: right;
    font-size: 14px;
    margin: 0 5px;
    padding: 7px 19px;
    text-decoration: none;
}

.save_btn {
    background: #4C93C7;
    border-radius: 3px;
    color: #FFFFFF !important;
    display: inline;
    font-size: 14px;
    margin: 0 5px;
    padding: 7px 19px;
    text-decoration: none;
}

.edit_view {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 20px !important;
}

    .edit_view h4, .edit_view h5 {
        clear: both;
        float: left;
        margin: 10px 0;
        width: 100%;
    }

    .edit_view .Question {
        clear: both;
        float: left;
        width: 100%;
    }

    .edit_view .AnswerOptions {
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }

.add_icon {
    float: right;
    margin: 6px 0 0 9px;
}

.text_box {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

    .text_box input[type="text"] {
        float: left;
    }

.add_icon > img {
    max-width: 16px;
}

#products {
    width: 300px !important;
    margin-top: 1em;
}

ul.drag_option {
    background: none repeat scroll 0 0 #FCFDFD;
    border: 1px solid #A6C9E2;
    display: inline-block;
    padding: 10px;
    width: 278px;
}

    ul.drag_option li {
        padding: 0px;
        font-size: 13px;
        background: #eeeeee;
        border: 1px solid #87B6D9;
        margin: 4px 0;
        cursor: move;
        float: left;
        line-height: 37px;
        width: 100%;
    }

        ul.drag_option li span {
            background: none repeat scroll 0 0 #87B6D9;
            float: left;
            margin: 0 10px 0 0;
            padding: 0px 9px;
            text-align: center;
            width: 25px;
        }

            ul.drag_option li span img {
                max-width: 15px;
            }

.ui-widget-content {
    min-height: 255px;
}

.fixed_side_bar #products {
    position: fixed;
    top: 10px;
    width: 100px;
}

.fixed_side_bar #cart {
    margin-left: 325px;
    position: relative;
}

.question_panel .Question .QuestionName {
    border: 0 none;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    width: 100% !important;
}

.question_panel .Question .QuestionOrder {
    border: 0 none;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    width: 100% !important;
}

.green_btn.green_btn_new {
    margin: 0;
    padding-right: 0;
    width: 120px;
}

.header-right-dropdown {
    float: right;
    width: 120px;
    margin-right: 29px;
    margin-top: 0px;
    width: 160px;
}

    .header-right-dropdown select {
        border: 1px solid #d0d0d0;
        border-radius: 2px;
        padding: 7px 5px;
        font-size: 11px;
        display: block;
        color: #000;
        width: 100%;
        background: #e5e7e7;
        background: -moz-linear-gradient(top, #e5e7e7 0%, #eff0f0 50%, #e5e7e7 50%, #eff0f0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e7e7), color-stop(50%,#eff0f0), color-stop(50%,#e5e7e7), color-stop(100%,#eff0f0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e5e7e7 0%,#eff0f0 50%,#e5e7e7 50%,#eff0f0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e5e7e7 0%,#eff0f0 50%,#e5e7e7 50%,#eff0f0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e5e7e7 0%,#eff0f0 50%,#e5e7e7 50%,#eff0f0 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e5e7e7 0%,#eff0f0 50%,#e5e7e7 50%,#eff0f0 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7e7', endColorstr='#eff0f0',GradientType=0 ); /* IE6-9 */
    }

.header-right-dropdown-new {
    float: right;
    margin-right: 0px;
    margin-top: 4px;
    width: 240px;
    font-size: 14px !important;
}

    .header-right-dropdown-new .form-control {
        font-size: 13px !important;
        padding: 9px 14px 12px !important;
        height: 39px;
        border: 1px solid #cfe4ea;
    }

    .header-right-dropdown-new option {
        font-size: 13px !important;
        padding: 10px 0px
    }

/**************** 08/10/2015 *****************/
.col-structure-5 {
    float: left;
    width: 96.5%;
    padding: 0 20px;
}

    .col-structure-5 .col-5 {
        float: left;
        width: 25%;
        margin-bottom: 20px;
    }

        .col-structure-5 .col-5 h2 {
            color: #000;
            border-bottom: 1px solid #000;
            padding-bottom: 2px;
            margin-bottom: 10px;
            text-align: left;
        }

        .col-structure-5 .col-5 .form-format {
            padding: 10px;
            background-color: #f3f3f3;
            margin: 0 10px;
            box-shadow: 0 2px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
            min-height: 365px;
            max-height: 365px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .col-structure-5 .col-5 .form-format dt {
                float: left;
                font-weight: bold;
                width: 47%;
                text-align: right;
            }

            .col-structure-5 .col-5 .form-format dd {
                margin-left: 50%;
            }

            .col-structure-5 .col-5 .form-format dt, .col-structure-5 .col-5 .form-format dd {
                margin-bottom: 10px;
                font-size: 12px;
                color: #000;
            }

.link-box-link {
    margin-top: -6px;
    margin-right: 0;
}

    .link-box-link a {
        border: 1px solid #1895C3;
        border-radius: 2px;
        display: block;
        padding: 5px 20px;
        color: #000;
        font-size: 13px;
    }

        .link-box-link a:hover {
            color: #fff;
            background-color: #1895C3;
        }

/***************************Added ON 22 DEC 2015 BY (VSA)********************************************/
.ticket_Form li label {
    width: 175px;
}

.width30pr {
    width: 30%;
}

.width40pr {
    width: 40%;
}

.widht26pr {
    width: 26%;
}

.width60pr {
    width: 60%;
}

.ddWd330 {
    width: 330px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}
/***************************END Added on 22 DEC 2015 BY (VSA)********************************************/

/******** css for menu changes 9/05/2016*********/
.outer-li, .outer-li-2, .outer-li-3 {
    left: -175px !important;
    position: absolute !important;
    top: 0px !important;
}
/*ADD FOR CLOSER OF REVIEW ON 10/13/2016*/
.task_mngrDashBoard {
    padding-top: 0px;
}

.overview_infoDashboard {
    padding: 5px 0px 2px 0px;
}

.edit_del_btnCustomer {
    overflow: hidden;
    padding: 43px 0 20px 520px;
}

.clmn_hdr_link_HICASEINTREP {
    color: #409EB4;
    margin: 3px 0 0 12px;
}

.tr_seasonal {
    margin-bottom: 20px;
}

#PastDueReport .header {
    display: table-cell !important;
    width: auto;
}

@media all and (max-width:1170px) {
    .header-right-dropdown-new {
        position: absolute;
        right: 35px;
        top: 50px;
        z-index: 999999;
    }
}

@media all and (max-width:1190px) {
    #create_timeline {
        /* overflow: hidden; */
        position: absolute;
        top: 50px;
        width: 100%;
    }

    .content-wrapper {
        height: 220%;
    }
}

.Newcustomer {
    color: #a7a7a7;
    font-style: italic;
}

.Oldcustomer {
    color: #a7a7a7;
    font-style: italic;
}

.NewCustomerO {
    color: red;
    font-style: normal;
}

.disabledBTN {
    pointer-events: none;
    opacity: .5;
}

.dark_arrow {
    color: white !important;
    text-align: center !important;
    padding-top: 10px !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
}

.wrapper1, .wrapper2 {
    overflow-x: scroll;
    overflow-y: hidden !important;
}

.wrapper1 {
    height: 20px;
}

.div1 {
    height: 20px;
}

.div2 {
    overflow: auto;
}
/*// #### END Table Resizable ######*/
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

#text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*Multi skip changes css */
/*.mileStoneTbl th{
    white-space:nowrap;
}*/
/*.mileStoneTbl td {
    padding-right: 0px !important;
}*/
.mileStoneTbl .checkmark {
    right: 0px;
    margin: 0 auto;
}

.mileStoneTbl .clmn_hdr_link {
    /*margin: 3px 0 0 6px;*/
    margin: 0px;
}

/*New Enhancement CSS*/

@font-face {
    font-family: 'Gotham';
    src: url('../../fonts/Gotham-Light.eot');
    src: url('../../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/Gotham-Light.woff2') format('woff2'), url('../../fonts/Gotham-Light.woff') format('woff'), url('../../fonts/Gotham-Light.ttf') format('truetype'), url('../../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    align-items: center !important;
}

.min-h-50 {
    min-height: 50px;
}

.pad-10 {
    padding: 10px;
}

.p-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.p-12 {
    padding: 12px;
}

.p-5 {
    padding: 5px;
}

.p-tb-8 {
    padding: 8px 0px;
}

.p-tb-5 {
    padding: 5px 0px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.topImgHeader {
    background: url(../../images/topHeader.e69ff76119db7b54afcd.jpg) repeat-x;
    /*height: 33px;*/
    height: 20px;
    background-position: bottom center;
}

.header-logo {
    /*padding-bottom: 0 !important;
    padding-top: 0 !important;*/
    background: #fff;
    min-height: 50px;
    border-bottom: 1px solid #035f85;
    padding: 0px 20px !important;
}

    .header-logo h1 img {
        max-width: 225px;
    }

.main-menu {
    border-top: 0px !important;
    min-height: 50px;
    height: auto !important;
    border-bottom: 1px solid #ccc;
    padding: 0px 20px;
}

    .main-menu figure {
        padding-left: 0px !important;
        margin-top: 15px !important;
    }

.content-wrapper {
    top: 110px !important;
}

.hdr-links {
    padding-top: 10px !important;
}

.main-menu ul.main-menu-list {
    padding-left: 8px !important;
}

.main-menu figure img {
    width: 164px !important;
    margin-left: -3px !important;
}

.main-menu ul li a {
    padding: 10px 15px !important;
}

.top-blue-bar-padding {
    padding: 15px 0 10px !important;
}

.cmnt_outer_box_multicmnt, .cmnt_outer_box {
    /*position: fixed;
    width: 600px;*/
    box-shadow: none;
    /* right: 240px; */
    background: #007cb1;
    background: -webkit-gradient(linear,left top,left bottom,from(#007cb1),to(#7bc2d6));
    background: linear-gradient(to bottom,#007cb1 0,#7bc2d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cb1', endColorstr='#7bc2d6', GradientType=0);
    border: none !important;
}

.cmnt_hdng {
    font-size: 44px;
    font-family: 'Gotham' !important;
    font-weight: 300;
    color: #fff;
    z-index: 9;
    padding: 10px;
    margin-top: 0px;
}

    .cmnt_hdng:before {
        position: absolute !important;
        height: 35px !important;
        background: #025d83 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        content: "";
    }

.lgnd_hdng {
    font-size: 30px;
    font-family: 'Gotham' !important;
    font-weight: 300;
    color: #fff;
    z-index: 9;
    padding: 10px;
    margin-left: 20px;
    margin-top: 0px;
}

    .lgnd_hdng:before {
        position: absolute !important;
        height: 29px !important;
        background: #025d83 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        content: "";
    }

span#spanTypeName {
    position: relative !important;
    z-index: 99999 !important;
}
/*Popup close button start*/
.cross_btn {
    position: absolute;
    top: 0px;
    right: 8px;
    z-index: 9;
    color: #fff;
    font-size: 30px;
}

    .cross_btn:hover {
        color: #a0d8e4;
    }
/*Popup close button End*/

#file_upload.buttonflotleft {
    color: #fff;
}

.info_cmnt_detail label {
    color: #fff;
}
/*Button save and cancel start*/
.btn-save {
    color: #fff;
    background-color: #f26631;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    padding: 4px 30px;
    font-size: 14px;
    border-radius: 0;
    width: 100px;
    height: 30px;
    line-height: 15px;
    /*line-height: 30px;*/
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer !important;
}


.btn-close {
    color: #fff;
    background-color: #f26631;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    /* padding: 4px 30px; */
    font-size: 14px;
    border-radius: 0;
    width: 66px;
    height: 18px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer !important;
    margin-right: 36px;
}

.btn-cancel {
    color: #fff;
    background-color: #1895c3;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 4px 25px;
    font-size: 14px;
    border-radius: 0;
    width: 100px;
    height: 30px;
    line-height: 15px;
    /*line-height: 30px;*/
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px;
}

    .btn-save input, .btn-cancel input, .btn-close input {
        background: transparent;
        color: #fff;
        text-transform: uppercase;
    }

.cmnt_btns {
    margin: 10px 58px;
}
/*Button save and cancel Ends*/

.detail_input_left {
    width: 410px !important;
}

.assignee-lbl {
    font-size: 16px;
    color: #007cb1;
}

.assignee-list-selected ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .assignee-list-selected ul li {
        background: #1895c3;
        color: #fff;
        padding: 5px 25px 5px 5px;
        border-radius: 4px;
        margin: 0px 10px 10px 0px;
        position: relative;
    }

        .assignee-list-selected ul li a.cross_btn {
            top: -4px;
            right: 2px;
            font-size: 20px;
        }

/* The checkbox-container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #1895c3;
}


/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #1895c3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cmnt_hdng.connect-form {
    font-family: 'Gotham';
}

.top_blue_bar-heading h3 {
    font-size: 14px;
    color: #f4f8f9;
    font-weight: lighter;
}

.top_blue_bar-heading h1 {
    font-size: 26px;
    color: #fff;
}

.customer-management-top {
    padding: 25px;
}

.custom-lbl label, .custom-lbl   {
    font-size: 14px!important;
    color: #49b4cc!important;
    margin: 0;
    font-weight: 500;
}

.customer-management-top .form-control {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
    width: 88%;
    float: left;
    font-size: 14px;
}

    .customer-management-top .form-control:focus {
        background: #fff;
    }

.top-link-box {
    text-align: right;
}

    .top-link-box a {
        display: inline-block;
        margin-left: 8px;
    }

        .top-link-box a img {
            width: 18px;
        }

#tblCustomers .blu_bg th, #tblCommentsList .blu_bg th {
    position: relative;
}

.jqOrderby {
    /*float: right;*/
    margin: 0px;
    position: absolute;
    right: 1px;
    top: 10px;
}

#tblCustomers .clmn_hdr_link {
    margin: 0px;
}

#tblCustomers #CustomerListBody tr td strong, #tblCommentsList tbody tr td strong {
    font-weight: 500;
}

#tblCustomers #CustomerListBody tr td label, #tblCommentsList tbody tr td label {
    text-align: left;
}

.action-td img {
    width: 15px;
}

.action-td .links_form {
    padding: 0 5px;
    display: inline-block;
    float: none;
}

.p-0 {
    padding: 0px !important;
}

.p-r-0 {
    padding-right: 0px;
}

.p-25 {
    padding: 25px;
}
/*swicher*/
.switch-field {
    display: flex;
    overflow: hidden;
    justify-content: center;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background-color: #989899;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        text-align: center !important;
        padding: 5px 10px;
        transition: all 0.1s ease-in-out;
        margin: 0;
        font-weight: 600;
        width: 50px;
    }

        .switch-field label:hover {
            cursor: pointer;
            transform: scale(1.1);
        }

    .switch-field input:checked + label {
        /*background-color: #a5dc86;*/
        box-shadow: none;
    }

        .switch-field input:checked + label.btn-yes {
            background: #5cbbf2;
        }

        .switch-field input:checked + label.btn-no {
            background: #ff4348;
        }

.header-right-dropdown-new {
    position: relative;
}

    .header-right-dropdown-new #ddlDepartmentNameMaster {
        background: #dde2ef;
        padding: 6px 14px 10px !important;
    }

    /*.header-right-dropdown-new img {
        position: absolute;
        top: 10px;
        right: 6px;
        width: 22px;
        background: #dde2ef;
        padding: 5px;
        pointer-events: none;
    }*/
    .header-right-dropdown-new img {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
        background: #dde2ef;
        padding: 15.5px 10px;
        pointer-events: none;
    }

.user-img {
    float: left;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    max-width: 18%;
    height: 30px;
}

    .user-img img {
        width: 100%;
        height: 100%;
    }

.custom-lbl {
    text-align: right;
}

.Newcustomer {
    color: #505050;
    font-style: normal;
}

.m-t-minus-6 {
    margin-top: -6px;
}

.m-0 {
    margin: 0px;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

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

.font-w-normal {
    font-weight: normal;
}

@media(max-width:767px) {
    .row.d-flex.align-items-center.min-h-50 {
        display: block !important;
    }

    .hdr-links {
        padding-top: 0 !important;
    }

    .header-logo {
        padding: 5px 0px !important;
    }

    .hello-txt p {
        float: none;
        padding: 0;
    }

    .user-img {
        width: 12%;
        margin: 2px 10px 0px 0px;
    }

    .hello-txt {
        width: 100%;
        padding: 10px 0px 0;
        text-align: left;
    }

    nav.main-menu.navbar.navbar-default {
        padding-bottom: 0px;
    }

    .navbar-default .navbar-collapse {
        position: relative;
        margin-bottom: 10px;
    }

    .header-right-dropdown-new {
        position: absolute;
        top: 3px !important;
        left: 10px;
        right: 0 !important;
        width: 94% !important;
    }

    .content-wrapper {
        margin-top: 25px;
    }

    #create_timeline {
        top: 0px;
    }

    .p-12 {
        padding: 0px;
    }

    .top_blue_bar-heading h3 {
        font-size: 12px;
    }

    .top_blue_bar-heading h3 {
        font-size: 12px;
    }

    .rt-links {
        width: 100%;
        margin: 10px 0;
    }

    .customer-management-top {
        padding: 10px;
    }

        .customer-management-top .d-flex {
            display: block !important;
        }

        .customer-management-top .col-md-2.p-r-0 {
            padding-right: 15px;
        }

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

        .custom-lbl label {
            margin-bottom: 5px;
        }

    .customer-management .top_blue_bar.p-lr-25 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .customer-management-top .form-control {
        width: 75%;
    }

    .top-link-box {
        margin: 15px 0 5px;
    }

    .action-td img {
        width: 9px;
    }

    .action-td .links_form {
        padding: 0 2px;
    }
}

.pad-0 {
    padding: 0px;
}

.opacity05 {
    pointer-events: none;
    opacity: 0.5;
}

.checked-no-events {
    pointer-events: none;
}

.unchecked-events {
    opacity: 0.5;
}

.create-timeline-btn-ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

    .create-timeline-btn-ul li .checkbox-container .checkmark {
        top: 1px;
    }

    .create-timeline-btn-ul li .checkbox-container {
        padding-left: 25px;
    }

.form-page .form-control-full-w {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
    float: left;
    width: 100%;
    font-size: 14px;
}
.form-page .form-control-full-w:focus{
    background:#fff;
}

div.successMessage, div.noMatchMessage {
    margin: 4px 0px !important;
}

#subregion-accounts, #region-accounts {
    border: 1px solid #0d678d;
    width: 100%;
    margin-bottom: 40px;
}

    #subregion-accounts fieldset legend, #region-accounts fieldset legend {
        background: #a0d8e4;
        padding: 5px;
        font-size: 13px;
        font-weight: 500;
        color: #2d2b2b;
    }

.create-timeline #tblregionAccount, .create-timeline #tblSubRegionAccount {
    width: 100%;
}

    .create-timeline #tblregionAccount tr td:first-child, .create-timeline #tblSubRegionAccount tr td:first-child {
        width: 18%;
    }

    .create-timeline #tblregionAccount tr td:nth-child(2), .create-timeline #tblSubRegionAccount tr td:nth-child(2) {
        width: 31%;
    }

    .create-timeline #tblregionAccount tr td:last-child, .create-timeline #tblSubRegionAccount tr td:last-child {
        width: 51%;
    }

    .create-timeline #tblregionAccount .info_label, .create-timeline #tblSubRegionAccount .info_label {
        font-size: 15px;
        color: #49b4cc;
        margin: 0;
        font-weight: 500;
    }

        .create-timeline #tblregionAccount .info_label b, .create-timeline #tblSubRegionAccount .info_label b {
            font-weight: 500;
        }

    .create-timeline #tblregionAccount input, .create-timeline #tblSubRegionAccount input {
        height: 34px;
        border: 1px solid #f2f0f4;
        background: #f2f0f4;
        padding: 6px 12px;
        width: 100%;
    }

    .create-timeline #tblregionAccount textarea, .create-timeline #tblSubRegionAccount textarea {
        border: 1px solid #f2f0f4;
        background: #f2f0f4;
        padding: 6px 12px;
        width: 100%;
    }

    .create-timeline #tblregionAccount .input:hover, .create-timeline #tblSubRegionAccount .detai_input:focus {
        background: #fff;
        -webkit-box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
        -moz-box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
        box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
        border-color: rgba(80,80,80,0.2);
    }

    .create-timeline #tblregionAccount tr td, .create-timeline #tblSubRegionAccount tr td {
        padding: 0px 20px;
    }

.pend-pop-editor {
    width: 70%;
}

    .pend-pop-editor .cleditorMain {
        width: 100% !important;
    }

.input-pend-time #PendToDate {
    width: 175px;
}
/*Calender*/
.ui-datepicker {
    width: 24em !important;
}

    .ui-datepicker.ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5 !important;
        background: #fff !important;
        box-shadow: 0 0 10px 0 #aaa !important;
        padding: 15px !important;
        border-radius: 0 !important;
        z-index: 999999 !important;
    }

    .ui-datepicker .ui-datepicker-header {
        background: #337ab7 !important;
        min-width: 270px !important;
        height: 50px !important;
        padding: 10px !important;
        border-radius: 3px 3px 0 0 !important;
        text-align: justify !important;
        margin: 0 !important;
    }

    .ui-datepicker .ui-datepicker-title span {
        border-radius: 15px !important;
        max-width: 155px !important;
        padding: 0 13px !important;
        display: inline-block !important;
        vertical-align: top !important;
        height: 30px !important;
        line-height: 30px !important;
        border: 0 !important;
        background: 0 0 !important;
        text-align: center !important;
        cursor: pointer !important;
        color: #fff !important;
        -webkit-transition: .3s !important;
        transition: .3s !important;
    }

        .ui-datepicker .ui-datepicker-title span:hover {
            background: rgba(0,0,0,.1) !important;
        }

    .ui-datepicker table.ui-datepicker-calendar {
        padding: 10px !important;
        border-radius: 0 0 3px 3px !important;
        min-height: 200px !important;
        min-width: 285px !important;
        border: 1px solid #e9edf0 !important;
    }

    .ui-datepicker .ui-datepicker-title {
        padding: 0px !important;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        top: 12px !important;
    }

    .ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
        background-image: url(../../images/pre-next-arrow.png) !important;
        background-position: -20% center !important;
        background-size: 155% !important;
        height: 15px;
        width: 13px;
    }

    .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
        background-image: url(../../images/pre-next-arrow.png) !important;
        background-position: 110% center !important;
        background-size: 155% !important;
        height: 15px;
        width: 13px;
    }

.ui-datepicker-prev.ui-corner-all {
    border-radius: 50% !important;
    padding: 15px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px !important;
    top: 10px !important;
}

.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
    background: rgba(0,0,0,.1) !important;
    border: 0px !important;
}

.ui-datepicker-next.ui-corner-all {
    border-radius: 50% !important;
    padding: 15px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 10px !important;
    top: 10px !important;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
    background: rgba(0,0,0,.1) !important;
    border: 0px !important;
}

.ui-datepicker th {
    padding: 10px 0px 0px !important;
    font-size: 13px !important;
    color: #9aaec1 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.ui-datepicker td {
    padding: 0 !important;
}

.ui-datepicker-calendar .ui-state-default {
    color: #54708b !important;
    font-weight: normal !important;
    text-align: center !important;
    position: relative !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    background: none !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0px !important;
    border-radius: 50% !important;
}

.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover {
    background: #e9edf0 !important;
    display: inline-block !important;
}

@media (max-width:767px) {
    .create-timeline-btn-ul {
        flex-wrap: wrap;
        margin: 0px 10px;
    }

        .create-timeline-btn-ul li {
            margin: 10px 0px;
        }

            .create-timeline-btn-ul li .checkbox-container.custom-lbl.m-l-10 {
                margin-left: 0px;
            }

    .form-page .row.d-flex.align-items-center {
        display: block !important;
    }

    #sectionManualInstallPopup {
        width: 90%;
        left: 0 !important;
        margin: 0 auto;
        right: 0;
        top: 180px !important;
    }

        #sectionManualInstallPopup .cleditorMain, #sectionManualInstallPopup .cleditorMain textarea, #sectionManualInstallPopup .cleditorMain iframe {
            width: 100% !important;
        }
}

.tbl-action-view a {
    background: url(../../images/search-blue-icon.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100% 100%;
    margin-top: 5px;
}

.tbl-action-edit a {
    background: url(../../images/edit-blue-icon.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100% 100%;
    margin-top: 5px;
}

.tbl-action-copy a {
    background: url(../../images/copy-blue-icon.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100% 100%;
    margin-top: 5px;
}


/*.customer-name .jqOrderby {
    background: url("../../images/arrow-top-bottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 50px;
    background-size: 20px;
    background-position: right;
    top: 10px;
    right: 10px;
}*/
.table-th-without-pad th {
    padding: 0 !important;
}

    .table-th-without-pad th a {
        display: inline-block;
        width: 100%;
        padding: 10px;
        position: relative;
    }

.drpdwn_new.custom-dropdwnViewCaseTimeline .jqTransformSelectWrapper {
    background: url(../images/new_dropdown.png) no-repeat right top;
    height: 34px;
    border: 1px solid #f2f0f4;
    background-color: #f2f0f4;
    width: 100% !important;
    background-image: url(../../images/caret-down-arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 95% 48%;
}

    .drpdwn_new.custom-dropdwnViewCaseTimeline .jqTransformSelectWrapper div span {
        padding: 6px 12px;
        height: auto;
        line-height: normal;
        background: transparent;
        font-size: 14px;
        font-weight: 300;
    }

.custom-dropdwnViewCaseTimeline .jqTransformSelectWrapper ul {
    width: 100% !important;
    height: auto !important;
    top: 34px;
}

    .custom-dropdwnViewCaseTimeline .jqTransformSelectWrapper ul a.selected {
        background-color: #EDEDED !important;
    }

    .custom-dropdwnViewCaseTimeline .jqTransformSelectWrapper ul a {
        padding: 10px 20px 10px 45px !important;
        background-position: 10px center !important;
    }

.info_box {
    width: 49.8%;
}

    .info_box .grey_hdng {
        width: 100%
    }

#pager .infrmtn_info tr td {
    padding: 0px !important;
}

    #pager .infrmtn_info tr td a span {
        color: #0a0a0a;
        display: block;
        padding: 3px 8px;
        border-radius: 0;
        transition: 0.6s;
    }

        #pager .infrmtn_info tr td a span:hover {
            background: #e6e6e6;
        }

    #pager .infrmtn_info tr td .currentPage {
        padding: 3px 8px;
        background: #2199e8;
        color: #fefefe;
        cursor: default;
    }

.mileStoneTbl tr td input {
    width: 100%;
    border-color: #ccc;
    height: 25px;
}

.mileStoneTbl tr th {
    background-color: #e5f4f8;
}

    .mileStoneTbl tr th a {
        cursor: default;
    }

        .mileStoneTbl tr th a:hover {
            color: #409EB4
        }

.connectForm .form-group label.checkbox-container.text-left {
    text-align: left !important;
    padding-left: 20px;
}

.connect-form-top-drop-down {
    text-align: center;
}

    .connect-form-top-drop-down label {
        color: #fff;
    }

.custom-select-arrow {
    position: relative;
}

    .custom-select-arrow select {
        background: #fff !important;
        padding: 5px !important;
        font-size: 13px !important;
    }

    .custom-select-arrow img {
        position: absolute;
        right: 5px;
        top: 8px;
        width: 18px;
        background: #fff;
        padding: 5px;
    }

.connectForm .top-blu-hdng {
    background: #1895c3;
    color: #fff;
}

.connect-form-filter {
    background: #ebebeb;
    padding: 5px 25px;
}

    .connect-form-filter input.form-control {
        background: #fff;
        box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    }

    .connect-form-filter a {
        color: #007db1;
        font-weight: 600;
        padding: 7px 0px;
        display: inline-block;
    }

.input-with-searchico {
    position: relative;
}

    .input-with-searchico img {
        position: absolute;
        right: 8px;
        top: 8px;
        width: 15px;
    }

.connect-form-table {
    width: 100%;
}

    .connect-form-table thead tr {
        background: #f9f9f9;
    }

        .connect-form-table thead tr th, .connect-form-table tbody tr td {
            padding: 8px;
        }

.bg-white {
    background: #fff;
}

.slimScrollBar {
    border-radius: 0 !important;
    background: #878c97 !important;
    opacity: 1 !important;
    display: block !important;
}

.slimScrollRail {
    background: #025d83 !important;
    display: block !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.connect-form-table-grey {
    background: #ababab;
    color: #fff;
}

.connect-form-table-grey {
    background: #ababab;
    color: #fff;
}

    .connect-form-table-grey tbody tr td:nth-child(2) {
        color: #007db1;
    }

#slimScrollCreateTemplate, #slimScrollConnectExisting, #slimScrollConnectNew, #slimScrollConnectedForm {
    height: 70px;
    overflow-y: auto;
}

.connect-form-pin {
    float: right;
    display: inline-block;
    padding: 0px 5px;
}

    .connect-form-pin img {
        width: 18px;
    }

.impact-region-acc-num p {
    width: 25%;
    float: left;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .impact-region-acc-num p input {
        width: 60px;
        border: 1px solid #ccc;
        height: 25px;
    }

    .impact-region-acc-num p textarea {
        height: 25px;
        border: 1px solid #ccc;
    }

    .impact-region-acc-num p span {
        width: 20%;
        display: inline-block;
        text-align: right;
    }

.table-th-without-pad th a.impact-region-acc-num-heading {
    width: 25%;
    display: inline-block;
    margin-left: 30px;
}

.second-toolbar {
    display: none;
}

.fr-toolbar .fr-btn-grp {
    margin: 0 5px !important;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
    margin: 4px 2px !important;
    height: 30px !important;
}

    .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
        margin-left: 5px !important;
        margin-right: 15px !important;
    }

    .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
        height: 25px !important;
    }

    .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
        width: 18px !important;
        margin: 5px 0px !important;
    }

    .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
        top: 16px !important;
        right: 5px !important;
    }

.fr-command.fr-btn.fr-options {
    width: 10px !important;
}

.fr-toolbar.fr-top {
    border-radius: 0 !important;
}

.fr-box.fr-basic .fr-element {
    min-height: 150px !important;
    padding: 10px !important;
}

.info_cmnt_detail .fr-box.fr-basic.fr-top {
    float: left !important;
    width: 410px !important;
}
/*Frola Editor*/
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
    min-height: auto;
    overflow-y: auto;
    max-height: 160px;
}

.fr-box.fr-basic .fr-element ol, .fr-box.fr-basic .fr-element ul {
    padding-left: 20px !important;
}

.fr-box.fr-basic .fr-element ol {
    list-style: decimal;
}

.fr-box.fr-basic .fr-element ul {
    list-style: disc;
}

.position_new ul.cmnt_btns li a {
    padding: 4px 0px;
}

    .position_new ul.cmnt_btns li a input {
        padding: 4px 10px;
        width: 95px;
    }

/*footer easy bar*/
#viewTimelineInsight {
    background: url('../../images/easy-bar-bg.jpg');
    border: 0;
}

.viewTimelineInsight-inner {
    margin: 0px auto !important;
    width: 95%;
    position:relative;
    display: flex;
    /*justify-content: space-between;*/
}

    .viewTimelineInsight-inner ul {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        float: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .viewTimelineInsight-inner ul li {
            float: none;
        }

            .viewTimelineInsight-inner ul li a {
                display: inline-block;
            }

                .viewTimelineInsight-inner ul li a input {
                    background: #1895c3;
                    border: 2px solid #1895c3;
                    color: #fff;
                    border-radius: 2px;
                    display: inline-block;
                    padding: 4px 10px;
                    text-transform: uppercase;
                    min-width: 95px;
                    text-align: center;
                    font-weight: 600;
                }

                    .viewTimelineInsight-inner ul li a input#ButtonCCDCalendar {
                        background: url('../../images/footer-calender-icon.png');
                        background-repeat: no-repeat;
                        min-width: 30px;
                        /*padding: 5px;*/
                        border: 0;
                        padding-top: 2px;
                    }

                    .viewTimelineInsight-inner ul li a input#caseprofile {
                        color: #fff;
                        background: transparent;
                    }

.footer-caseprofile-icon {
    padding-bottom: 3px;
    padding-right: 10px
}

.m-l-40 {
    margin-left: 40px
}

.m-r-40 {
    margin-right: 40px
}

.footer-last-button {
    background: #9e9e9e;
    padding: 5px 10px;
    margin: 3px 0px;
}

.viewTimelineInsight-inner ul li.footer-last-button a input {
    min-width: 25px;
    background-size: contain !important;
    padding: 2px;
    background-position: center center !important;
}

.footer-last-button a {
    margin: 0px 3px;
}

.footer-last-button #BackButton {
    background: url('../../images/left-arrow.png');
    background-repeat: no-repeat;
    border: 0;
}

.footer-last-button #refeshButton {
    background: url('../../images/icon-refresh.png');
    background-repeat: no-repeat;
    border: 0;
}

.footer-last-button #DownloadButton {
    background: url('../../images/icon-downLoad-pdf.png');
    background-repeat: no-repeat;
    border: 0;
}

.footer-last-button #PrintButton {
    background: url('../../images/icon-print.png');
    background-repeat: no-repeat;
    border: 0;
}

#tblCommentsList .clmn_hdr_link {
    margin: 0px;
}

.tbl-action-copy img {
    width: 18px;
    height: 21px;
    padding-top: 4px;
}

#tblCommentsList .links_form {
    padding: 0 6px;
}

#UserImage {
    max-width: 120px;
    height: auto;
    width: 100%;
    max-height: 140px;
}
.tbl-tools-value {
    display: flex;
    justify-content: center;
    border: 0!important;
}

.blue-simple-btn {
    border-radius: 0;
    background-color: #1895c3;
    background-image: none;
}
.custom-lbl-value {
    font-size: 14px !important;
    font-weight: 500;
}
/*Multi select drop down start*/
.multi-select-ddl-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.multi-select-ddl-btn button {
    width: 212px !important;
    min-height: 34px;
    border-radius: 0;
    padding: 6px 12px;
    background: #f2f0f4;
    border-color: #f2f0f4;
    font-weight: normal;
    color: #505050;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.multi-select-ddl-btn button:focus {
    background: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
.multi-select-ddl-btn .ui-state-default .ui-icon {
    background-image: url(../../images/arrow1.png) !important;
    background-position: center center;
    background-size: 10px 5px;
    background-repeat: no-repeat;
}

.multi-select-ddl-btn button span.ui-icon {
    margin-top: 0px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c8c8c8 !important;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    border-radius: 0;
    min-width: 320px;
    background: #f2f0f4 !important;
    min-height: auto;
}

.ui-widget-header {
    background: none !important;
    border: 1px solid #a6a6a6 !important;
    border-radius: 0px !important;
    color: #333 !important;
    font-weight: normal !important;
    padding: 8px !important;
    margin: 3px !important;
    /*border-bottom: 1px solid #eaeaea!important;*/
}

.ui-multiselect-checkboxes.ui-helper-reset {
    margin: 8px 5px;
    border-top: 1px solid #eaeaea !important;
    padding: 8px 0px;
}

.ui-multiselect-checkboxes.ui-helper-reset label.ui-corner-all.ui-state-hover {
    background: none;
    border: 0;
    background: #0d678d !important;
    color: #fff;
}

.ui-multiselect-checkboxes.ui-helper-reset label.ui-corner-all {
    font-weight: normal;
    border: 0px !important;
    color: #333;
    padding: 2px 0px 6px 6px;
    border-radius: 0;
}

.ui-widget-header .ui-icon {
    background-image: url("../../images/close.png") !important;
    width: 8px;
    height: 8px;
    background-size: 100% 100%;
    background-position: center;
    top: 5px;
    background-repeat: no-repeat;
}

.ui-helper-reset li a.ui-multiselect-all, .ui-helper-reset li a.ui-multiselect-none {
    color: #333;
    padding-left: 3px;
}
.customer-management-top .form-control-w {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
    width: 100%;
    float: left;
    font-size: 14px;
}
.customer-management-top .form-control-w:focus {
    background: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
.customer-management-top .form-control-w:focus + img {
    background-color: #fff;
}
.multi-select-w-100 button {
    width: 100% !important;
}
.multi-select-w-15 button {
    width: 15% !important;
}
.custom-select-box{
    position:relative;
}
.custom-select-box img {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #f2f0f4;
    padding: 13px;
    pointer-events: none;
}
.w-175px {
    width: 175px;
}
.l-height-30{
    line-height:30px;
}
.view-case-profile-check-boxes span {
    padding: 2px 7px 0px 5px;
}
.view-case-profile-impact-region .info_label{
    text-align:right!important;
}
.view-case-profile-impact-region .info_label, .view-case-profile-impact-region td b {
    /*font-size: 15px;*/
    color: #49b4cc;
    margin: 0;
    font-weight: 500;
}
.view-case-profile-impact-region .info_label b {
    font-weight: 500;
}
.view-case-profile-impact-region input {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
    width: 100%!important;
}
.view-case-profile-impact-region textarea {
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
    width: 100%;
}
.view-case-profile-impact-region input:focus, .view-case-profile-impact-region textarea:focus, .view-case-profile-impact-region .select_box.green_input:focus {
    background: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
.view-case-profile-impact-region .jqTransformSelectWrapper:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
.view-case-profile-impact-region .select_box.green_input {
    height: 34px;
    background: #f2f0f4;
    border: 0;
    border-radius: 0;
}
.view-case-profile-impact-region .select_box.green_input:focus + img {
    background:#fff;
}
.view-case-profile-impact-region .jqTransformSelectWrapper {
    background: url('../../images/arrow1.png') no-repeat 120px 14px;
    border: 0;
    height: 34px;
    background-color: #f2f0f4;
}
.view-case-profile-impact-region .drpdwn_new .jqTransformSelectWrapper div span {
    padding: 0 0 0 7px;
    height: 32px;
    line-height: 32px;
    background: transparent;
}
.view-case-profile-impact-region .jqTransformSelectWrapper ul {
    width: 100% !important;
    top: 32px;
}
.blue-btn-a-input {
    background: #1895c3;
}
.blue-btn-a-input input {
    background: #1895c3!important;
    color: #fff!important;
}
#CaseProfilePeopleFilters .file_name {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
}
#CaseProfilePeopleFilters .file_name:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
.filter_section {
    padding: 5px 0px 45px 0px;
}
#PeopleFilters .default_new, #CaseTemplateCommentSection .default_new {
    float: right;
    width: auto;
    padding: 0px 0 0 8px;
}
#CommentFilters .file_name {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
}

#CommentFilters .file_name:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
#CommentFilters .custom-select-box .select_box {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
}
#CommentFilters .custom-select-box .select_box:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
#CommentFilters .custom-select-box .select_box:focus + img{
    background-color: #fff
}
.display-inline-block {
    display: inline-block;
}
#CommentFilters .detai_input.datepicker {
    height: 34px;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 6px 12px;
}
#CommentFilters .detai_input.datepicker:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}
#completedForms {
    height: auto;
    border: 1px solid #f2f0f4;
    background: #f2f0f4;
    padding: 3px 12px;
}
/*#completedForms + img{
    padding:6px
}*/
#completedForms + img {
    padding: 9px;
    top: -3px;
    right: -3px;
}
#completedForms:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
}

#completedForms:focus + img {
    background-color: #fff
}
.edit_del_btn {
    padding: 40px 0px;
}
.viewTimelineInsight-inner-left {
    display: flex;
    width: 33.33%;
    justify-content: flex-end;
}
.viewTimelineInsight-inner-center {
    width: 30%;
    display: flex;
    justify-content: center;
}
.viewTimelineInsight-inner-right {
    display: flex;
    width: 34.33%;
    justify-content: flex-start;
}
.viewTimelineInsight-inner-last-button {
    position: absolute;
    right: 0px;
}
.d-flex-wrap{
    flex-wrap:wrap;
}
.color-white{
    color:#fff;
}
.blue-simple-btn-w-p {
    color:#fff;
    padding:4px 10px;
    border-radius: 0;
    background-color: #1895c3;
    background-image: none;
}
input:focus {
    -webkit-box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    box-shadow: 0 0 2px 1px rgba(80,80,80,0.2);
    border-color: rgba(80,80,80,0.2);
    outline: none;
}
.jquery-msgbox {
    left: 50% !important;
    transform: translate(-50%, 0)!important;
    box-shadow: none !important;
    background: #007cb1 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#007cb1),to(#7bc2d6)) !important;
    background: linear-gradient(to bottom,#007cb1 0,#7bc2d6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cb1', endColorstr='#7bc2d6', GradientType=0) !important;
    border: none !important;
    border-radius: 0 !important;
}
.jquery-msgbox-wrapper {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.jquery-msgbox-buttons button:last-child {
    color: #fff;
    background-color: #1895c3;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    padding: 4px 30px;
    font-size: 13px;
    border-radius: 0;
    width: 100px;
    height: 28px;
    line-height: 16px;
    /* line-height: 30px; */
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer !important;
}
.jquery-msgbox-buttons button:first-child {
    color: #fff;
    background-color: #f26631;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    padding: 4px 30px;
    font-size: 13px;
    border-radius: 0;
    width: 100px;
    height: 28px;
    line-height: 16px;
    /* line-height: 30px; */
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer !important;
}

.jquery-msgbox-buttons button:focus {
    outline: 0;
}
.assign-multi-select{
    width:204px;
}
.assign-multi-select .chzn-container.chzn-container-multi ul.chzn-choices {
    min-height: 45px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
}
.assign-multi-select .chzn-container.chzn-container-multi ul.chzn-choices li.search-field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cmnt_outer_box_multicmnt .fr-box.fr-basic .fr-element {
    max-height: 150px;
    overflow-y: auto;
}

.cmnt_outer_box .fr-box.fr-basic .fr-element {
    max-height: 150px;
    overflow-y: auto;
}

.serverinfocolor.info_cmnt_detail label {
    color: #4b4b4b;
}

.scrollable-popup {
    max-height: calc(100vh - 100px); /* Adjust as needed */
    overflow-y: auto;
}