/*-------------------------New UI----------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');

body {
    font-family: 'Poppins', sans-serif !important;
    background: #f6f7fb;
}

@media (min-width: 1601px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
#sticky-sidebar {
    background-color: #fff;
    border-right: 1px solid #eeeeee;
}

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }
}

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

    .pt-0,
    .py-0 {
        padding-top: 0 !important;
    }

    .pr-0,
    .px-0 {
        padding-right: 0 !important;
    }

    .pb-0,
    .py-0 {
        padding-bottom: 0 !important;
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important;
    }

    .p-1 {
        padding: 0.25rem !important;
    }

    .pt-1,
    .py-1 {
        padding-top: 0.25rem !important;
    }

    .pr-1,
    .px-1 {
        padding-right: 0.25rem !important;
    }

    .pb-1,
    .py-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-1,
    .px-1 {
        padding-left: 0.25rem !important;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    .pt-2,
    .py-2 {
        padding-top: 0.5rem !important;
    }

    .pr-2,
    .px-2 {
        padding-right: 0.5rem !important;
    }

    .pb-2,
    .py-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-2,
    .px-2 {
        padding-left: 0.5rem !important;
    }

    .p-3 {
        padding: 1rem !important;
    }

    .pt-3,
    .py-3 {
        padding-top: 1rem !important;
    }

    .pr-3,
    .px-3 {
        padding-right: 1rem !important;
    }

    .pb-3,
    .py-3 {
        padding-bottom: 1rem !important;
    }

    .pl-3,
    .px-3 {
        padding-left: 1rem !important;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .pt-4,
    .py-4 {
        padding-top: 1.5rem !important;
    }

    .pr-4,
    .px-4 {
        padding-right: 1.5rem !important;
    }

    .pb-4,
    .py-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-4,
    .px-4 {
        padding-left: 1.5rem !important;
    }

    .p-5 {
        padding: 3rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 3rem !important;
    }

    .pr-5,
    .px-5 {
        padding-right: 3rem !important;
    }

    .pb-5,
    .py-5 {
        padding-bottom: 3rem !important;
    }

    .pl-5,
    .px-5 {
        padding-left: 3rem !important;
    }

    .m-0 {
        margin: 0 !important;
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important;
    }

    .mr-0,
    .mx-0 {
        margin-right: 0 !important;
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important;
    }

    .ml-0,
    .mx-0 {
        margin-left: 0 !important;
    }

    .m-1 {
        margin: 0.25rem !important;
    }

    .mt-1,
    .my-1 {
        margin-top: 0.25rem !important;
    }

    .mr-1,
    .mx-1 {
        margin-right: 0.25rem !important;
    }

    .mb-1,
    .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-1,
    .mx-1 {
        margin-left: 0.25rem !important;
    }

    .m-2 {
        margin: 0.5rem !important;
    }

    .mt-2,
    .my-2 {
        margin-top: 0.5rem !important;
    }

    .mr-2,
    .mx-2 {
        margin-right: 0.5rem !important;
    }

    .mb-2,
    .my-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-2,
    .mx-2 {
        margin-left: 0.5rem !important;
    }

    .m-3 {
        margin: 1rem !important;
    }

    .mt-3,
    .my-3 {
        margin-top: 1rem !important;
    }

    .mr-3,
    .mx-3 {
        margin-right: 1rem !important;
    }

    .mb-3,
    .my-3 {
        margin-bottom: 1rem !important;
    }

    .ml-3,
    .mx-3 {
        margin-left: 1rem !important;
    }

    .m-4 {
        margin: 1.5rem !important;
    }

    .mt-4,
    .my-4 {
        margin-top: 1.5rem !important;
    }

    .mr-4,
    .mx-4 {
        margin-right: 1.5rem !important;
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-4,
    .mx-4 {
        margin-left: 1.5rem !important;
    }

    .m-5 {
        margin: 3rem !important;
    }

    .mt-5,
    .my-5 {
        margin-top: 3rem !important;
    }

    .mr-5,
    .mx-5 {
        margin-right: 3rem !important;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 3rem !important;
    }

    .ml-5,
    .mx-5 {
        margin-left: 3rem !important;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

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

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

    .d-inline-block {
        display: inline-block !important;
    }

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

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

    .d-table-row {
        display: table-row !important;
    }

    .d-table-cell {
        display: table-cell !important;
    }

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

    .d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }


    #sticky-sidebar {
        background-color: #fff;
        border-right: 1px solid #eeeeee;
    }

        #sticky-sidebar .sticky-top {
            margin: 0 12px;
        }

    h4.left-sticky-header {
        font-size: 18px;
        importWizard-ticketId text-transform: uppercase;
        margin: 0 15px;
        padding: 15px 0 20px;
        border-bottom: 1px solid #eeeeee;
        color: #909090;
        font-weight: 400;
    }

    .filters-outer-ckeck-box {
        padding: 0;
        background-color: transparent;
        margin: 0 5px;
        border-radius: 6px;
    }

        .filters-outer-ckeck-box #MainMenu .list-group .list-group-submenu .list-group-item, .filters-outer-ckeck-box #MainMenu .list-group a {
            border: none;
        }

    .left-section .logo {
        padding: 30px 0px 25px;
        border-bottom: 1px solid #f4f5f8;
        margin-bottom: 10px;
    }

    .creat-and-upload a {
        color: #fff;
        padding: 15px 20px;
        border-radius: 5px;
        margin: 10px 0;
        text-decoration: none;
        font-size: 14px;
        text-align: center;
    }

    .creat-and-upload {
        border-bottom: 1px solid #f4f5f8;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .creat-folder {
        background: #4a90e2 url(../images/folder.png) no-repeat left center;
        background-position: 35px;
    }

    .upload-file {
        background: #4a6ee2 url(../images/upload-file.png) no-repeat left center;
        background-position: 35px;
    }
    /******* MAIN CSS ********/


    .mian-heading {
        overflow: hidden;
        margin-top: 30px;
    }

        .mian-heading h2 {
            font-size: 22px;
            color: #4a6ee2;
            font-weight: 500;
            margin-bottom: 15px;
        }

        .mian-heading h4 {
            font-size: 16px;
            color: #99a9bc;
            font-weight: 400;
            line-height: 24px;
        }

    .wizard_steps {
        width: 100%;
        /*margin-top: -39px;*/
    }

    .steps {
        position: relative;
        display: flex;
        flex: 0 1 auto;
        color: #fff;
    }

    .step {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center;
        border-radius: 5px;
    }

    .step_content {
        position: relative;
        z-index: 2;
    }

        .step_content small {
            /*color: #b6b6b6;*/
            color: #959494;
            font-size: 12px;
            font-weight: 400;
            /*	font-family: 'Chivo', sans-serif;*/
            position: absolute;
            top: 35px;
            display: block;
            width: 100%;
            margin-top: 7px;
        }

    .step_number {
        color: #bebebe;
        background: #f6f7fb;
        font-weight: 600;
        width: 35px;
        height: 35px;
        margin: 0 auto;
        border-radius: 50%;
        transition: opacity 0.5s;
        opacity: 1;
        z-index: 5; /*padding: 7px 3px;*/
        /*background: #f6f7fb;*/
        background: #babbbc;
    }
.step_content.active small {
    /*color: #4a90e2;*/
    color: #25950a;
    margin-top: 7px;
}

.step_content.active .clsservicesec {
    color: #25950a;
    margin-top: 7px;
}

    .employee-info p {
        background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
    }

    .employee-info.active p {
        background: #f6f7fb url(Images/employee-info-active.png) no-repeat center center;
    }

    /*.employee-info.active small {
    color: #4a90e2;
}*/

    .step_content.active small {
        /*color: #4a90e2;*/
        color: #25950a;
        margin-top: 7px;
    }

    .step_content.active .clsservicesec {
        color: #25950a;
        margin-top: 7px;
    }

    .equipment-details p {
        background: #f6f7fb url('Images/Equipment-Details-nonactive.png') no-repeat center center;
    }

    .equipment-details.active p {
        background: #f6f7fb url('Images/Equipment-Details-active.png') no-repeat center center;
    }

    .equipment-details.active small {
        color: #4a90e2;
    }

    .application-access p {
        background: #f6f7fb url('Images/Application-Access-Details-nonactive.png') no-repeat center center;
    }

    .application-access.active p {
        background: #f6f7fb url('Images/Application-Access-Details-active.png') no-repeat center center;
    }

    .application-access.active small {
        color: #4a90e2;
    }

    .summary-nonactive p {
        background: #f6f7fb url('Images/Summary-nonactive.png') no-repeat center center;
    }

    .summary-nonactive.active p {
        background: #f6f7fb url('Images/Summary-active.png') no-repeat center center;
    }

    .summary-nonactive.active small {
        color: #4a90e2;
    }

    .step.-completed .step_number {
        opacity: 0;
    }

    .step_number span {
        /*padding: 4.3px 0; border: 2px solid #fff;*/
        display: block;
        border-radius: 50%;
    }

        .step_number span img {
            width: 100%;
        }

    .step.-completed .line {
        transform: scaleX(1);
    }

    .line {
        position: absolute;
        top: 18px;
        left: 50%;
        z-index: -1;
        height: 5px;
        transition: all 0.5s ease;
    }

        .line.-start {
            left: 0%;
            background: #5094de;
            width: 50%;
        }

        .line.-end {
            left: 50%;
            background: #5094de;
            width: 50%;
        }

        .line.-background {
            width: 100%;
            border-top: 2px dashed #dfe3ea;
        }

            .line.-background.active {
                border-top: 2px dashed #89df94;
            }
    /*.back-to-home-but, .previous-but {     Talk to CW
    overflow: hidden;
    margin: 0 15px;
}*/

    .previous-but button {
        background: #4a90e2;
        border: none;
        padding: 10px 35px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

    .back-to-home-but button {
        background: #bfd2e9;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

    .svcCreateTicket_formCotainer {
        background: #fff;
        border-radius: 5px;
        float: left;
        width: 100%;
        /*padding: 5px 30px 40px;*/
        /*margin: 5px 0px 30px;*/
    }

    /*.svcCreateTicket_formWrap {
    background: #fff;
    border-radius: 5px;
    padding: 5px 30px 40px;
    margin: 34px 15px 60px;
}*/

    .employee-name.form-group input:focus, .employee-type .btn-group .btn:focus, .department .btn-group .btn:focus {
        box-shadow: none;
        border: 1px solid #ccd4e1;
        background-color: #fff;
    }

    .employee-name.form-group input, .employee-type .btn-group .btn, .employee-name.form-group textarea, .department .btn-group .btn {
        font-size: 12px;
        color: #7a7b7b !important;
        font-family: 'Poppins',sans-serif;
    }

    .employee-name.form-group label, .employee-type.form-group label, .department.form-group label {
        color: #4a6ee2;
        display: block;
        font-family: 'Poppins',sans-serif;
        font-size: 13px;
    }

    .employee-type ul, .department ul {
        width: 100%;
        background: #ecf1f9;
        border-radius: 5px;
        border: none;
        padding: 0px;
        box-shadow: 4px 20px 37px #afafaf;
    }

        .employee-type ul li a, .department ul li a {
            color: #7a7b7b;
            padding: 5px 15px;
            text-decoration: none;
            display: block;
            font-size: 14px;
        }

            .employee-type ul li a:hover, .department ul li a:hover {
                color: #fff;
                background: #4a6ee2;
            }

    .date-time .dxEditors_edtDropDown_UGITNavyBlueDevEx {
        background-image: url(Image/calendar.png);
        background-position: 97% center;
        background-repeat: no-repeat;
    }

    .employee-type .btn-group .btn::after, .department .btn-group .btn::after {
        border-top: none;
    }

    .down-arrow {
        background: #ecf1f9 url(Images/arrow-dwon.png) no-repeat 97% center !important;
        padding-right: 6px !important;
        overflow: hidden;
    }

    .documents-attac {
        overflow: hidden;
        margin: 40px 0 20px;
    }

        .documents-attac .attach-but {
            text-align: center;
        }

            .documents-attac .attach-but button {
                background: url(Image/plus-blue.png) no-repeat center top;
                font-size: 14px;
                font-weight: 600;
                cursor: pointer;
                border: none;
                color: #232323;
                outline: none;
            }

    .documents-file {
        text-align: center;
        overflow: hidden;
    }

        .documents-file ul {
            margin: 30px 0;
            padding: 0px;
        }

            .documents-file ul li {
                list-style-type: none;
                margin-bottom: 5px;
            }

                .documents-file ul li a {
                    color: #909fb1;
                    text-decoration: none;
                    /*background: url(Image/document-ofice-365.png) left center no-repeat/16px, url(Image/close-red.png) right center no-repeat;*/
                    padding: 0 25px;
                }

    /*.next-cancel-but {
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}*/
    /***************************Summary page close button**********************************/
    .close-btn {
        display: inline-block;
        float: right;
    }

    .next-cancel-but .next {
        display: inline-block;
        width: auto !important;
        text-align: right;
        background: #4A6EE2 !important;
        color: #fff;
        border-radius: 4px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        padding: 4px 10px 3px 10px;
    }

    /*.next-cancel-but .dxb, .close-btn .dxb {
    background: none !important;
}*/

    /*.cancel .dxb {
    color: red !important;
    font-size: 14px;
    font-weight: 600;
    `
}*/

    .next-cancel-but .cancel, .close-btn .cancel {
        display: inline-block;
        font-size: 12px;
        text-decoration: none;
        color: #4A6EE2;
        background: none !important;
        border: 1px solid #4A6EE2;
        border-radius: 4px;
    }

    .red-star {
        color: #e24a7a;
    }

    .bg-light-blue {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
    }

    .all-input {
        padding: 5px;
    }

        .all-input input {
            /*background-color: #ECF1F9 !important;*/
            background-color: #fff !important;
            height: 28px !important;
        }

    textarea:focus, input:focus, .btn:focus {
        box-shadow: none !important;
        border: 1px solid #ccd4e !important;
        /*background-color: #EAEDF0 !important;*/
    }

    .cust-checkbox .custom-checkbox label {
    }

    .cust-checkbox .custom-control-label::before {
        background: none;
        border: 1px solid #bfd2e9;
    }
    /*
.cust-checkbox .custom-control-label::after{ background: url(Image/check.png;) no-repeat center center !important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background: url(Image/check.png;) no-repeat center center !important;}
*/

    .three-dots {
        overflow: hidden;
    }

        .three-dots ul {
            margin: 0px;
            padding: 0px;
        }

            .three-dots ul li {
                list-style-type: none;
                float: left;
                margin-right: 40px;
                color: #737373;
            }

        .three-dots .light-blue {
            background: #bfd2e9;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

        .three-dots .pink {
            background: #e24a7a;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

        .three-dots .yellow {
            background: #fdbc05;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

    .existing-access-input {
        width: 330px;
        margin: 30px 0 0 0;
    }

    .employee-info-outer {
        background: #fff;
        border-radius: 10px;
    }

        .employee-info-outer .empl-header {
            background: #f0f0f0;
            border-radius: 10px 10px 0 0;
        }

            .employee-info-outer .empl-header h3 {
                padding: 20px 30px;
                font-size: 16px;
                font-weight: 500;
            }

    .emplo-inof-inner {
        margin: 0px;
        padding: 20px 30px 10px 30px;
    }

        .emplo-inof-inner li {
            list-style-type: none;
            display: block;
            margin-bottom: 12px;
            font-size: 16px;
        }

            .emplo-inof-inner li:first-child {
                color: #4d92e3;
            }

            .emplo-inof-inner li:last-child {
                color: #818181;
            }

    .info-wrap {
        /*margin-top: 7%;*/
        /*padding-right: 2%;
    padding-left: 2%;*/
    }
    /********** popup css **********/

    .put-on-hold-popup.cust-main-popup .modal-dialog .modal-content {
        border-radius: 8px;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
        border: none;
    }

    .cust-main-popup .modal-dialog {
        top: 10%;
    }

        .cust-main-popup .modal-dialog .modal-content .modal-header {
            background: #f0f0f0;
        }

            .cust-main-popup .modal-dialog .modal-content .modal-header h4 {
                color: #232323;
                font-size: 16px;
                font-weight: 600;
            }

            .cust-main-popup .modal-dialog .modal-content .modal-header button {
                opacity: 1;
                outline: none;
            }

    .cust-main-popup .putting-ticket-sec {
        overflow: hidden;
    }

        .cust-main-popup .putting-ticket-sec h2 {
            color: #4a6ee2;
            font-weight: 500;
            font-size: 20px;
            margin-top: 18px;
        }

            .cust-main-popup .putting-ticket-sec h2 span {
                font-weight: 700;
                color: #232323;
            }

        .cust-main-popup .putting-ticket-sec h4 > span {
            font-size: 16px;
            color: #99a9bc;
            font-weight: 400;
            line-height: 24px;
        }

        .cust-main-popup .putting-ticket-sec h4 {
            text-align: center;
        }

    .inner-cust-dropdown-menu {
        width: 70%;
        margin: 0 auto;
    }

        .inner-cust-dropdown-menu .select-style .date-time {
            background-image: url(Image/calendar.png);
            background-repeat: no-repeat;
            background-position: 95% center;
        }

    .cust-checkbox .custom-control-label::before {
        background: none;
        border: 1px solid #bfd2e9;
    }

    /*.select-style {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    padding-right: 30px;
}*/

    /*.select-style select {
        border-radius: 3px;
        padding: 10px 10px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        background: #ecf1f9 url("Images/drop-down-arrow.png") no-repeat 95% 50%;
        margin-bottom: 1.5rem;
        font-family: 'Poppins',sans-serif;
        font-size: 16px;
        color: #7a7b7b !important;
        height: auto;
        box-shadow: none;
    }*/

    /*.select-style select:focus {
            outline: none;
        }

        .select-style select option {
            margin: 40px;
            color: #7a7b7b;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
        }*/

    /*.select-style label {
        color: #4a90e2;
        font-size: 16px;
        margin-bottom: 10px;
    }*/

    .select-style input {
        border: 0px;
        font-size: 16px;
        padding: 10px 10px;
    }

    .inner-cust-dropdown-menu .comments textarea {
        border: none;
    }

    .inner-cust-dropdown-menu .comments .custom-checkbox label {
        font-size: 14px;
        color: #7a7b7b;
    }

    /*.hold-cancel-but {
    overflow: hidden;
    margin: 60px 0 0 0;
}*/

    .hold-cancel-but .cancel,
    .hold-cancel-but .hold-but {
        display: block;
        text-align: center;
    }

        .hold-cancel-but .hold-but a {
            background: #e24a7a;
            color: #fff;
            padding: 6px 15px;
            display: inline-block;
            text-decoration: none;
            border-radius: 5px;
            font-size: 14px;
        }

        .hold-cancel-but .cancel a {
            color: #232323;
            padding: 0;
            display: inline-block;
            text-decoration: none;
            font-size: 14px;
            margin: 2px 0 10px 0px;
            font-weight: 600;
        }

    /************************************CSS by Chetan *****************/
    .add-file-doc {
        display: block;
        text-align: center;
        margin: 0px;
        width: 100%;
        z-index: 9;
    }

/************************************CSS by Chetan *****************/
.add-file-doc {
    display: block;
    text-align: center;
    margin: 0px;
    width: 100%;
    z-index: 9;
}

/*.add-file-doc a {
        color: #232323;
        text-decoration: none;
        font-size: 16px;
        background: url(Images/plus-blue.png) no-repeat left center;
       
        background-image: url('Images/plus-blue.png');
        background: url('Images/document-ofice-365.png')no-repeat left center;
        padding: 10px 0px 10px 40px;
        display: inline-block;
        font-family: 'Poppins',sans-serif;
    }*/

    .fileUploadIcon .hyperLinkIcon {
        /*background: url('Images/document-ofice-365.png')no-repeat left center !important;
    padding-right: 10px;*/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 150px;
        text-align: left;
        display: block;
        font-size: 14px;
    }

    .cancelUploadedFiles {
        margin-top: -31px;
    }

    .newTask_attachment_wrap .uploadedFileContainer .hyperLinkIcon {
        display: block;
        font-size: 14px;
        padding-left: 30px;
        max-width: 240px !important;
    }

    .newTask_attachment_wrap .editTicket_fileUpload table tr .dxBB a {
        margin-left: 0px !important;
    }

    .ui-dialog-titlebar-maximize .ui-corner-all .ui-state-default {
        display: none;
    }

    .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-close {
        background: url('Images/close-red-big.png') no-repeat;
        border: none;
        width: 38px !important;
        height: 25px !important;
        /*background-color: #EFEFEF;*/
        outline: none;
        position: absolute !important;
        top: -3px !important;
        right: -5px !important;
    }

    .ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus {
        background: url('Images/close-red-big.png') no-repeat;
        border: none !important;
        outline: none;
        width: 38px !important;
        height: 25px !important;
        background-color: #EFEFEF;
    }

    .ui-dialog-title {
        font-family: 'Poppins', sans-serif;
    }

    ul.cancelbutton > li div[title="Close"],
    ul.cancelbutton > li div[title="Close"] > div,
    ul.cancelbutton > li.tabhover,
    ul.cancelbutton > li {
        background: none;
    }

        ul.cancelbutton > li div[title="Close"] > div span {
            color: #e24a7a;
            font-size: 14px;
            font-family: 'Poppins', sans-serif;
        }



    /********** popup css **********/


    .add-file-doc > a {
        /*position: absolute;*/
        margin: 0 auto;
        opacity: 1;
        left: 0px;
    }

.add-file-doc > span {
    /*position: absolute;*/
    display: inline-block;
    width: 23%;
    overflow: hidden;
}

.add-file-doc .dxucTextBox_UGITNavyBlueDevEx {
    /*opacity: 0;*/
}

    /*.add-file-doc .dxucInputs_UGITNavyBlueDevEx {
        margin-left: -223px;
    }*/

    /*.add-file-doc > span > div {
        margin-left: -222px;
    }

        .add-file-doc > span > div > div {
            margin-left: 223px !important;
        }*/
    /* .dxucBrowseButton_UGITNavyBlueDevEx {
    border: none;
    background: none;
}*/

    .previousL {
        background: #4a90e2;
        border: none;
        padding: 5px 35px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

        .previousL .dxb {
            background: none !important;
            padding: inherit;
        }

    .topNext {
        background: #bfd2e9;
        border: none;
        padding: 5px 15px;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }

        .topNext .dxb {
            background: none !important;
            padding: unset;
        }

    .dxEditors_edtDropDown_UGITNavyBlueDevEx {
        background: url(/Content/Images/DropdownArrow.png);
        /*padding: 0px 10px;*/
        background-repeat: no-repeat;
        background-color: transparent;
        padding-right: 0px;
        margin-right: -2px; /**comment while changeing cpr->project team-> find resource popup**/
        margin-top: 8px;
    }

    .all-input .dxeButton .dxeButtonEditClearButton_UGITNavyBlueDevEx .dxeButtonEditButton_UGITNavyBlueDevEx {
        background-color: #ECF1F9;
    }

    .dropdownForSingleChoice {
        width: 100%;
    }

    .full_width {
        width: 82%;
    }

    .userctr table {
        width: 100%;
    }

    .dxeValidStEditorTable .dxeErrorCell_UGITNavyBlueDevEx {
        display: none;
    }

    .dxpnlControl_UGITNavyBlueDevEx .dxeValidStEditorTable {
        width: 100%;
    }

    .commentBox .full_width {
        width: 100% !important;
    }

    .calenderIcon .dxic + .dxeButtonEditButton_UGITNavyBlueDevEx {
        width: 26px;
        height: 20px;
        display: inline-block;
        opacity: 0;
    }

    .down-arrow .dxeButton {
        width: 37px;
        height: 14px;
        display: inline-block;
        /*background: transparent;*/
        background: #fff;
        padding-left: 10px;
        border: none;
        padding-right: 4px;
}.divMainAccess {
    display: flex;
    /*border: 1px solid #a8a8a8;*/
    height: auto;
    margin: 10px 0px 0px 0px;
    overflow: auto;
}

    .divMainAccess::-webkit-scrollbar {
        height: 2px;
        width: 8px;
        background: lightgray;
    }

    
        

        .divMainAccess::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #333;
            border-radius: 10px;
        }

        .divMainAccess::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
            background: #000;
        }
    /*.appl_access_title {
    float: right;
}*/

    .txtNotes {
        /*width: 76%;*/
        width: 100%;
    }

    .divColorKeyMain {
        color: #a8a8a8;
    }

    .applLegend {
        padding: 5px 0px 5px 0px;
        border-bottom: none;
        display: -webkit-inline-box;
        width: 100%;
    }

    table.gvResourceClass {
        margin-bottom: 10px;
        width: auto;
        background-color: #fff;
    }

    .link-wrap {
        text-align: center;
        margin-left: -8%;
    }

    .link-one, .link-two, .link-three {
        display: inline-block;
        background-color: #5596E3;
        border: none;
        padding: 1px 12px 4px 3px;
        width: auto;
        border-radius: 4px;
    }

    .link-btn-wrap {
        border: none;
        /*padding: 1px 12px 4px 3px;
    width: auto;
    border-radius: 4px*/;
    }

    .link-url, .link-url:hover, .link-url:active {
        color: #fff;
        text-decoration: none;
    }

    .btn-holder {
        padding-bottom: 3px;
    }

    .add-link-btn {
        /*background: url(../images/pluse_white.png) no-repeat center;*/
        display: inline-block;
        /*background-color: #fff;*/
        /*border-radius: 50%;*/
        padding: 7px 10px 12px 10px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        border: none;
        outline: none;
        width: 17px;
        height: 15px;
    }

        .add-link-btn img {
            /*background-color: #fff;*/
            /* padding: 4px; */
            /* border-radius: 50%; */
            width: 16px;
        }

    .link-lable {
        display: inline-block;
        font-size: 13px;
        /*border-right: 1px solid #CFD0DF !important;*/
        padding: 0px 0px 0px 5px;
        color: #4A6EE2;
        font-family: 'Poppins', sans-serif;
    }

    .emailHeader {
        padding: 10px;
    }

    .close_arrow_edit {
        height: auto;
        padding-right: 6px !important;
    }

        .close_arrow_edit > tr > td {
            width: 85%;
        }

            .close_arrow_edit > tr > td + td {
                float: left;
                margin: 10px 0px;
                width: 20px;
                overflow: hidden;
                padding: 0px 1px;
                height: 19px;
            }

                .close_arrow_edit > tr > td + td + td {
                    width: 21px;
                    float: right;
                    padding: 0;
                }

                    .close_arrow_edit > tr > td + td + td > img {
                        margin-right: 0px;
                    }

    .btn-container {
        display: inline-block;
        float: right;
    }

    .btn-wrap {
        /*padding:3px 0px 3px 0px;*/
    }

    .action-btn {
        padding: 5px 12px 5px 15px !important;
        background-color: #4a6ee2 !important;
        /*background-color: lightgray !important;*/
        color: #FFF !important;
        border: none !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

        .action-btn .dxb {
            color: #FFF !important;
            background: none !important;
            padding: 0px !important;
        }

    .actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx.dxm-ltr .dxm-popupMain.dxm-shadow.dxm-popup {
        left: -50px !important;
    }

    .dropdown-toggle.action-btn img.dx-vam {
        filter: brightness(0) invert(1);
    }

    .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-hovered {
        background-color: #c5c5c5 !important;
    }

    .section-btn {
        padding: 0px 10px;
    }

    .section-icon {
        display: inline;
        float: right;
    }

    /*.process_icon {
    border-right: 1px solid #CFD0DF !important;
}*/

    .edit_ticket_tabIcon .buttoncell ul li {
        background: none !important;
        width: auto;
        float: left;
        display: inline;
        list-style: none;
        margin: 0 2px;
        text-align: center;
        overflow: hidden;
        color: #fff;
    }

    /*.edit_ticket_tabIcon .buttoncell ul .tabhover {
    border-right: 1px solid #CFD0DF !important;
}*/

    /*.edit_ticket_tabIcon .buttoncell ul .mouse_Leave { comment to remove footer button hover button right
    border-right: 1px solid #CFD0DF !important;
}*/

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb {
        font-size: 12px !important;
        color: #FFF !important;
        background: none !important;
        padding: 5px 10px;
        font-family: 'Poppins', sans-serif !important;
    }

    .gridLinkButton {
        margin-top: -9px !important;
        float: right !important;
    }

    .edit_ticket_tabIcon .buttoncell .dxbButton_UGITNavyBlueDevEx {
        background: #4a6ee2 !important;
        border-radius: 4px;
    }

    .svc_editTicket_link {
        display: inline-block;
    }

    .feedBackCancel {
        display: inline-block;
        font-size: 14px;
        text-decoration: none;
        color: #e24a7a;
        background: none !important;
        margin-left: 15px;
    }

        .feedBackCancel .dxb {
            background: none !important;
            color: red !important;
            font: 12px 'Poppins', sans-serif;
            font-weight: 600;
        }

    .returnFeedback {
        float: left;
        height: 270px;
        width: 400px;
        font-family: 'poppins',sans-serif;
        font-size: 16px;
    }

    /*.buttonAlign {
    padding: 10px 0px 0px 145px;
    display: table-caption;
}*/

    .dateTimeLayout {
        cursor: pointer;
        font-family: 'Poppins',sans-serif;
    }

    .imageStyle {
        cursor: pointer;
        height: 25px;
    }
    /*************************************End Chetan******************************************************/
    /*********************************CSS for SVC->edit ticket-> lifecycle tab****************************/
    .lifecycle-content-wrap {
        background-color: #fff;
        margin-top: 10px;
        padding: 0 0 45px 0;
    }

    .lifecyle-grid-container {
        padding: 23px 0 0 23px;
    }

    .lifecycle-grid-wrap {
        border-bottom: 1px solid #E4E4E4;
    }

    .grid-status {
        font-size: 14px;
        font-weight: 600;
        color: #4A6EE2;
    }

    .lifecycle-grid-wrap p {
        font-size: 14px;
        color: #629EE4;
    }

    .managementcontrol-main {
        background: #fff;
    }

    /******************************Css for workflow ***********************************/
    .contract_steptop_content .flowlable {
        top: 20px !important;
        right: -71px;
        font-size: 12px;
        font-family: 'poppins', sans-serif;
        font-weight: 600;
        color: #000080;
    }

    .contract_steptop_content .workflow-lable {
        right: -74px;
        top: -20px !important;
        font-size: 12px;
        font-family: 'poppins', sans-serif;
        font-weight: 600;
        color: #000080;
        margin-top: -10px;
    }
    /********************************
		RESPONSIVE
********************************/
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (max-width: 1200px) {
        .wizard_steps {
            width: 60%;
        }
    }

    @media only screen and (max-width: 1024px) {
        .wizard_steps {
            width: 60%;
        }
    }

    @media only screen and (max-width: 992px) {
        .wizard_steps {
            width: 100%;
            margin-top: 30px;
        }

        .back-to-home-but {
            position: absolute;
            top: 0;
            right: 15px;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    }

    @media only screen and (max-width: 768px) {
        .wizard_steps {
            width: 100%;
            margin-top: 30px;
        }

        .back-to-home-but {
            position: absolute;
            top: 0;
            right: 15px;
        }
    }
}

.bg-light-blue {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

.select-style table + table {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 10px;
}

    .select-style table + table,
    .select-style table + table tr td,
    .select-style table + table tr td input {
        background: #ecf1f9 !important;
        font-family: 'Poppins', sans-serif;
    }

        .select-style table + table tr td + td img {
            display: none;
        }

        .select-style table + table tr td + td {
            width: 30px;
            height: 30px;
            background: url('Images/calendar-new.png') no-repeat center center;
        }

        .select-style table + table tr td input {
            font-size: 16px !important;
            height: auto !important;
            font-family: 'Poppins', sans-serif;
            color: #7a7b7b;
        }

        .select-style table + table tr td img {
            margin: 6px 0 0 0;
            padding: 0px;
            height: auto;
        }

.select-style-outer {
    width: 90%;
    margin: 15px auto;
}

.put-on-hold-comments {
    width: 88%;
    margin: 0 auto;
    font-size: 14px;
    color: #737373;
}

    .put-on-hold-comments label {
        color: #4a90e2;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
    }

    .put-on-hold-comments textarea {
        width: 100% !important;
        font-size: 14px;
        color: #7a7b7b;
        padding: 0.375rem 0.75rem;
        font-family: 'Poppins', sans-serif;
    }

.close-ticket-checkbox {
    width: 87%;
    margin: 15px auto;
    font-size: 14px;
    color: #7a7b7b;
    font-family: 'Poppins', sans-serif;
}

ul.hold-and-cancel-but {
    margin: 30px 0 30px 0 !important;
    width: 100%;
}

    ul.hold-and-cancel-but li {
        display: block !important;
        text-align: center !important;
        background: none !important;
        font-family: 'Poppins', sans-serif !important;
        float: unset !important;
        width: 100% !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

        ul.hold-and-cancel-but li a {
            background: #e24a7a !important;
            color: #fff !important;
            padding: 15px 40px !important;
            display: inline-block !important;
            text-decoration: none !important;
            border-radius: 5px !important;
            font-size: 16px !important;
            margin: 20px auto;
            float: inherit;
            text-align: center;
        }

            ul.hold-and-cancel-but li a.cancelwhite {
                background: none !important;
                color: #232323 !important;
                font-weight: 600;
                padding: 10px 0 !important;
            }


.question_Title_Span {
    color: #4a90e2;
    display: block;
    font-size: 16px;
}

.submit_CreateRequestL {
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #4a90e2;
    padding: 14px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none
}

.employee-name {
    margin-top: 15px;
    margin-bottom: 0px;
}
/******* Begin CSS for Export Icon******/
.export-icon-imgs {
    cursor: pointer;
    width: 24px !important;
    height: 26px !important;
}

.export-icon-imgs-padding {
    padding: 10px 0 6px 12px !important;
    border-bottom: 1px solid #8080803d !important;
}

.export-dropdown {
    background: rgb(234, 237, 240);
    float: left;
    position: absolute;
    padding: 3px 2px 0px;
    top: 0px;
    width: 110px;
    left: -45px;
    border: 1px solid rgba(128, 128, 128, 0.09);
}

.name-icon {
    padding-left: 10px;
    font-weight: 600;
    color: #4A6EE2;
}

.export-icon-imgs-margin {
    padding-left: 3px !important;
    margin-top: -4px !important;
    /*background-color: #EAEDF0 !important*/
}
/**************End CSS for Export Icon*/

/***********************CSS for Workflow legends***************************/

.workFlowImg-wrap {
    float: none;
    margin: 0 auto;
    top: -139px;
}

.workFlow-legend-wrap {
    float: right !important;
    margin-right: -8%;
    top: 42px;
    /* border: 1px solid #495763; */
    padding-top: 5px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.legends-container {
    float: right;
    margin-right: 27px;
}

.legend-icon {
    display: inline-block;
    margin-right: 5px;
    height: 6px;
    width: 6px;
    padding: 10px;
}

.complete {
    background-color: #228B22;
}

.inProgress {
    background-color: #F4B247;
}

.notStarted {
    background-color: #495763;
}

.legends_name {
    color: #495763;
    font-weight: 600;
}

.legend-table {
    margin-bottom: 0px !important;
}

    .legend-table td {
        border-top: none !important;
    }

.applicationRegReq_status_btn:hover, .applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

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

.appReg-inputField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .appReg-inputField input[type="text"] {
        background: #ecf1f9 !important;
        border: none !important;
        box-shadow: none !important;
    }

.applicationRegReq_submit_btn:focus {
    background-color: #5CB85C !important;
    border-color: #5CB85C !important;
}

.applicationRegReq_reset_btn:focus {
    background-color: #286090 !important;
    border-color: #286090 !important;
}
/***********************CSS for Workflow legends***************************/

/******************************CSS For SVC->services page******************/
.question-name span {
    display: block;
    font-size: 15px;
    color: #4d92e3;
    font-family: 'Poppins', sans-serif;
}

.question-value span {
    color: #818181;
    display: block;
    font-size: 14px;
}

.question-wrap {
    padding: 5px 15px 5px;
}

/******************************CSS for History tab ***************************************/
.history-grid-wrap {
    background-color: #fff;
    margin-top: 10px;
}

.history-content-wrap {
    padding: 0px !important;
}

.ticket-name {
    display: inline-block;
    padding: 15px 22px 0 27px;
}

    .ticket-name p {
        font-weight: 600;
        font-size: 14px;
        color: #41538B;
    }

.ticket-status {
    display: inline-block;
}

.user-name {
    display: inline-block;
}

    .user-name p {
        color: #A7B3C1;
        font-size: 16px;
        font-weight: 500;
    }

.user-img {
    display: inline-block;
    margin-right: 10px;
    margin-left: 23px;
}

    .user-img img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

.history-status-btn {
    border: none;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    margin-top: 16px;
}

.pending-approval-btn {
    background-color: #BFD2E9;
}

.submited-btn {
    background-color: #55D5AE;
}

.history-data {
    padding-left: 28px;
    margin-top: 10px;
    padding-bottom: 6px;
}

    .history-data p {
        font-size: 14px;
    }

.user-data {
    display: inline-block;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    cursor: pointer;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.history-time-wrap {
    display: inline-block;
    float: right;
    padding-top: 19px;
    padding-right: 25px;
}

.treeLeafNode {
    color: #4C70E3;
}

.treeRootNode {
    color: #4F94E3;
}


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

.info-content-wrap {
    /*margin-top: 30px;*/
    background-color: #FFFFFF;
}

.info-name p {
    font-size: 14px;
    color: #4a90e2;
    margin-bottom: 8px;
}

.info-value span {
    font-size: 14px;
    color: #737373;
    word-wrap: break-word;
}

.summary-info-wrap {
    margin-top: 30px;
}

.info-subtitle span {
    font-size: 16px;
    /*margin-left: 31px;*/
    color: black;
    font-weight: 500;
}

.info-wrap h6 {
    font-size: 16px;
    color: #4a90e2;
}

.history_wrap {
    padding: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}

.comment-wrap {
    margin-top: 3px;
}

.imgPadding {
    padding-left: 10px;
}

.history_img_name {
    display: inline-block !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.history_data p, .comment-data p {
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    margin: 0px;
}

.history_img img {
    width: 20px;
    height: 20px;
    border: 1px solid #efeeee;
    border-radius: 50%;
    padding: 2px;
}

/*.history_data {
    margin-top: 10px;
}*/

.comment-padding {
    padding: 0px;
    /*padding-left: 10px;*/
}

.history_date_time span {
    font-size: 12px;
    color: #4A6EE2;
    font-weight: 500;
}

/*.addComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.addComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.addComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}*/

/*.comments .employee-name textarea {
    border-radius: 4px;
    height: 35px !important;
}*/

.comments .custom-checkbox span {
    background-color: #fff !important;
    font-size: 14px;
    color: #000;
}
/***********************************************CSS for ticket tables**************************/
.field_box_label {
    font-size: 13px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

.ticket_container {
    margin-top: 1px;
    background-color: #fff !important;
    margin-bottom: 20px;
    border: 1px solid #dfdbdb;
    /*border-top: 0px*/
}

    .ticket_container .ugit-tdetaillabel {
        background-color: #fff !important;
        border-width: 0px !important;
    }

.field_Title {
    padding-top: 0px;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

.field_box div {
    font-size: 12px;
    color: #000;
    font-family: 'Poppins', sans-serif !important;
    word-break: break-all;
}

.popupleftcts {
    float: left;
    padding-bottom: 5px;
    padding-left: 0px;
}

.field_box a {
    color: #000 !important;
}

.field_box {
    width: 32.03%;
    padding: 5px 20px 10px 20px;
}

    .field_box .field_Title_edit {
        background: #fff;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

    .field_box textarea {
        /*background: #ecf1f9;*/
        background: #fff;
        border: 1px solid #ccd4e1;
        /*padding: 7px;*/
        border-radius: 4px;
        height: 60px;
        font-size: 12px;
    }

    .field_box .field_Title_edit input {
        background: #ecf1f9;
        font-size: 14px;
    }

    /*.field_box .div-vieweditcontainer table {
    background: #fff;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}*/

    .field_box .div-vieweditcontainer textarea {
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
    }

    .field_box .div-vieweditcontainer textarea:focus-visible {
        outline: none;
    }

    .field_box .div-vieweditcontainer table input {
        background: #ecf1f9;
    }

    .field_box .dxeButtonEditSys, .field_box .dxeTextBoxDefaultWidthSys {
        padding: 3px;
        padding-right: 6px;
    }

        .field_box .dxeButtonEditSys input, .field_box .dxeButtonEditSys td, .field_box .dxeTextBoxDefaultWidthSys input {
            background: #fff;
            background-color: #fff !important;
            /*background: #ecf1f9;*/
            font-size: 12px;
            height: 28px;
            font-family: 'Poppins', sans-serif !important;
        }

.field_heading legend {
    color: #515151;
    font-size: 13px !important;
    padding: 8px 15px;
    margin-bottom: 0px !important;
    border: 1px solid #e1dddd;
    font-family: 'Poppins', sans-serif;
    background: #f0f0f0;
}

    .field_heading legend a {
        color: #515151;
        font-weight: bold;
    }

.field_box table {
    width: 100%;
    /*max-width: 100% !important;*/
    border-radius: 4px;
    background: #FFF !important;
    border-color: #ccd4e1;
}
/************ Comments tab contents **********/
.sub-content {
    margin-left: 15px;
    color: #A1AAC4;
}

.ticket_status {
    margin-left: 5px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.comment-title-container {
    padding-top: 40px;
    margin: 0 !important;
}

.comment-title-wrap {
    padding-left: 30px;
}

    .comment-title-wrap h6 {
        font-size: 16px;
        color: #4a90e2;
    }

.comment-container {
    padding-top: 24px;
    margin: 0 !important;
}

.img-container {
    /*text-align: center;*/
    /*padding: 0px 0px 10px 20px;*/
    font-family: 'Poppins',sans-serif;
}

    .img-container img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 3px;
        padding: 2px;
        border: 1px solid #efeeee;
    }

.comment-box-wrap {
    padding: 10px 50px 10px 0 !important;
}

.comment-box textarea {
    background-color: #ECF1F9;
    border-radius: 8px;
    border: none;
}

.button-wrap {
    text-align: center;
    margin-top: 23px;
    margin-bottom: 30px;
    padding-bottom: 33px;
    border-bottom: 1px solid #E9E9E9;
}

.comment-btn {
    background-color: #4A90E2;
    padding: 15px 35px 15px 35px;
    border: none;
    color: #fff;
    border-radius: 7px;
    font-family: 'Poppins', sans-serif !important;
}

.from-name p {
    color: #A7B3C1;
    font-size: 16px;
    font-weight: 500;
}

.cal-icon {
    display: inline-block;
}

    .cal-icon img {
        height: 18px;
        width: 17px;
    }

.comment-days {
    display: inline-block;
    margin-left: 15px;
}

    .comment-days span {
        font-size: 12px;
        font-weight: 500;
        color: #8BA2ED;
    }

.comment-data-wrap {
    margin-top: 20px;
}

    .comment-data-wrap p {
        font-size: 14px;
        color: #9A9A9A;
    }

.hr-line {
    margin-right: 15px;
    margin-left: 15px;
}

.verticalAlign {
    vertical-align: top;
}

.noData {
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
}

.comment-container {
    background-color: #fff;
    border-bottom: 1px solid #E9E9E9;
    border-color: #dfdbdb;
}

.comment-tbl {
    padding: 2px;
    border-collapse: collapse;
    border-color: transparent;
    position: relative;
}

    .comment-tbl .comment-container .comment-action-buttons img {
        position: relative;
        top: -27px;
        right: -15px;
    }

    .comment-tbl tr:nth-child(2) {
        border-bottom: solid 1px #E9E9E9;
    }


.all-dropdown {
    margin: 0px !important;
}

/*.all-dropdown select {
        height: auto !important;
    }*/


/***********************CSS for ticket header content**********************/
.ticket_header_content {
    background: none !important;
    padding-top: 0px !important;
    padding-bottom: 10px;
}
/************ Comments tab contents **********/
@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/************************************CSS for Multi REquester  by shubhangi *****************/
.multi_requester_name {
    font-size: 12px;
    overflow: hidden;
    width: 175px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*white-space: nowrap;
    text-overflow: ellipsis*/
}
/****************************Css for Edit Ticket->sevice tab By Neha***********************/
.section_one {
    margin-top: 32px;
}

.back-logo {
    display: inline-block;
}

.ticket-title {
    display: inline-block;
    /*margin-left: 20px;*/
    color: #4a6ee2;
    /*float: right;*/
    /*margin-right: 30px;*/
}

    .ticket-title h6 {
        font-size: 12px !important;
        font-weight: 600;
        word-spacing: 7px;
        letter-spacing: 0.5px;
        margin-top: 7px;
        margin-left: 20px;
        margin-bottom: 0;
    }

.edit-ticket-devider {
    font-size: 14px;
    font-weight: 400;
}

.ticketTitle_status {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    text-align: left;
    float: left;
}

.ticket_header_data b, .ticket_header_data {
    color: #959595;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    text-align: left;
    float: left;
}
/*to show helptexticon*/
/*.ticket_info_icon {    display: none;
}*/
.ticket_error_msg {
    float: right;
    position: relative;
    width: 100%;
    top: -4px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    color: red;
}

#errorMsgContainer {
    float: right;
}

.ticket_error_wrap {
    float: right;
    width: 100%;
}

.error_msg2 {
    color: red;
    float: right;
    text-align: left;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
}

.createTicket_heading_wrap {
    background: none !important;
    /*margin-top: -10px;*/
}

.nonSvc_createTicketWorkflowWrap {
    margin-top: 17px;
}

.createTicket_heading_wrap b {
    color: #000080;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
    text-align: left;
    float: left;
    padding-bottom: 20px;
}

.createTicket_errorMsg {
    color: red;
    float: left;
    height: auto;
    text-align: left;
    padding-top: 0px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif !important;
}

.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}

.step {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    overflow: visible;
    position: relative;
    font-size: 14px;
    color: #000080;
    font-weight: 500;
    top: 28px;
    background: none;
}

.complete:before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    background-color: #32CD32;
    height: 6px;
    width: 100%;
}

.inprogress:before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    background-color: #D3D3D3;
    height: 6px;
    width: 100%;
}

.node {
    display: inline-block;
    border: 6px solid #D3D3D3;
    background-color: #D3D3D3;
    border-radius: 18px;
    height: 18px !important;
    width: 18px !important;
    /*left: 50%;*/
    margin-left: 0px;
    margin-top: 10px;
}

.nodeComplete, .nodeInprogress {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.steplineimage {
    display: none;
}

.oldactiveStageArrow {
    display: none;
}
/****************************Edit Ticket->Related to Existing Ticket*************/
.existingTicket_checkbox label {
    float: right;
    margin-left: 10px;
    font-size: 14px;
    color: #4a90e2;
    margin-top: -1px;
}

.existingTicket_checkbox input[type="checkbox"] {
    width: auto;
    /*opacity: 0.00000001;
    position: absolute;*/
    left: 0;
    margin-left: -20px;
}

/*.existingTicket_checkbox label:before {
    content: '';
    position: absolute;
    right: 190px;
    top: 42px;
    margin: 4px;
    width: 17px;
    height: 17px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #4a90e2;
}

.existingTicket_checkbox label:after {
    content: '';
    display: block;
    width: 8px;
    height: 4px;
    border-bottom: 2px solid #4a90e2;
    border-left: 2px solid #4a90e2;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 51px;
    right: 198px;
}*/

/*.existingTicket_checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}*/

/*.relatedTicket_dropDown_label {
    color: #4a90e2;
    font-size: 14px;
    display: block !important;
}*/

.relatedTicket_dropDown_select select {
    float: left;
    padding: 8px;
    border: 1px solid #ccd4e1;
    background: #fff;
    /*background: #ecf1f9 url(Images/arrow-down.png) no-repeat 97% center !important;*/
    border-radius: 3px;
    font-size: 12px;
    width: 85%;
}

.existingTicket_savebtn {
    /*position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;*/
    float: right;
}

/*.existingTicket_savebtn_wrap {
    display: -webkit-inline-box !important;
    width: auto !important;
    border: none;
    background: none
}

    .existingTicket_savebtn_wrap .dxb {
        background: #4A6EE2 !important;
        padding: 5px !important;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
    }*/
/*************Edit ticket->Tabs*************************/
/*.tab_container {
    background-color: #fff;
    /*margin-bottom: 35px;
    margin-top: 20px;*/
/*margin-right: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}*/
.tab_container > table {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

.tab_wrap ul {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .tab_wrap ul li {
        border: none !important;
        background: #fff !important;
        color: #007bff;
    }

        .tab_wrap ul li.dxtc-tab a span.dx-vam {
            padding-top: 8px;
        }

        .tab_wrap ul li.dxtc-activeTab {
            background-color: #6085fe !important;
            color: #FFF !important;
            border-radius: 4px 4px 0px 0px;
            padding: 5px;
            padding-bottom: 5px !important;
        }

            .tab_wrap ul li.dxtc-activeTab a {
                color: #fff !important;
                font-family: 'Poppins', sans-serif !important;
            }

        .tab_wrap ul li a {
            color: #007bff !important;
            font-size: 13px;
            font-family: 'Poppins', sans-serif !important;
        }

/*.tab_wrap ul .dxtc-activeTab a {
        border-bottom: 2px solid #3A57B5;
        color: #3A57B5 !important;
        font-family: 'Poppins', sans-serif !important;
    }*/

.svcEdit_actionBtnContainer {
    width: 150px;
}
/*amar code start */
.radioButtonList label {
    display: inline;
}

.equ_details_radiobtn tr {
    display: inline-block;
    margin: 10px;
}



table.mylist label {
    width: 200px;
    display: block;
    float: left;
}
/** amar code end */



/**************** Start Of CSS For New Task Window  */

.content-wrap {
    margin-left: 20px !important;
    margin-right: 15px !important;
}

.information-wrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 10px;
}

.red-star {
    color: #e24a7a;
}

.section-title {
    margin-bottom: 5px;
    margin-top: 5px;
}

.newTask_title {
    color: #4A90E2;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.edit_task_img {
    position: relative;
    top: 2px;
    /*float: right;*/
    /*width: 17px;*/
    height: 16px;
    display: inline-block;
}

.editTask_predecessors_list {
    display: block;
    font-size: 12px;
    padding-left: 10px;
}

.edit_task_approveDropdown {
    display: inline-block;
}

.editTask_assignApprover_btn {
    display: inline-block;
    background-color: #4A6EE2;
    margin-left: 10px;
    border-radius: 4px;
    margin-bottom: -10px !important;
}

.assignAprrover_btnName {
    color: #fff;
}

.assignApprover_name {
    /*float: left;*/
    font-weight: 500;
    font-size: 12px;
    margin-right: 5px;
    font-family: 'Poppins', sans-serif !important;
}

.approve-btn a, .reject-btn a {
    /*float: left;*/
    background-color: #5596E3;
    padding: 4px 12px 4px 11px;
    border-radius: 4px;
    margin-right: 10px;
}

.reject_label {
    margin-left: 7px;
}

.editTask_rejectImg {
    border: none;
    width: 13px;
}

.approve-btn, .reject-btn {
    display: inline-block;
}

.approve_btnWrap {
    background-color: #fff;
    /*float: left;*/
    position: relative;
    left: 2px;
    border-radius: 50%;
    padding: 2px 3px 3px 3px;
    top: 0px !important;
}

.popupForm-container {
    overflow-y: visible !important;
}

.newTask_info_title input:focus, .all-drop-down .btn-group .btn:focus {
    box-shadow: none;
    border: 1px solid #ccd4e1;
    background-color: #ecf1f9;
}

.newTask_info_title input, .all-drop-down .btn-group .btn {
    font-size: 14px;
    color: #737373;
    width: 100% !important;
    padding: 6px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff !important;
    height: 35px;
    text-align: left;
}

.newTask_info_title label, .all-drop-down label {
    color: #4a6ee2;
    display: block;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-left: 0;
}

.all-checkbox label, .attachment-label p {
    color: #4a90e2;
    display: inline-block;
    margin-top: -9px;
}

.bg-light-blue {
    /*background: #ecf1f9;*/
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

/*.newTask_assignedTo_dropdown {
    padding-left: 30px;
}*/

.all-input {
    padding: 10px;
}

.all-drop-down ul {
    width: 100%;
    background: #ecf1f9;
    border-radius: 5px;
    border: none;
    padding: 0px;
    box-shadow: 4px 20px 37px #afafaf;
}

    .all-drop-down ul li a {
        color: #7a7b7b;
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }

        .all-drop-down ul li a:hover {
            color: #fff;
            background: #4a6ee2;
        }

.all-drop-down .btn-group .btn::after {
    border-top: none;
}

.down-arrow {
    /*background: #ecf1f9 url(../images/arrow-down.png) no-repeat 97% center !important;*/
    overflow: hidden;
    background-image: none !important;
}

.newTask_info_title .date-time {
    background-image: url(../images/calender_grey.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}

.add-btn-wrap {
    display: inline-block;
}

.remove-btn-wrap {
    display: inline-block;
}

.add-btn, .remove-btn {
    width: 22px;
    height: 22px;
    background-color: #344883;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding-top: 0px;
}

.btn-lable {
    color: #4a90e2;
    font-size: 13px;
    margin-left: 15px;
}

.add-doc-btn {
    background: url(../images/plus-blue.png) no-repeat center top;
    padding: 0 0 0 0px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: #232323;
    outline: none;
    width: 30px;
    height: 32px;
}

.doc-btn-name {
    margin-top: -34px;
    margin-left: 44px;
    font-size: 14px;
}

.documents-file {
    text-align: center;
    overflow: hidden;
}

    .documents-file ul {
        margin: 30px 0;
        padding: 0px;
    }

        .documents-file ul li {
            list-style-type: none;
            margin-bottom: 5px;
        }

            .documents-file ul li a {
                color: #909fb1;
                text-decoration: none;
                background: url(../images/document-ofice-365.png) left center no-repeat/16px, url(../images/close-red.png) right center no-repeat;
                padding: 0 25px;
            }

.editTask_fileAction_btnWrap {
    text-align: center;
}

.next-cancel-but {
    display: inline-block;
    float: right;
    text-align: right;
}

    .next-cancel-but .editTask_next {
        display: inline-block;
        width: 200px;
        text-align: center;
        margin: 0 auto;
        background: #4a90e2;
        padding: 5px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
    }

    .next-cancel-but .editTask_cancel .dx-vam {
        display: block;
        margin: 16px auto;
        font-size: 14px;
        text-decoration: none;
        color: #e24a7a;
    }

.editTask_cancel .dxb {
    text-align: center;
    display: block;
}

.editTask_cancel {
    background: none;
    display: block !important;
    width: auto !important;
}

.btn-lable-wrap, .usr-label-wrap {
    display: inline-block;
    margin-bottom: 13px;
}

.edit-btn-wrap {
    display: inline-block;
    margin-left: 20px;
}

.newTask_assignedTo_dropdown .bg-light-blue {
    max-width: 100% !important;
    padding: 3px !important;
}

.edit_task_approveDropdown .bg-light-blue {
    padding: 3px !important;
}

.editTask_actionBtn_holder {
    float: right;
    background: none !important;
    margin-right: 19px;
}

    .editTask_actionBtn_holder .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        border: none !important;
        color: #fff !important;
        padding: 8px 20px !important;
        font-size: 12px;
        font-weight: 500;
    }

    .editTask_actionBtn_holder img {
        margin-left: 15px !important;
        filter: brightness(0) invert(1);
    }

.editTask_actionBtn_listWrap .dxm-popup {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-item {
    background-color: #fff !important;
}

.editTask_actionBtn_listWrap .dxm-gutter .dxm-hovered {
    border: none !important;
    background-color: #EBEDF2 !IMPORTANT;
    COLOR: #000 !important;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 14px;
}

    .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

    .checkbox input[type="checkbox"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }

    .checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65;
    }

        .checkbox input[type="checkbox"]:disabled + label::before {
            background-color: #eeeeee;
            cursor: not-allowed;
        }

.chkbox-1 {
    display: block;
    margin-bottom: 10px;
}

.all-checkbox {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
}


.tasks-holder {
    border: 1px solid #F1F1F1;
    margin-top: 25px;
    border-radius: 2px;
    max-height: 150px;
    overflow-y: auto;
}

.all-select select {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    background-color: #fff;
}

.newTask_dueDate {
    border: 1px solid #ccd4e1;
    width: 100%;
    padding: 4px;
    border-radius: 4px;
    background-color: #ecf1f9;
}

    .newTask_dueDate .dxeEditArea_UGITNavyBlueDevEx {
        background-color: #ecf1f9;
    }

    .newTask_dueDate .dxeButtonEditButton_UGITNavyBlueDevEx {
        padding: 3px 2px 3px 23px;
        background: url(/Content/Images/calendarNew.png) no-repeat !important;
        background-size: 20px 19px;
        height: 25px;
    }

    .newTask_dueDate .dxEditors_edtDropDown_UGITNavyBlueDevEx {
        display: none;
    }

.attachment-label {
    padding-left: 0px !important;
}
/*********************************CSS for create ticket(other than SVC)*****************************/
.create_ticket_btnWrap {
    height: 46px;
    left: 0px !important;
    clear: both;
    padding-top: 60px;
}

/*.createTicket_listWrap {
    /*margin-left: 45% !important;
    overflow: visible !important;
    float: none !important;
    text-align: center;
}*/

.createTicket_ulList {
    padding: 0px 0px 3% 0px !important; /*chnage for tsr create*/
    /***Change for Npr create****/
    float: none;
    text-align: center;
}

.createTicket_listWrap {
    float: left !important;
    width: 100% !important;
    padding: 0px;
}

    .createTicket_listWrap li {
        float: right;
        list-style-type: none;
    }

        .createTicket_listWrap li.tabhover {
            background: none !important;
        }

/*.createTicket_listWrap .next {
        background: #4A6EE2 !important;
        border-radius: 4px;
        display: inline-block;
    }*/

/*.createTicket_listWrap .next .linkbutton {
            background: none !important;
        }*/

/*.createTicket_listWrap .cancel {
        background: none !important;
        display: block !important;
    }*/

/*.createTicket_listWrap .next .dxbButton_UGITNavyBlueDevEx div.dxb {
        padding: 7px 22px !important;
        background: #4A6EE2 !important;
        font-size: 14px !important;
        border-radius: 4px;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx {
        background: none !important;
    }*/

/*.createTicket_listWrap .cancel .dxbButton_UGITNavyBlueDevEx div.dxb {
        background: none !important;
        padding: 4px 35px !important;
        border: none !important;
        font-size: 14px;
    }*/

.field_prioritylookup .field_prioritylookup_view {
    margin-right: 10px;
    /*max-width: 300px !important;*/
}
.field_prioritylookup {
    max-width: 300px !important;
    height: 42px !important;
}

.chkelevatecheck label {
    margin-left: 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ccd4e1;
    color: #000;
}

.tooltip-inner {
    background-color: #ccd4e1;
    padding: 5px 8px;
    max-width: none;
    white-space: pre-wrap;
    text-align: left;
}

.editTicket_holdTime {
    margin-bottom: 22px;
}
/*********************************End of CSS for create ticket(other than SVC)*****************************/

/*span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    padding: 4px 0 !important;
    font-family: 'Poppins',sans-serif;
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}*/
/**************** End Of CSS For New Task Window  */

/*****Start of Css For Reject popup**************************************/

.rejectComment_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.rejectComment_popUp .dxpc-content {
    background-color: #fff !important;
}

.rejectComment_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.reject_popup_noBtn {
    display: inline-block;
    width: 100px !important;
    text-align: center;
    margin: 0 auto;
    padding: 12px 12px !important;
    color: #E24A7A;
    border-radius: 5px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

    .reject_popup_noBtn:hover {
        color: #E24A7A;
    }

.reject_popUp_wrap {
    text-align: center;
}

    .reject_popUp_wrap li {
        list-style-type: none;
        text-align: center;
        /*margin-bottom: 10px;
        display: inline-block;*/
    }

.reject_popup_yesBtn {
    background: none !important;
    border: none !important;
    /*margin-top: 160px;*/
    margin-top: 10px;
}

    .reject_popup_yesBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        padding: 6px 17px !important;
        font-size: 12px;
    }
/***********End of Css For Reject popup***********/

/***************Add new Sub Ticket Popup*************/
/*.svc_addSubTask_dropDown_lable {
    padding-left: 7px;
    font-family: 'Poppins', sans-serif;
}*/

/*.svc_addSubTask_dropDown_wrap {
    padding-left: 38px;
    min-height: 5px;
}

.svc_addSubTask_dropDown {
    padding: 5px;
}

    .svc_addSubTask_dropDown select {
        height: 30px !important;
        background-color: #ecf1f9;
        border: none;
        border-radius: 4px;
        font-size: 12px;
        border: 1px solid #ccd4e1 !important;
    }

.svc_subtask_btn_wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    right:4px;
    width: 100%;
}*/

/*.svc_subTask_btn {
    background: none !important;
}

    .svc_subTask_btn .dxb {
        font-size: 12px;
        background: #4A6EE2 !important;
        padding: 5px 20px 7px 20px !important;
        border-radius: 4px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }*/

/************************SVC->Edit Ticket-> Add New subticket popup****************/
.subTicket_PopUp_Container {
    height: 165px;
}

    .subTicket_PopUp_Container .dxpc-footer {
        background: none !important;
        border-top: none !important;
        text-align: center;
        margin-top: 12px;
    }

    .subTicket_PopUp_Container .dxpc-header {
        background: #f0f0f0 !important;
        color: #000 !important;
        font-size: 12px;
        font-size: 16px;
        font-weight: 600;
    }

.subTicket_popup_dropDwn select {
    border-radius: 4px;
    height: 30px !important;
    padding: 3px;
    background-color: #ecf1f9;
    border-color: #ecf1f9;
}

.subTicket_PopUp_Container .dxpc-contentWrapper {
    margin-top: 10px;
}

/************************End of SVC->Edit Ticket-> Add New subticket popup****************/
/************************CSS for edit->comment popup***************************************/
.editComment_delete_btn {
    background: none !important;
}

    .editComment_delete_btn .dxb {
        background: #4A6EE2 !important;
        padding: 6px 14px !important;
        border-radius: 4px;
        font-size: 14px;
        color: #fff !important;
        font-family: 'Poppins', sans-serif;
    }

.edit_comment_popup_wrap {
    text-align: center;
    clear: both;
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.editComment_close_btn {
    background: none !important;
    display: block !important;
    width: 100% !important;
    /*margin-left: 11%;*/
}

    .editComment_close_btn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
    }
/************************ End CSS for edit->comment popup***************************************/

/********New ticket Dialog********/
.NewTktDialog .informationMsg {
    width: 335px;
    padding: 15px 0px 23px;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.NewTktDialog .closeDlg {
    font-family: 'Poppins', sans-serif;
    float: right;
    margin-right: 15px;
    font-family: 'Poppins', sans-serif;
}

.closeDlg span a {
    color: red;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}
/********End of New ticket Dialog********/

/**************************Edit ticket add document*************************************/
.editTicket_fileUpload table tr .dxTB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxTB input {
        width: 0;
    }

.editTicket_fileUpload table tr .dxCB {
    opacity: 0;
    width: 1px !important;
}

    .editTicket_fileUpload table tr .dxCB input {
        width: 1px;
    }

.editTicket_fileUpload table tr .dxBB a {
    padding: 10px 11px 10px 55px;
    //background: url(Images/plus-blue.png) no-repeat 15% center !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    margin-left: 26%;
}

.editTicket_addDoc_wrap .fileUploadIcon {
    width: 400px !important;
}

.editTicket_fileUpload table tr .dxBB {
    padding: 7px 0px !important;
    text-align: center;
}

.editTicket_addDoc_wrap .cancelUploadedFiles {
    margin-top: -38px !important;
}

.editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
    text-align: center !important;
    width: 100%;
    /*margin: 5px 33% !important;*/
}

    .editTicket_addDoc_wrap .fileUploadIcon .uploadedFileContainer span {
        /*margin-left: 29%;*/
    }

.editTicket_fileUpload {
    width: 425px !important;
    margin-bottom: 0px;
}

.editTicket_addDoc_wrap .editTicket_fileUpload table tr .dxBB a {
    margin-left: 0% !important;
}

.add-file-doc .fileUploadIcon .editTicket_fileUpload table tr .dxBB {
    text-align: center !important;
}


/**************************Start Of css For Put On Hold Popup***********/


.putOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.putOnHold_popUp .dxpc-content {
    background-color: #fff !important;
    padding: 0px;
}

.putOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.holdTill_dropDwn_wrap {
    display: inline-block;
    margin-right: 30px;
}

.reason_dropDown_wrap {
    display: inline-block;
}

.holdTill_dateTime {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .holdTill_dateTime .dxic input {
        background: #ecf1f9;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px;
    }

.reason_dropDown {
    width: 250px;
    padding: 7px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .reason_dropDown .dxic input {
        background: #ecf1f9;
    }

.select-style_putOnHold {
    border: 0px solid #ccc;
    width: 48.5%;
    overflow: hidden;
    display: inline-block;
    color: #4a90e2;
    border: 0px;
    font-size: 14px;
    padding: 4px 2px;
    font-family: 'Poppins', sans-serif !important;
}

.putOnHold_input_label {
    color: #4a90e2;
    font-size: 14px;
    padding: 4px 2px;
}

.putOnHold_comment_wrap {
    margin-top: 10px;
    margin-left: 5%;
}

.putOnHold_btn_wrap {
    margin-top: 15px;
    text-align: center;
    margin-left: 37%;
}

    .putOnHold_btn_wrap .putOnHoldBtn .dxb {
        background-color: #e24a7a !important;
        margin-bottom: 20px;
        border-radius: 4px;
        /*padding: 7px 14px;*/
        font-size: 14px;
    }

.putOnHoldBtn {
    background: none !important;
    border-radius: 4px;
    padding: 10px;
    display: block !important;
    width: 130px !important;
}

.putOnHold_cancel_btn {
    color: #E24A7A;
    font-size: 14px;
    font-weight: 600;
    background: none !important;
    width: 150px !important;
    display: block !important;
}

    .putOnHold_cancel_btn .dxb {
        background: #fff !important;
        color: #000 !important;
        /*padding: 4px 33px !important;*/
    }

.holdTill_dateTime tr .dxeButton, .reason_dropDown tr .dxeButton {
    background: #ecf1f9 !important;
}

    .holdTill_dateTime tr .dxeButton:hover, .reason_dropDown tr .dxeButton:hover {
        border-left: none !important;
    }
/**************************End Of css For Put On Hold Popup***********/
/***************start Of css of UnHold Popup for EditTask SVC*************/
.removeOnHold_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.removeOnHold_popUp .dxpc-content {
    background-color: #fff !important;
}

.removeOnHold_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}

.removeOnHold_popUp_removeHoldBtn {
    background: none !important;
    border: none !important;
    padding: 10px !important;
    display: block !important;
}

    .removeOnHold_popUp_removeHoldBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
        margin-left: 129px;
        margin-right: 129px;
        font-family: 'Poppins', sans-serif !important;
    }


.removeOnHoldCancel {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #e24a7a;
    background: none !important;
    margin-left: 150px;
}

    .removeOnHoldCancel .dxb {
        background: none !important;
        color: red !important;
    }

/******************End Of  css of UnHold Popup for EditTask SVC ********************/

/**********************************CSS for Ticket -> Put On Hold Popup**************************/
/*.puOnHold_ticket_name {
    text-align: center;
    margin-top: -15px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #4A6EE2;
}*/

.ticket_holdTill_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_reason_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.ticket_holdTill_inputWrap, .ticket_reason_inputWrap {
    /*padding: 10px;*/
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

    .ticket_holdTill_inputWrap tr .dxic input, .ticket_holdTill_inputWrap tr .dxeButton {
        background-color: #ecf1f9;
    }

.ticket_putOnHold_chkLabel {
    font-size: 12px !important;
}

.ticket_putOnHold_btnWrap {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.hold-cancel-btn {
    display: block;
    text-align: center;
}

    .hold-cancel-btn .holdBtn {
        background: none !important;
        border: none !important;
    }

        .hold-cancel-btn .holdBtn .dxb {
            background: #e24a7a !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
        }

    .hold-cancel-btn .cancel {
        color: #232323;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        margin: 10px 0;
        font-weight: 600;
        background: none !important;
    }

        .hold-cancel-btn .cancel .dxb {
            background: #F6F7FB !important;
            border-radius: 4px;
            padding: 6px 17px !important;
            font-size: 12px;
            color: #000 !important;
        }

.topMargin {
    margin-top: 15px !important;
}

/*.departmentPopup .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.departmentPopup .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}*/

.removeHold_name {
    margin-bottom: 0px !important;
}

.removeHold_comment_wrap {
    margin-top: 0px !important;
}
/**********************************End of CSS for Ticket -> Put On Hold Popup**************************/

/******************************Css for Copy link to clipboard*********************************************/

.copyToclip_popup_label {
    color: #4a90e2;
    font-size: 14px;
    /*margin-bottom: 7px;*/
    display: block !important;
}

.copyToclip_popup_commentBox {
    border: 0px;
    width: 520px;
    height: 120px;
    resize: none;
    background: #f8fafc !important;
}

.copyToclip_popup_dropDown {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}

.copyToclip_popup_cancelBtn ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
}

.copyToclip_popup_container .modal-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-weight: 600;
    border-bottom: none;
}

.copyToclip_popup_container .dxpc-header .dxpc-headerContent .dxpc-headerText {
    font-size: 12px;
}
/******************End of Css for Copy link to clipboard ******************************************/


/*******************css for change ticket type popup************************************************/
/*.chng_ticketType_wrap {
    padding: 0px;
}*/
/*.chngTicketType-contentWrap{
    background:#fff;
}*/
/*.chng_ticketType_label {
    color: #4A6EE2;
    font-size: 14px;
    display: block !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}*/
/*.chngTicket-typeBtnWrap {
    padding: 10px 0px;
    float: right;
}*/
/*.chng_ticketType_dropDown select {
    padding: 10px;
    width: 100%;
    background-color: #ecf1f9;
    border: none;
    font-size: 12px !important;
    border-radius: 5px;
}*/
/*.chng_ticketType_dropDown {
    margin-bottom: 10px;
}*/

/*.chng_ticketType_btnWrap .buttoncell {
    text-align: center;
}*/

/*.chng_ticketType_cancel {
    background: none !important;
}

    .chng_ticketType_cancel .dxb {
        background: transparent !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        padding: 0px !important;
    }

.chng_ticketType_proceed {
    background: none !important;
}

    .chng_ticketType_proceed .dxb {
        background: #4A6EE2 !important;
        padding: 5px 10px !important;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 500;
    }*/
/******************* End css for change ticket type popup************************************************/


/************************ Start Of Css of Action_Comment************************/

/*.comment_text {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin:0px;
}*/
.commentPopup-wrap {
    padding: 0px !important;
    background: #fff;
    height: 95%;
}
/*.comment-popupContent{
    background:#fff;
}*/
/*.comment_text_wrap {
    margin-left: 13px;
    height: 35px !important;
    width: 100%;
}*/
/*.comment_checkboxes {
    margin-left: 14px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}*/

.comment_checkboxes label {
    margin-right: 5px;
    margin-left: 2px;
}

a .actionComment_saveBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    padding: 6px 20px;
    color: white;
    margin-right: 208px;
    margin-left: 135px;
    /*width: 23%;*/
    margin-bottom: 10px;
}

a .actionComment_CancelBtn {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: red;
    background: none !important;
    margin-top: 10px;
}

.action_commentPopup_btnWrap {
    text-align: center !important;
    margin-top: 10px;
    clear: both;
}

.action_commentPopup_label {
    margin: -14px 0px 0px 12px;
    padding: 0 !important;
    width: auto !important;
    text-align: left !important;
    color: #4a90e2;
}

.action_commentPopup_btn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    border: none;
}

.action_commentPopup_cancel {
    margin-left: 0px !important;
    font-weight: 600;
}
/*************************End  Css of Action_Comment*******************/
/*************************Css for Ticket(Re)Assignment*****************************************/

.noPadding {
    padding: 0px !important;
}

/*.reassign_popUp_label {
    color: #4a90e2;
    font-size: 14px;
    display: inline-block !important;
}*/

/*.reassign_popUp_dropDownWrap {
    background: none !important;
    border-top: none !important;
    padding: 3px 0px 4px !important;
}

.reassign_popUp_labelWrap {
    width: 100% !important;
    text-align: left !important;
}*/

/*.reassign_popUp_dropDownTable {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

.reassign_popUp_dropDownTable .dxeButton {
    background-color: #fff;
}
.reassign_popUp_dropDownTable tr td {
    background: #fff;
}
.reassign_popUp_dropDownTable tr td.dxic input[type="text"] {
    height: 28px !important;
     background-color: #fff; 
     font-size: 12px;
}*/
/*.reassign_popUp_dropDown .all-input {
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
}*/

.reassign_popUp_btnSave {
    background: #4A6EE2 !important;
    padding: 10px 25px 10px 25px;
    margin-top: 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500 !important;
}

.reassign_popUp_btnContainer {
    padding-top: 10px;
    text-align: center;
    margin-top: 12px;
}

.reassign_popUpCancel_btnWrap {
    margin-top: 22px;
}

.reassign_popUp_btnCancel {
    color: red;
    font-size: 14px;
    font-weight: 500;
}

.reassign_popup_gridOpen_icon {
    display: inline-block;
}
/***********************End Css for Ticket(Re)Assignment***********************************************************/

/*********************CSS for New Task Popup***********************/
.taskPopup-attachment-label {
    padding-left: 0px !important;
}

    .taskPopup-attachment-label p {
        color: #4a90e2;
        display: inline-block;
        margin-top: 18px;
        font-size: 14px;
    }

.task_addDoc_wrap .editTicket_fileUpload table tr .dxBB {
    text-align: left !important;
}

.task_addDoc_wrap {
    margin-top: 3%;
}

    .task_addDoc_wrap .fileUploadIcon .uploadedFileContainer {
        margin: 5px 6% !important;
    }
/********************* End of CSS for New Task Popup***********************/


.selectTemplateForQuickTicket_popUp .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.selectTemplateForQuickTicket_popUp .dxpc-content {
    background-color: #fff !important;
}

.selectTemplateForQuickTicket_popUp .dxpc-closeBtn img {
    background: url('Images/close-red-big.png') no-repeat !important;
    height: 23px;
}
/**************************Css for Ticket re assignment->grid (buttons)*********************************************/
/*.reassign_resourceWithSkill_popUp_wrap .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
}*/

.reassign_popupBtn_wrap {
    text-align: center;
    margin-top: 25px;
}

.reassign_addBtn {
    margin-bottom: 10px;
    background: none !important;
}

    .reassign_addBtn .dxb {
        background: #4A6EE2 !important;
        padding: 10px 40px;
        font-size: 14px;
        border-radius: 4px;
    }

.reassign_cancelBtn {
    background: none !important;
}

    .reassign_cancelBtn .dxb {
        background: #fff !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }
/********************End of css of ticket re assignment->grid->buttons******************************/
/************************CSS for home_Dashboard page************************************/
.homeDashboard_headerMenu_container {
    padding: 0px;
    background: none;
    margin-bottom: 0px;
}

/*.homeDashboard_headerMenu_row {
    margin-top: 10px;
}*/

.homeDashboard_headerIcon_wiki {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    filter: brightness(0.5);
    /*align:center;
    aria-hidde:true;*/
}

.homeDashboard_headerIcon_que {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    filter: brightness(0.5);
}

.homeDashboard_headerIcon_bell {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 19px !important;
    width: 18px;
    color: #16059b;
}

.homeDashboard_headerMenu_wrap {
    cursor: pointer;
    float: right;
    font-family: Poppins;
    padding: 3px 0px 5px 5px !important;
    border-radius: 3px;
    margin: 9px 0px 5px 5px;
    overflow: hidden;
    width: auto;
    background: transparent;
}

.homeDashboard_content_wrap {
    padding-left: 0px;
    padding-right: 0px;
    /*height: 80vh;*/
    z-index: 0;
}

.homeDashboard_leftcontent_wrap.right-content {
    padding-left: 254px;
}

.homeDashboard_leftcontent_wrap {
    padding-left: 55px;
    display: inline-block;
    float: left;
    overflow: visible;
    width: 100%;
    height: max-content;
    z-index: 0;
    position: relative;
    /*min-height: 90vh;*/
}

.homeDashboard_chartSec_container {
    float: left;
    /*padding-left: 10px;*/
    width: 100%;
    /*background: #f6f7fb;*/
}

.homeDashboard_chartContent {
    /*height: 220px !important;*/
}

.homeDashboard_devexpressChart {
    height: 200px !important;
    width: 260px !important;
}

    .homeDashboard_devexpressChart img {
        width: 100%;
    }

.homeRightPanel_chartContainer {
    height: auto !important;
    width: 100% !important;
}

.welcomeTitle {
    font-size: 18px;
    color: #4A6EE2;
}

/************************End of CSS for home_Dashboard page************************************/
/*************************************CSS for Dashboard left side menu*******************************/
.leftSide_menuExpandContainer {
    width: 254px !important;
    /*background-color: #fff;
    z-index: 9999999999;*/
}

/*.dashboard_leftSideMenuExpand {
    background-color: #fff;
    width: 251px !important;
    position: fixed;
}*/

.dxpnl-edge.l.dashboardLeft_menuIcon {
    display: inline-block;
    height: 100% !important;
    background-color: #70747b !important;
    font: 12px 'Poppins', sans-serif !important;
    border: none !important;
    bottom: unset !important;
    top: unset !important;
    width: 55px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np {
    border: 1px solid #c7cfda;
    padding: 5px;
    border-radius: 4px;
    z-index: 9999999;
    position: absolute;
}

    .dashboardLeft_menuIcon .dxpnl-btn.dxpnl-np.dxpnl-btnHover {
        border: 1px solid #FFF;
    }

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np img {
    margin-top: 0px;
    content: url(/Content/Images/hamburgerMenuWhite.png);
    width: 12px;
    height: 12px;
    /*margin-top: -36px*/
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnPressed img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnSelected.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerCloseWhite.png);
    width: 12px;
    height: 12px;
}

.dashboardLeft_menuIcon div.dxpnl-btn.dxpnl-np.dxpnl-btnHover img {
    content: url(/Content/Images/hamburgerMenuWhite.png);
    background: none;
    width: 12px;
    height: 12px;
}
/*.homeDashboard_leftSideMenu_contentWrap {
    background-color: #fff !important;
    top: 34px !important;
    border: none !important;
    z-index: 1001 !important;
    font: 12px 'Poppins', sans-serif !important;
    transition: 1s all ease;
}*/

.homeDashboard_menuListWrap {
    display: none;
    /*width: 231px !important;*/
    width: 254px !important;
    /*background: #828b9a;*/
    background: #70747b;
}

    .homeDashboard_menuListWrap li .dxnb-header {
        padding-left: 17px;
        border: none !important;
        background: none !important;
        color: #000 !important;
        font: 12px 'Poppins', sans-serif !important;
    }

        .homeDashboard_menuListWrap li .dxnb-header.dxnb-headerHover {
            background: #565D67 !important;
        }

.dxpnl-expanded.menuContentCollaps_left {
    padding: 0px !important;
}

.homeDashboard_menuListWrap li {
    font-size: 14px;
    font-family: 'Poppins', sans-serif
}

    .homeDashboard_menuListWrap li .dxnb-content {
        background-color: #70747b !important;
    }

        .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link {
            padding-left: 22px;
        }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.dxnb-itemHover {
                background: #565D67;
                background-color: #565D67 !important;
            }

            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem,
            .homeDashboard_menuListWrap li .dxnb-content li.dxnb-item.dxnb-link.selected-menuitem.dxnb-itemHover {
                background: #565D67;
                background-color: #565D67 !important;
            }

    .homeDashboard_menuListWrap li:hover {
        background-color: transparent !important;
    }

.homeDashboard_menuListWrap .dxnb-itemHover a:hover, .dxnb-itemHover a:hover, .dxnb-itemHover a:not( :hover ), .dxnb-itemHover {
    color: #FFF !important;
    background-color: #565D67 !important;
}

.homeDashboard_menuListWrap .dxnb-itemHover span:hover {
    color: #fff !important;
}

.homeDashboard_menuListWrap .dxnb-headerCollapsed {
    background: none !important;
    border: none !important;
    padding-left: 17px;
    padding: 10px;
}

.sidebar-menu {
    width: 257px !important;
}

.removeStyle {
    padding: 0px !important;
    margin: 0px !important;
}

.removePadding {
    padding: 0px !important;
    height: 100% !important;
}

.dashboard_logo.leftSide-menuLogo {
    visibility: visible;
    position: fixed;
    z-index: 99999;
    top: 5px;
    width: 191px;
    display: block;
}

    .dashboard_logo.leftSide-menuLogo img {
        width: 160px;
    }

.dashboard_logo {
    display: none;
    float: right;
    visibility: hidden;
    width: 145px;
    padding-top: 5px;
    padding-right: 10px;
}

.dashboardLogo_wrap {
    padding: 14px 5px 0px !important;
}

/*.dashboard_leftSideMenu {
    background-color: #fff;
    width: 50px;
    position: fixed;
}*/

.leftSide_menuContainer {
    /*background-color: #fff;*/
    background-color: #70747b !important;
    width: 55px;
    position: fixed;
    top: 53px;
    left: 0px;
    height: 100%;
    display: inline-block;
    z-index: 999;
}

.dashboardLeft_menuIcon.dxpnl-expanded.expandIcon {
    width: 254px;
}

.dashboard_leftSideMenuExpand {
    position: absolute;
    /*left: 60px;*/
    top: 0px
}

.menuContent_left {
    left: -26px !important;
}

.menuContentCollaps_left {
    left: 0px !important;
    top: 60px !important;
    /*background-color: #828b9a !important;*/
    background-color: #70747b !important;
    border: none !important;
    font: 14px 'Poppins', sans-serif !important;
    /*transition: 1s all ease;*/
    position: absolute !important;
}

.showMenu {
    display: block;
    /*width: 233px !important;*/
}
/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.homeDashboard_logo2 {
    display: none;
}

/*.category_dropDown {
    border-radius: 4px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    padding: 6px !important;
    width: 285px !important;
}*/

/*.category_dropDown .dxic input {
        background-color: #ecf1f9;
    }

    .category_dropDown .dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important
    }*/

.dashboard_goBtn {
    height: auto;
    width: auto;
    padding: 7px 25px 7px 25px;
    background: #4A6EE2 !important;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    display: block;
}

.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboardServices_Lable {
    display: block;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-left: 6px;
    float: none;
}*/

/*.service-block {
    margin-right: 20px;
}*/

.dashboardServices_container {
    width: 100%;
    float: left;
}

.ServiceCatalog {
    width: 100%;
    clear: both;
    padding-bottom: 23px;
}

.servciecatalog-main {
    width: 100% !important;
    background: #fff;
    padding-bottom: 6px;
    padding-top: 34px;
    /*box-shadow: 0px 0px 6px #aaaaaa;*/
}

.logoText1 {
    /*margin-top: 7px;*/
    /*margin-right: 25px;*/
    padding-left: 0px;
    /*display: flex;
    float:left;*/
    padding: 4px 0px 7px 0px;
}

.pageTitle-container {
    display: inline-block;
}

.selected-menuitem {
    border: none !important;
}

.homeDashboard_menuListWrap li.dxnb-item.dxnb-link.selected-menuitem a.leftMenu_listItem div span {
    color: #FFF !important;
}

.serviceBoard_btnView {
    padding: 10px;
    margin-bottom: 5px;
    font-weight: normal;
    border: none !important;
    background: transparent;
    box-shadow: none;
    /*height: 115px !important;
    width: auto !important;*/
    border-top: none !important;
    cursor: pointer;
    /*padding: 10px 20px 10px 20px;*/
    display: inline-block;
    /*padding-right: 0px;*/
}

.serviceBoard_lblView {
    color: #919293 !important;
    font-family: 'Poppins' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.dashboardService_catalogeContainer {
    text-align: center;
    width: 100%;
}
/*****style for homedashboard message board********/


.homeDashboard_msgBoard_container {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.homeDashboard_msgBoardIconImg {
    width: 64px;
    height: 64px;
    padding-right: 4px;
}
/***********************************Css for Ticket Dashboard********************************************************/
.ticket_contentWrap {
    margin-left: 0px;
    background: #fff;
    /*background: #f6f7fb;*/
    /*padding-right: 5px;*/
    /*padding-left:0px;*/
}

.dshboard_contentContainer {
    width: 98%;
    border-collapse: collapse;
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    border: none;
}

    .dshboard_contentContainer tr td {
        border: none !important;
    }

.svcCreate_accessUsrTable {
    padding-bottom: 5px;
    float: left;
    font-size: 12px;
}

.editTicket_fileUpload tr td {
    padding: 0px 15px !important;
    border: none !important;
}

.question_Title_Span {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 7px;
    font-family: 'Poppins', sans-serif;
}

.labelInfo-img {
    display: inline-block;
    width: 18px;
    margin-left: 6px;
}

/*********************************************CSS for SVC Dashboard****************************************/
.exportImport_btnsWrap {
    margin-top: 10px;
}

.svcDashboardContent_mainContainer {
    width: 100%;
    /*overflow: hidden;*/
    display: inline-block;
    /*background: #f6f7fb;*/
    background: #fff;
}

.svcDashboardContent_mainWrap {
    background-color: #fff;
    padding-bottom: 12px;
}

.svcContent_container {
    width: 100%;
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
}

.svcAddTicket_icon {
    display: inline-block;
    float: left;
    margin-top: 10px;
}

.svcModule_title {
    font-family: poppins;
    font-size: 12px;
    margin-top: 15px;
}

.svcDashboard_reportIcon {
    float: right;
    padding-left: 3px
}

.svcDashboard_btnWrap {
    float: none;
    display: inline-block;
}

.svcDashboard_exportIcon {
    float: right;
}

.svcDashboard_quickTicketBtn {
    background: #5DE9BF;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    width: auto;
    padding: 5px;
    margin-right: 10px;
    /*height: 38px;*/
}

.svcDashboard_addTicketBtn {
    background: #4A6EE2;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Poppins;
    font-size: 12px;
    text-align: left;
    width: auto;
    /*height: 38px;*/
    /*margin-left: 8px;*/
    padding: 5px 0px;
}

.svcDashboard_actionBtn {
    /*background: #EAEDF0;*/
    background: #fff;
    color: #4A6EE2 !important;
    border: 1px solid #ccd4e1;
    font-weight: 500;
    /*font-family: 'Poppins', sans-serif !important;*/
    font: 12px 'Poppins', sans-serif !important;
    /*font-size: 12px;*/
    text-align: left;
    width: 85px;
    margin-left: 8px;
    padding: 7px;
    border-radius: 4px;
}

.home-toggle-btn.svcDashboard_actionBtn {
    padding: 4px 7px 4px !important;
}

.svcDashboard_actionBtn div.dxb img.dx-vam {
    float: right;
    margin-top: 7px;
}

.svcDashboard_actionBtnWrap {
    display: inline-block;
}

.aspxDateEdit-dropDownWrap table {
    width: 95%;
}

.svcDashboard_dropdown {
    /*width: 30% !important;*/
    min-width: 150px;
    /*max-width: 245px;* comment when mobile view-> homeDb-dropDown alignment */
}

.priorityMedium {
    /*background: url(/Content/images/Medium_priority.png) no-repeat;
    height: 36px;
    background-size: 85px;*/
    background: #F0E4DD;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityMedium::before {
        content: "Medium";
        color: #FF9800;
        font-size: 12px;
        font-family: "Poppins",sans serif;
        font-weight: 700;
    }

.priorityHigh {
    /*background: url(/Content/images/High_priority.png) no-repeat;
    height: 36px;
    background-size: 80px;*/
    background: #F8D1D1;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
    /*width: 69px;*/
}

    .priorityHigh::before {
        content: "High";
        color: #D0021B;
        font-size: 12px;
        font-family: "Poppins",sans serif;
    }

.priorityLow {
    /*background: url("/Content/images/Low_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #EAEDF0;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityLow::before {
        content: "Low";
        color: #757e86;
        font-size: 12px;
        font-family: "Poppins",sans serif;
        font-weight: 700;
    }

.priorityCritical {
    /*background: url("/Content/images/Critical_priority.png") no-repeat;
    height: 36px;
    background-size: 75%;*/
    background: #E24A7A;
    border-radius: 4px;
    text-align: center;
    height: 27px;
    padding: 3px 5px 5px 5px;
}

    .priorityCritical::before {
        content: "Critical";
        color: #FFF;
        font-size: 12px;
        font-family: "Poppins",sans serif;
        font-weight: 600;
    }
/*****************css for grid view*********************************************/
.myticketinner2 {
    margin-left: 0px !important;
    width: 100% !important;
}

/*******************************Css for button view*********************************************/
/*.buttonview-container .dxpcLite_UGITNavyBlueDevEx {
    height: 110px !important;
    width: 225px !important;
    display: block !important;
    left: 2% !important;
    top: 9% !important;
}
.serviceitemlist-container .dxpc-contentWrapper{
    display:block !important;
    height:75px !important;
}
.serviceitemlist {
    overflow-y: visible !important;
}*/

/*******************************TSR bottleneck chart close icon issue***********************************/
.ui-icon-closethick {
    display: none !important;
}
/*******************CSS for Spiner on complete task**************************************/
.spiner_wrap {
    text-align: center;
}

.grid_spinnerIcon {
    margin-top: 13%;
    position: fixed;
    font-size: 47px;
    margin-left: 19%;
}

/*.service_dropDownWrap {
    margin-left: 0px;
}*/
/********************************CSS for service board button view popup************************************/
/*.serviceitem {
    border-bottom: 1px solid #C9C9C9;
    height: 20px;
    width: 100%;
    text-align: left;
}*/

.setTopauto {
    top: auto !important;
}

.serviceitemlist-container .serviceitem {
    padding: 6px 5px 23px 5px !important;
    width: 100%;
    border-bottom: 1px solid #ededed;
    text-align: left;
    background: #FFF;
}

    .serviceitemlist-container .serviceitem:hover {
        background: #eee;
    }

/*.SetTopAutoMainDiv {
    top: auto !important;
}*/
/***********************************CSS for grid (multiuser) Requested by colume****************************/
.RequestdByMultiUser_Table {
    margin: 0px;
}
/***********************************CSS Create ticket btn****************************/
.svcDashboard_addTicketBtn:hover {
    color: #fff !important;
}


/***********************************CSS for self registration***************************************************/
.applicationRegReq_status_btn:focus {
    background-color: #4a90e2 !important;
    border-color: #4a90e2 !important;
    color: #fff !important;
}

.applicationRegReq_status_btn {
    margin-top: 30px;
    background-color: #4a90e2;
    color: #FFF;
    /*margin-left: -12%*/
}

.applicationRegReq_statusbtn_wrap {
    float: none !important;
    text-align: center;
}

.applReg_statusTitle {
    text-align: center;
}

.applRegStatus_inputFeild {
    font-size: 14px;
    font-weight: 500;
}

.applReg_satusInputField {
    background-color: #ecf1f9 !important;
    border-color: #ecf1f9 !important;
}

.applReg_actionBtn_wrap {
    text-align: center;
    margin-top: 10px;
}

.applicationRegReq_reset_btn {
    background: #4A6EE2;
    color: #fff !important;
    font-family: "Poppins",sans serif;
}

.visualization-title {
    font-size: 60px;
    font-family: "Poppins",sans serif;
}

.svg-container {
    position: relative;
}

.legends-container {
    position: absolute;
    right: 0;
}
/***********************************CSS for SVC create ticket popup***************************************/
.svcDashboard_quickTicketBtn:hover {
    color: #fff;
}

.Popup_dialog {
    height: 100% !important;
}
/* */
/*.all-dropdown table td.dxgvDRTC {
    background: #ecf1f9;
    font-size: 15px;
}*/

.all-dropdown td.dxgvDRTC:hover {
    background: #c2edfb;
}

.vertical-carousel ul.vertical-carousel-list li.active {
    background-color: #4a90e2 !important;
}

.appMatrixTitle {
    background-color: #4a90e2 !important;
}

.applAccessReg_expandBtn, .applAccessReg_collapseBtn {
    background-color: #4a90e2 !important;
    background: none !important;
}

    .applAccessReg_expandBtn div {
        background: #F2F3F4 !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

    .applAccessReg_collapseBtn div {
        background: #fff !important;
        margin-top: 4px;
        font-size: 17px;
        color: #4a90e2 !important;
        font-weight: 700
    }

.divgrd-mobile {
    padding: 0px;
}

.applAccess_appTabPage .dxtc-content {
    padding: 0px;
}

.applAccess_content tr td .dxgvCSD {
    height: auto !important;
}

.applAccess_content tr td .dxgvHSDC {
    padding-right: 0px !important;
}

    .applAccess_content tr td .dxgvHSDC div {
        width: 585px !important;
    }
/*.divgrd-mobile{float:none;}*/
/******************************SVC Edit Ticket*******************************************************************/
.homeRightPanel_wrap {
    background-color: #F6F7FB !important;
}

/*.ticketTitle_wrap {
    margin-top: -10px;
}*/

.paddingNo {
    padding: 0px;
}





.homeRightPanel_wrap .dxpc-contentWrapper .dxpc-content {
    height: auto !important;
    width: 100% !important;
    background: #fff;
    padding: 0px;
    overflow: visible !important;
}
/*change for svc Dashboard y-scroll*/
.actionBtn_container {
    padding: 2px 5px 2px 0px
}

.edit_ticket_tabIcon {
    position: fixed;
    bottom: 0;
}

.edit_ticket_tabIcon {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px;
    padding-left: 0px;
    background: #fff !important;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
    margin-left: -12px;
}

    .edit_ticket_tabIcon .dxbButton_UGITNavyBlueDevEx div.dxb img {
        filter: brightness(0) invert(1);
    }

.field_isprivate {
    display: inline;
}
/*.isPopup{width:100% !important;}*/
.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-bottom: 15px;
}

.isPopup .homeDashboard_leftcontent_wrap {
    padding-bottom: 0px;
}

.isPopup.popup_wrap .homeDashboard_leftcontent_wrap {
    padding-left: 0px;
}
/****TSR dashbord extra height*/
.homeRightPanel_wrap .dxpc-contentWrapper {
    height: auto !important;
}


/*************************CSS for svc duplicate popup************************/
/*.svcDuplicate_popupTable tr, .svcDuplicate_popupTable tr td {
    background-color: #F6F7FB;
    border:none !important;
}*/

. /*duplicateSvc_popupTd {
    color: #4a90e2 !important;
    font-weight: 500 !important;
    /*margin-bottom: 5px;*/
/*font-size: 14px;
    text-align: left;
    background-color: #fff;
    display: block;
    width: 100% !important
}
.duplicateSvc_popupInputTd {
    display: block;
    width: 100% !important;
}
.duplicateSvc_popupInputTd .field_DesiredCompletionDate table tr td input.dxeEditAreaSys {
    background: transparent;
}
.duplicateSvc_popupTr td {
    background-color: #fff;
}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td {
    background-color: #ecf1f9;
}

.duplicateSvc_popupInputTd div table.dxeButtonEditSys {
    border: 1px solid #ccd4e1;
    border-radius: 2px;
}*/
/*******************************CSS for SVC edit summary tab*******************************/
.info-subtitle h3 {
    margin-top: 0px;
}

/******************************CSS for Batch editing popup*****************************/
/*.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 6px !important;
}
.duplicateSvc_popupInputTd .field_Title table tr td.tc2class .field_Title_edit tr td input {
    background: #ecf1f9;
}
.duplicateSvc_popupInputTd .field_description table tr td.tc2class textarea {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 60px;
}
.field_Title_edit{border:none;}
.duplicateSvc_popupInputTd{height:auto !important;}
.duplicateSvc_popupInputTd div table.dxeButtonEditSys td input { background: #ecf1f9;}*/

/*email popup TSR action*/
/*.ms-formtable.email-table .ms-formbody {
    background: none;
}

.ms-formtable.email-table > tbody > tr > td > input[type="text"] {
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
}

.email-table .ms-formlabel h3.ms-standardheader {
    font-weight: normal;
    font-size: 14px;
    color: #4A90E2;
    text-align: left;
}*/

/*.nonSvcEmail_fieldInput {
    border-top: none !important;
}*/

/*.nonSvcEmail_btnWrap {
    padding-top: 10px;
    text-align: center;
}

.nonSvc_emailSendBtn {
    float: none !important;
    background: #4A6EE2 !important;
    border-radius: 4px;
    padding: 9px 30px 5px 30px;
    font-size: 14px;
}

.nonSvc_emailCancelBtn {
    float: none !important;
    background: none !important;
    color: red;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}*/


/*Quick close popup*/
.quick-close-pop .ms-formlabel {
    width: 100%;
    text-align: left;
}

.quick-close-pop {
    padding: 0px 15px;
}

    .quick-close-pop .ms-formlabel h3 {
        font-weight: normal;
        font-size: 16px;
        color: #4A90E2;
        text-align: left;
        margin: 10px 0px;
    }

    .quick-close-pop .ms-formbody {
        background: none;
    }

        .quick-close-pop .ms-formbody input[type="text"], .quick-close-pop .ms-formbody select {
            width: 100% !important;
            background: #ecf1f9;
            border: 1px solid #ccd4e1;
            border-radius: 4px;
            height: 35px;
        }

    .quick-close-pop .ms-formbody {
        border: none
    }
/*********************************************CSS for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}
.homeDashboard_leftSideMenu_contentWrap.dashboardLeft_menuIcon.dxpnl-expanded ~ #ctl00_ctl00_MainContent_customTopMenu_ASPxPanel1 {
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
}*/
/*********************************************CSS  for batch edit popup*********************************/
/*.duplicateSvc_popupTd {
    height: auto !important;
}

.duplicateSvc_popupInputTd .field_Title table tr td span .field_Title_edit, .duplicateSvc_popupInputTd .field_Status input {
    margin-bottom: 10px;
}

.duplicateSvc_popupInputTd div table tr td span input {
    margin-bottom: 10px;
}*/

/***********************************************CSS for Batch create popup**********************************/
/*.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*/

/****************************************************CSS for svc edit action button dropdown****************/
.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.editTicket-actionMenu {
    background-color: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    padding: 0px 3px;
    border-bottom: 1px solid #ccd4e1;
}

.actionSvcBtn_wrap .dxmLite_UGITNavyBlueDevEx .dxm-popup .dxm-item.dxm-hovered {
    border: none !important;
    background: #EBEDF2 !important;
    color: #4A6EE2 !important;
}

/*********************************************CSS for action button PrintPopup*******************************/
/*.printPopup_title {
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

    .printPopup_title b {
        font-weight: 500 !important;
    }*/

.secondary-linkBtn {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}

.printPopup_container {
    display: block;
}

.printPopup_tdWrap {
    text-align: center;
    display: block;
    width: 100%;
}

.printPopup_Wrap {
    text-align: center;
    float: none !important;
}

.printPopup_listWrap {
    display: block;
    text-align: right;
}

    .printPopup_listWrap li {
        display: inline-block;
        list-style-type: none;
    }

a.primary-linkBtn {
    color: #fff;
    background-color: #4A6EE2;
    padding: 5px 14px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.printPopup_table {
    width: 100%;
}

.printPopup_cancel {
    color: #4A6EE2;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 4px 14px;
}
/****************************CSS for Save As template popup*************/
/*.saveAsTemp_fieldName {
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
}*/

/*.saveAsTemp_fieldInput input, .saveAsTemp_fieldSelect select {
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/
/*.saveAsTemp-popupContainer{
    background:#fff;
}*/
/*.saveAsTemp_fieldInput input:hover {
    border: 1px solid #ccd4e1;
}*/

.saveAsTemplate_msg {
    color: #4a90e2;
    font-size: 14px;
    margin-top: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

/*.saveAsTemplate_grid tr td div.dxgvCSD {
    height: auto !important;
}*/

/*.saveAsTemplate_saveBtnWrap {
    text-align: center;
}

.saveAsTemplate_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    padding: 5px 18px;
    border: none;
    margin-top: 22px;
    font: 14px 'Poppins', sans-serif !important;
}*/

.dashboard_leftSideMenuExpand {
    transition: 0.5s all ease;
}


/****agent drop down alignment***********************/
.waitOnmeClass .dxmLite_UGITNavyBlueDevEx.dxm-ltr {
    position: relative;
}

.waitOnmeClass {
    padding: 0px;
}
/*.actionBtn_agentOption_dropDownWrap {
    left: -95px !important;
    top: 40px !important;
    z-index: 9999;
}*/
.ddlActionMenu .dxm-subMenu .dxm-popOut.fa.fa-angle-right::before {
    content: "";
}

.ddlActionMenu .agent_dropDownIcon.fa.fa-angle-right::before {
    content: "";
}

.employee-name {
    position: relative;
    padding: 0px 0px 15px;
}

    .employee-name .errormsg-container {
        float: left;
        width: 99%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
/***********************************************CSS for Batch create popup
.batchCreate_popup {
    text-align: center;
}

.batchCreate_btnWrap {
    background: #4a90e2 !important;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 16px;
}

    .batchCreate_btnWrap .dxb {
        background: none !important;
    }*********************/



/**************************SVC Edit copy link to clipboard Popup*********************/
/*.dropDown_Title {
    display: block;
    /*width: 50%;
}

    .dropDown_Title span {
        color: #4a90e2;
        font-size: 14px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500;
    }*/

/*.svcClipBoard_popupDropDown {
    display: block;
    padding: 7px 3px 8px 4px !important;
    width: 100%;
    padding: 5px;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}*/

.ITSM-textarea {
    margin-top: 10px;
    color: #4a90e2;
    font: 12px 'Poppins', sans-serif !important;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    text-align: left;
    height: 50px;
}

.svcClipBoard_btn li {
    list-style-type: none;
}

.svcClipBoard_btnContainer {
    text-align: center;
}

/*.svcClipBoard_btn li .dxbButton_UGITNavyBlueDevEx.dxbButtonSys {
    background: none !important;
}*/

/*.svcClipBoard_btn li .dxbButtonSys .dxb {
    background: none !important;
    color: red !important;
    font-size: 14px;
    font-weight: 500;
}*/



/**************************CSS for Action button->Batch Edit Popup ****************************************/
.saveASDraftBtn {
    background: none !important;
}

    .saveASDraftBtn .dxb {
        padding: 7px 10px !important;
        background: #4A6EE2 !important;
        border-radius: 4px;
        font-size: 14px;
    }

/************************CSS for SVC Edit-> New task popup***********************/
.svcEditTask_fieldLable {
    font-size: 12px;
    display: block;
}

.svcEditTask_dueDateLable, .svcEditTask_commentLable {
    color: #4a90e2;
    font-size: 14px;
}

/********************CSS for home-dashboard user profile dropdown*******************/
.popup-menuLog-inuser-outer {
    width: 220px !important;
    top: 8px !important;
}

/****CSS for Non SVC Create ******/
.nonsvcCreate_linkReltdTitle_btn {
    background: #4A6EE2 !important;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 20px;
}

    .nonsvcCreate_linkReltdTitle_btn .dxb {
        background: none !important;
    }

/***********************CSS for NPR  Create ticket**************/
/*.chooseDepartment_list {
    margin-left: 10px;
}*/

.choosenDepartment_label b {
    color: #4A6EE2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.dxeBase_UGITNavyBlueDevEx.chooseDepartment_lable {
    color: #4A6EE2;
    font-size: 12px !important;
    margin-bottom: 5px;
    font: 12px 'Poppins', sans-serif;
    font-family: 'Poppins', sans-serif !important
}

.choosenDepartment_textBox {
    border: 1px solid;
    float: none;
    height: 200px;
    overflow-y: auto;
    width: auto;
    background: #fff;
    margin: 10px 10px 10px 7px;
}

.nprprimBenifi_choosenDepartment {
    width: auto !important;
}

.nprprimBenifi_chooseDepartment {
    display: block;
    width: auto;
}

.optionBtn_wrap {
    /*margin: 0px 5px;*/
    /*width: auto;*/
    width: 140px;
    margin-top: 25px;
}

.optionBtn_addLogo {
    text-align: unset;
}

    .optionBtn_addLogo input {
        margin-bottom: 20px;
        width: 50%;
        text-align: center;
        float: none;
        background: #4A6EE2 !important;
        font-size: 12px;
    }

.choosenDepartment_label b {
    color: #4a90e2;
    font-weight: 500 !important;
    margin-left: 10px;
}

.nprDropDown_actionBtnWrap {
    text-align: right;
    margin-bottom: 7px;
}

/*.actionResetBtn, .actionDoneBtn {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #fff;
}*/

/*.actionResetBtn .dxb, .actionDoneBtn .dxb {
        background: none !important;
    }*/

/**********************CSS for NPR Schedule tab *****************/
.nprschedule_saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 30%;
}

    .nprschedule_saveBtn .dxb {
        background: none !important;
    }

.nprScheduleFooter_wrap {
    text-align: center !important;
}

.nprschedule_cancelBtn {
    margin-left: 30% !important;
    background: none !important;
}

    .nprschedule_cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }
/*********NPR Edit planning tab***************/
.nprPlanning_title {
    color: #4a6ee2;
    font-size: 14px !important;
    border: none;
    font-family: 'Poppins', sans-serif;
}

.nprPlanning_linkLable {
    color: #4A6EE2 !important;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px;
    font-family: 'Poppins', sans-serif;
    float: right;
}

.nprPlanningGrid_btn {
    background: none !important;
}

    .nprPlanningGrid_btn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        padding: 0px 9px 3px 9px !important;
    }
/************css for NPR EDit Resource Sheet tab*****/
.nprResouceTab_btnWrap {
    float: none;
    padding-top: 5px;
    text-align: center;
    margin-top: 18px;
}

.nprResouceTab_btn {
    padding: 7px 13px 9px;
    cursor: pointer;
    background: #4a6ee2 !important;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

    .nprResouceTab_btn b {
        font-weight: 500 !important;
    }
/*******CSS for PMM Edit Status tab *****/
.pmmEdit_statusTab_gridCheckbox {
    position: absolute;
    right: 15px;
    padding-top: 5px;
}

.relatedTitleButtonClass {
    display: none !important;
}

    .relatedTitleButtonClass.showrelatedTitleButtonClass {
        display: inline-block !important;
    }

.btn-count-no {
    position: relative;
    display: inline-block;
}

    .btn-count-no .result {
        display: inline-block;
        margin: 10px 0px;
        position: relative;
        padding-left: 20px;
    }

    .btn-count-no .badge.badge-light {
        position: absolute;
        display: inline-block;
        width: 25px;
        background: red;
        top: -25px;
        left: -20px;
        padding: 5px;
        font-size: 12px;
        border-radius: 50%;
        height: 25px;
        line-height: 1.2;
        font-weight: 400;
    }

.linkRelatedTicket_msg {
    color: #45B493;
    font-size: 14px;
    font-weight: 500;
}
/*.dxbButtonHover_UGITNavyBlueDevEx {
    background:none !important;
}*/
.dxbButton_UGITNavyBlueDevEx.showrelatedTitleButtonClass {
    background: none !important;
    border: none;
    margin-bottom: 10px;
    margin-left: -15px;
}

.AccSave_btnWrap div.dxb {
    padding: 3px 9px 3px 12px !important;
    background-color: #4a6ee2 !important;
    color: #FFF !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 4px;
}

.AccCancel_btnWrap {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .AccCancel_btnWrap .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.pmmStatus_btnWrap {
    text-align: center;
}
/*************************CSs For PMM Scrum Tab***********/
.pmmScrum_addBtn {
    background: #4a6ee2 !important;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px 5px 10px;
    float: left;
    margin-left: 5px;
}

.pmmScrum_deleteBtn {
    background: red !important;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 5px 6px 5px;
    margin-left: 5px;
    float: left;
    color: #fff !important;
}

.pmmScrum_addIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 11px;
}

.pmmScrum_deleteIcon {
    border: none;
    filter: brightness(0) invert(1);
    width: 13px;
}

.pmmScrum_sprintBtnWrap {
    float: right;
    margin-top: -20px;
    left: 664px;
    margin-bottom: 10px;
}

.pmmScrum_releasesBtnWrap {
    float: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

.PmmScrum_btnContainer {
    float: right;
    margin-top: -8px;
    padding-top: 2px;
}
/*****CSS for PMM-> Edit status tab ***************/
.accomp-popup input[type="text"], .accomp-popup select {
    font-family: 'Poppins', sans-serif;
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
    padding: 0 7px;
}

.accomp_inputFieldReplica input[type="text"] {
    height: 11px !important;
}

.dxeBase_UGITNavyBlueDevEx.ms-standardheader {
    font-family: 'Poppins', sans-serif !important;
}

.ms-standardheader {
    text-align: left !important;
    font-weight: normal;
    font-size: 13px !important;
    color: #4A6EE2;
    margin-left: 8px;
    font-family: 'Poppins', sans-serif !important;
}

.ms-formlabel {
    white-space: nowrap;
    font-weight: normal;
}

.accomp_inputField {
    background: none !important;
    border: none !important;
    padding: 3px 6px 4px;
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.accom_completedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.accomp-popup textarea {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 45px;
    padding-right: 5px;
    width: 100%;
    font-size: 12px;
}

.accom_completedDate td {
    background: #ecf1f9;
}

.pmmStatus_editIcon {
    display: inline-block;
    float: left;
    margin-right: 8px;
}

.status_editIcon {
    width: 20px;
}

.pmmStatus_lable {
    display: inline-block;
    color: #4b4b4b;
    font-size: 12px;
    float: left;
}

.pmmStatus_summaryHistory {
    display: inline-block;
}

.btprojectsummaryhistory {
    float: left;
    width: 14px;
    margin-top: 2px;
}

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

.AccSave_btnWrap {
    background: none !important;
}

    .AccSave_btnWrap .dxb {
    }

        .AccSave_btnWrap .dxb img {
            filter: brightness(0) invert(1);
            width: 12px;
        }

/*.pmmStatusAcc_editIcon {
    width: 18px;
}*/
.pmmStatus_lable b {
    font-weight: 600;
}

.pmmStaus_actIcon {
    width: 6%;
}

.status_moveToLink {
    width: 20px !important;
    height: 20px !important;
}

.status_moveToIcon {
    width: 18px;
}

.scoreheading {
    color: #4a6ee2;
    font-size: 14px;
    /*font-weight: 600 !important;*/
    padding-right: 5px;
    font-family: 'Poppins', sans-serif;
}

.pmmStatus_projectSatgeTitle {
    padding: 10px 7px 10px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
    /*font-weight: 600 !important;*/
}

/*span.editPmm_statusTab_gridCheckbox {
    color: #4A90E2;
    font-size: 12px;
    font-weight: 600 !important;
    padding-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

    span.editPmm_statusTab_gridCheckbox input[type=checkbox] {
        margin: 0px 5px 0px;
        width: 20px;
        height: 15px;
    }*/

/*.pmmStatus_selectField {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 5px 7px;
    border-radius: 4px;
}*/

.mainblock {
    margin-bottom: 12px;
    background: #fff;
    /*padding: 10px;*/
    border-radius: 4px;
}

.popupLink-wrap {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    margin-left: 15px;
}

.popupLink {
    font-size: 14px;
    font-weight: 400;
    color: #4a6ee2 !important;
    font-family: 'Poppins', sans-serif;
}

    .popupLink:hover {
        color: #4A90E2;
    }

.pmmStatus_plannedDate {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .pmmStatus_plannedDate td {
        background: #ecf1f9;
        border: none;
    }

.showrelatedTitleButtonClass .dxb {
    background: #4A6EE2 !important;
    border-radius: 4px;
    color: #ffF;
    padding: 4px 14px !important;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.relatedLink_newMsg {
    color: #4A6EE2;
}

.pmmStatus_moveToPlannedBtn {
    display: -webkit-inline-box;
    text-align: center;
}

.pmmStatus_archivBtn {
    background: none;
}

    .pmmStatus_archivBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
    }

.pmmStatus_moveToPlannedBtn {
    background: none;
}

    .pmmStatus_moveToPlannedBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        padding: 2px 10px;
    }

.statusNewIssue_assignedField .close_arrow_edit {
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 10px !important;
}

.statusIsuue_dateFeild {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .statusIsuue_dateFeild td {
        background: #ecf1f9;
    }

.pmmIssues_btnWrap {
    text-align: center;
}

.pmmIssues_btnSave {
    display: block;
    background: none;
    text-align: center;
}

    .pmmIssues_btnSave .dxb {
        display: -webkit-inline-box !important;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
    }

.pmmIssues_btnCancel {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .pmmIssues_btnCancel .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 500;
    }

.addFile_link {
    font-size: 14px;
    font-weight: 600;
    color: #4A90E2;
    margin-left: 5px;
}

    .addFile_link a:hover {
        color: #4A90E2;
    }

.editIssue_Btn {
    background: none !important;
}

    .editIssue_Btn .dxb {
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

    .editIssue_Btn img {
        width: 18px;
        filter: brightness(0) invert(1);
    }

.issueBtn_conatiner {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.issueBtn_rightBtn, .issueBtn_leftBtn {
    display: inline-block;
}
/*************PMM->project lifecycle Edit popup******************/
.btn-custom {
    padding: 7px 12px 7px 15px !important;
    background-color: #4a6ee2;
    color: #FFF;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 5px;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

    .btn-custom.btn-cancel {
        background: none;
        color: #e24a7a;
    }

.ico-action {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

.ms-header {
    margin: 0px;
    text-align: left;
    font-size: 15px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    font-weight: normal;
}



/*.proj-life-cycle-pmm, .proj-life-cycle-pmm tbody, .proj-life-cycle-pmm tbody tr, .proj-life-cycle-pmm tbody tr td {
    display: block;
    width: 100%;
    margin: 5px 0px;
}

    .proj-life-cycle-pmm tbody tr td select {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        padding: 7px;
        border-radius: 4px;
        font-size: 14px;
    }*/

.markascomplete-action-new {
    height: 20px;
    width: 20px;
}

/*********************CSS for add budget item popup*******/
.budget_fieldLabel {
    float: none !important;
    margin-bottom: 3px;
    font-size: 12px;
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif !important;
}

.budget_amountFeild table {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .budget_amountFeild table tr td div.dxeButton {
        background: #ecf1f9;
    }

.budget_textareaField {
    width: 100%;
}

/*.budgetBtn_wrap {
    text-align: center;
    display: block;
}*/

.budget_btnSave {
    display: -webkit-inline-box;
    background: none !important;
}

    .budget_btnSave .dxb {
        display: block !important;
        background: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 600;
        border-radius: 4px;
    }

        .budget_btnSave .dxb img {
            width: 17px;
            filter: brightness(0) invert(1);
        }

.budget_btnCancel {
    display: block !important;
    background: none !important;
    margin-top: 10px;
    width: 100% !important;
}

    .budget_btnCancel .dxb {
        display: -webkit-inline-box !important;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.budget_inputField table {
    width: 100%;
}
/****************************NPR EDIT -> planning tab -> Add new resources popup ************/
.newResouces_budgetItem {
    display: inline-block;
}

.newResouces_budgetItemWrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.newResource_inputField table {
    max-width: 100% !important;
    min-width: 100% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_inputField table tr td {
        background: #fff;
    }

.noSidePadding {
    padding: 0px;
}

.newResource_dateField {
    width: 100%;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .newResource_dateField tr td {
        background: #FFF !important;
        border-radius: 4px;
    }

.addResource_title {
    color: #4A90E2;
    font-size: 14px !important;
}

.addResouce_noteField {
    width: 100%;
}

.addResouce_btnWrap {
    text-align: center;
}

.addResource_saveBtn {
    display: -webkit-inline-box !important;
    background: none !important;
}

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
}

.addResource_saveBtn .dxb {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
}

    .addResource_saveBtn .dxb img {
        width: 15px;
        filter: brightness(0) invert(1)
    }

.addResource_cancelBtn {
    display: block !important;
    background: none !important;
    width: 100% !important;
}

    .addResource_cancelBtn .dxb {
        display: -webkit-inline-box;
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

/**********************CSS for PMM Edit -> Add new Sprint popup*****************/
.pmmSprint_popupContainer .dxpc-header {
    background: #f0f0f0 !important;
    color: #000 !important;
    font-size: 14px;
    border: none;
}

.pmmSprint_popupContainer .dxpc-contentWrapper {
    display: block !important;
    height: 100% !important;
}

    .pmmSprint_popupContainer .dxpc-contentWrapper .dxpc-content {
        display: block !important;
        padding-top: 10px !important;
    }

.pmmsprint_saveBtn {
    background: #4a6ee2 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    padding: 7px 10px;
    cursor: pointer;
    display: block;
    margin: 1px;
}

.pmmSprint_btnWrap {
    text-align: center;
    margin-top: 10px;
}

.pmmsprint_btnLink {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmsprint_saveBtn b {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.pmmsprint_saveBtn i img {
    width: 15px;
    filter: brightness(0) invert(1);
}

.pmmtextarea_inputField {
    width: 100%;
}

.pmmproduct_popupBtnWrap {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pmmScrum_popupCancelBtn {
    background: none !important;
    display: block !important;
    width: 100% !important;
}

    .pmmScrum_popupCancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
        display: block !important;
    }

.pmmProduct_btnLink {
    margin-top: 5px;
    text-align: center;
    display: -webkit-inline-box;
}

.pmmAssignTo_dropDown table {
    max-width: 100% !important;
    width: 100%;
    height: 38px;
}

.deleteBtn_link {
    float: none;
    display: -webkit-inline-box;
    border-radius: 4px;
    background: red;
    padding: 8px 9px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.deleteBtn b {
    font-weight: 500;
}

.deleteBtn i img {
    filter: brightness(0) invert(1);
}

.pmmScrum_attachmentWrap {
    width: 100% !important;
}

.colXs {
    width: 49%;
    display: inline-block;
    padding-right: 5px;
}

.scrumCancel_Btn {
    background: none !important;
    color: red !important;
    font-size: 14px;
}

/*.sprintDuration_inputField {
    font-family: verdana;
    width: 49% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
}*/
/******************CSS for ITSM BUG fixes *****************************/
.markascomplete_actionWrap {
    float: left !important;
    right: 0 !important;
}

.homeGrid_ageWrap {
    width: 100%;
}

/***css for home grid ****/
.homeGrid {
    border: none;
    margin-top: 10px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

    .homeGrid table {
        font-size: 12px !important;
        font-family: 'Poppins', sans-serif !important;
        empty-cells: show;
        color: #4b4b4b !important;
        border-collapse: separate !important;
        /*min-height: 100% !important; comment while solving grid search filter issue*** */
    }

.homeGrid_headerColumn {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
}

    .homeGrid_headerColumn table {
        color: #9C9FB1;
    }

        .homeGrid_headerColumn table td {
            /*text-align: left !important;*/
            /*color: #9C9FB1 !important;*/
            /*color: #7a7979 !important;*/
            color: #4b4b4b;
            font-weight: 600 !important;
        }

.homeGrid_dataRow {
    background-color: #FFF !important;
    background: #fff;
}

    .homeGrid_dataRow td.dxgvIndentCell.dxgv {
        background: #FFF !important;
    }

    .dxgvDataRow_UGITNavyBlueDevEx td.dxgv {
        font-size: 12px;
        font-weight: 500;
        color: #4b4b4b;
        font-family: 'Poppins', sans-serif;
    }

    .dxeButtonEdit_UGITNavyBlueDevEx {
        border-color: #ccd4e1;
        border-radius: 4px;
    }

    label {
        margin-left: 5px;
    }

    input[type="checkbox"], input[type="radio"] {
        margin-top: 0 !important;
    }

.homeGrid_openBTn, .homeGrid_closeBTn {
    background: none !important;
    font: 12px 'Poppins', sans-serif !important;
    border: none;
    box-shadow: none;
    width: 16px !important;
}

    .homeGrid_openBTn .dxb, .homeGrid_closeBTn .dxb {
        background: #fff !important;
        color: #737373 !important;
        font-size: 14px;
        font-weight: bold;
        padding: 0px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    margin-bottom: 4px;
    padding: 4px 7px;
    float: left;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 4px;
}

    .dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown:active {
        box-shadow: none;
    }

.homeGrid_dropDown tr td.dxic input[type="text"] {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

@media only screen and (max-width: 600px) {
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}


/******************************************CRM CSS changes *************************************************************/

.crm_dashboard.svcDashboardContent_mainContainer {
    overflow: auto;
    padding-bottom: 120px;
}

.CRMstatus_gridContainer {
    width: 100%;
}

.CRMstatusGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .CRMstatusGrid_row > td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        /*padding-left: 20px !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        /*font: 12px 'Poppins', sans-serif !important;*/
        /*max-width: 50px;*/
        padding: 5px 10px 6px;
        word-break: break-word;
    }

    .CRMstatusGrid_headerRow {
        border: none;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        padding: 10px 11px;
    }

    .CRMstatusGrid_headerRow table tr td {
        /*text-align: left !important;*/
        /*font-size: 14px !important;*/
        color: #4b4b4b;
        font-weight: 600 !important;
    }

.CrmLink_lable {
    color: #4A90E2;
    font-size: 12px;
}

.crmLink_wrap {
    margin-top: 15px;
}

#aspnetForm {
    height: 100%;
    background: #fff;
}

.homeRightPanel_wrap .addComment_popUp .dxpc-content {
    /*display: block !important;
    height:170px !important;
    max-height: 170px !important;
    overflow-y: auto !important;*/
    overflow: -webkit-paged-y !important;
}

.crmAddComment_popup {
    position: absolute;
    height: 100% !important;
    width: 100%;
}

.CRMlead_deleteIcon {
    width: 15px;
}

.CRMmarkascomplete-action-new img {
    width: 16px;
}

.CRMmarkascomplete-action img {
    width: 14px;
}

.crmLead_taskTitle {
    font-size: 12px;
}

.leadTask_grid {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.tabcontent11 {
    padding-bottom: 40px;
}
/*#tabPanelContainer_1, #tabPanelContainer_2 {
    padding-bottom: 60px;
}*/
.CRMmarkascomplete-action {
    width: 16px;
}

.crmEditTask_addNewBtn {
    background: #4A6EE2;
    border-radius: 4px;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    color: #fff;
}

.crmEditTask_lblMessage {
    border: none !important;
    color: #545454;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.CRMDueDate_inputField {
    /*background: #ecf1f9;*/
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
    width: 100% !important;
}

    .CRMDueDate_inputField tr td {
        /*background: #ecf1f9 !important;*/
        background: #fff !important;
        border-radius: 4px;
        padding: 4px 8px 4px 4px !important;
    }

        .CRMDueDate_inputField tr td.dxic input[type="text"] {
            height: 28px !important;
            /*background: #ecf1f9;*/
            background: #fff;
        }

.CRMBTnWrap {
    text-align: center;
    /*margin: 15px 0px 15px 0px; change while changing lead->new task popup*/
    margin: 15px 0px 0px 0px;
    position: fixed;
    bottom: 15px;
    padding: 0px;
    width: 93%;
}

.CRMSavenNotify_btn, .CRMSave_btn {
    background: #4A6EE2;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 5px
}

.CRMCancel_btn {
    background: none;
    border: none;
    color: red;
    font-size: 12px;
    font-weight: 600;
}

/*.crmDropDown_field table {
    max-width: 100% !important;
    padding: 0px !important;
    padding-right: 2px !important;
    background: #f8fafc !important;
}*/

.crmActivity_inputField {
    width: 100%;
}

.deleteSaveBtn_wrap {
    text-align: center;
    margin-top: 15px;
}

.activitySave_btnWrap, .activityDelete_btnWrap {
    display: inline-block;
    margin-top: 15px;
}

.activitySave_btn {
    background: #4A6EE2;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
}

.activityDelete_btn {
    color: #4a6ee2;
    border: 1px solid #4a6ee2;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.CancelBtn_wrap {
    text-align: center;
    margin-top: 10px;
    /*margin-bottom: 10px; comment while removing scroll for cpr->add checklist task popup*/
}

.activityCancel_btn {
    font-size: 14px;
    font-weight: 500;
    color: red;
}

.crmActivity_markAsComplete img {
    width: 16px;
}

.crmActivity_editBtn {
    padding-bottom: 0px !important;
    width: 16px;
    /*float: right;*/
    margin-left: 2px;
}

.homeGrid_dropDown tr td input, .homeGrid_dropDown tr td {
    background: #fff !important;
    padding: 0px !important;
}

.dxeButtonEditButton_UGITNavyBlueDevEx.dxeButtonEditButtonHover_UGITNavyBlueDevEx {
    border-color: transparent;
}

.dxgvDetailRow_DevEx.dxgvADR .dxgvADCC {
    color: #201f35 !important;
}

.CrmPopup_tableNoPadding {
    padding: 0px;
    /*overflow-y: -webkit-paged-x;*/
}

.colForXS {
    width: 49%;
    padding: 0px;
    display: inline-block;
    float: left;
}

.popupBtn_delete {
    display: inline-block;
    margin-bottom: -10px;
}

.popupBtn_save {
    display: inline-block;
    margin-bottom: -10px;
}


.popupBtn_Cancel {
    display: block;
    margin-top: 7px; /*add for find resource popup cancel button*/
}

.popupBtnWrap {
    margin-top: 15px;
    text-align: right;
    margin-bottom: 10px;
}

.btnSave {
    background: #4A6EE2;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    padding: 6px 21px 5px;
    font-weight: 500;
    color: #fff;
    float: left;
    cursor: pointer;
}

    .btnSave:hover {
        color: #fff;
    }

    .btnSave b, .cancelBtn b {
        font-weight: 500;
    }

.email-popupContainer {
    padding: 0px !important;
    background: #FFF;
}

.cancelBtn {
    background: none;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px 12px;
}

    .cancelBtn:hover {
        color: #4A6EE2;
    }

.addComLink span {
    font: 12px 'Poppins', sans-serif !important;
    color: #4A90E2;
}

.addComLink img {
    width: 17px;
}

.saveDelete_btnWrap {
    margin-top: 10px;
    text-align: center;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px;
}

.scheduleImg {
    width: 17px;
    /*margin-top: 3px;
    margin-right: 3px;*/
}

.CRMstatusGrid_footerRow {
    background: #fff;
}

    .CRMstatusGrid_footerRow td {
        text-align: left !important
    }
/*****CSS for grid filter******/
.FilterFooter_btnWrap .dxpc-footerContent {
    background-color: #fff;
    text-align: center;
}

.Filter_okBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
}

    .Filter_okBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

.Filter_cancelBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
}

    .Filter_cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 14px;
        font-weight: 500;
    }

.homeGrid tr td div div.dxpcLite_UGITNavyBlueDevEx.dxpclW div.dxpc-mainDiv.dxpc-hf {
    border: 1px solid #c5c5c5 !important;
}

.field_box .field_requesttypelookup_edit, .field_requesttypelookup_edit {
    min-width: 100% !important;
}

.loader_noMargin {
    margin-bottom: 0px;
}

.ticket_container.new-ticket-table tr.lastSectionWrap {
    margin-bottom: 0px !important;
}

.div-vieweditcontainer, .spancontainerdesc {
    margin-bottom: 0px !important;
}
/*.tabContainer.field_heading .ticket_container.new-ticket-table{
    margin-bottom:100px;
}*/
/******************css for award btn (footer sticky buttons)*************/
.footer_actAwardBtn {
    color: white;
    background: #4a6ee2 !important;
    border-radius: 4px;
    padding: 4px 20px 4px 20px !important;
    font: 14px 'Poppins', sans-serif !important;
}

.footer_actStatusBtn {
    color: white;
    background: #4a6ee2 !important;
    border-radius: 4px;
    padding: 5px 20px 5px 30px !important;
    font: 14px 'Poppins', sans-serif !important;
    background-image: url(/Content/Images/status.png) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    top: 10px;
    background-position: 7px 7px !important;
}

/*************CSS For CRM Summary tab********************/
.summaryTab_container {
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}

.cprSummary_labelWrap {
    font-size: 14px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    background: #FFF;
    padding: 5px 5px 0px 5px;
}

.cprSummary_valueWrap {
    font-size: 12px;
    color: #000;
    font-family: 'Poppins', sans-serif !important;
    background: #FFF;
    padding: 0px 5px 10px 5px;
    word-break: break-all;
}

.summaryCPRdb_title {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
}

.summaryCPRdb_header {
    width: 100%;
    text-align: left;
    /*background-color: #f2f3f4;*/
    background-color: #D0D8E2;
    height: 22px;
    vertical-align: middle;
    padding-top: 1px;
    color: #9C9FB1 !important;
    padding-left: 18px;
}

.summaryCPRdb_gridView {
    width: 100%;
    border: none;
    font: 12px 'Poppins', sans-serif;
}

.summaryCPRdb_gridView_dataRow {
    background: #fff;
}

    .summaryCPRdb_gridView_dataRow td {
        text-align: left !important;
        font-size: 12px;
        padding: 5px 18px !important;
        font-weight: 500;
        color: #000;
        border-bottom: 5px solid #f6f7fb !important;
        /*border-right: none !important;*/
    }

.summaryCPRdb_tableWrap {
    width: 100%;
    box-shadow: 0px 0px 6px #aaaaaa;
}

.taskManSummary_dataRow {
    text-align: left !important;
    font-size: 12px;
    padding: 0px 10px !important;
    font-weight: 500;
    color: #000;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    background: #fff;
}

.tasktoolbar .border {
    background-color: #fff;
    border: 1px solid #B8B8B8;
    padding: 3px 15px;
    border-radius: 4px
}

.tasktoolbar div img,
.tasktoolbar div input {
    float: left;
    cursor: pointer;
    margin: 3px 3px 0px 3px;
    width: 17px;
}

.scheduleTab_deleteIcon {
    width: 16px !important;
}

.widthSmall {
    width: 33.33%;
}

.widthMid {
    width: 66.66%;
}

.widthFull {
    width: 100%;
}

.projectTeam_linkWrap {
    margin-top: 15px;
}
/*.tabContainer.field_heading table tr td>iframe{
    height:75vh;
}*/
.adjustableWidth {
    width: 49% !important;
    padding-left: 18px;
}

.taskSummary_lable {
    border-right: 1px solid #d9dae0;
    padding: 5px 0px;
    margin-left: 8px;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys:hover::before {
    display: none;
}

.dxbButton_CustomMaterial.homeGrid_openBTn.dxgvADSB.dxbButtonSys.dxbTSys::before {
    display: none;
}
/***************************CSS for Dashboard global filter***************/
/*.searchFilter_container {
    margin-top: 10px;
}*/
.selectTo_container, .selectFrom_container {
    display: inline-block;
    float: left;
}

.selectFromTo_label {
    padding-top: 4px;
    float: left;
    font-weight: 500;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    margin: 0px 2px;
}

.selectFromTo_field {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 125px;
}

    .selectFromTo_field .inputTextBox.datetimectr111 img {
        width: 18px;
    }

.selectFromTo_inputBox {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 125px;
}

    .selectFromTo_inputBox tr td, .selectFromTo_inputBox tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

.searchFilter_searchWrap {
    position: relative;
    padding-top: 1px;
    display: inline-block;
}

.WaterMarkClass {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    margin-left: 3px;
    height: 26px;
}

    .WaterMarkClass tr td, .WaterMarkClass tr td.dxic input[type="text"] {
        background: #FFF;
        padding: 3px;
        height: 15px;
    }

.homeDb_filterImg {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
    width: 18px;
}

.FromTo_container, .searchFilter {
    display: inline-block;
    float: left;
}

.filterImg_wrap {
    display: inline-block;
    float: left;
}

.SaveButton_crmTask {
    background: #4a6ee2;
    border-radius: 4px;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    /*float: left;*/
}

.cancelButton_crmTask {
    background: none;
    color: red;
    /*float: left;*/
    cursor: pointer;
}
/*#peAssignedToLookupSearchValue tr td input{
    height:10px !important;
}*/
.popupSectionWrap {
    margin-bottom: 60px;
}

.popupBtn_find {
    text-align: center;
    margin-bottom: 10px;
}

.findResource_findBtn, .addchkList_btn {
    background: #4a6ee2;
    border-radius: 4px;
    font-size: 12px;
    float: none;
    color: #fff;
    padding: 5px 17px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif !important;
}

.addChk_listBtnWrap, .importChk_listBtnWrap {
    display: inline-block;
}

    .addChk_listBtnWrap a:hover, .importChk_listBtnWrap a:hover {
        text-decoration: none;
    }

.checkList_btnWrap {
    margin-top: 10px;
}

.importBTn {
    display: block;
    /*margin-top:17%;*/
    text-align: center;
}

.Import_cancelBtn {
    display: block;
    margin-top: 7px;
    text-align: center;
}

.rectangle {
    margin: 20px 11px 5px 5px;
    width: 22px;
    height: 22px;
    color: #4A6EE1;
    border: 1px solid #999b9d;
    border-radius: 50%;
    position: relative;
    margin-right: 11px;
    float: right;
    cursor: pointer;
    padding: 7px 9px;
}

.headerContent_profile {
    padding-right: 0px;
    float: right;
}

.moduledesciptiontd {
    padding-bottom: 10px;
}

/*.comment_checkboxes {
    font-size: 12px;
    clear: both;
}*/

.copyToclip_popup {
    padding: 0px 15px 15px !important;
}

    .copyToclip_popup textarea {
        height: 60px !important;
    }

/*.newTask_info_title {
    padding: 0px;
}*/

.right_content {
    padding-right: 0px;
}

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

.gridFilter_container {
    /*overflow-y:scroll;*/
    /*height:250px !important;*/
}

.dxgvFilterRow_UGITNavyBlueDevEx td.dxgv {
    border: none;
}

.HomeDBAction {
    right: -373px;
}

.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys .dxpc-mainDiv.dxpc-shadow .dxpc-contentWrapper .dxpc-content table.dxeListBox_UGITNavyBlueDevEx {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}
/*********************************CSS for  project view tab***********************/
/*.prjctView_selector {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 0px 10px 0px 8px;
}

    .prjctView_selector tr td.dxic input {
        background: #EAEDF0;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #4A6EE2;
        font-family: 'Poppins', sans-serif !important;
    }

    .prjctView_selector tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: #EAEDF0;
        border-radius: 4px;
    }*/


.logoText .pointer {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.projectCard_viewSearch table tr td table {
    background: #EAEDF0;
    border: none;
    border-radius: 4px;
    padding: 4px 5px;
}

.projectCard_viewSearch {
    background: #fff;
}

    .projectCard_viewSearch table tr td table tr td.dxic input {
        background: #EAEDF0;
        font-size: 12px;
        font-family: 'Poppins', sans-serif !important;
    }

.pojectView_card {
    border-width: 3px !important;
    background-color: #fff;
    border-radius: 5px;
}

.cardView_chkWrap {
    display: inline-block;
}

    .cardView_chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .cardView_chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
    }

        .cardView_chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            /*border: 2px solid #0079bf;*/
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .cardView_chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        /*border: solid #0079bf;*/
        /*border-width: 0 2px 2px 0;*/
        transform: rotate(45deg);
    }

    .cardView_chkWrap.lead_chkBox label::before {
        border: 2px solid #000;
    }

    .cardView_chkWrap.lead_chkBox input:checked + label::after {
        border: solid #000;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.ClientContracts_chkBox label::before {
        border: 2px solid orange;
    }

    .cardView_chkWrap.ClientContracts_chkBox input:checked + label::after {
        border: solid orange;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox label::before {
        border: 2px solid MediumSeaGreen;
    }

    .cardView_chkWrap.PiplelineCPROpenOMP_chkBox input:checked + label::after {
        border: solid MediumSeaGreen;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkConCPR_chkBox label::before {
        border: 2px solid royalblue;
    }

    .cardView_chkWrap.chkConCPR_chkBox input:checked + label::after {
        border: solid royalblue;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkClosed_chkBox label::before {
        border: 2px solid gray;
    }

    .cardView_chkWrap.chkClosed_chkBox input:checked + label::after {
        border: solid gray;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkCancelled_chkBox label::before {
        border: 2px solid #008080;
    }

    .cardView_chkWrap.chkCancelled_chkBox input:checked + label::after {
        border: solid #008080;
        border-width: 0 2px 2px 0;
    }

    .cardView_chkWrap.chkLost_chkBox label::before {
        border: 2px solid mediumvioletred;
    }

    .cardView_chkWrap.chkLost_chkBox input:checked + label::after {
        border: solid mediumvioletred;
        border-width: 0 2px 2px 0;
    }

.HomeCard_view {
    border-width: 2px !important;
    background-color: #fff;
    border-radius: 5px;
    border-color: #fff;
    margin: 10px 10px 0px 0px;
    padding: 0px;
    cursor: pointer;
}

    .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
        padding: 1px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        word-break: break-all;
    }

.homeDb_chartView {
    padding-left: 15px;
    border: none;
    margin-bottom: 5px;
    padding-right: 4px;
    border: none;
    background-color: #F6F7FB;
}

.homecontent {
    float: left;
    /*background-color: #F3F4F5;*/
    background-color: #F6F7FB;
    /*padding-top: 15px;*/
}

.homeContent_container {
    float: left;
    padding-left: 0px;
    width: 100%;
    padding-right: 5px;
}

.home_welcomeTitle {
    margin-top: 10px;
}

#lblLead {
    color: #000;
}

#lblClientContract {
    color: orange;
}

#lblPiplelineCPROpenOMP {
    color: MediumSeaGreen;
}

#lblchkConCPR {
    color: royalblue;
}

#lblchkClosed {
    color: gray;
}

#lblchkCancelled {
    color: #008080;
}

#lblchkLost {
    color: mediumvioletred;
}

.projectView_img {
    width: 14px;
}

.homeGrid .dxgvPagerTopPanel_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx {
    background: #EAEDF0;
    padding: 5px;
}

    .homeGrid .dxgvPagerTopPanel_DevEx .dxpLite_DevEx, .homeGrid .dxcvPagerTopPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxcvPagerBottomPanel_UGITNavyBlueDevEx .dxpLite_UGITNavyBlueDevEx, .homeGrid .dxgvPagerBottomPanel_DevEx .dxpLite_DevEx {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

.homeDb_chartView tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    background-color: transparent;
}

.HomeCard_view div, .HomeCard_view div table.dxflGroup_UGITNavyBlueDevEx.dxflGroupSys.dxflAGSys {
    height: 100%;
}

    .HomeCard_view div table tr td:first-child {
        width: 25% !important;
        border-right: 1px solid #f6f7fb;
        padding: 0px 1px;
        height: 100%;
    }

    .HomeCard_view div table tr td:last-child {
        width: 75% !important;
        border-right: none;
        height: 100%;
    }

    .HomeCard_view div table tr td div {
        word-break: break-word;
    }

/**************CSS for Status Popup******************/
.opprtunity-statusPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}
/*.CRMDueDate_inputField tr td.dxic {
    border: 1px solid #ccd4e1;
    border-right: none;
}
.CRMDueDate_inputField tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    border: 1px solid #ccd4e1;
    border-left: none;
}*/
/*.status_fieldLabel {
    margin-left: 0px;
}*/
.statusBtn_wrap li {
    display: inline-block;
}

.status_reasonWrap {
    padding-left: 25px;
}

.status_commentLabel, .status_reasonLabel {
    color: #4A90E2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.status_commentField, .status_reasonField {
    height: 38px !important;
}
/**************************
        29-04-2019 
**************************/
.clear-custom-addcheck-list {
    clear: both;
    position: absolute;
    bottom: 28px;
    right: 17px;
}

.reAssignePopup {
    background: #FFF;
    height: 100%;
}

.custom-addcheck-list-user > table {
    padding: 0px;
}

/*.add-check-list-input table {  comment while editing  add checklist popup-> assign to dropdown
    padding: 6.5px 3px 6.5px 6.5px;
}*/

.add-check-list-input table tr > td:last-child img {
    margin-top: 7px;
}

.status-chkWrap {
    margin-left: 9%;
    margin-top: 4px;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

    .status-chkWrap span input {
        margin-right: 4px;
    }

.precon_chkWrap {
    clear: both;
    padding-top: 9px;
}

.preconChk {
    float: left;
    color: #4a90e2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.preconErrMsg {
    color: Red;
    float: right;
    font-size: 12px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.chkLabel_cctoAct {
    display: inline-block;
    padding-top: 9px;
    margin-left: 20px;
}

.chkBox_cctoAct {
    display: inline-block;
    padding: 0px;
}

.chkBox_input {
    display: inline-block;
}

.chkLabel {
    display: inline-block
}

    .chkLabel h3, .mailTo h3 {
        margin-left: 0px;
    }

.mailSub {
    padding-left: 25px;
}

.mailTo_field span table {
    padding: 0px;
}

.statusBtn_wrap {
    text-align: center;
    list-style: none;
    margin-top: 25px;
}

.okStatus_btnWrap {
    background: none;
}

.cancelStatus_btnWrap {
    margin-top: 10px;
}

.okBtn_status {
    background: none;
    color: white;
    background-color: #4a6ee2 !important;
    padding: 6px 20px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
}

.cancel_status {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
}

.cpr_Row {
    clear: both;
}

.activityCancel_btn b {
    font-weight: 500;
}
/***************************CSS for filter popup*******************/
.SearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx {
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px;
}

.SearchFilter_content table tr td div.dxlbd {
    height: 250px !important;
}

.SearchFilter_content table tr td div:first-child {
    padding: 7px;
}

    .SearchFilter_content table tr td div:first-child table tr td.dxic {
        font-size: 12px;
    }

/*************************CSS for Award popup*************************/
.opprtunity-statusPopup .dxpc-contentWrapper {
    display: table !important;
}

.award_comment {
    width: 100%;
    height: 35px;
    width: 100%;
    height: 35px;
    background-color: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.award-commentWrap {
    padding-right: 5px;
}

.award-chkwrap {
    padding-left: 5px;
    margin-top: 8px;
}

.award_emailFields {
    padding: 0px 5px !important;
    margin-top: 10px;
}

.award-EmailBody {
    clear: both;
}

.awardBtn_Wrap {
    text-align: right;
    margin-top: 10px;
    padding-right: 15px;
}

    .awardBtn_Wrap li {
        display: inline-block;
    }

        .awardBtn_Wrap li:first-child {
            background: none !important;
            float: none !important;
            /*text-align: center !important;
        display: block !important;*/
        }

.okAward_btnWrap a {
    background-color: #4a6ee2;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #FFF;
}

.cancelAward_btnWrap {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 3px 10px;
}

    .cancelAward_btnWrap a {
        float: none !important;
        color: red !important;
        padding: 0px !important;
        background: none;
        margin-top: 10px;
        font-size: 12px;
        font-weight: 600;
    }

.awardBtn_Wrap li:last-child {
    background: none;
    float: none !important;
    /*text-align: center;
    display: block;*/
}

.awardAssign table {
    padding: 0px !important;
    max-width: 98% !important;
}

.unsaved_popUp .dxpc-header {
    color: #000 !important;
    background: #f0f0f0 !important;
    font-weight: 600;
    border-bottom: none;
    font-size: 12px;
}

.unsaved_popUp .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.headerText {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.unsaved-btnWrap {
    margin-top: 10px;
}

    .unsaved-btnWrap ul {
        list-style: none;
        text-align: center;
        padding: 0px;
    }

.cancelli {
    display: block;
}

.saveAndClose {
    display: inline-block;
}

.saveAndClose_btn {
    color: #fff;
    background: none;
    background-color: #4a6ee2 !important;
    padding: 5px 8px;
    border: 1px solid #4a6ee2 !important;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.unsaved_cancel {
    color: red;
    background: none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.unsaved_cancel:hover {
    color: red;
}

.colForMd2 {
    width: 15.7%;
}

.profileImg {
    width: 22px !important;
    height: 21px !important;
}

.activitySave_btn b {
    font-weight: 500;
}

.importChk-radioBtn {
    /*margin-right: -4px;
    margin-left:5px;*/
}

.lastchkBtn input {
    display: -webkit-inline-box;
}

.tdrowhead img {
    width: 20px;
}

.addiconheader img {
    width: 20px;
}

#reltedCom_dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys {
    left: 8px !important;
}

/*************************CSS for quick close popup********************************/
.quickClose-lable {
    font: 14px 'Poppins', sans-serif;
    color: #4a90e2;
    float: left;
    margin-bottom: 0px;
    margin-left: 7px;
}

/*.quickClose-comment {
    margin-left: 7px;
    height: 35px !important;
}*/

.quickClose-commentWrap {
    width: 94% !important;
}

.activity-title {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.lastchkBtn {
    display: block;
}

.searchNFilterWrap {
    float: right;
}

.searchFilter {
    clear: unset !important;
    margin-left: 0px !important;
}

.dropDown-feild input[type="text"] {
    height: 28px !important;
}

.fieldWrap {
    clear: both;
}

.projectTeam-popupWrap {
    padding-left: 10px;
    width: 100%;
}

.activityDelete_btn b {
    font-weight: 500;
}

/***********************find resource popup ****************/
.usrGrp-dropDownWrap {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    font: 12px 'Poppins', sans-serif !important;
}

.popupAction-btnWrap {
    position: fixed;
    bottom: 10px;
    width: 100%;
}

.externalTeam-popupBtn {
    position: absolute;
    bottom: 10px;
    width: 97%;
    clear: both;
}

.externalTeam-content {
    clear: both;
    position: absolute;
}

.usrGrp-dropDownWrap table {
    /*display:table !important;*/
}

.chkPopupBtn-container {
    padding: 0px;
    position: fixed;
    bottom: 10px;
}

.importTask_btnWrap {
    position: fixed;
    bottom: 18px;
    text-align: center;
    padding: 0px;
}

.chklistRole-popupBtn {
    position: fixed;
    bottom: 10px
}

.activityBtn-wrap {
    position: fixed;
    bottom: 10px
}

.piclistPopup-container {
    padding-bottom: 50px;
}

.existingTicket_checkbox {
    float: right;
}

.relatedTicket_msg {
    text-align: center;
}

.lookupDropDown-filterWrap {
    background: #fff;
}

    .lookupDropDown-filterWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

    .lookupDropDown-filterWrap td.dxgv {
        border-bottom: 1px solid #abacb9 !important;
        background: #fff !important;
    }

        .lookupDropDown-filterWrap td.dxgv table {
            border: none;
        }

/*.lookupDropDown-contentRow {
    background: #ecf1f9 !important;
    color: #4A6EE2 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

    .lookupDropDown-contentRow:hover {
        background: #F8F9F9 !important;
    }*/

.editcomment-label {
    color: #000;
}

.dxeMemoSys.dxeMemo_DevEx tr td textarea.dxeMemoEditArea_DevEx.dxeMemoEditAreaSys {
    width: 99% !important;
    font-family: 'Poppins', sans-serif;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
}

/*.edit-ticket-cell { commenting  while making svc grid responsive
    width: 20px;
}*/

.addCommentBtn {
    position: absolute;
    width: 100%;
    bottom: -109px;
}

.addcommentCancel {
    height: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*.dateEdit-dropDown tr td input[type="text"] {
    height: 28px !important;
}*/

/*.comboBox-dropDown tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.crmDropDown_field table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.activityAddEdit-container, .popupUp-mainContainer {
    overflow-y: visible !important;
}

.leadNewTask-cancelBtn {
    margin-top: 0px;
}

.error-msgWrap {
    margin-left: 2%;
}

.findRes-filterWrap td.dxgv table tr td.dxic, .findRes-filterWrap td.dxgv table tr td.dxic input[type='text'] {
    background: #fff !important;
}
/********CSS for Schedule Tab ***************************/
.schedule-btnWrap {
    padding-bottom: 19px;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: -10px;
}

.schedul-cancelBtn {
    display: block;
    margin-top: 6px;
}

.schedule-taskTitle {
    width: 226px;
}

    .schedule-taskTitle a span {
        color: #000;
    }
/*******************************CSS for Bottleneck chart ****************/
.inner-circle {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    /*
        Put top edge and left edge in the center
       */
    top: 42%;
    left: 41%;
    margin: -13px 0px 0px -13px;
    /* 
        Offset the position correctly with
        minus half of the width and minus half of the height 
       */
}

.outer-circle {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
}

.digit-2 {
    left: -2px;
    top: 2px;
}

.digit-3 {
    top: 2px;
    left: -2px;
}

.digit-4 {
    top: 10px;
}

.digit-1 {
    left: 2px;
    top: 2px;
}
/*****************CSS for cpr->task tab-> new task popup**********/
.cprPopup-container {
    overflow-y: visible !important;
}

.custom-addcheck-list-user table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.newTask-btn {
    padding-top: 12px;
    padding-right: 0px;
}

/*****************CSS for cpr->schedule tab-> Edit task popup *****************/
.editTask-sectionWrap {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 5px 0px 5px;
}

.fieldPadding {
    padding: 0px 5px;
}

.dueDate-fieldWrap {
    display: inline-block;
    width: 93%;
}

.autocal-imgWrap {
    display: inline-block;
    height: 100%;
}

.autocal-img {
    margin-top: -29px;
    width: 20px;
}

.autocal-img2 {
    width: 20px;
}

.autocal-img3 {
    width: 20px;
    margin-top: -36px;
}

.cprAccRej-btnContainer {
    float: left;
    background: #4A6EE2;
    border-radius: 4px;
}

.cprAccRej-bg {
    float: left;
    padding: 4px 10px 5px 6px;
    color: #fff;
    border-radius: 4px;
    font: 12px 'Poppins',sans-serif;
}

    .cprAccRej-bg b {
        float: left;
        font-weight: normal;
        font-size: 14px;
        margin-top: 1px;
        position: relative;
    }

    .cprAccRej-bg i {
        float: left;
        position: relative;
        /* top: -2px; */
        left: 5px;
        background: #fff;
        border-radius: 50%;
        padding: 1px 5px 4px 5px;
    }

        .cprAccRej-bg i img {
            width: 14px;
        }

.reject-btnContainer {
    margin-left: 5px;
}

.lookUpValue-inputFeild table {
    max-width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .lookUpValue-inputFeild table tr td {
        background: #ecf1f9;
    }

        .lookUpValue-inputFeild table tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.taskDelete-btnWrap, .task-newAssBtn {
    display: inline-block;
}

.task-newAssBtnWrap {
    margin: 6px;
    display: inline-block;
}

.task-newAssBtn {
    background: none !important;
}

    .task-newAssBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif !important;
        padding: 4px 3px !important;
        font-weight: 500;
        color: #fff !important;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.noLeftPadding {
    padding-left: 0px;
}

.dueDate-lable {
    font-size: 14px;
    color: #4A90E2;
}

.remind-wrap {
    margin-top: 5px;
}

.recuring-count {
    font-family: 'Poppins', sans-serif;
    width: 100% !important;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
}

.recuring-dropDown {
    margin-top: 5px;
}

.newTask-blueBtn {
    background: none !important;
}

    .newTask-blueBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        float: none;
        color: #fff;
        padding: 4px 3px;
        cursor: pointer;
        font-family: 'Poppins', sans-serif !important;
    }

.newTask-cancelBtn {
    background: none !important;
}

    .newTask-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font: 14px 'Poppins', sans-serif !important;
    }

        .newTask-cancelBtn .dxb span.dx-vam {
            font-weight: 600;
        }

.crmEmail-dropDown table {
    display: table !important;
}

.crmAction-btnContainer {
    position: fixed;
    width: 100%;
    bottom: 10px;
}

.bC-selWrap {
    display: inline-block;
}

    .bC-selWrap h5 {
        color: #4A90E2;
    }

.bC-radioBtnWrap {
    display: inline-block;
    /*margin-left: 5px;*/
}

.importUsr-label {
    color: #4A90E2;
    font: 14px 'Poppins', sans-serif !important;
}

.bCBtn-submit {
    background: #4a6ee2;
    border: none;
    color: #fff;
    padding: 2px 10px;
    font: 12px 'Poppins', sans-serif;
    border-radius: 4px;
    margin-left: 3px;
}

.batchCreate_btn {
    background: none !important;
}

    .batchCreate_btn .dxb {
        background: #4a6ee2 !important;
        border: none;
        color: #fff;
        padding: 5px 10px;
        font: 12px 'Poppins', sans-serif;
        border-radius: 4px;
    }

.batchCreate_btnContainer {
    position: fixed;
    width: 100%;
    bottom: 20px;
    text-align: center;
}

.batchCreate-grid {
    margin-left: 14px;
}

.aspxSelect-dropDown {
    font-size: 12px !important;
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    width: 100%;
    background-color: #ecf1f9;
    padding: 4px;
    height: 35px;
}

.reOpen-comment {
    height: 90px !important;
}
/**********CSS for userValueBox dropdown****************/
.userValueBox-filterRow td table.dxeTextBoxSys.dxeTextBox_UGITNavyBlueDevEx.dxeTextBoxDefaultWidthSys {
    background: #f9f9fc;
    border: none;
}

.userValueBox-footerCloseBtn tr td {
    text-align: center;
}

    .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys {
        background: none !important;
    }

        .userValueBox-footerCloseBtn tr td div.dxbButton_UGITNavyBlueDevEx.dxbButtonSys.dxbTSys div.dxb {
            background: #4A6EE2 !important;
            border-radius: 4px;
            color: #fff;
            font: 12px 'Poppins', sans-serif;
        }

.deactive-popupContainer {
    width: 100%;
    float: left;
    padding: 0px;
    padding-left: 0px;
    background: transparent !important;
}

.deAcctive-msgContainer p {
    font-family: 'Poppins', sans-serif;
    color: #000080;
    font-size: 12px;
    margin-bottom: 2px;
}

.deActive-commentBox {
    width: 100%;
    height: 35px !important;
}

.deActive-sendMail {
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.deAcctive-msgContainer {
    padding-left: 7px;
}

.ticket-cancelBtn {
    margin: 0px !important;
}

.returnFb-btnWrap {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -5px;
    width: 97%;
}

.returnFb-listWrap {
    float: none !important;
    text-align: center;
}

    .returnFb-listWrap li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
/*********************************************css for cpr-project card view ********************************************/
/*.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 17px;
    width: 123px;
    float: right;
    overflow: hidden;
}*/
.projectCardView-gpc table.dxflCLLSys.dxflItemSys.dxflTextItemSys.dxflItem_UGITNavyBlueDevEx tr td.dxflNestedControlCell_UGITNavyBlueDevEx {
    word-break: break-all;
}
/*.picklist-BtnContainer {
    position: fixed;
    bottom: 20px;
    clear: both;
    text-align: center;
    width: 100%;
}*/
/*********** RMM POPUP ****************/
/*****************Sayali***************/
.nprDropDown div.dxpc-mainDiv.dxpc-shadow div div.dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content {
    /*display: block !important;*/
    background: #fff;
}

/*.nprDropDown div:first-child {
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.14375);
    border: none;
}*/

.lookupValueBox-editRow td {
    border-right-width: 0px;
    padding: 2px 10px !important;
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.lookUpValBox-listRow td {
    border-right-width: 0px !important;
    padding: 2px 10px !important;
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.title div.dxgBCTC {
    padding-left: 0px !important;
}

.rmmSaveAllo-btnContainer {
    position: inherit;
    padding-top: 25px;
    float: left;
    clear: both;
    display: block;
    /* padding: 0px; */
    width: 100%;
    text-align: center;
}

.aspTextbox-wrap {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
    padding: 7px;
    border-radius: 4px;
}

    .aspTextbox-wrap tr td.dxic input[type="text"] {
        background: #ecf1f9;
    }

    .aspTextbox-wrap tr td {
        background: #ecf1f9;
    }

.lookup-inputWrap {
    max-width: 100% !important;
    padding: 0px !important;
    width: 100%;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .lookup-inputWrap tr td {
        background: #ecf1f9;
    }

        .lookup-inputWrap tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookup-inputWrap tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
            padding-right: 9px;
        }

.rmmRole-field {
    padding-left: 7px;
}

.rmmRole-fieldLabel {
    margin-left: 5px;
}

.RRMactiobBtn-wrap-absolute {
    text-align: center;
    position: absolute;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 99%;
}

.popupUpAddWorkItem, .popup-container {
    overflow-y: visible !important;
}

.endDate-fieldWrap {
    clear: both;
}

.new-alloc-btn-cancel-margin {
    margin-top: 10px;
}

.rmmEdit-Btn {
    background: none !important;
}

    .rmmEdit-Btn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif !important;
        padding: 4px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

.rmm-inputField {
    background: none !important;
    border: none !important;
    padding: 1px 0px 5px 8px;
}

.rmmLookup-valueBoxEdit .department {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;*/
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
    margin-bottom: 0px !important;
}

.rmmLookup-valueBoxEdit table.department tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #fff;
}

.rmmLookup-valueBoxEdit .department tr td {
    background: #fff;
    padding-right: 6px;
}

/*.rmm-lookupValueBox table {
    min-width: 100% !important;
    max-width: 100% !important;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.rmm-lookupValueBox table tr td.dxic input[type="text"] {
    height: 28px !important;
}

.rmm-lookupValueBox table tr td {
    background: #fff;
    padding-right: 7px;
}*/

/*.rmmaspGrid-lookup {
    width: 100%;
    /*background: #ecf1f9;
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

.rmmaspGrid-lookup tr td {
    background: #fff;
    padding-right: 6px;
}

.rmmaspGrid-lookup tr td.dxic input[type="text"] {
    height: 28px !important;
}*/

.rmmWrap-aspxTokenBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    border-spacing: 1px;
}

    .rmmWrap-aspxTokenBox .rmm-aspxTokenBox tr td.dxic.dxictb input[type="text"] {
        height: 28px !important;
        width: 99% !important;
    }

.rmm-aspxTokenBox {
    width: 100%;
    background: #fff;
    border: none;
}

.rightNoPadding {
    padding-right: 0px;
}

.rmmPopupBtn-delete {
    background: none !important;
}

    .rmmPopupBtn-delete .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif !important;
        padding: 5px 3px;
        font-weight: 500;
        color: #fff;
        float: left;
        cursor: pointer;
        border: none !important;
    }

/*.rmm-chkWrap {
    display: inline-block;
}

    .rmm-chkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .rmm-chkWrap label {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        color: #4A90E2;
    }

        .rmm-chkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4A90E2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .rmm-chkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 4px;
        height: 10px;
        border: solid #4A90E2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }*/

.rmmWorkHrsTO {
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    padding-top: 3px;
    font: 14px 'Poppins', sans-serif !important;
}

.rmmWorkHrsTOWrap {
    text-align: center;
}

.rmmWorkHrs-inputField {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 100%;
}

    .rmmWorkHrs-inputField tr td div {
        background: #fff;
    }

/*.rmmNewUserbtn {
    text-align: right;
}*/

.marginBdgCategory {
    margin-top: 3px;
}


.findresource-action {
    text-align: center;
    position: fixed;
    bottom: 10px;
    display: block;
    padding: 0px;
    width: 92%;
}

.findresource-background {
    background: none;
    margin-bottom: 10px
}

    .findresource-background .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif;
    }

.rmmFndRes-mainContainer {
    padding-bottom: 134px !important;
}

.peAssignedTo table.close_arrow_edit {
    max-width: 100% !important;
    background: #ecf1f9;
    padding: 0px;
    box-shadow: none;
}

.emailNotify-content {
    clear: both;
    padding-bottom: 87px;
}

.fetch-parent {
    padding-bottom: 50px;
}

.RRMactiobBtn-wrap {
    text-align: right;
    position: fixed;
    bottom: 10px;
    padding: 0px;
    right: 15px;
}

/*.RMMBtnWrap {
    margin-bottom: 20px;
}*/

.RRMsaveBtn {
    background: none
}

    .RRMsaveBtn .dxb {
        background: #4A6EE2 !important;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif;
    }

.RMMCancel-btn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
}

    .RMMCancel-btn .dxb {
        background: none;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

.RMMcancelBtn-wrap {
    display: inline-block;
}

.rmmPopup-container {
    clear: both;
    position: fixed;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.oldUser-dropDown table tr td table.close_arrow_edit {
    padding: 0px;
    padding-right: 5px !important;
}

    .oldUser-dropDown table tr td table.close_arrow_edit tr td input[type="text"] {
        height: 28px !important;
    }

.RMMModule-droDown table {
    width: 95%;
}

    .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        border: 1px solid #ccd4e1 !important;
        border-radius: 4px !important;
        background: #ecf1f9;
        width: 100%;
    }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
            border-radius: 4px !important;
            background: #ecf1f9;
            padding-right: 9px;
        }

        .RMMModule-droDown table tr td table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.accomp-popup input[type="password"] {
    font-family: 'Poppins', sans-serif;
    width: 100% !important;
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    text-align: left;
    font-size: 12px;
}

.showPwd-chkWrap {
    margin-top: 10px;
}

.rmmGrnPwd-btnWrap {
    text-align: right;
}

.rmmGrnPwd-btn {
    background: #4A6EE2;
    border: none;
    padding: 5px 5px;
    border-radius: 4px;
    color: #fff;
    font: 12px 'Poppins', sans-serif;
}

.rmm-setColor-btnWrap {
    margin-top: 5px;
}

.setColor-saveBtn input {
    float: none;
    background: #4A6EE2;
    border-radius: 4px;
    padding: 5px 19px;
    font: 12px 'Poppins', sans-serif;
    color: #fff;
    border: none;
}

.setColor-closeBtn input {
    float: none;
    background: none;
    border: none;
    color: red;
    font-weight: 600;
    font: 14px 'Poppins', sans-serif;
    padding: 0px;
}

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

/*****************************CSS for CRM checkbox **********************/
.crm-checkWrap {
    display: inline-block;
}

    .crm-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 13px 'Poppins', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
/*****************************End CSS for CRM checkbox **********************/
/*****************************CSS for CRM right checkbox  **********************/
.crm-checkWrap-right {
    display: inline-block;
}

    .crm-checkWrap-right input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-right label {
        position: relative;
        cursor: pointer;
        font: 13px 'Poppins', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-right label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .crm-checkWrap-right input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM right checkbox  **********************/
/***************************** CSS for CRM checkbox list  **********************/
.custom-chkList {
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
}

    .custom-chkList input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .custom-chkList label {
        position: relative;
        cursor: pointer;
        font: 13px 'Poppins', sans-serif;
        color: #4a6ee2;
    }

        .custom-chkList label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            right: -27px;
            position: absolute;
            top: 2px;
        }

    .custom-chkList input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        right: -17px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

/*****************************End CSS for CRM checkbox list  **********************/

/*****************************CSS for CRM Radio Button*******************/
.bC-radioBtnWrap input[type="radio"]:checked,
.bC-radioBtnWrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .bC-radioBtnWrap input[type="radio"]:checked + label,
    .bC-radioBtnWrap input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Poppins', sans-serif;
        padding-right: 8px
    }

        .bC-radioBtnWrap input[type="radio"]:checked + label:before,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after,
        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .bC-radioBtnWrap input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .bC-radioBtnWrap input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
/*****************************CSS for CRM Radio Button*******************/

/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}


/****************************CSS for UserValueBox DropDown***************************/
.userValueBox-searchFilterContainer {
    padding-right: 0px !important;
}

.userValueBox-searchFilterWrap {
    width: 100% !important;
}

.userValueBox-Table tr.userValueBox-HeaderFilterRow {
    background: #f9f9fc none;
    border-bottom: 1px solid #cacbd3;
}

.userValueBox-HeaderFilterRow td.dxgv table {
    background: #fff;
    border: none;
}

    .userValueBox-HeaderFilterRow td.dxgv table tr td.dxic input[type="text"] {
        background: #fff !important;
    }

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table {
    border-bottom: 1px solid #cacbd3;
    background: #f9f9fc;
}

.userValueBox-row td.dxgvDRTC {
    border-bottom: 1px solid #d9dae0;
}

.userValueBox-row td table {
    width: 100% !important;
    background: #FFF !important;
}

    .userValueBox-row td table tr td div {
        padding: 6px 3px !important;
        color: #4A6EE2 !important;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
    }

.userValueBox-footerBtn {
    text-align: right;
}

    .userValueBox-footerBtn tr td div {
        background: none;
        color: #FFF;
        border: none;
    }

        .userValueBox-footerBtn tr td div div.dxb {
            background: #4A6EE2;
            border-radius: 4px;
            border: none;
            padding: 3px 9px;
        }

.userValueBox-row:hover {
    background-color: #F8F9F9;
}

.userValueBox-row.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: none !important;
    background-color: #F8F9F9 !important;
}

.userValueBox-row.dxgvSelectedRow_UGITNavyBlueDevEx {
    background-color: #F8F9F9 !important;
}

.userValueBox-filterRow {
    background: #f9f9fc;
}

.dxgvTable_UGITNavyBlueDevEx.userValueBox-Table.dxgvRBB {
    background: #fff;
    table-layout: unset !important;
}

.userValueBox-grid {
    padding: 0px !important; /***add while changing add checklist popup-> Assigned to********/
}

.peAssignedTo table tr td.dxic input[type="text"] {
    height: 28px !important;
    background: #FFF !important;
}

.peAssignedTo table tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
    background: #f8fafc !important;
}

.userValueBox-filterRow td table tr td.dxic input[type="text"] {
    background: #f9f9fc !important;
}
/******************************CSS for LookUpBoxEdit dropDown **********************************/
.categoryLable label, .subCategoryLable label {
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

.requestType-gridRow {
    background: #FFF;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

    .requestType-gridRow.dxgvFocusedRow_UGITNavyBlueDevEx {
        background: #F8F9F9;
        font-size: 12px;
        color: #4a90e2;
        font-family: 'Poppins', sans-serif !important;
    }

/***************************CSS for ASPX combobox*******************/
.customList-dropDownWrap {
    padding: 0px;
}

.contactDrop-down {
    width: 100%;
}

/************************CSS for ASPX GridLookUp********************/
.usrGrp-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .usrGrp-dropDown table tr td div.dxgvHSDC div {
        width: 100% !important;
    }

/*.lookupDropDown-contentRow td {
    background: #fff !important;
}*/

.findResource-userGroup tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx img {
    margin-top: 6px;
    margin-right: 0px;
}

/*.lookupDropDown-filterWrap td.dxgv table tr td.dxic input[type="text"] {
    background: #fff !important;
}*/
/****************************CSS for Save as template*************************/
.template_fieldLabel {
    margin-left: 4px;
}

/*******************************************CSS for ASP dropDownList******************************** */
.aspDropDown-list {
    background: #ecf1f9;
    border: 1px solid #ccd4e1;
}

/********************************CSS for Lead Ranking ************************************************/
.leadRanking-gridRow td {
    padding-left: 11px !important;
}

.leadRanking-btnContainer {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 8px;
}

.leadRanking-btn {
    background: #4A6EE2;
    border-radius: 4px;
    color: #fff;
    padding: 7px 23px 6px 20px;
    font-size: 12px;
    cursor: pointer;
    float: none;
}

    .leadRanking-btn b {
        font-weight: normal;
    }

.leadRanking-container {
    overflow-y: visible !important;
}

.leadPopup-padding {
    padding: 0px 10px 0 20px !important;
}

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

.lead-saveBtn {
    background: #4a6ee2 !important;
    border-radius: 4px;
}

    .lead-saveBtn .dxb {
        background: none !important;
        border-radius: 4px;
        color: #fff;
        font-size: 12px !important;
        padding: 4px 4px;
    }

.lead-cancelBtn {
    background: none !important;
}

    .lead-cancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-weight: 600;
    }

.leadRanking-aspxTextBox {
    width: 100%;
    background: #ecf1f9;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .leadRanking-aspxTextBox tr td.dxic {
        padding: 0px;
    }

        .leadRanking-aspxTextBox tr td.dxic input[type="text"] {
            height: 31px !important;
            padding-left: 7px;
        }


/*************************CSS for File upload button******************************/
.uploadFile-BtnWrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.uploadFile-label {
    /*border: 2px solid #4A6EE2;*/
    color: #4A6EE2;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif !important;
}

.uploadFile-input {
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.choosedFileName {
    margin-left: 11px;
}

.chklist-itemWrap {
    margin-top: 5px;
}

/***************************CSS for ASpxGridLookUp(contact dropDown)****************/
.aspxGridLookUp-dropDown {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxGridLookUp-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxGridLookUp-dropDown tr td {
        background: #fff;
    }

.aspxGridloookUp-drpDownRow td.dxgv {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.aspxGridloookUp-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridloookUp-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.aspxGridLookUp-FilerWrap {
    background-color: #fff;
}

    .aspxGridLookUp-FilerWrap td.dxgvCommandColumn_UGITNavyBlueDevEx.dxgv.dx-ac {
        background-color: #fff;
        border-bottom: 1px solid #abacb9 !important;
    }

.aspxGridLookUp-FilerCell {
    border-bottom: 1px solid #abacb9 !important;
}

    .aspxGridLookUp-FilerCell table {
        background: #fff !important;
        border: none !important;
    }

        .aspxGridLookUp-FilerCell table tr td input[type="text"] {
            background: #fff;
        }

/******************CSS for Aspx dropDown List********************************/
.aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 3px 3px 3px 4px;
    -webkit-appearance: none;
    background-position: 98.6% !important;
}

    .aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
    }

/*********************************CSS for contact-> Deactivate popup**************************************/
.deActive-popupContainer {
    padding: 10px;
    width: 100%;
    background: transparent !important;
}

.deActive-label {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
}

.deActive-textBox {
    height: 60px;
    width: 100%;
    resize: none;
    margin-bottom: 20px;
    float: none;
}

.btn-container {
    float: none !important;
    text-align: center;
    padding: 0px;
}

.btnList {
    float: none !important;
}

.closeSubickets-btn {
    background: none !important;
}

    .closeSubickets-btn .dxb {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-family: 'Poppins', sans-serif !important;
    }

.deActive-CancelBtn {
    background: none !important;
}

    .deActive-CancelBtn .dxb {
        background: none !important;
        color: red !important;
        font-size: 12px;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600;
    }

.buttoncell {
    text-align: center;
}

.deActiveBtn-container li {
    list-style: none;
    display: inline-block;
}

.btnListCancel {
    display: block;
}



/*************************CSS for New UI Card View*********************************************************/
.PendingRed {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingOrange {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.CompletedBlue {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

.PendingGrey {
    background-color: white;
    cursor: pointer;
    display: block;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    /*margin: 20px 15px;*/
    margin: 5px 10px 20px 0px;
}

    .PendingRed div table, .PendingOrange div table, .PendingGrey div table, .CompletedBlue div table {
        padding: 0px;
    }

        .PendingRed div table tr td, .PendingOrange div table tr td, .PendingGrey div table tr td, .CompletedBlue div table tr td {
            padding: 0px;
        }

.PendingRed .cardHeading-row {
    background-color: #f95657;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.cardTask-row {
    height: 70px;
    text-align: left;
    padding-top: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    display: block !important;
    width: 100% !important;
    padding-left: 30px;
}

.PendingOrange .cardHeading-row {
    background-color: #ff9d66;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.CompletedBlue .cardHeading-row {
    background-color: #6EB4FF;
    height: 30px !important;
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding-top: 6px;
    padding-left: 30px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.PendingGrey .cardHeading-row {
    background-color: #f6c55e;
    height: 30px !important;
    width: 100% !important;
    text-align: center;
    color: #fff;
    padding-top: 6px;
    padding-left: 15px;
    background-size: 20px;
    background-position-x: 5px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.cardView-container tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
    padding-bottom: 0px;
    /*padding-left: 5% !important;*/
    background-color: #F6F7FB;
    padding-right: 0px;
}

.showMore-linkContainer {
    background: #F6F7FB !important;
    width: 100%;
    float: right;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    text-decoration: none !important;
}

    .showMore-linkContainer span {
        margin-bottom: 10px;
        float: right;
        margin-right: 2%;
    }

.pendingTask-heading, .completedTask-heading {
    /*background:#FFF;*/
}

.cardView-label {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: inline-block;
}

.cardView-container {
    border: none;
}

.cardView-wrap {
    padding: 0px 4px 0px 15px;
    margin-bottom: 5px
}

.colFormd {
    width: 15.666667% !important;
}
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

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

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
}

.dashboard_leftSideMenu {
    height: 100%;
    z-index: 0;
}

.float-popup-xs.main-page-section.right_content {
    /*padding-left: 250px;*/
    width: 100%;
    float: right;
}

.newGridIcon {
    width: 18px;
    display: inline-block;
    /*margin-left: 5px;*/
}
/****************************************CSS for Grid*************************************/
/*.AdditionCss {
    padding-left: 5px !important;
    padding-right: 5px !important;
}*/

.newGrid-conNum {
    background-color: #ff6666;
    color: #FFF;
    border-radius: 50%;
    padding: 0px;
    margin-top: -7px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    width: 16px;
    text-align: center;
}
/******************************************CSS For Lead Ranking**************************************/
.leadRanking-icon {
    /*float: right;*/
    /*margin-left: 90px;
    display: inline-block;
    margin-top: -20px;*/
    float: left;
    margin-right: 10px;
}

.field_successchance_edit {
    display: inline-block;
    width: 96% !important;
}

.leadRanking-icon img {
    width: 18px;
}
/************************************CSS for Report**********************************************/
.reportField-wrap {
    display: inline-block;
    width: 20%;
}

.reportField-label {
    font-size: 12px;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    display: block;
}

.reportDropDown-list {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    width: 95%;
    padding: 7px !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.reportBtn-wrap {
    margin-top: 17px;
}

.reportBtn-run {
    background: #4a6ee2 !important;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 5px 20px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.reportGrid-groupPannel {
    white-space: normal;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    background: #F4F6F6;
}

.savetofolder {
    background-image: url(/content/images/documents.png);
    background-position: center;
    background-size: contain;
    width: 20px;
    background-repeat: no-repeat;
    margin-top: -3px;
}

.excelicon {
    background-image: url(/Content/images/excel_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.csvicon {
    background-image: url(/content/images/csv_file.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.pdf-icon {
    background-image: url(/Content/images/pdf_icon.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.export-buttons {
    float: right;
}

.sendmail {
    background-image: url(/content/Images/MailTo16X16.png);
    background-position: center;
    background-size: contain;
    width: 19px;
    margin-right: 5px;
    background-repeat: no-repeat;
    margin-top: -1px;
}

.Report-expandCollapse-btnWrap {
    float: left;
    margin-bottom: 5px;
}

.reportExpand-btn {
    width: 19px;
    margin-right: 5px;
}

.reportCollapse-btn {
    width: 19px;
}

.panel-parameter {
    margin-top: 10px;
}

.report-tableHeader {
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
}

.reportLabel {
    display: block;
    text-align: left;
    color: #4a90e2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
}

.reportfield {
    padding: 0px;
    display: block;
}

.reportfield-tableWrap {
    display: block;
    float: left;
    margin-top: 10px;
}

.dateFiled-tableRow {
    display: inline-block;
    margin-right: 5px;
}

.report-DateField tr td input[type='text'] {
    background: #ecf1f9
}

.reportBtn-wrap tr td {
    float: none;
    text-align: left;
}

    .reportBtn-wrap tr td input[type='submit'] {
        background: #4a6ee2 !important;
        border-radius: 4px;
        border: none;
        color: #fff;
        padding: 5px 20px;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px;
        margin-top: 10px;
        margin-left: 15px;
    }
/***************CSS for Project Summary report***************************/
.projectsummary-reportContainer {
    border: none;
    padding: 10px 10px;
}

.summary-reportHeading {
    border: none;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    width: 100%;
    color: #4a90e2;
    font-weight: 500 !important;
    padding: 10px 0px 0px 0px;
}

.summary-reportLabel {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #5D5C6D;
}

.reportChk-wrap {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.reportChk-wrap1 {
    display: inline-block;
}

.reportDate-fieldWrap {
    display: inline-block;
    width: 49%;
}

.reportRadio-btnWrap tr td:last-child {
    text-align: right;
}

.reportDate-fieldWrap1 {
    display: inline-block;
    width: 50%;
}

.reportDateField tr td input[type='text'] {
    background: #ecf1f9;
    height: 25px
}

.summaryReport-btnWrap {
    clear: both;
    /*text-align: right;*/
    /*margin-right: 35px;*/
}

.summaryReport-btnContainer {
    float: none;
    /*text-align: right;*/
    /*width: 48.5%;*/
    padding: 15px 0px !important;
}

.summaryReport-ul {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 0px;
    float: none;
    padding: 0;
}

    .summaryReport-ul li {
        float: none;
        display: inline;
        list-style: none;
    }

.cancelReport-btn {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 4px 0;
    margin-left: 20px;
}

.buildReport-btn {
    border: none;
    background: #4A6EE2;
    color: #fff;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    border-radius: 4px;
    padding: 5px 0;
}
/********************CSS for Report radio button**************************************/
.reportRadio-btnWrap tr td input[type="radio"]:checked,
.reportRadio-btnWrap tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .reportRadio-btnWrap tr td input[type="radio"]:checked + label,
    .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Poppins', sans-serif;
        padding-right: 8px
    }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:before,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after,
        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .reportRadio-btnWrap tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reportRadio-btnWrap tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/****************************************CSS for User group menu ********************************/
.userGroup-headerMenu {
    float: right;
    /*padding-top: 6px;*/
    margin-top: 0px;
    position: relative;
    right: 10px;
}

.userGroup-menuWrap ul li.dxm-item {
    min-width: auto !important;
    padding: 0px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
}

    .userGroup-menuWrap ul li.dxm-item.dxm-selected {
        border: none;
        background: none;
        border-bottom: 2px solid #a0db49;
        color: #a0db49 !important;
    }

        .userGroup-menuWrap ul li.dxm-item.dxm-selected a {
            color: #a0db49 !important;
        }

    .userGroup-menuWrap ul li.dxm-item a, .userGroup-menuWrap ul li.dxm-item div {
        padding: 5px 10px 6px 8px !important;
        color: #FFF !important;
    }

.userGroup-menuWrap ul li.dxm-hovered {
    background: none !important;
    color: #a0db49 !important;
}

    .userGroup-menuWrap ul li.dxm-hovered a {
        color: #a0db49 !important;
        border-bottom: 1px solid #a0db49;
    }

.userGroup-menuWrap ul li.dxm-separator {
    height: 27.8px !important;
    padding: 8px 2px 1px 2px !important;
    display: none;
}

    .userGroup-menuWrap ul li.dxm-separator b {
        background-color: #b6b7ba !important;
    }

.homeDashboard_search_wrap {
    display: none
}

    .homeDashboard_search_wrap div table {
        border-bottom: 1px solid #d1d1d1 !important;
    }

/**********************CSS for Executive summary Report********************************************/
.excutive-sumReport-heading {
    margin-bottom: 0px;
}

.reportDataGrid_row {
    background-color: #fff !important;
    background: none !important;
}

    .reportDataGrid_row td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        text-align: center !important;
        /* padding-left: 20px !important; */
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Poppins', sans-serif !important;
        /* max-width: 50px; */
        padding: 5px 10px 6px;
        word-break: break-word;
    }

.reportDataGrid-header table tr td {
    color: #343232 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
}
/************************CSS for dashboard search menu**********/
.homeDashboard_search_tableWrap tr td.dxeButtonLeft.dxeButtonEditButton_UGITNavyBlueDevEx {
    padding: 11px 2px 0px 3px;
}

.homeDashboard_search_tableWrap tr td.dxic input[type='text'] {
    padding: 7px 0px 0px 0px !important;
}


/********************CSS for newUI grid view*******************************/
.newUIGrid-dataRow td {
    padding: 0px 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}
/********************CSS for Calendar View **********************************/
.newUI-calendarView {
    font: 12px 'Poppins', sans-serif;
}

/******************CSS for Business unit Distribution Report***************************/
.businessUnit-ReportContainer {
    background: #fff;
    clear: both;
    margin-top: 5px;
}

.bReport-gridContainer {
    padding-left: 10px;
    width: 100%;
    float: right;
    margin-top: 10px;
}
/***************************CSS for combined lost job report**************************/
/*.lostJob-reportLabel{
    margin-left:14px;
}*/

/*****************************CSS for Lost job report *******************/
.report-tableHeader tr td span {
    padding-left: 15px;
}

.lostJob-reportLabel {
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    color: #4a6ee2;
    font: 12px 'Poppins', sans-serif !important;
}

.report-container {
    overflow-y: visible !important;
}
/********************************************CSS for Pipine by estimator****************/
.estimator-reportWrap {
    padding-left: 10px;
}

.estReport-gridHeaderRow table tr td {
    text-align: left !important;
    color: #343232;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

.estReport-gridHeaderRow {
    border: none;
}

.reportGrid-groupPannel {
    background: #fcfcfc;
}

    .reportGrid-groupPannel table tr td.estReport-gridHeaderRow {
        background: #ecf1f9;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        width: max-content;
        padding: 4px 5px 8px 5px;
        height: 35px;
        display: block;
        float: left;
        clear: both;
    }

.estReport-gridGroupRow {
    background-color: #fff;
    color: #4a6ee2 !important;
    font-weight: 600 !important;
    font: 13px 'Poppins', sans-serif !important;
}
/*.estReport-gridGroupRow td {
    border-bottom:none !important;
}*/
.estReport-groupFooterRow {
    background: #fff;
}

    .estReport-groupFooterRow td:first-child {
        background: #fff;
        border-right: none;
    }

.estReport-dataRow {
    background-color: #fff !important;
    background: none !important;
}

    .estReport-dataRow td {
        border-bottom: 5px solid #f6f7fb !important;
        border-right: none !important;
        /*text-align: left !important;*/
        padding-right: 10px !important;
        font-weight: 500;
        color: #201f35;
        font: 12px 'Poppins', sans-serif !important;
        padding: 5px 10px 6px;
        word-break: break-word;
        background: #fff !important;
        /*text-align: left;*/
    }

/*Added form Resource Allocation grid, as all cell values are displaying in center */
.estReportRA-dataRow td {
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    /*text-align: left !important;*/
    padding-right: 10px !important;
    font-weight: 500;
    color: #201f35;
    font: 12px 'Poppins', sans-serif !important;
    padding: 5px 10px 6px;
    word-break: break-word;
    background: #fff !important;
    text-align: left;
}

.report-footerGroupRow td, .estReport-groupFooterRow td, .report-footerRow td {
    color: #4a6ee2 !important;
    font: 12px 'Poppins', sans-serif !important;
    /*text-align: left !important;*/
    border-right: none !important;
}

    .report-footerGroupRow td b {
        font-weight: 500 !important;
    }

.lostJob-reportDateField {
    display: block;
}

.report-textField {
    background-color: #ecf1f9 !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    height: 33px;
    font: 12px 'Poppins', sans-serif !important
}

/***********************CSS for new UI Dashboard Header*****************************/
.userGroup-tabContainer {
    display: inline-block;
    float: right;
    width: auto;
    padding-top: 6px;
}

.activeCard {
    border-color: #4A6EE2 !important;
}

.reportEmailBody > table {
    display: table !important;
}

/******************remove left padding when popup***************/
.float-popup-xs.main-page-section.popup_wrap {
    padding-left: 12px !important;
    /*background: #F6F7FB;*/
    background: #fff;
}

.HomeCard_view.dxcvSelectedCard_UGITNavyBlueDevEx {
    border-bottom: 3px solid #4A6EE2;
    outline: none;
}

.cardViewTable-wrap {
    border: none;
}

    .cardViewTable-wrap tr td table.dxcvTable_UGITNavyBlueDevEx.dxcvFT {
        background-color: #F6F7FB;
    }

.cardView-wrapper tr td table tr td div.HomeCard_view:first-child {
    border-bottom: 3px solid #4A6EE2;
}
/********************************CSS for OPM Report*************************************************/
.reportOPm-popupHeader div.dxpc-headerContent span {
    font-size: 14px !important;
}

.winLosses-Header {
    color: #4A6EE2;
    font: 14px 'Poppins', sans-serif !important;
    border-bottom: 0px;
    padding: 7px 0px 0px 10px;
}

.opmReport-btn {
    padding: 2px 14px;
}

.opmWinLoss-roprtPopup .dxpc-contentWrapper {
    height: inherit !important;
}

    .opmWinLoss-roprtPopup .dxpc-contentWrapper .dxpc-content div.dxpnlControl_UGITNavyBlueDevEx {
        overflow-y: visible !important;
        overflow-x: visible !important
    }

.opmBuild-reportBtn {
    padding: 3px 14px;
}

.tabhover .opmBuild-reportBtn:hover {
    color: #fff;
}

.opmReport-btnWrap {
    clear: both;
    text-align: right;
    margin-right: 20px;
}
/******************************CSS for RMM home Page ************************************************/
.rmmHome-title {
    padding: 5px 0px;
}

.rmmModule-homeImg {
    display: inline-block;
}

.rmmModule-discription {
    display: inline-block;
    font: 14px 'Poppins', sans-serif;
    padding-left: 7px;
    padding-bottom: 0px;
}
/***************************CSS for Rmm Home Tab*******************************/
.rmm-tabWrap {
    margin-bottom: 0px;
}

    .rmm-tabWrap ul {
        background-color: #F6F7FB;
        /*border-bottom: 1px solid #4A6EE2;*/
        margin-bottom: 10px;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

        .rmm-tabWrap ul li {
            border: none !important;
            color: #4A6EE2;
            padding-bottom: 0px;
            background: #F6F7FB !important;
        }

            .rmm-tabWrap ul li.dxtc-activeTab {
                background: #ededf3 !important
            }

            .rmm-tabWrap ul li a {
                color: #78797e !important;
                /*color: #007bff !important;*/
                font-size: 14px;
            }

            .rmm-tabWrap ul li.dxtc-activeTab a {
                border-bottom: 2px solid #4A6EE2;
                color: #4A6EE2 !important;
                font-weight: 500;
            }

            .rmm-tabWrap ul li.dxtc-spacer {
                border-right: 1px solid #D1D1D1 !important;
            }

.findResource-rmmBtn {
    float: right;
    background: none !important;
}

    .findResource-rmmBtn div.dxb {
        background: #4A6EE2;
        border-radius: 4px;
        font: 12px 'Poppins', sans-serif !important;
    }

.findResource-rmmBtnWrap {
    padding-left: 0px;
    padding-right: 5px;
}

.findResource-rmmBtn div.dxb img.dx-vam {
    filter: brightness(0) invert(1);
}

.rmm-gridContainer {
    background: #fff;
    border-radius: 4px;
}

.rmmDb-dropDownLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    padding-left: 10px;
    padding-left: 11px;
}

.rmmDb-dropDownWrap {
    clear: both;
    padding-left: 10px;
}

.rmm-dropDownList-wrap {
    clear: both;
    display: inline-block;
    /*margin-right:7px;*/
}

.rmmDb-viewdropdownWrap {
    clear: both;
    display: inline-block;
    margin-left: 20px;
}

.rmm-dropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

    .rmm-dropDownList.dropdowncss {
        width: 100px;
    }

.rmmDb-Wrap {
    padding: 4px 0px;
}

.rmmHomeDb-GridWrap {
    padding: 0px 8px;
}

.rmmHomeDb-btnContainer {
    margin-bottom: 10px;
}

.rmmHomeDb-btnWrap {
    float: right;
    padding-top: 5px;
    padding-left: 5px;
}

.rmm-btn {
    background: #4A6EE2;
    padding: 0px !important;
    font: 12px 'Poppins', sans-serif !important;
}

.rmmGridRow td {
    padding: 0px 20px 0px 6px !important;
}

.addgroupicon {
    float: none;
    padding-top: 2px;
    margin-left: 2px;
    cursor: pointer;
}

.rmmEdit-groupIcon {
    margin-right: 5px;
    margin-top: 2px;
}

.rmmAction-iconWrap {
    float: right;
    position: relative;
    right: 10px;
    top: -12px;
}

.rmmExport-icon {
    width: 21px;
    padding-left: 5px;
    top: -2px;
    position: relative;
}

.next div.dxb img {
    filter: brightness(0) invert(1);
}

/****************************CSS for resource allocation tab***************************************/
.allocationblockinner {
    background: #fff;
}

.selectedresourcelbheading {
    color: #4a90e2;
    font: 14px 'Poppins', sans-serif !important;
}

.resourceDrpDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .resourceDrpDown tr td {
        background: #fff;
    }

        .resourceDrpDown tr td.dxic input[type="text"] {
            background: #fff;
        }

.resourceLabel {
    color: #4a90e2;
    font: 12px 'Poppins', sans-serif !important;
}

.resouceValue {
    font: 12px 'Poppins', sans-serif !important;
}

.currentAllo-label {
    float: right;
}

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

.resouce-expand, .resouce-collapse, .resource-img {
    width: 18px;
}

.allocationPannel-wrap {
    float: left;
    padding: 0px 15px 0px 2px;
    margin-bottom: 5px;
}

.resourceLink {
    font: 12px 'Poppins', sans-serif !important;
}

.estReport-gridGroupRow td {
    background-color: #fff !important;
    border-right: 0px !important;
}

.rmmEmpty-ProgressBar {
    border: 1px solid #d0d0d5 !important;
    border-radius: 4px;
}

.rmmEmpty-ProgressBar .progressbar, .rmmEmpty-ProgressBar .progressbarhold {
    height: 23px;
    border-radius: 0px;
}

.emptyProgressBar {
    background-color: #fff;
    height: 25px;
    border: 1px solid gray;
    background-size: 100% 100%;
    color: white;
    overflow: hidden;
}

.progressbarhold {
    background: #F93E6A url("/content/images/AgeRectRed.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: white !important;
}

.progressbar {
    background: #00ECBF url("/content/images/AgeRectGreen.png") no-repeat;
    height: 25px !important;
    font-size: 14px !important;
    background-size: 100% 100%;
    color: black;
}

/*********************CSS for Resource Utilization tab****************************/
.reourceUti-container {
    background: #FFF;
}

.resourceUti-filterWarp {
    padding: 10px 0px;
}

.resourceUti-label {
    color: #4A6EE2;
    font: 12px 'Poppins', sans-serif !important;
}

.txtbox-halfwidth.aspxDropDownList, .managerdropdown.aspxDropDownList {
    padding: 3px 0px 3px 4px;
}

.managerdropdown.aspxDropDownList {
    width: 100%
}

.resourceUti-dropDownList.aspxDropDownList {
    padding: 3px 0px 3px 4px;
    width: 100%;
}
/*********************CSS for RMM ASPxGridLookup Dropdown control*******************************************/
.rmmGridLookup {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 31px;
}

    .rmmGridLookup tr td.dxic input[type="text"] {
        background: #fff;
    }

    .rmmGridLookup tr td {
        background: #fff;
        background-image: url(/Content/Images/DropdownArrow.png) !important;
        background-repeat: no-repeat;
        background-position: 45%;
    }

        .rmmGridLookup tr td.dxeButton.dxeButtonEditButton_DevEx img {
            display: none;
        }

.RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC {
    padding-right: 0px !important;
}

    .RMMaspxGridLookup-dropDown table tr td div.dxgvHSDC > div {
        width: 100% !important;
    }
/***************************CSS for RMM CheckBox*************************/
.RMM-checkWrap {
    display: inline-block;
    margin-right: 10px;
}

    .RMM-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .RMM-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 13px 'Poppins', sans-serif;
        color: #4A90E2;
        margin-left: -2px;
    }

        .RMM-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #4A90E2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .RMM-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 5px;
        height: 9px;
        border: solid #4A90E2;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.rmmChkBox-container {
    float: left;
    padding: 0px 20px 4px 10px;
    border: 1px solid #D9DAE0;
    /*margin-bottom: 10px;*/
    border-radius: 4px;
}

.valueViewMode, .viewProjectMode, .allocationView {
    border: 1px solid #D9DAE0;
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
    display: block;
}

    .valueTypeMode label, .valueViewMode label {
        top: 2px;
    }

.respurceUti-gridContainer {
    padding: 0px 15px;
}

.RMM-resourceUti-gridDataRow td {
    color: #000;
}

.RMM-resourceUti-gridHeaderRow {
    border: 1px Solid #cbcbcb !important;
}

    .RMM-resourceUti-gridHeaderRow a {
        color: #4A90E2 !important;
        font: 12px 'Poppins', sans-serif;
        font-weight: 600;
    }
/******************************************CSS for New UI left side menu bar****************************************/
.newLeftSide-menuWrap {
    position: fixed;
    z-index: 99999;
    bottom: 10px;
    padding-left: 15px;
}

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

    .leftSideMenu-container li {
        list-style-type: none;
        padding-bottom: 20px;
    }

/*Commentted below css stop test left menu*/
/*.dxm-main.leftSideBottomMenu-container ul.dx li.dxm-item.dxm-disabled {
    cursor: not-allowed;
}
.leftSideBottomMenu-container ul li.dxm-item.dxm-selected, .leftSideBottomMenu-container ul li.dxm-item.dxm-hovered {
    background: #565D67 !important;
}
.lefsideMenu-icon div img {
    margin-left: 3px;
}*/
.newLeftSide-menu {
    width: 22px;
}

.filter-last {
    margin-bottom: 22px;
}

.float-popup-xs.main-page-section {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 100%;
    min-height: 100%;
    /*height: 100%;*/
}

/*.dashboard_leftSideMenu {
    height: 100%;
    z-index: 9999;
}*/

/*.float-popup-xs.main-page-section.right_content {
    padding-left: 250px;
    width: 100%;
    float: right;
}*/

/*.newGridIcon {
    width: 22px;
    margin-left: 10px;
}*/

/****************************************************************************CSS for New ITSM + new DevExpress ***************************************************************/

.dashboard-panel-main, .dashboard-panel-main-mini, .dashboard-panel-main-notmove {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 6px 12px #ddd;
    /*cursor: pointer;*/
}

.dashboard-panel-main-mini {
    padding-top: 0px;
    padding-right: 0px
}

.panel-content-header {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    /*margin-right: 5px;*/
    font-size: 12px;
    /*width: 100% !important;*/
}

.AdditionCss > div {
    width: 100% !important;
}

.none-middletop-rep {
    right: 10px;
    position: relative;
}

.primary-blueBtn {
    background: none;
    border: none;
}

    .primary-blueBtn .dxb {
        background: #4A6EE2;
        color: #FFF;
        border: 1px solid #4A6EE2 !important;
        border-radius: 4px;
        padding: 5px 13px 5px 13px !important;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

    .dxbButton_UGITNavyBlueDevEx .dxb img {
        display: none !important;
    }

.secondary-cancelBtn {
    background: none;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    margin-right: 5px;
    margin-top: 1px;
    padding:0;
}

    .secondary-cancelBtn .dxb {
        padding: 4px 10px 3px !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }

.dxbButton_UGITNavyBlueDevEx.secondary-cancelBtn .dxb {
    padding: 4px 10px 3px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

/************CSS for SVC ticket create button*********/
.attachment-container {
    padding-right: 33px
}

.svcCancelBtn {
    margin-top: 1px;
}

/************CSS for ITSM DropDownlist Control************/
.dxeButtonEdit_UGITNavyBlueDevEx.itsmDropDownList, .itsmDropDownList {
    width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

    .itsmDropDownList tr td.dxic input[type='text'] {
        background: #fff;
        height: 24px;
    }

    .itsmDropDownList tr td {
        background: #fff;
    }

.ITSMbtn-container {
    text-align: right;
}
/*.clipboardBtn-popupCancel {
    margin-top: 6px;
    margin-right:0px;
}*/
.aspControl-TextArea {
    width: 100%;
    font: 12px 'Poppins', sans-serif !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 35px;
    color: #000;
}

/***************************New Admin UI(Service prime setup)****************************/
.main-container {
    margin-top: 60px;
    margin-left: 5%;
}

.worflow-wrap {
    margin-top: 50px;
}

.service-list {
    list-style-type: none;
    display: inline-block;
}

.service-image img {
    width: 40px;
}

.vr-line {
    display: inline-block;
    border-top: 2px solid #B59B70;
    position: relative;
    left: 25px;
    top: 11px;
    width: 182px;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
    top: -9px;
}

.ServiceModule-content {
    position: absolute;
    top: 100px;
    width: 160px;
}

.Service-title {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.service-discription {
    font-size: 12px;
    color: #666;
}

.service-lastDot {
    top: 14px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 16px;
}

.service-image img {
    width: 40px;
}

.servicePrime-workFlow {
    padding-left: 175px;
    border: 1px solid #dadadd;
    border-radius: 40px;
    padding-top: 20px;
}

    .servicePrime-workFlow .dxis-nbBottom {
        height: 250px !important;
    }

    .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper {
        height: 250px !important;
    }

        .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel {
            height: 250px !important;
        }

            .servicePrime-workFlow div div.dxis-nbSlidePanelWrapper div.dxis-nbSlidePanel div.dxis-nbItem {
                width: 200px !important;
                height: 250px !important;
            }

.url.servicePrime-url {
    width: 200px;
    height: 250px;
    text-align: left;
}

.servicePrime-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -106px !important;
    top: 70px !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 25px;
    height: 25px;
    margin: 0px !important;
}

.servicePrime-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: -85px !important;
    top: 75px !important;
    background-position: 4px 0px;
    width: 25px;
    height: 25px
}

.lastDot {
    top: 7px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 39px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.dot:hover {
    filter: brightness(51%);
    z-index: 99;
}

.list a {
    cursor: pointer;
}

.service-title {
    padding-top: 50px;
    padding-left: 15px;
    text-align: center;
}

.backAdmin-btnWrap {
    padding-left: 15px;
}

.backToAdmin-btn {
    background: transparent;
    border: none;
    color: #4a6ee2;
    padding: 0px 10px 6px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    text-decoration: underline;
}
/********css for Admin new UI (Workflows)**********************/
.workflowTitle-wrap {
    margin-top: 191px;
    text-align: center;
}

.workflowList-container {
    padding: 20px 0px;
    border: 1px solid #dadadd;
    border-radius: 40px;
}

.workFlow-listWrap {
    padding-left: 10px;
}

.item {
    width: 180px !important;
}

.url {
    display: block;
    line-height: 1.2;
    padding: 9px 0px 1px 0px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 150px;
    /*filter: brightness(0.3);*/
}

    .url:hover {
        filter: brightness(0.5);
    }

.url-collaboration {
    padding-top: 2px;
}

.lastHr {
    width: 89px;
    position: absolute;
    left: 0px;
}

.lastModuleName {
    margin-top: 33px !important;
}

.aspxImage-sliderImg {
    margin-bottom: 12px;
    /*filter: brightness(0.3);*/
}

.workflowDot {
    height: 10px;
    width: 10px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 83px;
    z-index: 99;
    top: 50px;
    /*filter: brightness(0.3);*/
}

.module-name {
    /*white-space: normal;*/
    font: 12px 'Poppins', sans-serif !important;
    margin-top: 10px;
    width: 100px;
    word-break: break-word;
    margin-left: 44px;
    color: #666;
}

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

.workflow-imageSlider {
    width: 100% !important;
    height: 100% !important;
    /*border: 1px solid #dadadd;*/
    /*border-radius: 40px;
    padding-top: 20px;*/
}

.workflow-nextArrow {
    background-image: url("/Content/Images/next-arrow.png");
    background-size: 18px;
    right: -116px !important;
    top: 11% !important;
    position: absolute !important;
    margin-top: 0px !important;
    background-position: 2px 3px;
    width: 145px;
    height: 92px;
    margin: 0px !important;
}

.workflow-prevArrow {
    background-image: url("/Content/Images/pre-arrow.png");
    background-size: 18px;
    position: absolute !important;
    margin: 0px !important;
    left: 12px !important;
    top: 13% !important;
    background-position: 4px 0px;
    width: 30px;
    height: 75px;
}

.workflow-list {
    list-style-type: none;
}

.workflow-mainImg {
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
    margin-right: 25px;
    text-align: center;
}

    .workflow-mainImg img {
        width: 45px;
    }

.workflow-vrLine {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 155px;
    position: absolute;
}

.module-workflow {
    display: inline-block;
}

.verticalLine-dot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    top: 52px;
    position: absolute;
    left: -7px;
    z-index: 99;
    /*filter: brightness(0.3);*/
}
/*.listNo2{
    padding-top:65px;
}*/
.workflow-imageSlider.smallImage-slider .dxis-nbBottom .dxis-nbSlidePanelWrapper .dxis-nbSlidePanel {
    transform: none !important;
}

.workFlow-heading {
    width: 100px;
    word-break: break-word;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

/*....................Admin core service prime..........................................................*/
.adminPage-container {
    margin-top: 20px;
    margin-bottom: 80px;
}

.outerImg-wrap:hover {
    filter: brightness(0.5);
    z-index: 99;
}

.workflow-container {
    margin-top: 60px;
}

.adminService-headingWrap {
    text-align: center;
    width: 100%;
}

.adminService-btnWrap {
    display: inline-block;
    float: right;
    margin-top: -52px;
}

.adminService-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    margin-top: 0px;
    padding-left: 1%;
}

.adminService-btn {
    float: right;
    background: #4a6ee2 !important;
    color: #FFF;
    padding: 7px;
    border-radius: 4px;
    font: 12px 'Poppins', sans-serif;
    border: none
}

.inner-imgWrap {
    width: 370px;
    height: 370px;
    border: 2px solid #B59B70;
    border-radius: 50%;
    position: relative;
    left: 132px;
    top: 19%;
}

.innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 33px;
    top: 29px;
    position: absolute;
}

.outerWrap {
    /*border: 1px solid red;*/
    border-radius: 50%;
    width: 640px;
    height: 600px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.outer-img1 {
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
}

.outerImg-wrap {
    width: 122px;
    position: absolute;
    display: inline-block;
}

.step-tile {
    margin: 5px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

.step-description {
    font-family: 'Poppins', sans-serif;
    color: #666;
    font-size: 12px;
}

.outer-img {
    width: 30px;
    height: 30px;
}


.rotate-pos {
    transform: rotate(90deg);
}


.img-wrap1 {
    left: 260px;
    top: -29px;
}

.img-wrap2 {
    left: 438px;
    top: 28px;
}

.img-wrap3 {
    top: 188px;
    left: 529px;
}

.img-wrap4 {
    /*top: 297px;
    left: 522px;*/
    top: 350px;
    left: 512px;
}

.img-wrap5 {
    bottom: -18px;
    left: 439px;
}

.img-wrap6 {
    bottom: -36px;
    left: 260px;
}

.img-wrap7 {
    bottom: -1px;
    left: 82px;
}

.img-wrap8 {
    bottom: 150px;
    left: -2px;
}

.img-wrap9 {
    top: 188px;
    left: -15px;
}

.img-wrap10 {
    top: 29px;
    left: 61px;
}

.innerDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: 9;
}

.dot1 {
    left: 51px;
    top: 136px;
}

.dot2 {
    left: -16px;
    top: 118px;
}

.dot3 {
    /*left: -30%;
    top: 63%;*/
    left: -46px;
    top: 43px;
}

.dot4 {
    /*top: 30%;
    left: -16%;*/
    top: 0px;
    left: -28px;
}

.dot5 {
    /*top: -21%;
    left: -7%;*/
    top: -45px;
    left: -17px;
}

.dot6 {
    /*top: -30%;
    left: 46px;*/
    top: -60px;
    left: 51px;
}

.dot7 {
    /*top: -27%;
    left: 89%;*/
    top: -45px;
    left: 118px;
}

.dot8 {
    /*top: 8%;
    right: -37%;*/
    top: 0px;
    right: -30px;
}

.dot9 {
    /*right: -47%;
    top: 72%*/
    right: -44px;
    top: 43px;
}

.dot10 {
    /*right: -15%;*/
    right: -27px;
    top: 119px;
}

/************main header changes*************/
.header {
    /*background: #c7ddf6;*/
    /*background: #e2efff;*/
    /*box-shadow: 2px 1px 6px #CCC;*/
    /*background: #565d67;*/
    /*background: #343A40;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;*/
    /*margin-bottom: 25px;*/
}
/*.header_bg{
    padding-bottom:50px;
}*/
/************************************************New CSS For ITSM Module************************************************/

/***********CSS for Message Bord**************/
.headerPage-title {
    padding: 15px 15px;
}

.messageAlert p {
    color: red;
    font: 14px 'Poppins', sans-serif;
}

.messageWarning p {
    color: #BD2400;
    font: 14px 'Poppins', sans-serif;
}

.messageSuccess p {
    color: green;
    font: 14px 'Poppins', sans-serif;
}
/******CCS for main dahbord page*/
.dashboard-panel {
    padding: 15px;
    /*padding-left: 5px;
    width: auto;
    display: inline-block;
    float: left;
    border: 1px solid #f7f4f4;
    border-radius: 11px;
    box-shadow: 0 3px 13px -6px rgb(14 14 14);
    margin-top: 6px;
    width:100%;*/
}

.dashboardkpi-txt {
    font: 13px 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    color: #232C49 !important;
}

.dashboardtitle111 {
    /*float: left !important;*/
    text-transform: uppercase !important;
    color: #4A90E2 !important;
    font: 14px 'Poppins', sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.dashboard-myHomeTabs {
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

.tab-contentdiv {
    width: 100%;
}

.grid-mainContainer {
    overflow-y: visible !important;
    padding: 0px !important;
}

.SVCHomeGrid {
    /*border: 1px solid #000;
    border-radius:4px;*/
    margin-top: 10px;
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.homeGrid-dropDown-option {
    padding: 2px 10px !important;
    background: #FFF !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
}

    .homeGrid-dropDown-option:hover {
        background: #eaedf0 !important;
    }

/******************************CSS for Trial user workflow******************/
.user-dot1 {
    left: 52px;
    top: 136px;
}

.user-dot2 {
    left: 21px;
    top: 164px;
}

.userImg-wrap6 {
    top: 97px;
    left: 8px;
}

.user-dot6 {
    top: 114px;
    left: 137px;
}

.useIimg-wrap5 {
    bottom: 137px;
    left: -9px;
}

.user-dot5 {
    top: 48px;
    left: 147px
}

.user-dot4 {
    bottom: 154px;
    left: 50px;
}

.userImg-wrap4 {
    bottom: -47px;
    left: 265px;
}

.userImg-wrap3 {
    bottom: 136px;
    left: 525px;
}

.user-sdot3 {
    bottom: 61px;
    left: -53px;
}

.userImg-wrap2 {
    left: 518px;
    top: 91px;
}

.user-dot2 {
    left: -37px;
    top: 123px;
}

.trialUser-innerImg {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 36px;
    top: 17px;
    position: absolute;
}

/**********************CSS for New jequery UI dialogue Box*************/
.dialogBox-okBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF !important;
    font: 14px 'Poppins', sans-serif !important;
    padding: 2px 17px;
    border-radius: 4px;
}

.dialogBox-okBtnWrap {
    text-align: right;
    position: relative;
    bottom: -47px;
}

.NewTktDialog {
    width: 100% !important;
    font: 12px 'Poppins', sans-serif !important;
}
/***************CSS for ITSM Grid Filter********************/
.ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: block;*/
}

    .ITSMSearchFilter_content table.dxeListBox_UGITNavyBlueDevEx.dxlbcc tr td div table {
        margin-bottom: 0px;
        border: none;
    }

.ITSMSearchFilter_content table tr td div.dxeListBoxSelectAll_UGITNavyBlueDevEx {
    background: #eaedf0 !important;
    border-top: 1px solid #d9e2ee;
    color: #4A6EE2 !important;
    font-size: 12px;
    padding: 5px;
}

    .ITSMSearchFilter_content table tr td div.dxlbd div table.dxeListBoxEllipsisSys tr td.dxeListBoxItem_UGITNavyBlueDevEx {
        background: #FFF;
        border-top: 1px solid #d9e2ee;
        font-size: 12px;
        font-family: 'Poppins', sans-serif !important;
        color: #4A6EE2;
        font-weight: 400;
    }

.ITSMFilterFooter_btnWrap {
    background-color: #FFF !important;
    border-top: 1px solid #E0E0E0;
    background: none !important;
    position: relative;
    padding-bottom: 6px;
}

    .ITSMFilterFooter_btnWrap .dxpc-footerContent {
        background-color: #fff;
    }

    .ITSMFilterFooter_btnWrap div.dxpc-footerContent table {
        float: right;
    }

.ITSMFilter_okBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: none;
}

    .ITSMFilter_okBtn .dxb {
        background: #4a6ee2 !important;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }

.ITSMFilter_cancelBtn {
    width: auto !important;
    background: none !important;
    display: block !important;
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    height: auto !important;
}

    .ITSMFilter_cancelBtn .dxb {
        background: none !important;
        color: #4a6ee2 !important;
        font-size: 12px;
        font-weight: 500;
        padding: 0px 14px !important;
    }

.dxeButtonEdit_UGITNavyBlueDevEx.homeGrid_dropDown.svcDashboard_dropdown {
    margin-left: 0px;
    margin-top: 0px;
}

.noPaddingLeft {
    padding-left: 0px;
}
/*******************CSS for NEW ITSM**********************/
.ITSMButton-secondary {
    background: none;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

    .ITSMButton-secondary:focus {
        color: #FFF;
    }

.slectedBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
}

.ITSMButton-secondary:hover {
    background: #4A6EE2;
    color: #fff;
}

.ITSMButton-secondary::selection {
    background: #4A6EE2;
    color: #fff;
}

.itsmLanding-gridContainer {
    padding-top: 25px;
    padding-left: 10px;
}

.fixed-paddingRight {
    padding-right: 25px;
}

.fixed-paddingLeft {
    padding-left: 25px;
}

.itsmCtrl-buttonlist {
    padding-left: 25px;
    padding-top: 10px;
}

.homeGrid_headerColumn.itsmGrid-headerCol th.grid-header {
    padding: 0px 9px;
    font-weight: 500;
    text-align: center;
    background-color: #F2F2F2;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    box-shadow: none;
}

.itsmGrid_dataRow {
    background-color: #FFF !important;
}

    .itsmGrid_dataRow td {
        font-size: 14px;
        padding: 8px 7px !important;
        /*font-weight: 500;*/
        color: #000;
        /*border-bottom: 5px solid #f6f7fb !important;*/
        /*border-right: none !important;*/
        font-family: 'Poppins', sans-serif;
        height: 58px;
    }

.divcell_0 {
    height: 32px;
    /*background-color: #d3d4d5;*/
    color: #000;
    width: 107px;
}

.cell_0_0 {
    background-color: #f3f3f3;
    padding: 0px;
    height: 32px;
    width: 150px;
}

.severity-headerLable {
    float: right;
    margin-right: -25px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.impact-headerLable {
    margin: 5px 5px;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.landing-pageTitle {
    padding: 12px 10px 10px;
    font-family: poppins sans-serif;
    font-size: 22px;
    color: #fff;
    /*color: #c7cfda;*/
    /*color: #a0db49;*/
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.bottleneckChart-container {
    /*width: 80%;
    margin-left: auto;
    margin-right: auto;*/
    float: left;
    width: 100%;
}

.bottleneckChart-containerWrap {
    width: 100%;
    text-align: center;
    float: left;
    padding-left: 20px;
}

.summaryContainer {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 15px 15px 45px;
    margin-top: 28px;
    float: left;
    border: 1px solid lightgray;
    border-radius: 4px;
}
/***************css for Super Admin grid*******/
.superAdmin-gridLink {
    color: #4a6ee2 !important;
}

.redirect-superAdmin {
    background: none;
    border: none;
    padding-bottom: 5px;
    font-family: 'Poppins',sans-serif !important;
    font-size: 12px;
}

.superAdminFrid-row {
    background-color: #fff !important;
}

.superAdminGrid-row td {
    font-weight: 500;
    color: #201f35;
    font: 14px 'Poppins', sans-serif !important;
    padding: 12px !important;
}

.superAdminGrid-headerRow {
    background: #e1e1e1;
    padding: 10px;
    font: 14px 'Poppins', sans-serif !important;
}

.disableModule {
    pointer-events: none;
    /*cursor: not-allowed;*/
    opacity: 0.5;
}

/****if popup -> hide left side menu********/
.popup_wrap .leftSide_menuContainer {
    display: none;
}

.infoShowHideLabel {
    cursor: pointer;
    /*margin-left: 10px;*/
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    color: #FF9800;
}

    .infoShowHideLabel:hover {
        color: #FF9800;
    }

.lookUpValueBox-dropDown {
    width: 100%;
}

    .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx {
        min-width: 100% !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px;
        /*background: #ecf1f9;*/
        background: #f8fafc;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        padding: 0px 2px;
    }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type="text"] {
            height: 28px !important;
        }

        .lookUpValueBox-dropDown table.dxeButtonEditSys.dxeButtonEdit_UGITNavyBlueDevEx tr td {
            background: #fff;
            padding-right: 6px;
        }
/*******************************CSS for CPR-> lookup value box drop Down*************************/
.lookupValueBox-drpDwnRow td {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

.lookupValueBox-drpDwnRow.dxgvFocusedRow_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}

.lookupValueBox-drpDwnRow.dxgvDataRowHover_UGITNavyBlueDevEx {
    background: #F8F9F9 !important;
    color: #4A6EE2 !important;
}
/*.secondaryCancelBtn-wrap{
    display:inline-block;
}*/
.rmmWorkHrs-inputField tr td.dxic input[type="text"] {
    height: 28px;
}

.userValueBox-dropDown .bg-light-blue {
    padding: 0px;
    background: #fff !important;
}

/*......................Create new User.................................................................*/
.cancelInvite {
    padding: 25px 15px 25px 25px;
    float: right;
}

.showMoreLink {
    /*padding: 25px 0px 0px 18px;*/
    padding: 2px 7px;
}

.taskGrid-body {
    overflow: visible !important;
}

.header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
    padding: 4px;
}

/*******change for super admin login-> header***********/
.page-container {
    /*min-width: 1260px;* commenting while making edit ticket responsive*/
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    z-index: 0;
}

.superAdmin-headerLogo {
    display: inline-block;
    padding: 7px 0px;
}

.registration-tenantContainer {
    position: relative;
    clear: both;
    top: 48px;
}

.tenant-regTitle {
    margin-top: 10px;
    font-family: 'Poppins', sans-serif;
}

.tenant-regBtn {
    background: #4A6EE2;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.logoWrap {
    padding-left: 10px;
}

.loginHeader {
    background-color: #565D67;
}

/****************CSS for ASp Link button*********/
.disableUser-yesBtnWrap, .disableUser-CancelBtnWrap {
    display: inline-block;
}

.aspLinkBtn-secondaryBlueBtn {
    border: 1px solid #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 4px;
}

.aspLinkBtn-primaryBlueBtn {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 2px 13px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.rmmdisable-userMsg {
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

.lookUpValueBox-dropDown table {
    width: 100%;
}

.replaceUser-title {
    padding: 0px 0px 5px 5px;
}

    .replaceUser-title b, .ticketspageinfo, .taskpageinfo {
        color: #4A6EE2;
        font: 14px 'Poppins', sans-serif;
    }

.replaceUser-btnContainer {
    padding-top: 10px;
    clear: both;
}

.replaceUser-BtnWrap {
    text-align: right;
    display: block;
}

.actionBtn-wrap {
    position: absolute;
    bottom: 10px;
    right: 9px;
    text-align: right;
}

.enableUser-actionBtn-wrap {
    position: absolute;
    top: 97px;
    right: 5px;
    text-align: right;
}

.msgPopup-wrap span {
    color: #4A6EE2;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

/***********css for Import popup **********/
.import-label span {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-left: 6px;
}

.import-chkBoxContainer {
    margin-top: 7px;
}

.popuplinkBtn-Cancel, .popuplinkBtn-save {
    display: inline-block;
}

.linkBtn-cancel {
    background: none !important;
    border: 1px solid #4A6EE2;
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
}

.import-cancelBtn {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    padding: 7px 21px;
    font-weight: 500;
    float: left;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
}

.field-label {
    color: #4A6EE2;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 7px;
}

.SVCaspxDropDownList {
    background: #fff;
    border: 1px solid #ccd4e1;
    width: 100%;
    height: 35px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.svcWorkflow-container {
    padding: 4px 0px 35px 0px;
}

.svcDropDownlist {
    width: 100%;
    height: 31px !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.dbNewBtn-popupList-wrap {
    background: #FFF;
    border: 1px solid #ccd4e1 !important;
}

    .dbNewBtn-popupList-wrap ul.dx.dxm-gutter {
        background-image: none !important;
    }

    .dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText img.dxm-image.dx-vam {
        margin-right: 5px !important;
    }

    .dbNewBtn-popupList-wrap ul li.ccsNewbuttonAtHome a.dxm-content.dxm-hasText {
        color: #4A6EE2;
        font-family: 'Poppins', sans-serif;
    }
/*.addComment-btnWrap {
    margin: 10px 0px;
}*/
/*.comment-nextBtn .dxb{
    padding:0px !important;
}*/
.RequestdByMultiUser_Table td.multiUserImg_wrap, .RequestdByMultiUser_Table td {
    border-bottom: none !important;
}

.dropDown-label span, .dxeBase_UGITNavyBlueDevEx.userProfile-lable {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}
/*********************CSS Show or hide Section *********************************/
.showMore {
    top: -24px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

.showLess {
    top: -24px;
    position: absolute;
    right: 14px;
    padding: 2px 15px;
}

#collapseIcon {
    color: #515151;
    float: right;
    cursor: pointer;
}

#expandIcon {
    bottom: 10px;
    position: absolute;
    right: 14px;
}

/*********************CSS for ASPX comboBoax dropDown *********************************/
.aspxComboBox-listBox {
    background: #fff !important;
    border-radius: 0px !important;
}

    .aspxComboBox-listBox .dxeListBoxItemRow_UGITNavyBlueDevEx td {
        border-top: 1px solid #d9dae0;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        padding-left: 5px;
        background: #fff;
        padding: 5px;
    }

.categorydroDown-wrap {
    padding-right: 10px;
}

.requestTypeGrid-wrap {
    margin-top: 7px;
}

.editTask_actionBtn_wrap {
    float: right;
}

.editTask-actionbtn div.dxb img {
    margin-left: 9px !important;
}

/*.new-task-eSVC {
    background: #F6F7FB;
}*/

.noPaddingRight {
    padding-right: 0px;
}
/*.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}*/
.relatedTicket_dropDown_select {
    text-align: left;
}
/*********************CSS for ASPX combobox **************************/
.aspxComboBox-dropdown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding-right: 6px;
    width: 100%;
}

    .aspxComboBox-dropdown tr td {
        background: #fff;
    }

        .aspxComboBox-dropdown tr td.dxic input[type="text"] {
            height: 28px !important;
        }

.chooseDepartment_list tr td > div > div {
    height: auto !important;
    /*border-bottom: 1px solid #ccd4e1;*/
    padding: 3px 5px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.gridLinkbutton {
    padding-bottom: 10px;
    float: right;
}

.putOnHold-btnContainer {
    float: right;
    margin-bottom: 10px;
    clear: both;
    margin-top: 10px
}

.cancel-btnWrap, .holdBtnWrap {
    display: inline-block;
}
/*.commentBox-wrap {
    margin-top: 15px;
    margin-bottom: 10px;
}*/
.link-secondaryBtn {
    color: #4A6EE2;
    padding: 4px 10px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.message-text {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.message-Wrap {
    margin-top: 5px;
}

.editBtnWrap.addEditPopup-btnWrap {
    margin-bottom: 10px;
    padding-top: 20px;
}
/*.removeHold-commentWrap {
    margin-bottom: 10px;
}*/
.removeHold-btnWrap {
    margin-bottom: 10px;
    text-align: right;
}


/**************************CSS for Global Search****************************/
.gbSearch-grid, .gbSearch-grid table {
    background-color: #fff !important;
}

.globalSearch-feildWrap {
    padding-top: 35px;
}

.gbSearch-label {
    color: #4A6EE2;
    font-size: 13px;
}

.tabs-left {
    margin-top: 3rem;
    border: 1px solid #dfdcdc;
    background: #FFF;
}

.global-searchWrap {
    background: #fff;
}

.global-searchContainer {
    padding: 0px !important;
}

.nav-tabs {
    float: left;
    border-bottom: 0;
    border-bottom: 0;
    background: #fff;
}

    .nav-tabs > li {
        float: none;
        margin-bottom: 7px;
    }

        .nav-tabs > li > a {
            margin-right: 0;
            border: 0;
            border-radius: 0;
            background-color: #F6F7FB;
            color: #FFF;
            padding: 40px 20px 50px 20px;
        }

            .nav-tabs > li > a:hover {
                background-color: #d8dbe3;
            }

.glyphicon {
    color: #fff;
}

.active .glyphicon {
    color: #333;
    top: 2px;
    right: 1px;
}

.nav-tabs > li > a div.tab-listIcon {
    background: #4A6EE2;
    width: 32px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    padding: 5px;
    font-size: 16px;
}

.nav-tabs > li.active > a div.tab-listName {
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li > a div.tab-listName {
    color: #4A6EE2;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
    width: 100px;
    float: right;
    margin-left: 13px;
}

.nav-tabs > li.active > a div.tab-listIcon {
    width: 32px;
    background: #FFF;
    color: #4A6EE2;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    height: 32px;
    color: #4A6EE2;
    font-size: 16px;
}

nav-tabs > li > a div.serviceCatlog-icon {
    padding: 3px 5px 5px 8px;
}

.nav-tabs > li.active > a {
    background-color: #4A6EE2;
    color: #FFF;
    padding: 40px 20px 50px 20px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 0;
        background-color: #4A6EE2;
        color: #FFF;
    }

.tab-content {
    margin-left: 45px;
}

.tab-pane {
    display: none;
    background-color: #fff;
    padding: 1.6rem;
    overflow-y: auto;
}

    .tab-pane.active {
        display: block;
        padding: 0;
    }

.list-group {
    width: 100%;
}

.list-group-item {
    height: 50px;
}

.search-header {
    padding: 10px 15px;
    background-color: #F0F0F0;
}

    .search-header p {
        font-size: 14px;
        color: #4A6EE2;
        font-weight: 600;
        margin-bottom: 0px;
    }

.globalSearch-dataRow {
    background-color: #fff;
}

    .globalSearch-dataRow td {
        border: none;
        border-bottom: none !important;
        padding-bottom: 15px !important;
    }

.dxeBase_UGITNavyBlueDevEx.globalSearch-title {
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

.globalSearch-link .dxhlHeader_UGITNavyBlueDevEx {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    text-decoration: underline;
}

.dxeBase_UGITNavyBlueDevEx.globalSearch-desc {
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.globalSearch-created .dxhlHeader_UGITNavyBlueDevEx {
    margin-bottom: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    color: #9b9797;
}

.gridFooter-pager {
    border-top: 1px solid #cacbd3;
    background: #fff;
    text-align: right;
}

.searchPopup-title {
    text-align: center;
    margin: 30px 0px 35px;
}

.searchPopup-inputSearch {
    display: inline-block;
}

.searchPopup-btnWrap {
    display: inline-block;
    float: right;
}

.search-btn {
    background: #4A6EE2;
    color: #FFF;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 4px 10px;
}

    .search-btn:active, .search-btn:focus, .search-btn:hover {
        background: #4A6EE2;
        color: #FFF;
    }

.popupSearch-input {
    width: 330px;
    color: #000 !important;
}

.linkBtn-wrap {
    text-align: right;
    clear: both;
    margin-top: 70px;
    padding-bottom: 25px;
}

/**************************new style for form collapse*********************/
.SectionHeader > td > div > fieldset {
    position: relative;
}
/*Toggler css for showmore*/
.imageForToggle.showMore i::before {
    content: "\f067";
}
/*.hideAndShowTables{
    display:table !important;
}*/
/************** CSS for action button dropDown *****************************/
.dxm-popup.ddlActionMenu > ul {
    padding: 0 10px;
    background: #FFF;
}

    .dxm-popup.ddlActionMenu > ul li {
        background: #FFF;
        padding: 8px;
        border-top: 1px solid #d9e2ee;
        font-family: 'Poppins', sans-serif;
    }

        .dxm-popup.ddlActionMenu > ul li div {
            padding: 0 !important;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 12px;
        }

        .dxm-popup.ddlActionMenu > ul li.dxm-hovered {
            padding: 9px 9px !important;
            border-top: 1px solid #d9e2ee !important;
        }


/*********************CSS for change password popup*****************/
.chngPwd-btnWrap {
    clear: both;
}

.chngPwd-btnContainer {
    float: right;
    padding: 15px 17px 15px 0px;
}

.chngPwd-popupContainer {
    background: #FFF;
}

.dxeBase_UGITNavyBlueDevEx.chngPwd-note {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    text-align: justify;
}
/*.reAssign-btnWrap {
    text-align: right;
    padding: 10px 0px 0px 0px;
}*/


/**************************CSS for Phrases *********************/
.phrases-popupContainer {
    padding: 15px;
}

.phrasesGrid-dataRow td {
    padding: 3px 7px !important;
}

.addPhrases-link {
    float: right;
    margin-top: 15px;
}

.phrasesAdd-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.phrasesBtn-wrap {
    float: right;
    margin-top: 29px;
}

.svcCreate_popupScroll {
    display: block;
    height: 100%;
    background: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.dxgvHeader_UGITNavyBlueDevEx {
    border: none;
}

.dxgvControl_UGITNavyBlueDevEx, .dxgvDisabled_UGITNavyBlueDevEx {
    border: none;
    box-shadow: 0px 0px 1px #aaaaaa;
    margin-top: 10px;
}

.contentPane .svcCreate_popupScroll label {
    position: relative;
    cursor: pointer;
    font: 13px 'Poppins', sans-serif;
    color: #4a6ee2;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div{
    margin-top: 10px;
    margin-bottom: 10px;
}

.dxgvDataRowAlt_UGITNavyBlueDevEx {
    background-color: transparent;
}

.contentPane .managementcontrol-main.svcCreate_popupScroll > div input {
    margin-top: 0;
}

.phrases-drpDwnWrap {
    margin-top: 10px;
}

.homeGrid-groupRow td {
    color: #4A6EE2;
}

/*************************************CSS for Admin ****************************************************/

/*****configuration variable */
.configVariable-popupWrap, .configVar-popupContainer {
    background: #fff;
}

.addCat-wrap {
    margin: 10px 0px;
}

.addCat-label {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

input.txtcategory[type="text"] {
    width: 97% !important;
}

.RadioList tr td {
    padding-bottom: 10px;
}

.adminBtn-wrap {
    float: right;
    margin-top: 10px;
}

.ms-formtable .row.feildRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fileUpload-txtBoxWrap {
    width: 63%;
    margin-right: 6px;
}
.ms-formtable .row.feildRow .fileUpload-link {
    background: #4A6EE2;
    color: #FFF;
    border: 1px solid #4A6EE2 !important;
    border-radius: 4px;
    padding: 5px 13px 5px 13px !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.fileUpload-link {
    width: 20%;
    display: inline-block;
    float: right;
}

.ms-formtable .row.feildRow .fileUpload-link .uploadFile-links {
    color: #fff;
}

.fileUpload-txtBox {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .fileUpload-txtBox tr td.dxic input[type="text"] {
        font-family: 'Poppins', sans-serif;
        width: 100% !important;
        background: #fff;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 28px;
        text-align: left;
        font-size: 12px;
    }

/****************************CSS for Modules*******************/
.modules-linkWrap {
    /*float: right;*/
    padding: 15px 0px 0;
}

.crm-checkWrap2 {
    margin-top: 15px;
}

.sortable.customgridview.homeGrid {
    margin-top: 0;
}

.chkBoxWrap-dis {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.moduleAdd-itemWrap {
    display: inline-block;
    float: right;
}

.homeGrid_dataRow.formatcolor {
    background-color: #fcdcdb !important;
    color: #737373;
}

    .homeGrid_dataRow.formatcolor a {
        color: #737373;
        font-weight: 500;
    }

.modulesAddItem-popupContainer {
    background: #fff;
}

.homeGrid_dataRow td a {
    color: #737373 !important;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    float: left;
    margin: 0 1px !important
}
/*****CSS for agent*******/
.agentImg-container {
    position: relative;
}

.agentImg-wrap {
    position: absolute;
    top: -73px;
    left: -20px;
}

.agentLabel {
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.nodeAgentComplete {
    border-color: #4a6ee2 !important;
    background-color: #4a6ee2 !important;
}
/*****End css for agent***/
/******CSS for lookup valuebox dropDown**********/
.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx, .lookupValueBox-dropownSVC {
    max-width: 100% !important;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    min-width: 100% !important;
    width: 100%;
    padding: 1px;
}

.lookupValueBox-dropown table.dxeValidStEditorTable.dxeRoot_UGITNavyBlueDevEx {
    width: 100%;
}

.lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td, .lookupValueBox-dropownSVC tr td {
    background: #fff;
    padding: 3px 7px 3px 7px;
}

    .lookupValueBox-dropown table.dxeButtonEdit_UGITNavyBlueDevEx tr td.dxic input[type='text'], .lookupValueBox-dropownSVC tr td.dxic input[type='text'] {
        height: 28px;
        background: #fff;
    }
/*******CSS for user info popup*******/
.userinfo-grouplabel, .newUserGroupIMG {
    display: inline-block;
}
/*******End CSS for user info popup*******/
.userValueBox-dropDownWrap {
    width: 100% !important;
}
/*******CSS for uservalue box control**/

/**************CSS for AspxPopup *********/
.aspxPopup .dxpc-closeBtn img {
    background: url(Images/close-red-big.png) no-repeat !important;
    height: 23px;
}

.aspxPopup .dxpc-header {
    color: rgb(35, 35, 35) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: transparent;
    font-size: 14px;
    font-weight: bold;
    background: none;
    font-family: 'Poppins', sans-serif !important;
}

.aspxPopup.dxpc-shadow div.dxpc-contentWrapper {
    display: block;
    width: 100%;
    overflow: auto;
    background-color: #FFF;
}

.popup-fieldLabel {
    color: #4a6ee2;
    margin: 0px 0px 3px 5px;
    text-align: left;
    font-size: 13px;
}

/***************CSS for AspxCombobox***************/
.aspxComBox-dropDown {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px 5px;
    width: 100%;
}

    .aspxComBox-dropDown tr td {
        background: #fff;
        padding: 0 !important;
    }

        .aspxComBox-dropDown tr td.dxic input[type="text"] {
            height: 34px;
            background: #fff;
        }

/************CSS for AspxGrid page size dropDown********/
.dxp-comboBox.gridPageSize-dropDown {
    background-color: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 3px;
    width: 47%;
}

.gridPageSize-dropDown input[type="text"] {
    width: 80% !important;
    height: 20px;
}

/*****************CSS for lookupValueBox dropDown******************/
.dxgvTable_UGITNavyBlueDevEx.dxgvRBB.lookupValueBox-drpDwnRowWrap {
    display: table;
}

.userValueBox-dropDown div.dxpcDropDown_UGITNavyBlueDevEx.dxpclW.dxpc-ddSys.dxdd-root div.dxpc-contentWrapper table.dxgvControl_UGITNavyBlueDevEx.dxgv {
    width: 100% !important;
}

.aspxSpinEdit-dropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-dropDown tr td div {
        background: #fff;
    }
/*.popupBtn-container {
    float: right;
    padding: 5px 5px 10px 5px;
}*/
/*******************CSS for Admin-> Form Layout *****************************/
.formLayout-rightHederContent {
    display: inline-block;
    float: right;
    margin-top: 8px;
}

.formLayout-gridWrap {
    clear: both;
    padding: 0 0 15px;
}

.formLayout-bottomAddLink {
    float: right;
    padding: 15px 0px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.formLayout-tabControlPannel {
    background-color: #fff;
    /*box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);*/
}

/*.formLayout-tabControl ul {
    padding: 5px !important;
}*/

.formLayout-tabControl ul li {
    border: none !important;
    background: #fff !important;
    color: #007bff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

    .formLayout-tabControl ul li.dxtc-activeTab {
        background-color: #6085fe !important;
        color: #FFF !important;
        border-radius: 4px 4px 0px 0px;
        padding: 5px;
        padding-bottom: 5px !important;
    }

        .formLayout-tabControl ul li.dxtc-activeTab a.dxh0h img {
            filter: brightness(9);
        }

        .formLayout-tabControl ul li.dxtc-activeTab a {
            /*border-bottom: 2px solid #3A57B5;*/
            color: #FFF;
        }

    .formLayout-tabControl ul li.dxtc-tabHover a {
        color: #3A57B5 !important;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
    }

    .formLayout-tabControl ul li a {
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        color: #4a6ee2;
    }

.formLayout-tabContainer {
    padding-top: 10px;
}
/******************CSS for Admin-> Form layout -> add/Edit item**************/
.admin-legendLabel {
    color: #4a6ee2;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500 !important;
    padding-top: 5px;
    margin-bottom: 12px;
    border-bottom: 2px solid #c2c2c2;
}

}
/*.formLayout-addPopupContainer{
    background:#fff;
}*/
/*.formLayoutBtn-wrap {
    float: right;
    padding-top: 10px;
    padding-bottom: 15px;
}*/

/**************CSS for Request list Popup*******************/
.requestList-radioListWrap tr td.dxe {
    padding: 0px;
}

.AspPrimary-blueBtnWrap {
    padding-top: 25px;
}

    .AspPrimary-blueBtnWrap .primary-blueBtn {
        margin-right: 15px;
        margin-top: -1px;
    }

.PopupaddItem-linkWrap {
    padding-top: 12px;
    text-align: right;
}

.PopupaddItem-link {
    color: #4a6ee2;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.noLeftPadding {
    padding-left: 0px;
}

.noRightPadding {
    padding-right: 0px;
}

.addEditPopup-btnWrap {
    float: right;
    padding: 10px 5px 20px;
    text-align: right;
}
/*************CSS for purchase page************/
.buyContainer-wrap {
    /*border: 1px solid;*/
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.buyContainer-header {
    text-align: center;
    height: 85px;
    /*border-bottom: 1px solid;*/
}

.purchaseContainer {
    background: #F6F7FB;
}

.buy-container {
    background: #fff;
}

.buyContainer-footer {
    text-align: center;
    padding: 30px;
    /*background-color: #E4F1D1;*/
}

.buy-servicePrimeLogo {
    width: 205px;
    padding-top: 29px;
}

.AspPrimary-blueBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-size: 13px;
    padding: 4px 15px;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 4px;
}

.AspSecondary-blueBtn {
    color: #4A6EE2;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 4px;
    border: 1px solid #4a6ee2;
    padding: 5px 15px;
    background: transparent;
}

.successMsg-wrap {
    padding-top: 10px;
}

    .successMsg-wrap span {
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
    }

/**************CSS for blink message box ******************/
.orderPurchase-icon {
    font-size: 14px;
    color: #32C714;
}

/********************CSS for Admin-> functional Areas Popup ***************/
.functionalArea-linkWrap {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.functionalArea-chkBoxWrap {
    display: inline-block;
}

.lookupValueBox-dropown.functionalArea-lookUpValueBox table.dxeValidStEditorTable {
    width: 100%;
}

.functionalArea-userValueBox.userValueBox-dropDown table.dxeValidStEditorTable {
    width: 100%;
}
/*****************CSS for Admin -> Module Defaults popups************/
.adminAspxBtnWrap {
    padding-top: 25px;
}

.popup-radioBtnWrap {
    padding-top: 10px;
}

.popupChkWrap {
    text-align: right;
}

.serviceList-footerBtnWrap {
    padding-top: 15px;
    padding-bottom: 15px;
}
/************CSS For ITSM landing page Grids*******/
.ITSMLanding-pageGrids {
    width: 100%;
}

.tablecss.ITSMLanding-pageGrids th {
    height: 45px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.tablecss.ITSMLanding-pageGrids .tbleContent td {
    height: 58px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    color: #000;
    /*font-weight: 500;*/
}

/***********CSS for Service And Agent page*****************/
.rightSide-btnWrap {
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
    margin-top: -10px;
}

.services-field-wrap {
    border: 1px solid #dfdbdb;
    float: left;
    border-radius: 4px;
    margin-bottom: 10px;
}

.serviceTab-container {
    margin: 10px 0px 0;
}

.resolutionSLA {
    padding-left: 15px;
    padding-top: 3px;
}

.parent-service-container {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid rgb(223, 219, 219);
    border-bottom: 1px solid #dfdbdb;
    margin-bottom: 15px;
}

.taskReminders-checkWrap {
    padding-left: 23px;
    padding-bottom: 8px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.reminder-wrap {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 8px;
}

.aspxTextBox-inputBox {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.asptextbox-asp {
    padding: 8px;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.aspxTextBox-inputBox tr td.dxic input[type="text"] {
    height: 20px !important;
    padding: 5px;
}

.fieldClear {
    clear: both;
}

.aspxMemo-linkBox {
    background: #fff;
    border: none;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    color: #4A6EE2;
    width: 100%;
}

    .aspxMemo-linkBox tr td textarea.dxeMemoEditArea_UGITNavyBlueDevEx.dxeMemoEditAreaSys {
        background: #fff;
        color: #4A6EE2;
    }

.adminCopyLink-btnWrap {
    padding: 16px 0px 0px;
}

.adminCopyLink-btnUl {
    float: right;
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 5px;
}

    .adminCopyLink-btnUl li {
        list-style-type: none;
    }

        .adminCopyLink-btnUl li a.cancel-linkBtn {
            color: #4A6EE2;
            padding: 3px 10px;
            font-family: 'Poppins', sans-serif !important;
            font-size: 12px;
            font-weight: 600;
        }

/**********************CSS for question tab*****************/
.unCategorized-queLabel {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 4px;
}

.grid-aspxDropDownList {
    background-image: url(/Content/Images/DropdownArrow.png) !important;
    background-repeat: no-repeat !important;
    padding: 0 7px;
    -webkit-appearance: none;
    background-position: 85.6% !important;
    height: 22px;
}

    .grid-aspxDropDownList option {
        background: #fff;
        border-bottom: 1px solid #d9dae0 !important;
        color: #4A6EE2;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
    }

.serviceAgent-queTabSecTable {
    border: 1px solid #d0d0d1;
    border-radius: 4px;
}

.queTabSecTable-headerTr {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-dKG8j) repeat-x left top;
}

.queTabSecTable-headerTd {
    background: transparent !important;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif;
    empty-cells: show;
    color: #9C9FB1 !important;
    padding: 10px;
    font-weight: bold;
}

.queSection-tableItem td {
    background: white !important;
    padding: 10px;
    border-bottom: 5px solid #f6f7fb !important;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif;
}

.queSection-tableItemLabel {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

.queTabSecTable-listviewtable {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

.mapfield-defaultvalcontrol table tr td {
    padding: 0px;
}

.mappingTab-btnWrap {
    padding: 10px 0px;
}

.htmlSecondary-Btn {
    float: left;
    border: 1px solid #4A6EE2;
    background: transparent;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    padding: 6px 10px;
    margin-right: 5px;
}
/********************End css for question tab************/
/*************CSS for custome checkbox -> which having onchange event***************/
.chkBoxWrap-forOnchange {
    display: inline-block;
}

    .chkBoxWrap-forOnchange span input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .chkBoxWrap-forOnchange span label {
        position: relative;
        cursor: pointer;
        font: 14px 'Poppins', sans-serif;
        color: #4A90E2;
    }

        .chkBoxWrap-forOnchange span label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4A6EE2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .chkBoxWrap-forOnchange span input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 5px;
        height: 8px;
        border: solid #4A6EE2;
        border-width: 0 1.5px 1.5px 0px;
        transform: rotate(45deg);
    }

.addMore-leftPadding {
    padding-left: 20px;
}

.row.feildRow::after, .row.feildRow:before {
    content: unset;
}
/*************End CSS for custome checkbox -> which having onchange event***************/

/***********CSS for header logo******************/
.headerLogo-labelWrap {
    display: inline-block;
}

.headerLogo-labelWrap {
    display: inline-block;
    text-align: center;
    padding: 12px;
}

    .headerLogo-labelWrap span {
        color: #c7cfda;
        font-family: 'Poppins' !important;
        font-size: 14px !important;
    }
/*****************CSS for Add bulk Users*******************/
.bulkuser-crtMsg {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    margin-bottom: 10px;
    color: #4a6ee2;
}

.okayButton, .okayButton:hover, .okayButton:focus {
    border: none;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    outline: none;
}

.bulkuser-SucsMsg {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    color: #4a6ee2;
    text-align: center;
}

.bulkuser-existUser {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

/*.bulkUser-addtable {
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin: 10px 0px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    background-color: #FFF;
}*/

.bulkUser-btnWrap {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.bulkUser-addtd {
    /*width: 400px;*/
    padding: 10px;
}

    .bulkUser-addtd input[type="text"], .bulkUser-addtd input {
        width: 100% !important;
        border: 1px solid #ccd4e1;
        border-radius: 4px;
        height: 35px;
        text-align: left;
        font-size: 12px;
        padding: 0 7px;
    }

.insertBtn-bulkUSer {
    background: #4a6ee2;
    border: none;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #FFF;
    padding: 4px 10px;
}

/****************CSS for service&catalog -> edit -> new Question popup ***************************/
.queEditor-sectionDropDown {
    display: inline-block;
    float: left;
    width: 90%;
}

.queEditor-sectionIcons {
    display: inline-block;
    float: right;
    margin-top: 5px;
}

.queEditor-txtEditSection {
    padding-top: 5px;
}

.accomp-popup .queEditor-txtEditSection input[type="text"] {
    width: 90% !important;
    float: left;
    display: inline-block;
}

.queEditor-txtEditSectionImg {
    display: inline-block;
    float: right;
}

.aspxSpinEdit-controller {
    background: #f8fafc;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxSpinEdit-controller tr td.dxic input[type="text"] {
        height: 28px !important;
    }

    .aspxSpinEdit-controller tr td div.dxeButton {
        background: #f8fafc;
    }

.deleteIcon-div {
    display: inline-block;
    margin-left: 5px;
}

.dropDwonList-div {
    display: inline-block;
    float: left;
    width: 97%;
}

.section-divide {
    border-bottom: 1px solid #d0d0d1;
}
/****************end CSS for service&catalog -> edit -> new Question popup ********/

/****************CSS for Request type popup***********/
.reqType-headerchkWrap {
    display: inline-block;
    margin: 0px 20px;
}

.reqType-headerBtnMigrtkWrap {
    display: inline-block;
}

.reqType-headerWrap {
    padding-top: 10px;
}

.reqType-headerBtnWrap {
    float: right;
    padding-top: 10px;
}

.collapsExpand-btnWrap {
    padding-top: 15px;
}
/******CSS for aspx treeList*************/
.apsxTreeList {
    border: 1px solid #d0d0d1;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    background: none;
}

.aspxTreeList-Heder {
    color: #9C9FB1;
    padding: 10px 11px;
    border: none;
    font: 13px 'Poppins', sans-serif;
}

.apsxTreeList-wrap {
    padding-top: 10px;
}

.aspxTreeList-Node td {
    text-align: left !important;
    font-size: 12px;
    padding: 2px 11px !important;
    font-weight: 500;
    color: #737373;
    border-bottom: 5px solid #f6f7fb !important;
    border-right: none !important;
    font-family: 'Poppins', sans-serif;
    background: #FFF !important;
}

    .aspxTreeList-Node td a {
        color: #4a6ee2;
    }

.sectionTitle-label {
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding-top: 15px;
}

.popup-menuLog-inuser-outer ul li.dxm-item.dxm-selected {
    background: #ecf1f9 !important;
    border: none;
}

.userValueBox-dropDown.adminUserValBox > table.dxeValidStEditorTable {
    width: 100%;
}

.reqType-dvWorkflow {
    padding-top: 5px;
    clear: both;
}

.reqType-textField {
    overflow-y: auto;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    padding: 3px;
}

    .reqType-textField input[type="text"] {
        border: 0 none;
        height: 28px !important;
    }

.reqType-lable {
    color: #4a6ee2;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.reqType-locGridWrap {
    padding-top: 5px;
    height: 130px;
}

.superAdmin-gridDelIcon {
    margin-left: 10px;
    width: 15px;
}
/***********************CSS for organization popup**************/
.migrateBtnWrap {
    float: left;
}

.adminPopup-hederSec {
    padding: 10px 0px;
}

.rightBtnSection {
    float: right;
}

.orgGridLabel {
    color: #4a6ee2;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    display: inline-block;
}

.orgGridBtn {
    display: inline-block;
}

/************css for ticket creation success popup **********************/
.infoMsgSuccess-title {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.cteatedTicketNum {
    color: #4A6EE2;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

    .cteatedTicketNum a {
        color: #4A6EE2;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
    }

.closeDlg-btnWrap {
    border: 1px solid #4A6EE2;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #4A6EE2;
}

    .closeDlg-btnWrap a {
        color: #4A6EE2;
        font-size: 12px;
        font-weight: 500;
    }
/***************CSS for tenant name and page title*******************/
.title-sectionContainer {
    padding: 0px 0px 0px;
    /*border-bottom: 2px solid #fff;*/
}

.title-sectionWrap {
    /*border-bottom: 1px solid #f6f6f6;*/
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 8px 17px 15px 68px;
    /*border-width: 20px 20px 0px 20px;*/
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}

.tenantName-wrap {
    display: inline-block;
    float: right;
    /*margin-right: 15px;*/
    /*width: 137px;*/
    /*border-right: 1px solid #CCC;*/
    /*padding-right: 10px;*/
}

.guide-container {
    float: right;
    display: inline-block;
    width: 62px;
    padding-left: 3px;
}

.tenantName {
    /*color: #19c419;*/
    color: #4a6ee2;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.pageTitle {
    /*color: #9C9FB1;*/
    color: #4a6ee2;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    /*text-transform: uppercase;*/
    display: inline-block;
}

.tenant-logo {
    float: left;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    cursor: pointer;
}

.titleSec-forPopup {
    display: none;
}

.menuprofile-popUP {
    z-index: 999999999999 !important;
    overflow: visible !important;
}

.homeGrid_dataRow.dxgvSelectedRow_UGITNavyBlueDevEx.homeGrid-selectedRow, .homeGrid_dataRow.homeGrid-focusedRow {
    background-color: #e3e3e3 !important;
}

.col_aleft_help img {
    width: 18px;
    margin-left: 20px;
}

.aspxComboBox-dbDropDown {
    padding: 10px 20px 0px;
}

.wikiHtmlcontent-wrap > div {
    width: 100% !important;
    font-family: 'Poppins', sans-serif !important;
}

    .wikiHtmlcontent-wrap > div > div {
        width: 100% !important;
        clear: both;
        font-family: 'Poppins', sans-serif !important;
    }

.ugit-helpicon img {
    width: 16px;
}


/*---------------------Remove attchment-------------------------------------------------------------------*/

.SVCCreat-btnContainer {
    clear: both;
    padding-right: 33px;
    padding-top: 15px;
}

.SVCWorkflow-wrap {
    clear: both;
    padding-bottom: 30px;
}

.step.svcWorkFlow-Step {
    top: 0px;
}

/********************************CSS for status POPUp***********************************/
.popupMainContainer-status {
    background: #FFF;
    text-align: center;
    padding-top: 20px;
}

.status-image {
    display: inline-block;
    vertical-align: top;
    left: 55px;
    position: absolute;
    border-right: 1px solid #e1e1e1;
    padding: 5px 8px 6px 8px;
}

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

.statusVr-line {
    display: inline-block;
    border-right: 2px solid #B59B70;
    height: 78%;
    position: absolute;
    top: 30px;
    left: 172px;
}

.statusDot {
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -7px;
    z-index: 99;
}

.statusModule-content {
    display: inline-block;
    position: absolute;
    left: 200px;
    text-align: justify;
}

.statusModule-name {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #4A90E2;
    margin-bottom: 2px;
    margin-top: 0px;
}

.statusModule-discription {
    font: 12px 'Poppins', sans-serif;
    color: #4A90E2;
    margin-bottom: 2px;
}

.statusModule-list .statusList {
    list-style-type: none;
    height: 100px;
}

.statusList {
    list-style-type: none;
}

.status-dot1 {
    top: 100px;
}

.status-dot2 {
    top: 200px;
}

.status-dot3 {
    top: 300px;
}

.status-lastDot {
    top: 430px;
    height: 15px;
    width: 15px;
    background-color: #4A90E2;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 166px;
}

.image img:hover {
    filter: brightness(51%);
}

.module-content:hover {
    filter: brightness(51%);
}

.statusDot:hover {
    filter: brightness(51%);
}

.status-image img {
    width: 30px;
}

.status-complete {
    border-color: #228B22 !important;
    background-color: #228B22 !important;
}

.statusCount-wrap {
    display: inline-block;
    left: 110px;
    position: absolute;
    margin-top: 12px;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

/*****************************CSSS for New Loaader*************/
.circle-loader {
    position: relative;
}

    .circle-loader div {
        height: 10px;
        width: 10px;
        background-color: #4a6ee2;
        border-radius: 50%;
        position: absolute;
        -webkit-animation: 1.3s opaque ease-in-out infinite both;
        animation: 1.3s opaque ease-in-out infinite both;
    }

    .circle-loader > div:nth-child(1) {
        top: -25px;
        left: 0;
    }

    .circle-loader > div:nth-child(2) {
        top: -17px;
        left: 17px;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
    }

    .circle-loader > div:nth-child(3) {
        top: 0;
        left: 25px;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .circle-loader > div:nth-child(4) {
        top: 17px;
        left: 17px;
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s;
    }

    .circle-loader > div:nth-child(5) {
        top: 25px;
        left: 0;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .circle-loader > div:nth-child(6) {
        top: 17px;
        left: -17px;
        -webkit-animation-delay: 0.75s;
        animation-delay: 0.75s;
    }

    .circle-loader > div:nth-child(7) {
        top: 0;
        left: -25px;
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
    }

    .circle-loader > div:nth-child(8) {
        top: -17px;
        left: -17px;
        -webkit-animation-delay: 1.05s;
        animation-delay: 1.05s;
    }

@-webkit-keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}

@keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }
}
/***************************End css for New Loader**************/
/***************************CSS for profile complete progress bar****************/
.prof-progress {
    margin: 8px 0px;
    padding: 0;
    width: 92%;
    height: 12px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px;
}

.prof-bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #4a6ee2;
}

.prof-percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: white;
}
/***************************End css for profile complete progress bar***********/
.customeLoader tr td.dx img.dxlp-loadingImage.dxlp-imgPosLeft {
    background-image: url('/Content/Images/loader64.gif') !important;
    background-size: 30px;
    background-repeat: no-repeat;
}

.customeLoader {
    border: none;
    background: transparent;
}

.popup-menuLog-inuser-outer ul li:first-child {
    border-bottom: 1px solid #f7f7f7;
}

/***************************css for Service prime new pages**********************/
.mainSection {
    background: #0057A7 url(../Content/images/NewAdmin/newAdmin-homeBanner.svg) no-repeat left bottom;
    height: 100vh;
}

.mainSection-container {
    position: relative;
    height: 100vh;
}

.mainSection-wrap {
    position: absolute;
    top: 50%;
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.mainSection-textBlock {
    color: #fff;
    width: 60%;
    padding: 20px;
    margin-right: 60px;
    border-radius: 5px;
    transition: 0.5s all ease;
}

    .mainSection-textBlock h2 {
        font-size: 34px;
        color: #CFF991;
        margin-bottom: 30px;
    }

    .mainSection-textBlock p {
        font-size: 18px;
    }

        .mainSection-textBlock p.lastPara {
            margin: 30px 0px 40px;
        }

.mainSection-ImageBlock {
    width: 45%;
}

.section-bannerImg {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mainSection-bgBanner {
    background: url(../Content/images/NewAdmin/world-map.svg) no-repeat 87% center/45%;
}

.homeDashboard_content_wrap.adminDefault-container {
    padding-top: 0px;
}

.homeDashboard_leftcontent_wrap.adminDefault-Maincontainer {
    padding-bottom: 0px;
}

.admindflt-checkWrap {
    display: inline-block;
}

    .admindflt-checkWrap input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .admindflt-checkWrap label {
        position: relative;
        cursor: pointer;
        font: 16px 'Poppins', sans-serif;
        color: #fff;
    }

        .admindflt-checkWrap label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .admindflt-checkWrap input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.continue-btn {
    /*background: #F5E57A;*/
    background: transparent;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 85px;
    font-family: 'Poppins', sans-serif;
    margin-left: 24%;
    border: 1px solid #FFF;
    margin-top: 50px;
}

.secondaryHome-btn {
    background: #F5E57A;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 20px;
    font-family: 'Poppins', sans-serif;
    float: left;
    /* width: 100%;*/
}

.addTicket-homeBTn {
    margin-left: 15px;
}

.continue-btnWrap {
    margin-top: 100px;
}

.footerBtnWrap {
    margin-top: 85px;
}
/**************************End css for Service Prime New pages******************/
/*****************CSS for bottleneck chart **********************/
.modal-body.removePadding.bottleneckChartBody {
    background: #fff !important
}
/*****************End CSS for bottleneck chart **********************/

/***************New css for Dashboard service ******************/
.servicetype {
    /*padding-right: 5px;*/
    font-weight: normal;
    /*max-width: 100%;*/
    border-top: 2px solid #bababa;
    display: inline-block;
}

.serviceItem-row {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    padding: 0px;
}

/***************End New css for Dashboard service ******************/

/******************CSS for Admin -> location popup*****************/
.rightBtn {
    float: right;
}

.headerItem-addItemLink {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
/*****************New CSS for Accordian Search ***************************/
#SearchPanel {
    padding: 50px;
    display: none;
    position: absolute;
    top: 50px;
    background: #383838;
    width: 100%;
    left: 0px;
    right: 0px;
}

.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-autocomplete-popup-wrapper {
    z-index: 99999999 !important;
}
/**************CSS for Forgot Password Page*********************/
.forgotPwd-container {
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
    height: 325px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    padding-left: 35px;
}

.forgotPwd-accId {
    width: 100%;
}

.forgotPwd-title {
    font-family: 'Poppins', sans-serif;
}

.forgetPwd-successMsg {
    color: Green;
    padding-top: 5px;
    text-align: justify;
    padding-right: 24px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.FPinputField {
    margin: 18px 0px;
}

.forgotPwd-accId tr td {
    width: 100%;
}

#accountIdTextBox, #userNameTextBox {
    width: 100%;
    background-size: 14px;
    padding: 5px 9px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    background-position: 10px center !important;
}

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh2 {
        margin-left: 23px;
    }

    #accountIdTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0,
    #userNameTextBox tr td input[type="text"].dxeEditArea_UGITGreenDevEx.dxeEditAreaSys.dxh0 {
        margin-left: 0px;
    }

.fpbtnContainer {
    clear: both;
    position: absolute;
    bottom: 15px;
    width: 86.5%;
}

.forgotPwd-submitBtn {
    float: right;
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 3px;
}

.forgotPwd-backBtn {
    display: inline-block;
    float: left;
    border: 1px solid #4A6EE2;
    color: #4A6EE2;
    border-radius: 4px;
    padding: 3.8px 16px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

    .forgotPwd-backBtn a.dxeHyperlink_UGITGreenDevEx {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }
/*******************CSS for SuperAdmin status on grid***************/
.critical-constraints {
    color: red;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.high-constraints {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.normal-constraints {
    color: green;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.constraint-High-Grid {
    color: #FFAD0A;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.constraint-Critical-Grid {
    color: red;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.tenantCount-title {
    color: #9C9FB1;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.homeGrid_dataRow td.numberCell.dxgv {
    text-align: center !important;
}

.statusLegend-Container {
    text-align: right;
    padding-top: 10px;
}

.legendNormal-wrap, .legendHeigh-wrap, .legendCritical-wrap {
    display: inline-block;
    padding-left: 25px;
}

.legendIcon {
    width: 13px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    height: 13px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.legendLabel {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
}

.legend-normal {
    color: green;
    border: 1px solid green;
    background-color: green;
}

.legend-High {
    color: #FFAD0A;
    border: 1px solid #FFAD0A;
    background-color: #FFAD0A;
}

.legend-critical {
    color: red;
    border: 1px solid red;
    background-color: red;
}


/***************************CSS for search-> problem statment*************************/
.phraseTickt-create {
    text-align: center;
}

.createdTickt-title {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    display: inline-block;
    margin: 0px 7px;
}

.bulkuser-existUser {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #4a6ee2;
    display: inline-block
}

.phrase-okBtn {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 13px;
}

.prblemStatement-inputWrap {
    display: inline-block;
    width: 94%;
    float: left;
}

.prblemStatment-submitBtn {
    display: inline-block;
    float: left;
}

.searchContent {
    font-family: 'Poppins', sans-serif;
    border: 1px solid #d5d2d2 !important;
    border-radius: 8px !important;
}

    .searchContent .dx-state-hover input[type="text"]:hover {
        border: none !important;
    }

    .searchContent input[type="text"] {
        background-color: #fff !important;
        color: #4A6EE2;
        font-family: 'Poppins', sans-serif !important;
        padding: 0px;
        font-size: 14px;
        min-height: 40px;
        border-radius: 8px !important;
        padding-left: 25px;
    }

    .searchContent.dx-show-clear-button .dx-texteditor-buttons-container {
        background: #fff;
    }

    .searchContent div.dx-placeholder {
        padding-left: 25px;
        color: #9f9f9f;
    }

    .searchContent.dx-state-focused.dx-state-hover {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-state-hover, .searchContent.dx-state-focused {
        border: none;
        border-color: #fff !important;
    }

    .searchContent.dx-texteditor.dx-state-hover.dx-editor-outlined {
        border: none;
        border-color: #fff !important;
    }

.prblemStatment-addTicketBtn {
    border-left: 0px;
    padding: 10px 10px;
    border-radius: 0px 22px 22px 0px;
    background-color: #fff;
    outline: none;
    border-color: #f6f6f6;
    color: #4A6EE2;
    font-weight: 700;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0px 0px 5px 1px #e1e1e1;
}

    .prblemStatment-addTicketBtn:active, .prblemStatment-addTicketBtn:active:focus {
        background-color: #fff;
        outline: none;
        border-left: 0px;
        border-color: #ddd;
        outline: none;
    }

    .prblemStatment-addTicketBtn:hover {
        background-color: #EAEDF0;
        border-color: #ddd;
    }

    .prblemStatment-addTicketBtn i {
        color: #4a6ee2;
        font-size: 18px;
    }
/*************CSS for Admin -> enviornment popup***********/
.popupAddItem-top {
    border: none;
    background: transparent;
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
}

.headerItem-addItemBtn {
    display: inline-block;
    float: right;
}

.headerItem-showChkBox {
    display: block;
    float: right;
    /*margin-top: 5px;*/
}

.headerContent-right {
    float: right;
    padding-top: 7px;
    clear: both;
}


/**********************CSS for recaptcha*******************/
.recaptcha-container {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.recaptcha-wrap {
    width: 250px;
    margin: auto;
}

.recaptcha-textBox {
    background: #f8fafc !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .recaptcha-textBox tr td.dxic input[type="text"] {
        background: #f8fafc !important;
        height: 28px;
    }

.custom-recaptcha table tr td.dxcaTextBoxCellNoIndent_UGITNavyBlueDevEx label.dxcaTextBoxLabel_UGITNavyBlueDevEx {
    color: #4a6ee2;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.custom-recaptcha .dxca-imageDiv {
    background-image: none !important;
    margin-bottom: 15px;
}
/**********************End CSS for recaptcha*******************/

/****************CSS for radio button list*****************/
.adminradioBtnList {
    margin-top: 15px;
    margin-left: 3px;
    margin-bottom: 15px;
}

.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Poppins', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.msgRadio-btnLabel {
    padding-right: 5px;
    color: #4a6ee2;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    float: left;
    font-weight: 500;
    margin-top: -2px;
}

.msgRadio-btnImg {
    float: left;
    display: inline-block;
}

.msgAction-wrap {
    padding: 20px 0px;
}

.bottom-addBtn {
    padding: 20px 0px;
}
/***************end css for radio button list**************/

/*************CSS for ASPx colorEdit control************/
.aspxColorEdit-dropDwon {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspxColorEdit-dropDwon tr td {
        background: #fff;
    }

        .aspxColorEdit-dropDwon tr td.dxic input[type="text"] {
            height: 28px !important;
            background: #fff;
        }

.bottom-leftSideBtn {
    float: left;
    display: inline-block;
}

.SLAheader-rightContent {
    clear: both;
    float: right;
    margin-top: 15px;
}

.aspBtn-primaryBlue {
    background: #4A6EE2;
    border: none;
    color: #FFF;
    padding: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    border-radius: 4px;
}

.headerItem-btnWrap {
    display: inline-block;
    float: left;
    padding-left: 7px;
}

/************CSS for Menu navigation popup****************/
.menuNav-addBtnWrap {
    display: inline-block;
    padding-left: 5px;
    padding-top: 7px;
}

.menuNav-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNav-addItemWrap {
    display: inline-block;
    float: right;
    padding-top: 25px;
    padding-left: 40px;
}

.menuNav-applyChngBtn {
    display: inline-block;
    float: right;
    padding-top: 25px;
}

.addIemLabel {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.aspxTreeList-wrap {
    padding: 15px 0px 0px 3px;
}

.dxtlControl_UGITNavyBlueDevEx.aspxTreeList {
    box-shadow: 0px 0px 1px #aaaaaa;
    border: none;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

.treeList-dataRow.dxtlAltNode_UGITNavyBlueDevEx td.dxtl {
    background: none;
}

.menuNavEdit-dropDownWrap {
    display: inline-block;
    width: 92%;
    float: left;
}

.menuNavEdit-iconWrap {
    display: inline-block;
}

.menuNavEdit-chkWrap {
    display: inline-block;
}

.aspxTextBox-field {
    background: #FFF;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

    .aspxTextBox-field td.dxic input[type="text"] {
        height: 28px !important;
    }

.preview-link {
    color: #4a6ee2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.asptextBox-input {
    border: 1px solid #ccd4e1;
    background: #fff;
    border-radius: 4px;
}

    .asptextBox-input tr td.dxic input[type="text"] {
        height: 28px;
    }

.loacationDropDown {
    clear: both;
}

.replaceUser-msg {
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
}

.searchPannelWrap {
    background: #fff;
    padding: 50px 0px 25px 0px;
    text-align: center;
    border-right: 20px solid #F6F7FB;
}

.fromServiceDoc {
    width: 100%;
}

.searchPannelWrap-container {
    width: 700px;
    margin: 0px auto;
}

/***************CSS for Admin -> report popup *******************/
.reportPopup-footerBtnWrap {
    padding: 25px 0px;
}

.reportFooter-rightBtn {
    text-align: right;
}

.deleteBtn-report {
    float: left;
    margin: 0px 8px;
}


/*******CSS for SErvices -> button view**********************/
.pcategorycontainer {
    padding-left: 5px;
    margin-bottom: 10px;
    display: inline-block;
    /*width: 115px;*/
    padding-top: 10px;
    /*padding-bottom:10px;*/
}

.serviceBoard_btnView:hover {
    background-color: #F6F7FB;
    border-radius: 6px;
}

.buttonview-container .ugit-contentcontainer {
    background-color: #fff !important;
    margin: 0px auto;
    width: 600px;
    clear: both;
}

.serviceBoard_imgesWrap {
    width: 40px;
    margin: 0px auto;
    border-radius: 50%;
    background: #efefef;
    height: 40px;
}

    .serviceBoard_imgesWrap img {
        width: 40px;
        padding: 10px;
    }

.serviceBtnView-labelWrap {
    margin-top: 10px;
    /*word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    width: 150px;
    overflow: hidden;
}

.homeDb-requestLinkWrap {
    padding: 0px 15px;
    background: #FFF;
}

    .homeDb-requestLinkWrap .ugit-contentcontainer {
        float: left;
        background: #FFF;
        width: 100%;
        padding: 5px 0px 0px;
        border-bottom: 1.5px solid #e3e2e2;
    }

        .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv {
            float: left;
            cursor: pointer;
            /* border-bottom: 2px solid #3A57B5; */
            color: #3A57B5 !important;
            margin-right: 10px;
            padding: 0px;
        }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv a {
                color: #919191 !important;
                font-family: 'Poppins', sans-serif;
                font-size: 13px;
            }

            .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab {
                background-color: #FFF;
                border-bottom: 2px solid #3A57B5;
                padding: 0px 6px 25px;
                margin: 0px 4px;
            }

                .homeDb-requestLinkWrap .ugit-contentcontainer .uborderdiv .ucontentdiv.clickedTab a {
                    color: #919191 !important;
                    font-family: 'Poppins', sans-serif;
                    font-size: 13px;
                }

.homeService-panelContainer {
    background: #fff;
    border-width: 18px 20px 20px 20px;
    border-style: solid;
    border-color: #F6F7FB;
    border-radius: 0px;
}
/*Baseline popup*/
.imp-message-box {
    font-weight: normal;
    font-size: 16px;
    color: green;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif !important;
    padding-left: 15px;
}

.popupFooter-BtnWrap {
    padding: 15px 0px;
    float: right;
}

.ExportOption-btns {
    display: inline-block
}
/****************************CSS for Allocation timeline tab ******************************/
.rmmExport-optionBtnWrap {
    padding: 15px 15px 0px 0px;
    float: right;
}

.resourceAllo-gridBtn {
    display: inline-block;
    float: left;
    margin-right: 38px;
}

.resourceAllo-gridchkBox {
    display: inline-block;
    /*padding-left: 5px;*/
}

.ExportOption-btns {
    display: inline-block;
    float: left;
}

.resource-printImg {
    width: 18px;
    position: relative;
}

.rmmSummary-table tr.SummaryHeaderAdjustment {
    color: #4A90E2 !important;
    font: 13px 'Poppins', sans-serif;
    font-weight: 500;
    text-align: center;
}

.rmmProject-complexityWrap {
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.rmmLeft-padding {
    padding-left: 12px;
    padding-right: 0px;
}

.alloTimeSave-gridBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Poppins', sans-serif;
    margin: 0px;
    padding: 6px;
    cursor: pointer;
}

.alloTimeCancel-gridBtn {
    background: transparent;
    color: #4A6EE2;
    border-radius: 4px;
    font: 13px 'Poppins', sans-serif;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #4A6EE2;
    margin: 0px 5px 0px 0px;
}

.RMMBtn-setColor {
    margin-right: 7px;
    float: left;
    margin-top: 1px;
    cursor: pointer;
}


.summaryCell_1 {
    text-align: left;
}

.summaryTextContainer {
    padding-left: 13px;
    text-align: center;
}
/***************CSS for Project complexity Grid**************************/
.prjectComplexity-gridRowArea.dxpgHeaderTable_UGITNavyBlueDevEx {
    background-color: #FFF;
    height: 32px;
    border-radius: 0px;
}

.prjectComplexity-gridRowArea.dxpgHeaderText_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderSort_UGITNavyBlueDevEx, .prjectComplexity-gridRowArea.dxpgHeaderFilter_UGITNavyBlueDevEx {
    background: #FFF;
}

.resourceUti-editBtn {
    background: #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    font: 13px 'Poppins', sans-serif;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
}

.allocationblockinner_sub {
    padding-top: 10px;
    width: 100%;
    margin: 0;
    clear: both;
}

.userValueBox-dropDown table {
    width: 100%;
    background: #FFF;
    max-width: 100% !important;
    border-radius: 4px;
    /*border: 1px solid #ccd4e1 !important;*/
}

    .userValueBox-dropDown table tr td table.bg-light-blue {
        padding: 0px;
    }

        .userValueBox-dropDown table tr td table.bg-light-blue:hover {
            background: #fff;
        }

.bg-light-blue td {
    background: #FFF !important;
}

    .bg-light-blue td.dxic input[type="text"] {
        height: 28px !important;
    }



/******************CSS  for Documents ****************/

.docPortal-chkBox {
    display: inline-block;
}

.defaultFolder-chkBox {
    display: inline-block;
    padding-left: 30px;
}

.newProDoc-chkBoxWrap {
    clear: both;
    padding: 5px;
}
/***********************CSS for admin->popup -> custom tabs**********************/
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
        display: inline-block;
        margin-bottom: 0px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
            background-color: transparent;
            padding: 10px 15px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #4A6EE2;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #4a6ee2;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #4A6EE2;
            position: relative;
            margin-bottom: 0px;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #4A6EE2;
                background-color: transparent;
                padding: 10px 15px;
                font-family: 'Poppins', sans-serif;
                font-size: 13px;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
    clear: both;
    margin-left: 12px;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.gridBorder {
    border: 1px solid #DFDFDF;
    border-radius: 4px;
}

/*****************CSS for Service list*****************/
.serviceCatParent {
    box-shadow: 0px 2px 6px #c2c1c1;
}

.serviceitemlist-container.setTopauto {
    border: none !important;
}

.serviceitem-header {
    background: #FFF !important;
    box-shadow: none;
    border-bottom: 1px solid #f3f3f3 !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-family: "Poppins",sans serif;
    font-size: 12px;
}


/*****************CSS for service -> list view*******************/
.servcieCatalog_listView .ugit-contentcontainer {
    background: #fff;
    font-family: 'Poppins', sans-serif;
    width: 74%;
    margin: 0px auto;
    clear: both;
    text-align: center;
}

    .servcieCatalog_listView .ugit-contentcontainer .pcategorycontainer {
        padding-left: 5px;
        margin-bottom: 10px;
        display: inline-block;
        min-height: 225px !important;
        /*width: 225px;*/
        padding-right: 20px;
    }

.service_listView .serviceItem-row .serviceitem {
    padding: 2px 5px 23px 5px !important;
    width: 100%;
    border-bottom: 1px solid #c8c7c7;
    text-align: left;
}

/*******************CSS for services -> dropDown view*************************/
.dashboard_goBtn_wrap {
    margin-top: 25px;
}

/*.dashboarpanels {
    padding-top: 5px;
    padding-bottom: 10px;
}*/

.DRQChart-container {
    border: 10px solid #F6F7FB;
    width: 100% !important;
    height: auto !important;
    float: left;
}

.tooltip.fade {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

    .tooltip.fade div {
        background: #fff !important;
        color: #000 !important;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    }

        .tooltip.fade div:before {
            background: red;
        }

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
    color: #000;
    box-shadow: none;
    background: none !important;
    /* box-shadow: 0px 0px 5px #000; */
}

    .tooltip.top .tooltip-arrow::after {
        content: "";
        border-top-color: #707070;
        display: block;
        z-index: 1;
        position: absolute;
        left: 0;
        background: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: rgba(229, 229, 229, 0.96) transparent transparent transparent;
        bottom: 0px;
        margin-left: -8.8px;
        z-index: -1;
    }

.svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx, .svcDashboard_dropdown.dxeDisabled_UGITNavyBlueDevEx tr td.dxic input[type='text'] {
    cursor: not-allowed;
}

.bottomLinkWrap, .popupBottom-addLinkWrap {
    float: right;
    padding: 10px 0px;
}

.htmlBtnInput {
    background: #4A6EE2;
    color: #FFF;
    border: none;
    padding: 5px 18px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
}

/***************CSS for workFlow legends**************/
.workFlowLegend-container {
    padding-bottom: 25px;
}

/*.legend-waiting {
    color: #f69d17;
    border: 1px solid #f69d17;
    background-color: #f69d17;
}

.legend-complete {
    color: #11916a;
    border: 1px solid #11916a;
    background-color: #11916a;
}

.legend-inprogess {
    color: #074584c7;
    border: 1px solid #074584c7;
    background-color: #074584c7;
}*/
.legend-waiting {
    color: #E3E3E3;
    border: 1px solid #E3E3E3;
    background-color: #E3E3E3;
}

.legend-complete {
    color: #C5FFD0;
    border: 1px solid #C5FFD0;
    background-color: #C5FFD0;
}

.legend-inprogess {
    color: #A7BEFF;
    border: 1px solid #A7BEFF;
    background-color: #A7BEFF;
}

.workFlow-img {
    float: right;
}

.chartTitle {
    clear: both;
    text-align: center;
}

.documentUpload-btnWrap {
    display: inline-block;
    /*margin-left:6px;*/
}

.document-linkWrap {
    margin-top: 10px;
}

.marginBT {
    margin-bottom: 10px;
}

/********************CSS for document management*********************/
/*.docUpload-container {
    border: 1px solid #ccd4e1;
    font-family: 'Poppins', sans-serif;
}
.docUploader, .docUploader .dx-button-mode-contained {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}*/

/*******************CSS for kanBan view****************/
.predecesser {
    width: 164px;
    word-break: break-all;
    white-space: normal;
}

/*committed because cite was hampering gantt view*/
.dx-treelist-content .dx-treelist-table {
    table-layout: auto !important;
}
/*.dx-treelist-table td.dx-treelist-cell-expandable{
    width:175px !important;
}
.dx-treelist-table td.dx-command-edit-with-icons{
    width: 65px !important;
    min-width: 65px !important;
}*/
.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    display: inline-block;
    margin: 0px auto;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-add:before {
    color: #38e138;
    font-size: 9px;
    border: 1.5px solid;
    border-radius: 50%;
    padding: 2px;
    font-weight: 900;
    text-align: center;
}

.pmmEdit-listGrid.dx-treelist .dx-treelist-rowsview .dx-treelist-content
.dx-treelist-table .dx-row .dx-command-edit-with-icons a.dx-link.dx-link-delete:before {
    font-size: 14px;
    color: #9b9a9a;
}
/********************CSS for PMM Edit ticket************************/
.headerCompactView {
    padding-top: 15px;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    color: #4a6ee2;
    padding-left: 5px;
}
/*.contentView {
    padding-top: 15px;
}*/
.toolbar {
    padding-bottom: 15px;
}

    .toolbar .dx-toolbar-items-container .dx-toolbar-after {
        margin-right: 3px;
    }
/**************CSS for Run in background service*****************/
.BackgroundTaskcontainer {
    position: relative;
    bottom: 0px;
}

.runInBg-icon {
    z-index: 99999;
    position: fixed;
    width: 30px;
    bottom: 15px;
    left: 10px;
    cursor: pointer
}

.showArchiveBtn {
    background: #4A6EE2;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    margin-top: 10px;
    padding: 0px;
}

.runInBg-grid {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

    .runInBg-grid .dx-datagrid-headers.dx-datagrid-nowrap {
        background-color: #f2f3f4;
        color: #9C9FB1;
        font-weight: 600;
    }

.showArchiveBtn:hover, .showArchiveBtn:focus {
    background: #4A6EE2;
    color: #FFF;
}

/**************Changes for PMM Edit ticket ******************/
.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-textbox.dx-texteditor {
    border: none;
}

.pmmEdit-projectToolBar .dx-toolbar-items-container .dx-toolbar-item-content .dx-texteditor-input-container input[type="text"] {
    font-family: 'Poppins', sans-serif !important;
    color: #4A6EE2;
    font-size: 16px;
    font-weight: 500;
    padding-left: 5px;
}

.dx-widget.dx-dropdownbutton {
    border-radius: 4px;
    border: 1px solid #ccd4e1;
    margin-right: 10px;
}

    .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
        color: #4A6EE2;
        font-family: 'Poppins', sans-serif !important;
        text-align: left;
        padding: 4px 0px 4px 12px;
        font-size: 12px;
        border: none;
    }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content {
            padding: 0 !important;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item:hover {
            background-color: #FFF;
        }

        .dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i.dx-icon.dx-icon-spindown:before {
            color: #4A6EE2;
        }

.pmmEdit-listGridWrap {
    padding-left: 7px;
    padding-right: 4px;
}

/************CSS for list view grid**********/
.pmmEdit-listGrid .dx-treelist-headers {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #ecf1ff;
}

    .pmmEdit-listGrid .dx-treelist-headers table.dx-treelist-table tr td {
        /*text-align: left !important;*/
        font-size: 13px;
        border-right: none;
        border-left: none;
    }

.pmmEdit-listGrid .dx-treelist-container .dx-treelist-rowsview table.dx-treelist-table tr td.dx-command-drag {
    background-color: #e7ebf8;
}

.assigneeToImg {
    width: 18px;
    float: right;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    border-right: none;
    /*border-left: none;*/
}

.pmmEdit-linkWrap {
    margin-top: 15px;
    float: right;
}

    .pmmEdit-linkWrap .btnAddNew {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

        .pmmEdit-linkWrap .btnAddNew:hover {
            background: #FFF;
        }

.dx-scrollview-content {
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
}

/*********CSS for available resource popup ****************/
.devExtRadioGroup {
    padding-bottom: 10px;
}

    .devExtRadioGroup .dx-item.dx-radiobutton {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

    .devExtRadioGroup .dx-radiobutton-icon:before {
        width: 14px;
        height: 14px;
        border: 1px solid #4A6EE2;
    }

    .devExtRadioGroup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
        margin-top: -12px;
        margin-left: 4px;
        width: 8px;
        height: 8px;
        background: #4A6EE2;
    }

.chkFilterCheck {
    padding-right: 15px;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    width: 145px;
}

    .chkFilterCheck .dx-checkbox-icon {
        width: 18px;
        height: 18px;
        border: 1px solid #4A6EE2;
        font: 12px/16px DXIcons;
        color: #4A6EE2;
    }

    .chkFilterCheck.dx-checkbox-checked .dx-checkbox-icon:before {
        width: 16px;
        margin-left: -8px;
        margin-top: -8px;
    }

.filterctrl-jobDepartment {
    clear: both;
}

.filterctrl-jobDepartment, .filterctrl-jobtitle, .filterctrl-userpicker {
    margin-top: 6px;
    padding-left: 15px;
    border: none !important;
}

    .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper,
    .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper,
    .filterctrl-userpicker .dx-dropdowneditor-input-wrapper {
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

        .filterctrl-jobDepartment .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-jobtitle .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
        .filterctrl-userpicker .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
            color: #4A6EE2;
        }

    .filterctrl-jobDepartment.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobDepartment.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-jobtitle.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .filterctrl-userpicker.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

/******************CSS for PMM Add Ticket************************/
.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.pmmAdd-titleWrap {
    margin-top: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.devExtLabel {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #4A6EE2;
    font-weight: 500;
    margin-top: 15px;
}

.NewProjectScreenRow {
    padding: 0px;
    width: 100%;
    margin-top: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

    .NewProjectScreenRow.dx-state-hover .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon,
    .NewProjectScreenRow.dx-state-focused .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        background-color: #fff;
    }

    .NewProjectScreenRow .dx-dropdowneditor-input-wrapper .dx-dropdowneditor-icon {
        color: #4A6EE2;
    }

.devExtChkBoxWrap {
    /*margin-top: 15px;*/
    padding-left: 18px;
}

.pmmAdd-chkBox {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin-top: 15px;
    width: 100px
}

    .pmmAdd-chkBox.dx-checkbox-checked .dx-checkbox-icon {
        font: 10px/16px DXIcons;
        color: #4A6EE2;
    }

    .pmmAdd-chkBox .dx-checkbox-icon {
        width: 16px;
        height: 16px;
        border: 1px solid #4a6ee2;
    }

.primary-dvExtBtn {
    background-color: #4A6EE2 !important;
    color: #FFF !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    float: right;
    margin-left: 7px;
}

    .primary-dvExtBtn .dx-button-content {
        padding: 5px 18px 5px;
    }

.secondary-devExtBtn {
    background: #FFF !important;
    color: #4A6EE2 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border: 1px solid #4A6EE2;
}

    .secondary-devExtBtn .dx-button-content {
        border: 1px solid #4A6EE2;
        border-radius: 4px;
        padding: 5px 18px 5px;
    }

.devExt-fileUploadCtrl {
    padding-top: 10px;
}

    .devExt-fileUploadCtrl .dx-fileuploader-wrapper {
        padding-left: 0px;
    }

        .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button {
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            color: #4a6ee2;
        }

            .devExt-fileUploadCtrl .dx-fileuploader-wrapper .dx-fileuploader-button.dx-state-hover {
                background: #fff;
            }

.nprProject-gridWrap, .nprTemplate-gridWrap {
    padding-top: 10px;
    padding-left: 18px;
}

.nprProject-grid, .nprTemplate-grid {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

    .nprProject-grid .dx-datagrid, .nprTemplate-grid .dx-datagrid {
        border: 1px solid #ddd;
    }

.margin-right10 {
    margin-right: 15px;
}

.margin-left10 {
    margin-left: 10px;
}


/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}


/**amar */
/*workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*//amar*/
.wf-img-wrap {
    width: 50px;
    margin: 0 auto;
}



/*/css for workflow*/
/*.svcWorkflow-container {
    padding: 4px 15px 35px 15px;
}*/

.wizard_steps {
    width: 100%;
    /*margin-top: -39px;*/
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.employee-info p {
    background: #f6f7fb url(Images/employee-info-nonactive.png) no-repeat center center;
}

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

.step_number img {
    width: 30px;
    filter: brightness(90);
    vertical-align: -webkit-baseline-middle;
    margin-top: 4px;
}

.step_content.active .step_number {
    background: #89df94;
}

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/************CSS for Help Card*************/
.helpCard-listWrap, .helpCard-templateWrap {
    display: inline-block;
    /*width: auto;*/
    padding: 15px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.wikiNav-menuWrap .dx-scrollable-wrapper {
    border: 1px solid #f5f5f5;
    top: 20px;
    box-shadow: 0px 0px 4px #eae7e7;
}

.dx-scrollview-content .dx-list-item:first-child {
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
}

    .dx-scrollview-content .dx-list-item:first-child .dx-list-item-content {
        padding: 10px 0px 10px;
    }

    .dx-scrollview-content .dx-list-item:first-child .wikiMenu-infoWrap .wikiMenu-title {
        color: #4a6ee2;
        font-size: 14px;
    }

.dx-scrollview-content .dx-list-item.dx-state-focused:first-child {
    background-color: #fff !important;
}

.dx-scrollview-content .dx-list-item.dx-state-focused {
    background-color: #fff !important;
    color: #000 !important;
}

.dx-list-item .dx-list-item-content {
    padding: 10px 5px;
}

.wiki-topDiv, .wiki-btnDiv {
    display: block;
    clear: both;
}

.helpCard-titleWrap {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 0px;
    color: #4A6EE2;
    text-transform: uppercase;
}

.wilkiInfo-container {
    /*margin-bottom: 10px;*/
    padding-left: 10px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
    padding-top: 15px;
    padding-right: 10px;
}

.wikiTitle-container {
    padding-top: 8px;
}

/*.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-active,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-focused,
.HelpCardTiles .dx-scrollable-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}*/

.HelpCardTiles .dx-scrollable-content .dx-item {
    /*box-shadow: 0px 0px 4px #d3d3d3;*/
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    border-radius: 10px;
}

    .HelpCardTiles .dx-scrollable-content .dx-item:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.dxtPrimary-btn {
    float: right;
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #fff;
    font: 14px 'Poppins', sans-serif;
    font-weight: 600;
    margin-left: 10px;
}

    .dxtPrimary-btn.dx-state-hover,
    .dxtPrimary-btn.dx-state-focused,
    .dxtPrimary-btn.dx-state-active {
        background: #4A6EE2;
        background-color: #4A6EE2 !important;
        border: 1px solid #4A6EE2;
        color: #fff !important;
    }

.edit-helpCard {
    margin-bottom: 6px;
    float: right;
    clear: both;
}

.flashCard-container {
    width: 341px;
    margin: 0px auto;
    border: 1px solid #FFF;
    height: 495px;
    padding: 10px;
    box-shadow: 0px 0px 4px #888888;
    clear: both;
}

    .flashCard-container img {
        max-width: 100%;
    }

.chkFilterCheckFlashCard {
    float: right;
    padding-left: 12px;
    padding-top: 7px;
    padding-right: 8px;
}

    .chkFilterCheckFlashCard .dx-checkbox-container .dx-checkbox-icon {
        width: 18px;
        height: 18px;
    }

.dxtSecondary-btn {
    background: #FFF;
    color: #4A6EE2;
    float: right;
    border: 1px solid #4A6EE2;
    font: 14px 'Poppins', sans-serif;
    font-weight: 600;
    margin-left: 10px;
}

    .dxtSecondary-btn.dx-state-hover,
    .dxtSecondary-btn.dx-button-mode-contained.dx-state-focused {
        background: #FFF;
        color: #4A6EE2;
        border: 1px solid #4A6EE2;
    }

.flashCard-catList .dx-scrollview-content .dx-item.dx-state-active,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-focused,
.flashCard-catList .dx-scrollview-content .dx-item.dx-state-hover {
    background: #f6f6f6;
}

/************Help card Add popup**********/
.helpCardTitle-textBox, .HelpCard-Category {
    width: 95%;
}

    .helpCardTitle-textBox .dx-texteditor-input-container input[type="text"],
    .HelpCard-Category .dx-texteditor-input-container input[type="text"] {
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
    }

    .helpCardTitle-textBox .dx-texteditor-input-container .dx-placeholder,
    .HelpCard-Category .dx-texteditor-input-container .dx-placeholder {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

.mandatoryField {
    display: inline-block;
    float: right;
}

.helpcard-btnWrap {
    padding-bottom: 20px;
}

.showArchive-chkBox {
    float: right;
    font-family: 'Poppins', sans-serif;
}

    .showArchive-chkBox .dx-checkbox-container .dx-checkbox-icon {
        float: right;
        width: 18px;
        height: 18px;
    }

/*edit ticket workflow*/

.doublePadding {
    padding-left: 30px;
    padding-right: 30px;
}

.tabpadding {
    padding: 5px 10px;
}

/*.step_number img {
    width: 18px;
    filter: brightness(9);
}*/

.step_content.active .step_number {
    background: #89df94;
}

    .step_content.active .step_number.nodeOnhold {
        background: #ffaaaa !important;
    }

*[class*='dxm-disabled'] a:hover * {
    color: #000 !important;
}

/*****************************************
    New CSS for left menu and header
******************************************/
.post-thumb .header-profileImg {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #c7cfda;
    padding: 4px;
}

.headerPage-mesage {
    padding: 21px 15px 0px 0px;
    float: right;
    right: 20px;
}

.meassageBord {
    float: right;
}

.pageTitle p {
    font-size: 22px;
    color: #4A90E2;
}

.messageListWrap li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 12px;
}

.userProfile-headerContainer {
    width: 100%;
    float: right;
}

.messageListWrap {
    padding-left: 0px;
}

.msgBoard-dropdown-toggle, .warningBoard-dropdown-toggle, .sucessBoard-dropdown-toggle {
    cursor: pointer;
    width: 18px;
}

.alertMsgContainer, .warningMsgContainer, .sucessMsgContainer {
    position: relative;
}

#alertMsgCount {
    border: 1px solid red;
    color: red;
}

#warningMsgCount {
    border: 1px solid #FFA602;
    color: #FFA602;
}

#messageSuccess {
    border: 1px solid #27922C;
    color: #27922C;
}

.msg-count {
    display: inline-block;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    padding: 2px 5px;
    font-weight: 700;
    text-align: center;
    top: -11px;
    left: 7px;
}

ul.msgDropdown {
    display: none;
    position: absolute;
    min-width: 274px;
    padding: 1px;
    border-radius: 4px;
    z-index: 9;
    top: 30px;
    background: #fff;
}

.alertDropDown {
    left: -127px;
    border: 1px solid red;
}

.warningDropdown {
    right: -121px;
    border: 1px solid #FFA500;
}

.sucessDropdown {
    right: -118px;
    border: 1px solid green;
}
/* up arrow*/
ul.alertDropDown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 126px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: red transparent;
}

ul.alertDropDown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 128px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.warningDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 121px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: #FFA500 transparent;
}

ul.warningDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 122px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.sucessDropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 117px;
    border-width: 0px 10px 8px 9px;
    border-style: solid;
    border-color: green transparent;
}

ul.sucessDropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    right: 118px;
    border-width: 0px 9px 7px 7px;
    border-style: solid;
    border-color: #fff transparent;
}

ul.msgDropdown li {
    list-style-type: none;
    border-top: 1px solid lightgrey;
    display: block;
    padding: 6px 15px;
    background: #FFF;
    word-break: break-word;
    font: 12px 'Poppins', sans-serif !important;
    border-right: 0px;
}

    ul.msgDropdown li:hover {
        background-color: #eee;
    }

    ul.msgDropdown li:first-child {
        list-style-type: none;
        border-top: none;
    }


/************************************
    global search UI changes
*************************************/

.globalSearch-container {
    display: inline-block;
    float: right;
}

.globalSearch-wrap {
    padding-top: 11px;
    padding-bottom: 11px;
}

.SearchInput {
    background: none;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    color: #FFF;
    height: 30px;
}

.globalSearch-icon, .globalSearch-icon:hover, .globalSearch-icon:active, .globalSearch-icon:focus, .globalSearch-icon:active:hover {
    background: transparent;
    padding: 4px 10px;
}

    .globalSearch-icon i {
        color: #FFF;
        font-size: 14px;
    }

.headerLogo-imgWrap {
    max-width: 200px;
    max-height: 15px;
    /*padding: 5px 0px;*/
}

.logoText1 .pointer {
    width: 100%;
    height: 42px;
    object-fit: contain;
    object-position: left;
}

.customNavbar {
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0;
    display: block;
    position: fixed;
    z-index: 99;
    width: 100%;
}

/****************new css for left side Menu***************/
.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed.dxnb-headerCollapsedHover img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-headerCollapsed img.dxWeb_nbExpand_UGITNavyBlueDevEx.dxnb-btn {
    background-image: url(/content/images/caret-down.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.collapseListItem div span {
    color: #fff !important;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}

    .collapseListItem div span:hover {
        color: #fff;
    }

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    background-size: 11px;
    margin: 0 11px 0 4px;
}

.homeDashboard_menuListWrap li.dxnb-gr div.dxnb-header.dxnb-headerHover img.dxWeb_nbCollapse_UGITNavyBlueDevEx {
    background-image: url(/content/images/caret-arrow-up.png);
}

.homeDashboard_menuListWrap li a.leftMenu_listItem div span {
    /*color: #c7cfda !important;*/
    color: #FFF !important;
}

.popup_wrap .homeDashboard_content_wrap {
    padding-top: 0px;
}

.dbNew-btn .dxb {
    padding: 2px 7px !important;
    border: none !important;
}

    .dbNew-btn .dxb img {
        margin-left: 15px !important;
    }

.db-quickTicket div.dxb {
    padding: 2px 7px 1px !important;
    border: none !important;
}

    .db-quickTicket div.dxb span {
        float: right
    }

    .db-quickTicket div.dxb img {
        margin-right: 3px;
        width: 14px;
    }

.iframeDialog {
    border: none;
    width: 100%;
}

/*.responsiv_nextBtn {
    margin-right: 13px
}*/

/****************************************
    CSS for fixed custom menu Bar

*****************************************/
.leftSideBottomMenu-container {
    position: relative;
    /*z-index: 99999;*/
    padding-left: 2px !important;
    top: 37px;
    background: none !important;
    border: none !important;
    width: 100% !important;
    display: block;
}

    .leftSideBottomMenu-container li {
        list-style-type: none;
        padding: 10px 0px;
        background: none !important;
        min-width: 54px !important;
    }

        .leftSideBottomMenu-container li.dxm-selected {
            cursor: pointer !important;
        }

        .leftSideBottomMenu-container li.dxm-disabled {
            cursor: not-allowed !important;
        }

/*********************************
    CSS for header submenu
**********************************/
.fixedMenu-subMenuItemUl {
    background: #70747b;
}

    .fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-hovered, .fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem.dxm-selected {
        background: #565D67 !important;
        border: none;
        padding: 6px 3px;
    }

.fixedMenu-subMenuItem a.dxm-content.dx {
    padding: 3px 3px 3px 8px;
}

.fixedMenu-subMenuItemContainer {
    width: auto !important;
    min-width: 52px !important;
    background-color: #70747b !important;
    border: 1px solid #70747b !important;
}

.fixedMenu-subItemWrap {
    z-index: 9999999 !important;
}

.leftSideBottomMenu-container .fa.fa-angle-right:before {
    display: none;
}

.hideBottomMenu {
    display: none;
}

.fixedMenu-subMenuItem {
    padding: 4px 3px;
}

.fixedMenu-itemlabel {
    color: #FFF;
    font-size: 14px;
    border: 1px solid #aeaeae;
    padding: 10px 0px;
    width: 30px;
    text-align: center;
}

.fixedMenu-subMenuItemContainer ul.fixedMenu-subMenuItemUl li.fixedMenu-subMenuItem {
    padding-left: 0px !important;
}

.barcharts-progress.xs {
    height: 20px !important;
    margin-bottom: 15px !important;
}

    .barcharts-progress.xs .progress-bar {
        border-radius: 0px !important;
    }

.kpiresult {
    padding: 0;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.dashboardkpi-txt {
    word-break: break-word;
}

.chartCount {
    position: relative;
    float: right;
    /*position: absolute;
    top: 3px;
    left: 236%;
    z-index: 99;
    color: #FFF;
    font-size: 16px;*/
}

.homeDashboard_chartContent_elementWrap {
    margin-top: 20px;
}

.detailviewresource-main {
    float: left;
    width: 100%;
    margin: 16px 0px 35px;
}


/********************************CSS for RMM - Resource allocation card view********************************/
.rmm-managerCard {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    height: 250px;
}

.card-inner-container {
    text-align: center;
}

.resource-img-container {
    border-radius: 50%;
    position: relative;
    width: 95px;
    height: 95px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .resource-img-container img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        max-height: 90px;
    }

.user-manager-name {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
}

.user-edit-icon {
    position: absolute;
    top: 31%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 61%;
    background: #092da0;
    cursor: pointer;
}

    .user-edit-icon > img {
        width: 14px;
        filter: brightness(9);
    }

.card-inner-data {
    font-size: 14px;
    color: #000;
}

    .card-inner-data span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

.card-allocationBar {
    position: relative;
    margin-top: 33px;
    width: 100%;
}

        .card-allocationBar .emptyProgressBar {
            /*border: 1px solid #E24A7A !important;
            background: #E24A7A;
            border-radius: 0;
            height: 17px;*/
        }

        .card-allocationBar .emptyProgressBar .progressbarhold {
            /*height: 17px;
            border-radius: 0;*/
        }

        .card-allocationBar .emptyProgressBar .progressbar {
            /*height: 17px;
            border-radius: 0;*/
        }

.chkAllAssociate-chkBox {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    padding-left: 11px;
}

.resource-card {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px 0;
    border-radius: 4px;
    height: 100%;
    width: 100%;
    position: relative;
}

    .resource-card:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

.associate-Card .dx-item.dx-tile {
    border: none !important;
}

.usercardcheck {
    margin: 0 10px !important;
}

.cardData-title {
    color: #444649;
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}

.cardResource-edit-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    border: 1.5px solid #092da0;
    border-radius: 50%;
    padding: 2px;
    left: 63%;
    background: #092da0;
    cursor: pointer;
}



.cardResource-edit-icon-disabled {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 40%;
    /*border: 1.5px solid #092da0;*/
    border-radius: 50%;
    padding: 2px;
    left: 63%;
    /*background: #092da0;*/
    cursor: pointer;
}

    .cardResource-edit-icon-disabled img.jqtooltip {
        vertical-align: middle;
        margin-bottom: 7px;
        margin-left: 2px;
        width: 14px;
        filter: brightness(9);
    }

    .cardResource-edit-icon img.jqtooltip {
        vertical-align: middle;
        margin-bottom: 2px;
        margin-left: 2px;
        width: 14px;
        filter: brightness(9);
    }

    .contentPane .managementcontrol-main .bulkUser-addtable {
        width: 100%;
    }

/*.cardResource-edit-icon img:last-child {
    position: absolute;
    width: 9px;
    top: 232%;
    right: -124%;
}*/

.resourceCard-innerData {
    font-size: 14px;
    color: #000;
    text-align: center;
}

    .resourceCard-innerData span {
        color: #7d7878;
        font-size: 14px;
        margin-right: 3px;
    }

    .resourcecard-allocationBar .emptyProgressBar .progressbarhold {
        height: 17px;
        border-radius: 0;
    }

    .resourcecard-allocationBar .emptyProgressBar .progressbar {
        height: 17px;
        border-radius: 0;
    }

.resourcecard-allocationBar {
    position: relative;
    margin-top: 2px;
    width: 100%;
}

.leftMenu_listItem img, .leftSideBottomMenu-container ul li.dxm-subMenu div.fa.fa-angle-right img,
.homeDashboard_menuListWrap li a.collapseListItem img {
    filter: brightness(9);
}

.editHelpCardInline {
    border: none;
    background-color: transparent;
}


/**********************CSS for file upload control********************/
.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #ccd4e1;
}

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx {
        width: 100%;
        font-family: 'Poppins', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        background: none;
        border-radius: 0px 4px 4px 0px;
        border: 1px solid #ccd4e1;
        border-left: 0;
        padding: 10px 15px;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucTextBox_UGITNavyBlueDevEx input.dxucEditArea_UGITNavyBlueDevEx {
        width: 100%;
        text-align: center;
        font-family: 'Poppins', sans-serif;
    }

    .editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxCB {
        border-radius: 0px;
    }


/************************************************************
    Edit task popup new UI
*************************************************************/
.edit-task-popup-container {
    border: 1px solid #f0f0f0;
}

.section-heading {
    background: #f0f0f0;
}

/****************************CSS for devexpress project card************/
.devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx {
    box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    background-color: #FFF;
    font-family: 'Poppins', sans-serif;
    border-radius: 4px;
}

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx:hover {
        transform: translateY(-0.05em) scale(1.05);
        transition: 0.3s all cubic-bezier(0.055, 0.62, 0.145, 0.5);
    }

    .devexpress-projectCard tr td table.dxcvTable_UGITNavyBlueDevEx tr td.dxcvCard_UGITNavyBlueDevEx div.dxflFormLayout_UGITNavyBlueDevEx.dxflViewFormLayoutSys {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

.subticketaction {
    /*padding-top: 4px;*/
    float: none;
    display: inline-block;
}


.devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx {
    display: flex;
    background: #FFF;
    padding: 12px 20px;
}

    .devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx .dxcvHeader_UGITNavyBlueDevEx {
        margin-right: 10px;
        background: #FFF;
        border: 1px solid #4A6EE2;
        border-radius: 4px;
        color: #4A6EE2;
    }

        .devexpress-projectCard .dxcvHeaderPanel_UGITNavyBlueDevEx .dxcvHeader_UGITNavyBlueDevEx table {
            color: #4A6EE2;
        }
/*******************CSS for predecessors**************/
.predecessors-wrap {
    border: 1px solid #CCC;
}

.tvpredecessorstasks ul {
    background: #FFF;
}

.aspxUserTokenBox-control tr td.dxic input[type="text"] {
    height: 33px;
}

.editTask-deleteIcon {
    margin-left: 20px;
    margin-top: 25px;
}

.aspTextBox {
    padding: 17px 10px;
}

.toolbar-accept-symbol {
    padding-right: 0 !important
}

    .toolbar-accept-symbol .dx-item-content.dx-toolbar-item-content {
        margin-left: 25px;
    }

.pmmEdit-projectToolBar {
    background-color: #ecf1ff;
    /*padding: 5px;*/
}

.pmm-popup-container {
    padding: 3px 0 !important;
}

.pmmEdit-projectToolBar .dx-menu-items-container li {
    margin: 0 12px;
    font-family: 'Poppins', sans-serif;
}
    /*.pmmEdit-projectToolBar .dx-menu-items-container li:hover {
    border-bottom: 2px solid #c8cddf;
}*/
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover {
        /*border-bottom: 2px solid #c8cddf;*/
        background-color: transparent;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover,
    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected {
        /*background-color: #d1dfff;*/
        background-color: #b9ceff;
    }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover span,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected span {
            color: #191919;
        }

        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-state-hover img,
        .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item.dx-menu-item-selected img {
            filter: brightness(0.5);
        }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item img {
        filter: brightness(0.8);
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item .dx-item-content {
        margin: 3px 5px 3px;
    }

    .pmmEdit-projectToolBar .dx-menu-items-container li .dx-menu-item span {
        color: #848383;
        font-size: 12px;
    }

.edit-ticket-prev, .edit-ticket-next {
    color: #4A6EE2;
    display: inline-block;
    /*border: 1px solid #efeeee;*/
    border-radius: 4px;
    /*padding: 6px 8px;*/
}

.edit-ticket-ID {
    background-color: #f6f6f6;
    padding: 5px;
}

.get-help {
    color: #4A6EE2;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    display: inline-block;
}

.lifeCycle-content {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #959595;
}

.tskbehaviour-opt {
    margin-top: 7px;
}

    .tskbehaviour-opt label {
        float: left;
        margin-left: 7px;
        margin-right: 30px;
    }

        .tskbehaviour-opt label > img {
            float: right;
            width: 16px;
            margin-left: 5px;
        }

.edit-task-deleteBtn {
    margin-top: 4px;
    float: right;
    display: inline-block;
}

.edit-task-allocation {
    display: inline-block;
    width: 90%;
}

.addFile-label {
    color: #4A6EE2;
    font-size: 14px;
    padding-left: 5px;
    text-decoration: underline;
}

.tasksubitem {
    float: left;
    width: 100%;
}

.tabContainer.field_heading {
    padding-left: 4px;
}

.dx-toolbar-before .dx-toolbar-button:first-child .dx-button-has-icon {
    margin-left: 6px;
}

.dx-toolbar-before .dx-toolbar-button .dx-button-has-icon .dx-button-content, .dx-toolbar-after .dx-toolbar-button .dx-button-has-icon .dx-button-content {
    padding: 5px;
}

.toolbar-list-item .dx-item-content.dx-list-item-content > div {
    display: inline-block;
    float: right;
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.toolbar-list-item .dx-item-content.dx-list-item-content div.dx-button.dx-button-normal {
    float: left;
    display: inline-block;
    /*width: 10%;*/
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.toolbar-list-item .dx-list-item-content {
    padding: 10px !important;
}

.toolbar-list-item {
    padding-left: 0px !important;
}



/**************************************************************
            CSS for home Search popup
***************************************************************/
.homeSearchDialog .ui-dialog-titlebar.ui-widget-header {
    display: none;
}

.homeSearchDialog.ui-widget.ui-widget-content {
    border-radius: 4px;
}

.noSearch-message {
    text-align: center;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    clear: both;
}

.homeSearchDialog .search_Help_Popup {
    padding: 0;
}

.homeSearch-header {
    border-bottom: 1px solid #DDD;
    padding: 10px 15px;
    float: left;
    width: 100%;
}

.search-header-Left {
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
}

.search-header-right {
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #4A6EE2;
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.search-wikilist-wrap {
    padding: 10px 15px;
    float: left;
    width: 50%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

    .search-wikilist-wrap ul, .search-helpCardlist-wrap ul {
        padding-left: 0px;
        padding-top: 15px;
    }

        .search-wikilist-wrap ul li, .search-helpCardlist-wrap ul li {
            list-style-type: none;
            margin-bottom: 10px;
            font-size: 12px;
            color: #000;
        }

.search-helpCardlist-wrap {
    padding: 10px 15px;
    float: right;
    width: 50%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #4a6ee2;
    text-transform: capitalize;
}

.noHelpCard-msg {
    color: #000;
    margin-top: 10px;
    font-size: 12px;
}
/**************************************************************
        CSS for PMM Grid action buttton 
***************************************************************/
.pmmGrid-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid rgb(184, 184, 184);
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}

.pmm-actionAdd {
    cursor: pointer;
    float: right;
    margin: 1px 1px 1px 7px;
    width: 13px;
}

.pmm-action-description {
    float: right;
    height: 13px;
    width: 14px;
    margin-top: 1px;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr td div#dataTitle .pmmGrid-actionBtnWrap {
    display: none;
}

.pmmEdit-listGrid .dx-treelist-rowsview table.dx-treelist-table tr:hover td div#dataTitle .pmmGrid-actionBtnWrap {
    display: block;
}

.service-catlogdel-icon {
    width: 16px;
    margin-right: 5px;
}

li.dxtcLiteDisabled_UGITNavyBlueDevEx a.aspNetDisabled.dxtc-link:hover {
    cursor: not-allowed;
    color: #b1b1b8 !important;
}

.accomp-popup input[type="text"].asptextbox-asp.tokenTextBox {
    width: 91% !important;
}
/****************CSS for radio button list*****************/
.custom-radiobuttonlist tr td input[type="radio"]:checked,
.custom-radiobuttonlist tr td input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .custom-radiobuttonlist tr td input[type="radio"]:checked + label,
    .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 21px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font: 12px 'Poppins', sans-serif;
        padding-right: 8px
    }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:before,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #4a6ee2;
            border-radius: 100%;
            background: #fff;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after,
        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 7px;
            height: 7px;
            background: #4a6ee2;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .custom-radiobuttonlist tr td input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .custom-radiobuttonlist tr td input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.assetType-list {
    padding: 0 6px 10px;
}

.requestType-table {
    height: 200px;
    overflow-y: scroll;
    float: left;
    border: 1px solid;
    width: 100%;
    margin-top: 10px;
}

.queDueDate {
    margin-top: 3px;
}

    .queDueDate.aspxSpinEdit-dropDown tr td.dxic input[type="text"] {
        height: 25px !important;
    }

.changeView-wrap {
    clear: both;
    display: inline-block;
    float: left;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.editpopup-imp-message-box {
    padding-top: 10px;
}

.actionBtn_container {
    float: right;
    padding: 04px 0;
    margin-right: -3px;
}

.ticket_info_icon {
    text-align: center;
    margin-right: 7px;
    clear: both;
    display: inline-block;
    float: right;
    border: 1px solid #efeeee;
    padding: 5px;
    border-radius: 4px;
}

.parentService-chkBox-wrap {
    margin-bottom: 15px;
}

.disableSLA-container {
    /*margin-top: 10px;*/
    /*border-top: 1px solid rgb(223, 219, 219);*/
    padding: 0px 15px 0;
    margin-left: 5px;
}

.taskReminder-container {
    /*border-top: 1px solid rgb(223, 219, 219);*/
    /*padding-top: 15px;*/
}


/*******************************CSS for Secondary checkbox************************/
.crm-checkWrap-secondary {
    display: inline-block;
}

    .crm-checkWrap-secondary input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .crm-checkWrap-secondary label {
        position: relative;
        cursor: pointer;
        font: 13px 'Poppins', sans-serif;
        color: #4a6ee2;
    }

        .crm-checkWrap-secondary label::before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1.5px solid #4a6ee2;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
        }

    .crm-checkWrap-secondary input:checked + label::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: solid #4a6ee2;
        border-width: 0 1.5px 1.5px 0;
        transform: rotate(45deg);
    }
/*.budget_fieldLabel.secandary-feildLable {
    color: #acaaaa;
}*/
.addMore-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.taskReminders-checkWrap-textbox {
    padding-left: 23px;
    padding-bottom: 12px;
    clear: both;
    float: left;
    width: 100%;
}

.edit-ticket-error-msg-container {
    border: 1px solid #e1dddd;
    font-family: 'Poppins', sans-serif;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    float: left;
    width: 98.5%;
    margin: 5px 0 15px 5px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

.dx-treelist-select-all .dx-checkbox {
    left: 7px;
}

.parentServiceRequest {
    margin-bottom: 12px;
}

#parentSerWrap {
    width: 100%;
}

.reminderDays-dropdown {
    margin-right: 27px;
}

.toolbar-view-dropDown .dx-button.dx-button-has-text .dx-icon.dx-icon-right {
    float: right;
    margin-right: 7px;
}

.serviceCat-grayBg {
    background: #F0F0F0;
    clear: both;
}

/********************CSS for Aspx usertokenbox control*******************/
.aspxUserTokenBox-control {
    background-color: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
    max-width: 300px !important;
}

table.aspxUserTokenBox-control tr td {
    height: auto !important;
}

.aspxTokenBox-item table tr td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 350px;
}

.dxeToken_UGITNavyBlueDevEx.tokenBoxStyle {
    max-width: 100% !important;
    background: none !important;
}

    .dxeToken_UGITNavyBlueDevEx.tokenBoxStyle span.dxeTokenText_UGITNavyBlueDevEx {
        max-width: 90px !important;
    }

.peAssignedTo table.aspxUserTokenBox-control tr td.dxic input[type="text"]:focus {
    border: none !important;
}

.btnAddNew.dx-button, .grid-template-container, .history_date_time {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.pmmStatus_btnchange-projectStage {
    padding-top: 13px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding-right: 9px;
}

    .pmmStatus_btnchange-projectStage a {
        float: right;
    }

.pmmStatus_projectSatgeDropDown {
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    /*width: 90%;*/
}

.budget-summary-title {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.worksheettable {
    font-family: 'Poppins', sans-serif;
}

.calenderyearnum {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
}

.CRMDueDate_inputField.homeDB-dateInput tr td.dxic input[type="text"] {
    height: 17px !important;
}

.customfitler-message {
    color: red;
    text-align: center;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.pmm-constraints-table {
    border: 1px solid #dfdbdb;
    margin-bottom: 20px;
}

.pmm-constraints-table-td {
    border: 1px solid #dfdbdb;
    padding: 7px;
    font-size: 12px
}

#DivImportedItems {
    clear: both;
    padding-left: 3px;
}

/********************CSS for FormLayout Tab Rename Popup*******************/
.tabForm-chkWrap {
    margin-left: 10px;
}

.tabForm-btnWrap {
    clear: both;
    padding: 10px 7px;
}

    .tabForm-btnWrap ul {
        float: right;
    }

.Primary-BtnLinkWrap {
    display: inline-block;
    background: #4A6EE2;
    color: #FFF;
    padding: 4px 12px;
    border-radius: 4px;
}

.Primary-BtnLink {
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.secondary-BtnLinkWrap {
    border: 1px solid #4A6EE2;
    border-radius: 4px;
    padding: 3px 12px;
    display: inline-block;
}

.secondary-BtnLink {
    color: #4A6EE2;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

    .secondary-BtnLink:hover {
        color: #4A6EE2;
        text-decoration: none;
        cursor: pointer;
    }

.Primary-BtnLink:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-input-container input[type="text"] {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.treeList-dateFeild .dx-datebox .dx-texteditor-buttons-container .dx-button-normal.dx-button-mode-contained .dx-dropdowneditor-icon:before {
    color: #4A6EE2;
}

.dx-show-invalid-badge.dx-radiogroup .dx-item.dx-radiobutton .dx-item-content {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.modal-body.removePadding.Popup_dialog.isSvcPopup_bodyContainer {
    background: #fff !important;
}

.field_requesttypelookup_edit {
    background: #fff;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px !important;
}

    .field_requesttypelookup_edit td.dxic input[type="text"] {
        height: 28px !important;
    }

.field_beneficiarieslookup_edit {
    max-width: 100% !important;
    padding: 0 3px !important;
}

    .field_beneficiarieslookup_edit tr td.dxeButton.dxeButtonEditButton_UGITNavyBlueDevEx {
        background: none !important;
    }

.optionBtn_addLogo input.input-button-bg {
    color: #fff !important;
}

#ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_lnkbtnAddProjectComplexity .button-bg {
    font-size: 12px;
}

.chooseDepartment_lable {
    color: #4A6EE2 !important;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 8px;
}

.multipledepartmentViewdiv {
    float: left;
    height: 200px;
    overflow-y: auto;
    width: 200px;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.pmm-similarProject-link {
    font-size: 12px;
    color: #4A6EE2;
    margin-bottom: 0;
    margin-top: 7px;
}

/******************CSS for similar project Popup**************/
.similarProject-popup .dx-toolbar-items-container .dx-toolbar-item-content > div {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child {
    padding-left: 0px;
}

    .projectList-radioBtnList .dx-scrollview-content .dx-list-item:first-child .dx-list-item-content {
        padding: 10px 5px 10px;
    }

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon:before {
    width: 15px;
    height: 15px;
}

.projectList-radioBtnList .dx-scrollview-content .dx-list-item .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    margin-top: -12.5px;
    margin-left: 4.5px;
    width: 8px;
    height: 8px;
}

.importBtnWrap {
    padding: 15px;
}

.selected-projectID {
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

.project-remove-img {
    margin-top: 3px;
    margin-left: 5px;
}

.templateTask-grid .dx-toolbar-items-container .dx-toolbar-label {
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
}

.templateTask-grid .dx-popup-content .dx-treelist {
    border: 1px solid #ccd4e1 !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
/*******************************************************
    CSS GANTT VIEW  
********************************************************/
.gantta-toolbarBtn .dx-button.dx-button-normal.dx-button-mode-contained.dx-state-hover {
    background: #fff;
}

.gantta-toolbarBtn .dx-button.dx-button-normal .dx-button-content {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    color: #4A6EE2;
    padding: 5px 15px;
}

.gantt-container {
    font-family: 'Poppins', sans-serif;
}

    .gantt-container .dx-gantt-view .dx-gantt-header {
        color: #4b4b4b;
    }

    .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table {
        font-family: 'Poppins', sans-serif;
        color: #4b4b4b;
    }



        .gantt-container .dx-treelist-container .dx-treelist-content table.dx-treelist-table tr td .dx-treelist-text-content {
            font-size: 14px;
            /*white-space: normal;*/
        }

    .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap {
        font-family: 'Poppins', sans-serif;
    }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap table.dx-treelist-table tr td {
            /*font-size: 12px;*/
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-collapsed span:before {
            content: "\f0fe";
            position: absolute;
            display: block;
            width: 14px;
            top: 66%;
            left: 0;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

        .gantt-container .dx-treelist-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-expanded span:before {
            content: "\f146";
            position: absolute;
            display: block;
            width: 14px;
            top: 66%;
            left: 0;
            margin-left: -7px;
            margin-top: 2px;
            font-family: "Font Awesome 5 Free";
            font-size: 15px;
            color: #4A6EE2;
        }

    .gantt-container .dx-gantt-view .dx-scrollview.dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
        overflow-y: hidden !important;
    }

.monitorLabel {
    margin-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #191919;
}

.monitorContainer {
    /*border: 1px solid #ecf1ff;*/
    border-bottom: none;
    width: auto;
    float: left;
    position: relative;
    top: 3px;
    padding: 3px 10px;
    background-color: #f5f5f5;
    padding: 8px 15px;
    /*border-radius: 4px;*/
}

    .monitorContainer.ugitlight1lighter {
        background-color: #f5f5f5;
        border-top: 3px solid #8c8484;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
        margin-bottom: 2px;
        z-index: 99;
    }

.monitor-content {
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5;
}

.monitor-content-label {
    margin-bottom: 3px;
}

    .monitor-content-label span, .score-label {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
    }

.monitor-content-feild {
    margin-bottom: 15px;
    clear: both;
    float: left;
    width: 100%;
}

.EditTicket-popupTextarea {
    width: 100%;
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    height: 34px;
    font-size: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    padding: 0 7px;
}

.total-score {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000;
}
/******************CSS for PMM Monitors tooltip**************/
div.tip-violet {
    padding: 8px;
    background-color: white;
    border: 1px solid;
}

.importWizard-ticketId, .projectList-radioBtnList .dx-scrollview-content .dx-list-item {
    cursor: default;
}

.importWizard-previewlink {
    cursor: pointer;
}

.homeGrid_dataRow.importTask-Grid-DataRow.dxgvSelectedRow_UGITNavyBlueDevEx, .homeGrid_dataRow.importTask-Grid-DataRow:hover {
    cursor: pointer;
    background-color: #e1dddd !important;
}

.managementcontrol-main.tasklist-popup-container {
    min-height: 500px;
    overflow-y: visible !important;
}

.anchorRootMenuItem.leftMenu_listItem span {
    color: #fff !important;
}

/*****************************CSS for bottleneck chart***************/
.legend-close {
    color: #ff5d5d;
    border: 1px solid #ff5d5d;
    background-color: #ff5d5d;
}

.legend-next {
    color: #4fca66;
    border: 1px solid #4fca66;
    background-color: #4fca66;
}

.legend-ruturn {
    color: blue;
    border: 1px solid blue;
    background-color: blue;
}

.svc-actionBtnWrap {
    float: right;
    padding: 3px 5px 3px;
    background: #FFF;
    border: 1px solid #e9e6e6;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: -19px;
    z-index: 9999;
    display: none;
}

.divHelp:hover div.svc-actionBtnWrap {
    display: block;
}
/****************CSS for services and catlog upload file *********************/
.add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl {
    width: 400px !important;
    max-width: 100% !important;
    border-radius: 4px;
    background: #FFF !important;
    border-color: #ccd4e1;
    border: 1px solid #ccd4e1;
    border-collapse: initial;
    margin: 23px auto 0;
}

    .add-file-doc .fileUploadIcon table.editTicket-fileupload-ctrl table.dxucInputs_UGITNavyBlueDevEx tr td.dxucBrowseButton_UGITNavyBlueDevEx {
        border: none !important;
    }

.add-file-doc .fileUploadIcon .uploadedFileContainer {
    margin: 5px auto;
    width: 400px;
}

.employee-name.form-group table.radiodropdownctr.equ_details_radiobtn tr td > span label {
    color: #4a6ee2;
    display: inline-block;
    font-family: 'Poppins',sans-serif;
    font-size: 13px;
    margin-left: 7px;
}

.employee-name.form-group .radiodropdownctr.equ_details_radiobtn {
    width: 100%;
}

.field_departmentlookup_edit.all-input.form-control {
    padding: 0 !important;
    height: auto;
    width: 100%;
    max-width: 100% !important;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-collapsed span:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.dx-treelist-rowsview .template-preview-grid-col .dx-treelist-expanded span:before {
    content: "\f146";
    font-family: "Font Awesome 5 Free";
    margin-left: -6px;
    margin-top: 1px;
    font-size: 12px;
    color: #4a6ee2;
}

.template-preview-grid-col .dx-treelist-text-content {
    margin-left: 15px;
}

.template-preview-grid-col-date {
    padding-left: 22px;
}

.primary-btn-link {
    float: right;
    background: #4A6EE2;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 8px;
}

    .primary-btn-link:hover {
        color: #fff;
    }

.formLayout-addPopupContainer {
    background: #FFF;
    position: initial;
}

.primary-btn-link img {
    filter: brightness(9);
    width: 11px;
    margin-right: 8px;
    float: left;
    margin-top: 3px;
}

.primary-btn-link .phrasesAdd-label {
    color: #fff !important;
}

.crm-checkWrap2 label {
    position: relative;
    cursor: pointer;
    font: 13px 'Poppins', sans-serif;
    color: #4a6ee2;
    margin-top: -20px;
}

.labelfloating {
    float: left !important;
    margin-top: 8px;
}


/**************************************************
    CSS FOR CIRCULAR CHARRT
**************************************************/
.kpitr.cicularChart-container {
    position: relative;
    float: left;
}

    .kpitr.cicularChart-container .progress.barcharts-progress.xs {
        border-radius: 50%;
        height: 100px !important;
        width: 100px;
        position: relative;
        float: left;
        margin-bottom: 74px !important;
        margin-right: 0px;
        margin-left: 38px;
    }

.cicular-progress {
    position: absolute;
    background: #FFF;
    height: 83px;
    width: 83px;
    border-radius: 50%;
    left: 8.5px;
    right: 0;
    top: 9px;
    color: #000;
}

    .cicular-progress > div {
        font-family: 'Poppins',sans-serif;
        font-size: 22px;
        margin-top: 28px;
    }

.kpiresult.circular-chart-label {
    padding: 0;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    position: absolute;
    bottom: 41px;
    left: 20px;
    text-align: center;
    width: 100%;
}

.backtoAdmin {
    color: #4A6EE2;
    font-size: 20px;
    padding-top: 0px;
    display: inline-block;
    float: left;
}

.formLayout-headerWrap {
    padding-top: 15px;
}

.aspx-dropDown-edit {
    border: 1px solid #ccd4e1;
    border-radius: 4px;
    padding: 1px;
}

    .aspx-dropDown-edit tr td {
        background: #FFF;
        padding: 0 !important;
    }

        .aspx-dropDown-edit tr td input[type="text"] {
            height: 32px;
        }

.showDel-chkWrap {
    padding-bottom: 7px;
}

.division-manager .aspxUserTokenBox-control {
    width: 100%;
}

.migrate-popup-btnWrap {
    position: absolute;
    bottom: 0;
    right: 0;
}

.marginLeft15 {
    margin-left: 5px;
}

.primary-blueBtn .dxb img {
    filter: brightness(9);
}

.field_box table.assetList-radioBtn {
    width: 45%;
}

.radio-btnList {
    margin-bottom: 10px;
}

.assignto-userToken .aspxUserTokenBox-control {
    width: 100%;
}

.agentBtnImg {
    width: 30px;
}

.fixed-popupBtnWrap {
    position: fixed;
    bottom: 52px;
    right: 17.7%;
    background: #FFF;
    width: 69%;
    padding: 5px 9px;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
}

body {
    width: 100% !important;
    min-height: 100vh !important;
}

.dxselect-div, #divMemo {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.lifecycle-container {
    border: 1px solid #9da0aa;
    padding: 10px;
    float: left;
    width: 100%;
}

    .lifecycle-container table {
        padding: 5px;
        border: 1px solid #ccc;
        background: #fafafa;
    }

        .lifecycle-container table table td, .lifecycle-stages tr td {
            padding: 3px;
        }

.lifecycle-stages {
    padding: 5px;
    border: 1px solid #ccc;
}

.aspHyperLink {
    float: right;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #FFF;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}

    .aspHyperLink:hover {
        color: #fff;
    }

.imgReport {
    width: 16px;
}

.pmmedit_reportIcon {
    color: #4a6ee2;
}

.report-popupMenu ul li.dxm-item {
    border-bottom: 1px solid #cecbcb !important;
    color: #4A6EE2;
}

    .report-popupMenu ul li.dxm-item.dxm-hovered {
        background-color: #e9e8e8 !important;
        color: #4A6EE2;
        border: none;
        border-bottom: 1px solid #8e8e8e !important;
    }

.devExtDataGrid-headerRow {
    background: #f2f3f4 url(/DXR.axd?r=102_1401-Q7Wal) repeat-x left top;
    color: #4b4b4b;
    font-weight: 500;
}

.devExtDataGrid-DataRow {
    border-bottom: 5px solid #f6f7fb !important;
}

.resourceVal {
    padding-left: 3px;
}

.aproval-alternate-row {
    background: #f9f8f8;
}

.aspLinkButton {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #4A6EE2;
    background: #4A6EE2;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    float: right;
}

    .aspLinkButton:hover {
        color: #fff;
    }

.project-status-container {
    padding-bottom: 10px;
    box-shadow: 0px 0px 1px #aaaaaa;
}

.project-status-header {
    padding: 10px 6px;
    background-color: #f1f2f6;
}

.projectStatusEditMode-container {
    border: 1px solid #e3dfdf;
    float: left;
    width: 100%;
    padding: 15px 0;
    border-radius: 4px;
}

/*status tab*/
.statusHeaderButton {
    margin: 0px 4px !important;
    float: left;
}

.projectScore-wrap {
    padding: 8px 7px 8px 7px;
    float: left;
    color: #4A90E2;
    font-size: 13px;
    background-color: #f1f2f6;
}

.archived-dataRow.homeGrid_dataRow {
    background: rgb(250 218 212) !important;
}

.contentPane {
    float: left;
    width: 100%;
    height: 100%;
}

.clssvcattach > a {
    border: none !important;
}

.linkDelete-icon {
    margin-left: 6px;
}

.ques-answer.rightSection {
    overflow: visible;
    float: left;
    width: 95%;
}

.module-chkList tr td label {
    margin-left: 5px;
}

.homeGrid_dataRow td a.deleteBtn-report {
    margin-left: 7px !important;
}

.toolbarWrap {
    float: right;
    background: #FFF;
    padding: 11px 11px 5px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item {
    box-shadow: none;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #ccc;
}

    .cardFooter-Icon.dx-widget.dx-dropdownbutton .dx-item.dx-buttongroup-item .dx-button-content i {
        color: #4A6EE2;
        width: 18px;
        font-size: 20px;
    }

.helpCardContainer .dx-texteditor-container .dx-button-mode-contained.dx-button-default {
    background: #fff;
}

.helpCardContainer {
    background: transparent !important;
    border: 1px solid #ccd4e1 !important;
}

#btn-Preview-Image {
    background: #FFF;
    /* display: block; */
    border: 1px solid #ccd4e1;
    padding: 4px 27px;
    border-radius: 4px;
    color: #4A6EE2;
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    position: absolute;
    top: 3px;
    left: 154px;
}

.closeCancel-fieldWrap {
    padding-bottom: 10px;
}

.wikiNav-menuWrap.dx-scrollable-native.dx-scrollable-native-generic {
    overflow-y: visible;
    overflow-x: visible;
    height: 100%;
}

.nprLookuplist .dxpcDropDown_UGITNavyBlueDevEx .dxeDropDownWindow_UGITNavyBlueDevEx.dxpc-content .dxgvCSD {
    overflow: visible !important;
    height: 100% !important;
}

.comment-days img {
    width: 12px;
    margin-right: 8px;
    height: 16px;
}

.adminWorkFlow-container {
    padding-top: 15px;
}

.expandCollapseIcons {
    margin-right: 15px;
    position: relative;
    top: 5px;
    left: -3px;
}

    .expandCollapseIcons img {
        cursor: pointer;
    }

.aspxColorEdit-gridDropDown {
    background: #fff;
    border: 1px solid #ccd4e1;
    border-radius: 4px !important;
    border-bottom-width: 1px !important;
    padding: 1px;
}

    .aspxColorEdit-gridDropDown tr td {
        background: #fff;
    }

        .aspxColorEdit-gridDropDown tr td.dxic input[type="text"] {
            height: 25px !important;
            background: #fff;
        }

.reportTitle {
    color: #4a6ee2;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 0;
    width: auto;
}

.module-chkListWrap {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%
}

.modal-body {
    background: #fff !important;
}

.cssassettimeline {
    display: block;
    text-align: right;
    width: 100%;
}

.rdFilterCriteria label {
    vertical-align: baseline;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-right: 8px;
}

.AspxTimeEdit-ctrl {
    width: 100%;
    background: #fff !important;
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

    .AspxTimeEdit-ctrl tr td input[type="text"] {
        height: 28px !important;
    }

.emailBody-editIcon {
    position: absolute;
    top: 0px;
    left: 20%;
    display: inline-block;
}

.aspxPopup-footer {
    background: #FFF !important;
    border: none;
    border-top: none !important;
}

    .aspxPopup-footer .dxpc-footerContent {
        padding: 10px 10px 10px 12px;
    }

.dxcheckbox {
    font-family: 'Poppins', sans-serif;
}

    .dxcheckbox tr td {
        padding-left: 0;
    }

        .dxcheckbox tr td label {
            color: #4A6EE2;
            font-size: 12px;
        }

.btnBlue-Secondary {
    border: 1px solid #4a6ee2;
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 15px;
    color: #4a6ee2;
    background: #fff;
}

.userctr.userValueBox-dropDown {
    width: 100% !important;
}

.dxAspx-radioBtnList {
    border-collapse: separate;
    width: 31% !important;
    border: 1px solid #ccd4e1;
    border-radius: 4px;
}

.selectDropDown {
    border: 1px solid #ccd4e1 !important;
    border-radius: 4px;
}

.lookupValueBox-edit, .lookupValueBox-dropown {
    width: 100% !important;
}

    .lookupValueBox-dropown div.dxpcDropDown_UGITNavyBlueDevEx.dxdd-root table.dxgvControl_UGITNavyBlueDevEx.dxgv tr td div.dxgvCSD {
        height: auto !important;
    }

.adminTab-pannel {
    background-color: #ecf1ff;
    padding: 0px 10px;
}

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder {
        padding: 12px 15px;
        background-color: #b9ceff;
    }

    .adminTab-pannel div .tabspan {
        padding: 12px 15px;
    }

        .adminTab-pannel div .tabspan a {
            font-size: 13px;
            color: #848383;
        }

    .adminTab-pannel .ugitsellinkbg.ugitsellinkborder a {
        color: #000;
    }

}

.lblStartDate {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.dxpcLite_UGITNavyBlueDevEx .dxpc-header, .dxdpLite_UGITNavyBlueDevEx .dxpc-header {
    background: #f0f0f0 !important;
}

.lookupValueBox-dropown div.dxpclW.dxpc-ddSys.dxdd-root table tr td div.dxgvCSD {
    height: auto !important;
}

.gridPager div.dxp-right span.dxp-comboBox input[type="text"] {
    width: 40px !important;
    height: 20px !important;
}

.dropDown-fieldLabel {
    color: #4A6EE2;
    font-size: 13px;
}

.treeCss.deleteTicket-grid {
    border: 1px solid #d0d0d1;
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
}

    .treeCss.deleteTicket-grid > div {
        background: #fff !important;
    }

    .treeCss.deleteTicket-grid div table tr td input[type="checkbox"] {
        margin-right: 10px;
        margin-top: 0px
    }

    .treeCss.deleteTicket-grid div table tr td a {
        font-size: 13px;
        color: #000;
    }

.delete-sucess-msg {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
    color: green;
    letter-spacing: 0.5px;
}

.homeGrid table.fieldactionusers {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.skipAddBtn {
    background: #4A6EE2;
    border: 1px solid #4A6EE2;
    color: #FFF;
    border-radius: 4px;
    padding: 5px 15px;
    margin-top: 25px;
}

.wiki-list-picker {
    display: inline-block;
    width: 50%;
}

/********************CSS for workflow chart****************************/
/*.contract_steptop_content .workflow-chart-outerCircle {
    border-radius: 50%;
    height: 39px;
    width: 38px;
    position: relative;
    cursor: pointer;
    background: gray;
}
.contract_steptop_content span.workflow-chart-innerCircle {
    background: #FFF;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    left: 7%;
    top: 8%
}
.contract_steptop_content.workflowChart-wrap table tr td{
    background:none !important;
}
.contract_steptop_content span.workflow-chart-innerCircle i {
    top: 3px;
    left: 13px;
}*/


.table-responsive {
    overflow-x: unset;
}

.dxpc-sizeGrip.dxGridView_WindowResizer_UGITNavyBlueDevEx {
    position: absolute;
    right: 0;
    bottom: 0;
}

/************************JITU UI CHANGES**************************/
.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow [id*="ctl00_ctl00_MainContent_ContentPlaceHolderContainer_ctl00_grid_tccell"] > div {
    width: 40px;
}

/*.dxgvControl_UGITNavyBlueDevEx.customgridview.homeGrid.dxgv .dxgvCSD {
    height: 320px !important;
}*/

.dxgvDataRow_UGITNavyBlueDevEx.homeGrid_dataRow .dx-nowrap.dxgv.dxgRRB [id*="div_title_"] {
    width: 100% !important;
}

.tabContainer.field_heading .information-wrap.comment-tbl {
    margin-top: 10px;
}

.dxgvEditForm_UGITNavyBlueDevEx {
    background-color: #fff;
}

.dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx {
    border-color: #ccd4e1;
    border-radius: 4px;
}

.dxeMemo_UGITNavyBlueDevEx, .dxeFocused_UGITNavyBlueDevEx textarea {
    border-radius: 4px;
    padding: 4px;
}

.dxgvHeader_DevEx {
    padding: 10px 11px;
}

.linkViewContent .accomp_inputField {
    padding: 0;
    display: flex;
    align-items: center;
}

.managementcontrolMainCus {
    float: left;
    width: 100%
}

.managementcontrolMainCus .ddlCategoryCus {
    display: flex;
    align-items: center;
}

.managementcontrolMainCus .accomp_inputField_linkViewCus {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.authorizedTbleWidth .aspxUserTokenBox-control {
    width: 100%;
}

.resourceUti-filterWarp .resourceUti-label label {
    margin-left: 0;
    margin-right: 0;
}

.resourceUti-label label {
    margin-left: 0;
}

.donutCardProp {
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 12px #aaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.donutCardProp td:not(:last-child) {
    margin-bottom: 8px;
}

.field_assetlookup {
    max-width: 300px !important;
}

.dxdi-canvas .shape rect {
    stroke-width: 5;
}

.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
    margin-top: 10px;
}