@media  (max-width:2660px){
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-date.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-allDocuments.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-newtopic.yourpanel.pink-bg a{
        width: 30%;
        margin: 0 10px 0 0;
    }
    .page-wrap {
        float: right;
        width: 100%;
        transition: width 0.3s ease;
    }
    .page-wrap.push-rt{
        width:79%; 
    }
    .statistics-box .chart_wrap_new_text {
        top: 130px;
        left: 80px;
    }
    .leftMove {
        left: 32% !important;
    }
    .apDialogX .NewForm-content,.apDialogXW .NewForm-content{
        padding: 0 20px;
    }
    /*    21833 ---------------- 22-01-2020*/
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-allDocuments a,
    .overview-forum a,
    .yourpanel a,
    .yourpanel.pink-bg a{

        font-size: 17px;
    }
    .cati-panel .overview-forum a {
        padding-top:0; 
    }

    .panel-new-icon-pink.your-pay a .data h4,
    .panel-new-icon-pink a .data h4
    {
        font-size: 17px;
    }
    .payslip-box-in a .data h4,
    .alerts-box-in a .data h4,
    .payslip-box-in .nest-content .data h4,
    .job-booking-process-box a .data h4,
    .panel-new-icon-green a .data h4 .panel-new-icon-blue a .data h4,
    .panel-alerts a .data h4,
    .panel-store a .data h4,
    .panel-new-icon-pink.your-pay a .data h4,
    .panel-new-icon-pink a .data h4,
    .panel-new-icon-blue a .data h4,
    .overview-forum p.data{
        font-size: 17px
    }
    .docExtra-section ul li {
        font-size: 15px;
    }
    .list-news ul li .list-data p,
    .TwitterFeeds > li > .info > .desc,
    .list-news ul li .list-data span,
    .list-news ul li .list-data span a,
    .TwitterFeeds > li > .info > .FeedUser h3,
    .yourApplications_box .description p{
        font-size: 16px
    }
    .yourApplications_box .description {
        font-size: 16px;
        text-align: left;
        padding: 10px;
        color: #fff;
        width: 100%;
    }

    .yourApplications_box .description h4{
        text-align: left !important;
    }
    .TwitterFeeds > li > .info > .FeedUser h5{
        font-size:  14px;
    }
    table.dataTable.row-border tbody th,
    table.dataTable.row-border tbody td,
    table.dataTable.display tbody th,
    table.dataTable.display tbody td {
        border-top: none !important;
        border-left: 1px solid #fff; 
        border-right: none !important;
    }
}
@media only screen and (min-width: 1900px){
    #FGDataForm-598 .fields-holder label.col-lg-4 {
        text-align:left; 
    }
    .leftMove {
        left: 19% !important;
    }
}

@media (min-width: 1920px) {
    .content1050{
        max-width: 1150px;
    } 
}
@media (max-width: 1920px) {
    /*    21833 ---------------- 22-01-2020*/
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-allDocuments a,
    .overview-forum a,
    .yourpanel a,
    .yourpanel.pink-bg a{
        font-size: 15px;
    }
    .cati-panel .overview-forum a {
        padding-top:22px; 
    }

    .panel-new-icon-pink.your-pay a .data h4,
    .panel-new-icon-pink a .data h4
    {
        font-size: 15px;
    }
    .payslip-box-in a .data h4,
    .alerts-box-in a .data h4,
    .payslip-box-in .nest-content .data h4,
    .job-booking-process-box a .data h4,
    .panel-new-icon-green a .data h4 .panel-new-icon-blue a .data h4,
    .panel-alerts a .data h4,
    .panel-store a .data h4,
    .panel-new-icon-pink.your-pay a .data h4,
    .panel-new-icon-pink a .data h4,
    .panel-new-icon-blue a .data h4,
    .overview-forum p.data,
    .yourApplications_box .description p{
        font-size: 15px
    }
    .docExtra-section ul li {
        font-size: 13px;
    }
    .TwitterFeeds > li > .info > .FeedUser h5{
        font-size:  12px;
    }
    .statistics-box .chart_wrap_new_text {
        top: 125px;
        left: 80px;
    }
    .leftMove {
        left: 10% !important;
    }
    .apDialogX.leftMove,.apDialogXW.leftMove {
        left: 4% !important;
    }
    .panel-new-icon-pink.your-pay a .data h4, .panel-new-icon-pink a .data h4{
        font-size: 15px;
    }
    .list-news ul li .list-data p,
    .TwitterFeeds > li > .info > .desc,
    .TwitterFeeds > li > .info > .FeedUser h3{
        font-size: 13px
    }
    .list-news ul li .list-data span, .list-news ul li .list-data span a{
        font-size: 13px;
    }
}

@media  (max-width:2560px) and (min-width:1920px){
    .link-image-row .bx-wrapper {
        margin-top: -115px;
    }
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-allDocuments a,
    .overview-forum a,
    .yourpanel a,
    .yourpanel.pink-bg a{
        width: 100%;
    }
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-date.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-allDocuments.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-newtopic.yourpanel.pink-bg a{
        width: 30%;
        margin: 0 10px 0 0;
    }
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p,
    .yourpanel a p
    {
        text-align: left;
        padding: 0 0 0 10px;
        margin: 30% 0 0
    }
    .push-site-nav{
        width: 2%;
    }
    .page-wrap {
        float: right;
        width: 100%;
        transition: width 0.3s ease;
    }
    .page-wrap.push-rt{
        width:82%; 
    }
    .knowledge-document .overview-panel {
        margin: 0 30%;
    }
    .push-site-nav{
        width: 4%;
    }
    .page-wrap {
        float: right;
        transition: width 0.3s ease;
    }
    .link-image-row .bx-wrapper {
        margin-top: -85px;
        padding-top: 20px;
    }
    .page-wrap.push-rt{
        width:79%;
    }
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-forum a p {
        margin: 18% 0 0;
    }
    .overview-allDocuments a p {
        margin: 8% 0 0;
    }
    .apDialogX .NewForm-content {
        width: 1000px !important;
        margin: 0 auto 20px;
        padding: 0 20px;
    }
    .apDialogXW .NewForm-content {
        width: 100% !important;
        margin: 0 auto 20px;
        padding: 0 20px;
    }
}

@media (max-width:1600px) and (min-width:1365px){

    .apDialogX.leftMove,.apDialogXW.leftMove {
        left: 5% !important;
    }
    .apDialogX .NewForm-content,.apDialogXW .NewForm-content {
        padding: 0 20px;
        width: 100%;
    }
    .knowledge-document .overview-panel {
        margin: 0 20%;
    }
    /* ------ max-width=1800 -----*/
    .box-header.intranetBoxHeader h4{
        font-size: 16px; 
    }
    payslip-box-in .nest-content .data h4{
        margin: 5px 0 10px 0;
    }
    .payslip-box-in a .icon, 
    .job-booking-process-box a .icon,
    .panel-new-icon-pink a .icon,
    .panel-new-icon-green a .icon,
    .panel-new-icon-blue a .icon{
        /* 15302 */
        width: 80px;
        height: 80px;
        /* 15302 */
    }
    .payslip-box-in .nest-content .nest-logo img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
    }
    #forumposts .pic .pic-md {
        margin: 0px 0 0;
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .latest-news-body .pic-lg {
        width: 100%;
        height: 160px;
        object-fit: contain;
    }
    .PaySlipManage a .data {
        margin-left: 5px;
    }
    .list-news ul li .list-img {
        width: 120px;
        height: 108px;
        margin-right: 10px;
        float: left;
    }
    .docExtra-section ul {
        margin: 5px auto 0;
    }
    .docExtra-section{
        width: 100% !important;
        margin: -20px 0 0;
    }
    .col-lg-6.form-field-holder.col-field-holder-1{
        width: 100% !important;
    }
}
@media (max-width:1366px) and (min-width:1024px){
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-panel .yourpanel.pink-bg a {
        width: 30%;
        margin: 0 0 0 10px;
    }
    .allDocumentsDiv{
        margin-bottom: 20px;
    }
    .payslip-box-in a .icon, .payslip-box-in a .icon .overlay,
    .payslip-box-in .nest-content .nest-logo img,
    .panel-new-icon-pink a .icon{
        width: 80px;
        height: 80px;
    }
    .knowledge-document .overview-panel {
        margin: 0 10%;
    } 
    .yourpanel a {
        width: 96%;
    }
    .latest-news-body .pic-lg {
        width: 100%;
        height: 160px;
        object-fit: contain;
    }
    .yourpanel.pink-bg a ,
    .yourpanel a{
        width: 100%;
        margin: 0;
    }
    .yourdocuments  .slick-list{
        margin: 0 10px;
    }
    .docExtra-section ul {
        padding: 0px;
        list-style: none;
        margin: 5px 0 0 0;
    }
    .docExtra-section{
        width: 100% !important;
        margin: -20px 0 0;
    }
    .displayDocumentsOverview .panel-body a.btn {
        padding: 5px;
        bottom: 68px !important;
        width: auto;
    }
    .col-lg-6.form-field-holder.col-field-holder-1{
        width: 100% !important;
    }
    /*------------LOGIN ----------*/
    .login-new-body{
        /*T28730*/
        margin: 5% 0 2% 0;
    }
    .login-new-lt {
        padding: 0;
        margin: 0;
        text-align: justify;
        border-right: none;
    }
    .login-new-lt h2 {
        margin: 0 0 10px 0;
    }
    .login-new-lt {
        padding: 0;
        margin: 0;
        text-align: justify;
        border-right: none;
    }
    .NewLogin{
        margin: 0 5%;
    }
}
@media (max-width:1130px){
    .NewLogin-banner,
    .Imagewrapper{
        display: none;
    }
    .NewLogin{
        margin: 0 auto !important;
        max-width: 500px;
    }
    .login-new,
    .login-new-body{
        /*T28730*/
        margin: 5% 0 2% 0;
    }
    .apDialogX .NewForm-content {
        width: 900px !important;
    }
    .apDialogXW .NewForm-content {
        width: 100% !important;
    }
    .docExtra-section ul {
        padding: 0px;
        list-style: none;
        margin: 25px 0 -10px 0px;
    }
    #forumposts .p-bt30 img{
        max-width: 50%;
        height: auto !important;
        margin: 0 auto;
        display: block;
        width: auto !important;
    }
    .hr-holder hr {
        width: 100% !important;
    }
}

@media (max-width:1024px){
    li.tg-element .ui-combobox,
    .filter-holder .ui-combobox .ui-combobox-input{
        width: 100% !important;
    }
    .tg-element {
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .tg-flter-holder .filter-holder {
        /*width: 220px !important;*/
    }
    .PaySlipManage a .icon{
        line-height: 60px;
    }
    .PaySlipManage a .icon img{
        width: 50px;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .info-field.info-field-alt .form-control{
        max-width: 260px;
        margin-bottom: 0;
    }

    .apDialogX .NewForm-content,.apDialogXW .NewForm-content {
        width: 800px !important;
    }
    /*25691 --------------- 03-06-2020*/
    .apDialogX .NewForm-content,.apDialogXW .NewForm-content {
        width: 100% !important;
    }
}
@media (max-width:980px) and (min-width:768px){
    .login-new,
    .login-new-body{
        /*T28730*/
        margin: 10% 0 2% 0 
    }
    .yourpanel a p{
        margin-top: 10%;
    }
    .knowledge-document-top-md .overview-date a p,
    .knowledge-document-top-md .overview-allDocuments a p,
    .knowledge-document-top-md .overview-newtopic a p,

    .knowledge-document-top-md .overview-date.yourpanel.pink-bg a p,
    .knowledge-document-top-md .overview-allDocuments.yourpanel.pink-bg a p,
    .knowledge-document-top-md .overview-newtopic.yourpanel.pink-bg a p{
        margin-top: 20%;
    }
    .yourvoice .slick-list, .yourdocuments .slick-list {
        margin: 0 5px;
    }
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-forum a,
    .overview-allDocuments a{
        margin: 0;
    }
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-panel .yourpanel.pink-bg a{
        width: 30%;
    }
    .knowledge-document .overview-panel {
        margin: 0;
    }
    .docExtra-section ul {
        padding: 0px;
        list-style: none;
        margin: -12px 0 0 0;
    }
    .docExtra-section {
        margin: 0px 0 0 0;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label.alternative-design-label {
        text-align: left !important;
        margin-right: 5px;
    }
}

@media (max-width:768px) and (min-width:854px){
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-panel .yourpanel.pink-bg a{
        width: 100%;
        margin: 0;
    }
    .list-news ul li .list-data h4 {
        padding: 0;
        margin: 0 0 5px;
        font-weight: 600;
    }
    .list-news ul li .list-data span, .list-news ul li .list-data span a {
        color: #d2d3d4;
        font-size: 13px;
    }
    .docExtra-section ul {
        margin: -12px auto 0;
    }
    .login-new {
        margin: 15% 0 !important;
    }
}
/*Ticket - 17540*/
@media (min-width:768px) and (max-width:1200px){
    .ButtoPositionMobileMain .DTTT_container{
        bottom: -5px !important;
    }
}
/*Ticket - 17540*/
@media (max-width:767px) and (min-width:520px){
    .latest-news-body .pic-lg{
        height: inherit;
    }
    .list-news ul li .list-img, .list-news ul li .list-img img{
        padding: 0;
        display: table;
        margin-bottom: 10px;
    }
    .list-news ul li .list-data h4{
        font-size: 15px;
    }
    .list-news ul li .list-data p{
        font-size: 13px;
    }
    .list-news ul li .list-data span {
        padding-bottom: 10px;
        display: inherit;
    }
    .list-news ul li{
        border-bottom: 1px solid #d2d3d4;
    }
    .list-news ul li:last-child{
        border:none;
    }
    .docExtra-section ul {
        margin: -18px auto 0;
    }
}
@media (max-width:480px) and (min-width:360px){
    .docExtra-section ul {
        margin: 8px auto 0;
        text-align: center;
    }
    .login-new-body-New {
        /*padding: 5% 5%;*/
        padding: 0% 5%;
        margin: 40px auto;
    }
}
@media (max-width: 768px) { 
  
    /*    T26452 ----10-07-2020*/
    div[id^="filter-holder-div-"] table tr td ul.filter-holder li.tg-element .ui-combobox .ui-combobox-input,
    div[id^="filter-holder-div-"] table tr td ul.filter-holder li.tg-element .ui-combobox{
        width: 100% !important;
    }
    .tg-flter-holder .filter-holder {
        width: 100% !important;
    }
    /*    T26452 ----10-07-2020*/
    .wizard-top-bg ul.wiz-nav-tabs.nav li{
        float: none;
        width: 100%;
        margin: 0;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown
    {
        overflow: hidden;
        position: relative;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        width: 95%;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown::after,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown::after{
        content: "☰";
        position: absolute;
        top: 5px;
        right: 15px;
        z-index: 12;
        pointer-events: none;
        font-size: 25px;
        color: #151515;
        font-weight: bold;
        color:#fff
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown.open a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open a.without-circle
    {
        position: relative;
        display: block;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown.open > li.active > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open > li.active > a.without-circle{
        background-color: #fcce01;
    }
    .wizard-top-bg ul.wiz-nav-tabs .nav-tabs.nav-tabs-dropdown li,
    .wizard-top-bg ul.wiz-nav-tabs .nav-tabs-dropdown li{
        display: block;
        padding: 0;
        vertical-align: bottom;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
        padding: 14px 0;
        margin-bottom: 0px;
        margin-left: 0;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:active {
        border-color: transparent;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle{
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #19cdc7;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:active {
        border-color: transparent;
        background: #19cdc7;
        margin-bottom: 5px;
        margin-left: 0;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown li.application-active.active{
        width: 40px;
        height: 39px;
        display: inline-block;
        margin: 0;
        z-index: 11;
        position: absolute;
        right: 0;
        top:0;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open > li.application-active.active > a.without-circle
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.application-active.active > a.without-circle:hover{
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        color: #151515;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.application-active.active > a.without-circle:hover{
        background: transparent !important
    }
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown li.application-active.active
    {
        margin: 0  !important;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.active a.toggle-bar{
        position: absolute;
        height: 40px;
        width: 40px;
        right: 0;
        z-index: 111;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child.active>a {
        display: block;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs>li:hover a.without-circle{
        margin: 0 !important;
    }
    /*    T25386 ---- 21-05-2020*/
    #site-nav{
        padding-top: 0 !important;
    }
    #site-nav .slimScrollDiv{
        height: auto !important;
    }
    #site-nav .slimScrollDiv .push-site-navHight{
        height: auto !important;
    }
    /*    T25386 ---- 21-05-2020*/
    div.dt-buttons .pull-left {
        /*margin-right: 3px;*/
    }
    /*    T22324 ----------- 11-02-2020*/
    #jobBookingPanel form label {
        text-align: left !important;
        margin-left: 0;
    }
    .book_section_data label{
        text-align: left !important;
        margin-left: 0;
    }
    #jobBookingPanel .sec-help-holder,
    .box-header .sec-help-holder{
        position: absolute;
        top: 0;
        right: 37px;
    }
    .col-lg-7.col-sm-7.col-xs-12.Full-widthDiv {
        width: 90%;
        margin: 0;
    }
    .col-lg-7.col-sm-7.col-xs-12.Full-widthDiv img{
        width: 100%;
        height: auto;
    }
    .Full-widthBtn {
        width: 99%;
    }
    .Full-widthBtn .help-holder {
        position: absolute;
        top: -7px;
        right: 31px;
    }
    div[id^="FG-tab-"] .fields-holder label {
        width: 200px !important;
        text-align: left;
    }
    .form-help-holder .help a {
        margin-right: 32px !important;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right:0.3em !important;
    }
    /*    T20759---------- 11-12-2019*/
    .tg_pie_chart_center {
        position: absolute;
        top: 20px;
        font-size: 25px;
        z-index: 22;
        left: 58px;
        top: 123px;
        width: 100px;
        text-align: center;
    }
    /*    T17301 -- 04-12-2019 ----- alignment on 3 columns for responsive*/
    .tg-flter-holder{
        display: inherit !important;
    }
    #MediacenterTable ul.dtr-details>li{
        display:flex;
        align-items: center;
    }
    /*T20486 --------- 27-11-2019*/
    .HolidayPersonBody .HPBMainLable .HPBleftlable {
        padding-right: 10px !important;
    }
    .HolidayPersonBody .HPBMainLable, .HolidayPerson .HPBMainLable {
        align-items: center !important;
        line-height: 25px;
        display: -webkit-box;
        display: flex !important;
    }
    .HolidayStatusKeyList .lt {
        width: 48% !important;
    }
    /*T20486 --------- 27-11-2019*/
    /*T20485*/
/*    T33530 ---- 15-06-2021 responsive issue fixed for help icon*/
/*    #FGDataForm-509 .help a.helpanch{
        top: 30px !important;
        right: -40px !important;
    }*/
    /*T20655*/
    .help a.helpanch{
        top: 0px !important;
        /*T28258*/
        right: 20px !important;
    }
    .accordion-expander-holder{
        right: 10px !important;
    }
    .ui-dialog-titlebar .ui-dialog-titlebar .ui-dialog-title {
        text-align: left !important;
    }
    /*T20485*/
    .apDialogX.leftMove,.apDialogXW.leftMove {
        width: 80% !important;
        /* left: 6% !important; */
    }
    .sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-footer.New-Login-Footer, .wrapper .main-footer{
        position: inherit;
    }
    .sitemap-list.empnextpan .icon, .sitemap-list-orange.empnextpan .icon {
        width: 100px;
    }
    .box-panel-shadow.accordion{
        /*T19773*/
        margin: inherit;
    }

    .box-panel-body.accordian-main .panel-collapse{
        padding: 0;
    }
    /* T18726 ----- 26-09-2019 */
    .col-md-5ths {
        width: 50% !important;
    }
    .apDialogX .NewForm-content,.apDialogXW .NewForm-content {
        width: 100% !important;
    }
    .popover.SearchPopover.New{
        display: none !important;
    }
    .docExtra-section {
        margin: 0px 0 0 0;
    }
    .media:first-child {
        margin: 0px 0 20px;
        padding: 20px 0;
    }
    ul.doc-repository li .icon{
        height: 50px;
    }
    ul.doc-repository li .data h4 {
        font-size: 13px;
        padding: 0;
        white-space: initial;
        line-height: 18px;
        vertical-align: middle;
    }
    ul.doc-repository li .data{
        height: 50px;
        vertical-align: middle;
    }
    .displayDocumentsOverview .panel-body a.btn {
        padding: 5px;
        bottom: 68px !important;
        width: auto;
    }
    ul.nav.wiz-nav-tabs.nav-tabs-responsive.nav-tabs-dropdown.with-circle:after{
        display: none;
    }
    ul.nav.wiz-nav-tabs.nav-tabs-responsive.nav-tabs-dropdown.with-circle li{
        display: inline-block;
        width: auto;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label.alternative-design-label,
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label{
        margin-bottom: 0;
        width: 280px !important;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.radio-data label {
        float: left;
        margin-bottom: 10px;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .fg-postcode.form-control{
        width: 120px !important;
    }
    .fg_button.postcode-lookup-but{
        height: 38px;
    }
    .apDialogX div[id^="FG-tab-"] .fields-holder label.alternative-design-label,
    .apDialogXW div[id^="FG-tab-"] .fields-holder label.alternative-design-label{
        text-align: left !important;
    }
    .slick-prev:before,
    .slick-next:before
    {
        font-size: 30px;
    }
    .modal-dialog.process-box {
        width: auto;
    }
    /*T18914 mobile version increased image size*/
    #forumposts .p-bt30 img{
        max-width: 100%;
    }
    /*T22568*/
    .ForumPostContainar{
        flex-wrap: wrap;
    }
    ul.forum-post-list li{
        display: flow-root;
    }    
    ul.forum-post-list li .title-col 
    {
        width: 100%;
        float: none;
        display: inline-block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
    ul.forum-post-list li .post-no-col,
    ul.forum-post-list li .tagged-user-col,
    ul.forum-post-list li .view-details-col{
        width: 33%;
        display: block;
        margin-top: 20px;
    }
    ul.forum-post-list li, 
    ul.forum-post-list li.urgent,
    ul.forum-post-list li.medium{
        border-left: 0;
    }
    ul.forum-post-list li{
        border-top: 5px solid #1277d6;
        border-bottom: 5px solid #1277d6;
    }
    ul.forum-post-list li.medium {
        border-top: 5px solid #ffcc00;
        border-bottom: 5px solid #ffcc00;
    }
    ul.forum-post-list li.urgent {
        border-top: 5px solid #ff0c00;
        border-bottom: 5px solid #ff0c00;
    }
    ul.forum-post-list li:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #1277d6;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    ul.forum-post-list li.medium:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #ffcc00;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    ul.forum-post-list li.urgent:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #ff0c00;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    ul.forum-post-list li:before {
        border-top: 15px solid #1277d6;
        border-bottom: 15px solid transparent;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position: absolute;
        left: 48%;
        top: 0;
    }
    ul.forum-post-list li .title-col h2{
        padding: 12px 0;
    }
    .forum-post-list{
        display: flow-root;
        padding: 10px;
    }
    .forum-post-list .title-col 
    {
        width: 100%;
        float: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
    .forum-post-list .post-no-col,
    .forum-post-list .view-details-col{
        /*width: 33%;*/
        display: block;
        margin: 20px 0 10px 0;
    }

    .forum-post-list, 
    .forum-post-list.urgent,
    .forum-post-list.medium{
        border-left: 0;
    }
    .forum-post-list{
        border-top: 5px solid #1277d6;
        border-bottom: 5px solid #1277d6;
    }
    .forum-post-list.medium {
        border-top: 5px solid #ffcc00;
        border-bottom: 5px solid #ffcc00;
    }
    .forum-post-list.urgent {
        border-top: 5px solid #ff0c00;
        border-bottom: 5px solid #ff0c00;
    }
    .forum-post-list:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #1277d6;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .forum-post-list.medium:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #ffcc00;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .forum-post-list.urgent:before {
        border-left: 15px solid transparent;
        border-top: 15px solid #ff0c00;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .forum-post-list:before {
        border-top: 15px solid #1277d6;
        border-bottom: 15px solid transparent;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position: absolute;
        left: 48%;
        top: 0;
    }
    .forum-post-list .title-col h2{
        padding: 12px 0;
    }
    .forum-list ul.document-list {
        padding: 0;
        margin: 0 0 0 40px;
    }
    /*T22568*/
    /*T23014 Header issuer in 768px*/
    .employee-hub-slider {
        margin: 0;
    }
    .link-image-bg {
        margin-top: 0;
    }
    /*T23014*/
    /*T23509*/
    .marquee-sibling {
        width: 130px !important;
        line-height: 18px !important;
        padding-top: 5px !important;
        white-space: inherit !important;
    }
    .ExpenceContainer{
        width:92%;
        margin:4%;    
    }
    .concurcontSub{
        display: block;
    }
    .concurcontSub .left{
        width:100%
    }
    .concurcontSub .center{
        width:100%
    }
    .concurcontSub .right{
        width:100%
    }
    .DocTempFooter{
        display: block; 
    }
    .ConcurContent{
        padding:0px;
    }
    .ConcurImageWidth{
        width:100%
    }
    /*T23777*/
    .personaldetails-tabs{
        height:inherit !important;
    }
    .jobupdate-top-section .panel-section {
        width: 22%;
    }
    /*T28105*/
    .ui-dialog.ui-draggable {
        width: 96% !important;
        margin: 0px auto;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, 
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
        /*T28410*/
        padding-left: 40px !important;
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 10px !important;
    }
    /*    T33530 --- 16-06-2021*/
    .tg-flter-holder,
    .tg-flter-holder>div,
    li.tg-element .ui-combobox,
    ul.filter-holder,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_filter label,
    .ui-multiselect.ui-widget{
        width: 100% !important
    }
    
    .button-holder input[type=button]{
        margin-bottom: 0px;
    }
    .radio-holder {
        margin-left: 0 !important;
 
    }
}
@media (max-width: 1800px) {
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p{
        margin-top: 20%;
        margin-bottom: 0;
    }
    .page-wrap .push-main-header {
        width: 30%;
    }
    .push-site-nav.push-lt{
        width: 30%;
    }
    .page-wrap.push-rt{
        width: 70%
    }
    .StudioIcon img {
        width: 100%;
        margin: 0px 0 20px;
        height: 120px !important;
    }
    .sitemap-list .data, .sitemap-listCati .data{
        font-size: 13px;
        width: 40%
    }
    .job-booking-box-body a .icon{
        min-height: 145px;
    }
    .tg-flter-holder .filter-holder {
        /*width: 270px;*/
    }
    .sitemap-list-orange .data.amdata, .sitemap-list .data.amdata {
        margin: 15px 0 15px 45px;
        float: left;
        width: 45%;
        font-size: 14px;
        line-height: 18px;
    }
    .hotspot-box-body a .icon .pic i {
        font-size: 36px;
        color: #ffffff;
    }
}
@media (max-width:1500px){
    /*T22503 ---------- 18-02-2020*/
    a.payslip-box .icon img {
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 60%;
    }
    a:hover.payslip-box .icon::after {
        border-top: 238px solid #1482f2;
        border-left: 0px solid transparent;
        border-right: 30px solid transparent;
    }
    a.payslip-box .icon::after {
        border-top: 270px solid #f7f8f8;
        border-top: 238px solid #f7f8f8;
        border-left: 0px solid transparent;
        border-right: 30px solid transparent;
        content: '';
        position: absolute;
        right: -30px;
        top: 0;
    }
    a.payslip-box .data {
        font-size: 18px;
        font-weight: 600;
        margin: 15px 0 35px 10px;
        float: left;
        width: 68%;
        color: #555;
        text-align: center;
    }
    a.payslip-box .data .caption {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        display: inherit;
    }
    a.payslip-box .data {
        margin: 15px 0 35px 20px;
    }
}
@media (max-width: 1440px) {
/*T28523 ---- 13-10-2020*/
.DesignStudioPage a.DS_list .DS_icon{
    background: #FFF;
    width: 120px;
    height: 99px;
    line-height: 99px;
    border-radius: 5px 0 0 5px;
    text-align: center;
}
.DesignStudioPage a.DS_list .DS_icon img{
    width: 80px;
    height: auto;
}
.DesignStudioPage a.DS_list{
    height: 100px;
}
.DesignStudioPage a.DS_list .DS_title h4{
    font-size: 15px;
}

    a.payslip-box .icon, a.payslip-box .icon .overlay i {
        padding: 5px 0;
        text-align: center;
        width: 50px;
    }
    /*    T23958 -------- 06-04-2020*/
    .AppliManagerFixedTabMeu .push-site-nav.push-lt{
        top: 310px;
    }
    .wizard-top-bg {
        margin-top: -240px;
    }
    .wizard-top-bg1.wizard-top-bgApplicationManag {
        margin-top: 10px;
    }
    /*    T23958 -------- 06-04-2020*/

    .ViewerKnowledgebase{
        display: block;
    }
    .ViewerKnowledgebase span{

        display: block;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
    }
    .knowledge-document-top-rt .sitemap-search a{
        /*        margin-top: 15px !important;*/
    }
    .Full-widthBtn .help-holder {
        position: absolute;
        top: -7px;
        right: 19px;
    }
    a.payslip-box .data {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 35px 0px;
        float: left;
        width: 70%;
        color: #555;
        text-align: center;
    }
    a.payslip-box .icon{
        padding: 50px 20px 0;
    }
    a.payslip-box .icon:after,
    a:hover.payslip-box .icon:after{
        display: none;
    }
    a.payslip-box .data h4{
        font-size: 15px;
    }
    a.payslip-box .data .caption{
        font-size: 11px;
    }
    a.payslip-box .data .payslip-m .month{
        font-size: 13px;
    }
    a.payslip-box .data .payslip-m .year{
        font-size: 15px;
    }
    a.payslip-box .icon,
    a.payslip-box{
        height: 200px;
    }
    .payslip-box-in .nest-content .nest-logo img {
        width: 80px;
        height: 80px;
        border-radius: 100%;
    }
    .chart-Holder{
        width: 360px;
    }
    /* T20510 ----------- 28-11-2019*/
    #myTabContent.tab-content{
        width: 98% !important;
        margin: 0 auto;
    }
    .HolidayPersonBody .HPBMainLable .HPBleftlable{
        padding: 0;
    }
    .HolidayStatusKeyList .lt {
        /*        width: 100%;*/
        text-align: right;
        margin-right: 10px;
    }
    /*T20955 ------------ 17-12-2019*/
    .HolidayStatusKeyList .rt .awaitingApprovalKey,
    .HolidayStatusKeyList .rt .approvalKey,
    .HolidayStatusKeyList .rt .rejectedKey{
        margin-left: 0;
    }
    .HolidayPersonBody .HPBMainLable,
    .HolidayPerson .HPBMainLable {
        align-items: center;
        line-height: 25px;
        display: -webkit-box;
        display: table;
        width: 100%;
    }
    .HolidayPersonBody .HPBMainLable .HPBleftlable, .HolidayPerson .HPBMainLable .HPBleftlable,
    .HolidayPersonBody .HPBMainLable .HPBright, .HolidayPerson .HPBMainLable .HPBright{
        width: 100%;
        text-align: left;
    }
    .HolidayPersonBody .HPBMainLable .HPBright .Value, .HolidayPerson .HPBMainLable .HPBright .Value{
        width: auto;
    }
    .nest-two-img img{
        width: 50px;
        height: 50px;
    }
    .PaySlipManage a .icon img{
        width: 45px;
        position: relative;
        top: -18px;
    }
    .PaySlipManage{
        flex-wrap: wrap;
        margin-top: 8px;
    }
    .PaySlipManage a .data {
        margin-top: 10px;
        margin-left: 5px;
    }
    .payslip-box-in a.emp-handbook,
    .alerts-box-in a.emp-handbook, .payslip-box-in a.your-alerts, .payslip-box-in a.emp-handbook .data h4 {
        color: #555;
        font-size: 12px;
    }
    .panel-new-icon-pink a .data h4,
    .payslip-box-in a .data h4, 
    .alerts-box-in a .data h4, 
    .payslip-box-in .nest-content .data h4, 
    .job-booking-process-box a .data h4, 
    .panel-new-icon-green a .data h4 .panel-new-icon-blue a .data h4, 
    .panel-alerts a .data h4, 
    .panel-store a .data h4, 
    .panel-new-icon-pink.your-pay a .data h4, 
    .panel-new-icon-pink a .data h4, 
    .panel-new-icon-blue a .data h4{
        font-size: 14px;
    }
    .hotspot-box-body a .icon .pic i {
        font-size: 36px;
        color: #ffffff;
    }
    .apDialogX.leftMove,.apDialogXW.leftMove {
        width: 50%;
        left: 12%;
    }
    .apDialogX.leftMove .NewForm-content,.apDialogXW.leftMove .NewForm-content
    {
        width: 100% !important;
        margin: 0 auto 20px;
    }
    .tg-flter-holder ul.filter-holder label.filter-label{ 
        width: 150px !important;
    }
    .box-panel-shadow .box-header.intranetBoxHeader h4,
    .latest-news-content h4,
    .empHub-name p,
    .box-panel-shadow .box-header h4{
        font-size: 14px;
    }
    .list-news ul li .list-data h4{
        font-size: 14px;
    }

    .link-image-bg .content{
        min-height: auto;
    }
    .link-image-row .bx-wrapper {
        margin-top: -85px;
    }
    /*    .knowledge-document .overview-panel {
            margin: 0 3%;
        }   */
    a.payslip-box .icon img{
        width: 70%;
    }
    .statistics-box .chart_wrap_new_text{
        top: 125px;
        left: 75px;
        width: 100px !important;
        text-align: center;
    }
    .chart_wrap_new {
        padding-bottom: 100%;
        width: 100%;
    }
    .push-site-nav.push-lt{
        width: 27%;
    }
    .page-wrap.push-rt{
        width: 73%
    }
    .page-wrap .push-main-header {
        width: 25%;
    }
    .push-site-nav {
        width: 5%;
    }
    ul.personaldetails-tabs li.active img.off,
    ul.myaccount-taps li.active img.off,
    ul.personaldetails-tabs li img.off,
    ul.myaccount-taps li img.off,
    ul.personaldetails-tabs li img.on,
    ul.myaccount-taps li img.on,
    ul.personaldetails-tabs li:hover img.off,
    ul.myaccount-taps li:hover img.off{
        margin-left: 10px;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text{
        padding: 7px 7px;
    }
    .wizard-top-bg ul.wiz-nav-tabs
    {
        margin: 0px auto 15px;
    }
    .wizard-top-bg ul.wiz-nav-tabs.with-circle{
        margin: 0px auto 20px;
    }

    ul.personaldetails-tabs{
        width: 22%;
    }
    .time-date-row{
        margin: 5% 3%;
    }
    .wizard-top-bg1 {
    /*T28727 --- 20-10-2020*/
        margin-top: 10px;
        height: 250px;
    }
    .box-border .customer-img {
        position: inherit;
        top: 15px;
        left: 15px;
        margin: 10px;
        text-align: center;
    }
    .box-footer ul li:first-child{
        float: none;
        margin-bottom: 10px;
    }
    .box-border .dl-horizontal{
        margin-left: 0;
        min-height: 300px;
    }
    .box-border .dl-horizontal dt{
        width: 100%;
        display: block;
        text-align: left;
    }
    .box-border .dl-horizontal dd{
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: left;
    }
    .box-footer ul li{
        margin-right: 0; 
    }
    .box-border .address-img {
        position: inherit;
        top: 15px;
        left: 15px;
        margin: 10px;
        text-align: center;
    }
    .box-border .address-data ul li {
        padding-bottom: 5px;
    }
    .box-border .address-data ul{
        padding-bottom: 0;
    }
    .box-border .address-data {
        font-size: 15px;
    }
    .report-details ul li:last-child{
        padding-bottom: 30px;
    }
    .status span {
        font-size: 15px;
    }
    .complatejob img{
        width: 70px;
    }
    .service-cost-box-footer{
        padding-bottom: 38px;
    }
    .job-booking-box-body a .icon p{
        font-size: 12px;
    }
    .job-booking-box-body a .icon{
        height: 120px;
    }
    .details-content {
        padding:0 20px;
        margin: 0;
    }
    .wizard-top-bg ul.nav-tabs>li.active>a p{
        display: inherit;
    }
    .job-search-form label{
        text-align: left;
        width: 100%;
    }
    .job-search-form {
        padding: 10px 15px;
    }
    .job-search-form .btn{
        margin-top: 32px;
    }
    .hotspot-box-body a .icon .title .lt{
        padding: 10px 20px;
    }
    .hotspot-box-body a .icon .title{
        font-size: 14px;
    }
    .hotspot-box-body a .icon .title span{
        width: 50px;
        font-size: 18px;
    }
    .job-search-form input.form-control {
        width: 100%;
        background: #fff;
    }
    .open-alert-box1 .lt:after,
    .open-alert-box2 .lt:after,
    .open-alert-box3 .lt:after,
    .open-alert-box4 .lt:after {
        content: '';
        width: 0px;
        height: 0px;
        border-top: 30px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 9px solid #1dbd6d;
        position: absolute;
        right: -9px;
        top: 0px;
    }
    .open-alert-box1,
    .open-alert-box2,
    .open-alert-box3,
    .open-alert-box4{
        width: 100%;
    }
    .open-alert-box1 .lt,
    .open-alert-box2 .lt,
    .open-alert-box3 .lt,
    .open-alert-box4 .lt{
        font-size: 13px;
        padding: 10px 0;
        height: 55px;
        font-weight: 600;
    }
    .open-alert-box1 .rt,
    .open-alert-box2 .rt,
    .open-alert-box3 .rt,
    .open-alert-box4 .rt{
        font-size: 13px;
        padding: 10px 0;
        height: 55px;
        line-height: 16px;
    }
    .open-alert-box2 .lt:after {
        border-left: 10px solid #55d5ff !important;
    }
    .open-alert-box3 .lt:after {
        border-left: 10px solid #fcb731 !important;
    }
    .open-alert-box4 .lt:after {
        border-left: 10px solid #d63636 !important;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li a .text:before,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:before,
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:before {
        content: '';
        position: absolute;
        top: 29px;
        height: 3px;
        width: 37%;
        background-color: #98999a;
        right: 0;
        z-index: 9;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .text {
        padding: 0;
        border-radius: 100%;
        background: #fff;
        color: #98999a;
        border: 3px solid #98999a;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        width: 40px;
        display: inline-block;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li {
        list-style: none;
        text-align: center;
        margin: 0;
        background: transparent;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a p {
        padding: 0;
        margin: 10px 15px 0;
        display: block;
        width: 90px;
        text-align: center;
        color: #fff;
        font-size: 13px;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text {
        color: #fff;
        background: #34ed94;
        border: 3px solid #34ed94;
        font-size: 20px;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li.active>a .text, .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text {
        color: #fa9c22;
        background: #fff;
        border: 3px solid #fa9c22;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a {
        border: none;
        margin: 0;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child a .text:before,
    .wizard-top-bg ul.wiz-nav-tabs>li:last-child a .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child .complate>a .text:before {
        background-color: transparent;
    }
    .tab_container{
        margin-left: 0;
    }
    .chat-input{
        font-size: 15px;
    }
    .chat-content .slimScrollDiv, .chat-data{
        height: 330px !important;
    }
    .chat-list .slimScrollDiv, ul.profile-list{
        height: 420px !important;
    }
    .box-panel-shadow {
        margin-top: 20px;
    }
    .rate-cell {
        width: 50px;
        float: left;
    }
    a.cell,
    .cell-red,
    .rate-cell-hr a.cell {
        height: 50px;
        font-size: 18px;
        padding: 20px 10px;
    }
    a.cell.active:after, a.cell:hover:after,
    .rate-cell-hr a.cell.active:after,
    .rate-cell-hr a.cell:hover:after {
        left: 31px;
        top: 4px;
    }
    .cell-red {
        background: #ff0000 url(../../images/NewDesign/risk-evalution-icon.png) no-repeat 10px 20px;
    }
    .rate-cell-text {
        width: 82%;
        padding: 10% 8%;
        height: 250px;
    }
    .rate-cell-text h4 {
        font-size: 18px;
        margin: 0;  
    }
    .rate-cell-text h5 {
        font-size: 15px;
        margin: 10px;
    }
    .rate-cell-text p {
        font-size: 15px;
    }
    .rate-cell-hr a.cell {
        width: 49px;
    }
    .rate-cell-hr a.cell.active:after,
    .rate-cell-hr a.cell:hover:after {
        left: 5px;
        top: -15px;
    }
    .customer-details .box-border,
    .address-details .box-border{
        min-height: inherit;
    }
    .myaccount-box .mylt{
        width: 23%;
        float: left;
    }
    .myaccount-box .myrt{
        width: 77%;
        float: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .tabicon:after,
    .wizard-top-bg ul.wiz-nav-tabs>li a .tabicon:before,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:after,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon:before
    {
        top: 50px;
        width: 25%;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .tabicon>img.off,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .tabicon>img.off,
    .wizard-top-bg ul.wiz-nav-tabs>li.active a .tabicon>img.off,
    .wizard-top-bg ul.wiz-nav-tabs>li a .tabicon>img.on{
        left: 30px;
    }
    .upload-text {
        display: inherit;
        margin-top: 20px;
        padding-left: 0;
    }
    .sitemap-list .data {
        margin: 15px 0 15px 50px;
        float: left;
        width: 40%;
    }
    a.createpost{
        font-size: 15px;
        padding: 20px 0 20px 60px;
    }
    .hotspot-box-body a .icon .title .lt{
        height: 80px;
    }
    .hotspot-box-body a .icon .title {
        font-size: 12px;
    }
    #admin-menu {
        padding: 0;
        margin: 0px 0 20px 0 !important;
    }
    .sitemap-list.webinars_comingsoon .icon,
    .sitemap-list.Twitter_comingsoon .icon{
        font-size: 120px;
        padding: 55px 55px;
        width: 30%;
    }
    .Imagewrapper .img-responsive {
        display: block;
        max-width: 65%;
        height: auto;
        float: right;
    }
    .yourvoice .slick-list,
    .yourdocuments .slick-list {
        margin: 0 15px;
    }
    .box-header.intranetBoxHeader{
        font-size: 16px
    }
    div[id^="filter-holder-div-"] table tr td {
        /*    T20759---------- 11-12-2019*/
        width: 50% !important;
        float: left;
    }
    div[id^="filter-holder-div-"] table tr td ul.filter-holder li.tg-element .ui-combobox .ui-combobox-input,
    div[id^="filter-holder-div-"] table tr td ul.filter-holder li.tg-element .ui-combobox{
        width: auto  /*    T26452 ----10-07-2020*/
    }
    .knowledge-document .manage-button {
        float: right;
        margin: 10px;
    }
    .knowledge-document .manage-button a{
        float: left;
        font-size: 13px;
        margin: 0 4px 10px 0;
    }
}
@media (max-width: 1366px) {
    /*    T27923 ------------- 15-09-2020*/
    .fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder {
        margin-left: -220px !important;
        display: flex;
    }
    
    
    /*    T20579 --------- 12-12-2019*/
    .tg_pie_chart_center{
        position: absolute;
        top: 20px;
        font-size: 20px;
        z-index: 22;
        left: 83px;
        top: 130px;
        width: 80px;
        text-align: center;
    }
    .chart-Holder {
        width: 410px;
        margin: 0 !important;
    }
    /*    T20510 --------- 29-11-2019*/
    .sitemap-list-orange.empnextpan .icon,
    .sitemap-list.empnextpan .icon{
        width: 100px;
    }
    .PaySlipManage a .data {
        margin-top: 20px;
        margin-left: 5px;
    }

    .apDialogX.leftMove .modal-lg,
    .apDialogXW.leftMove .modal-lg {
        width: 100%;
    }
    .apDialogX.leftMove,
    .apDialogXW.leftMove {
        width: 50%;
        left: 8%;
    }
    .postlikes {
        padding: 0;
        margin: 0;
        /*float: left !important;*/
    }   
    /*    T21735 ------------ 20-01-2020*/
    .list-data .pull-right.postlikes{
        float: right !important;
    }
    .video-likes .postlikes{
        float: right !important;
    }
    .Imagewrapper.unsuported-img .img-responsive{
        width: 50%;
    }
    .statistics-box .chart_wrap_new_text{
        font-size: 25px;
        top: 135px;
        left: 65px;
    }
    .time-bg{
        font-size: 33px;
    }
    .box-border .customer-img {
        top: 15px;
        left: 15px;
        margin: 10px;
        text-align: center;
    } 
    .box-border .box-footer{
        bottom: auto
    }
    .box-border .dl-horizontal {
        margin-left: 20px;
        min-height: 250px;
    }
    .box-border .address-img,
    .box-border .customer-img{
        position: absolute;
    }

    .box-panel-body .dl-horizontal dt{
        float: left;
    }
    .box-footer ul li:first-child{
        float: left;
        margin: 10px;
    }
    .box-footer ul li{
        margin: 0;
        padding-right: 0;
    }
    .box-footer .checkbox {
        padding-right: 5px;
        padding-left: 0;
        margin-right: 35px;
        margin-top: 10px;
    }
    .service-cost .checkbox{
        margin-right: 0;
    }
    .box-footer .checkbox label {
        padding-left: 0;
    }
    .box-panel-body .dl-horizontal {
        padding: 18px 0 0;
    }
    .job-search-form input[type="text"]{
        min-width: inherit;
        width: 100%;
    }
    .statistics-box .tab-pane img{
        width: 100%;
    }
    .pic-content h4 {
        font-size: 25px;
    }   
    .latest-news-body .pic{
        height: auto
    }
    .pic-content {
        padding: 35px 30px 10px;
    }
    .content-100{
        width: 100% !important;
    }
    ul.dr-list li .list-img {
        width: inherit; 
        height: inherit; 
        margin-right: 0;
        float: none; 
        border-radius: 10px;
    }
    ul.dr-list li .list-img img{
        width: 100%;
        height: 80px;
    }
    ul.dr-list li .list-data {
        margin-left: 0;
        display: inline-block;
        margin-top: 20px;
    }
    .chat-content .slimScrollDiv, .chat-data{
        height: 385px !important;
    }
    .chat-list .slimScrollDiv, ul.profile-list {
        height: 474px !important;
    }
    .risk-evalution {
        max-width: 358px;
        margin-bottom: 25px;
    }
    .grid-stack-item-content.box-panel-shadow {
        margin-top: 0;
    }
    .box-panel-shadow.system-status{
        margin-top: 20px;
    }
    .box-panel-shadow.quick-links-bg{
        margin-top: 20px;
        height: 388px;
    }
    .my-statistics-box,
    .my-ticket-status{
        margin-bottom: 20px;
    }
    .ourteam-body .hovereffect h2{
        font-size: 15px;
        font-weight: 500;
    }
    .box-panel-body .dl-horizontal dt {
        float: left;
        text-align: left;
        width: 100%;
    }
    .box-panel-body .dl-horizontal dd {
        margin-left: 0;
        margin-bottom: 0
    }
    .sitemap-list .icon img{
        width: 60px;
    }
    .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
        position: relative !important;
        width: 50% !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
        max-width: none !important;
        float: left;
    }
    .grid-stack.grid-stack-one-column-mode> .grid-stack-item.table-data100,
    .grid-stack.grid-stack-one-column-mode> .grid-stack-item.data100 {
        width: 100% !important;
    }
    .grid-stack-item.ui-state-disabled,
    .grid-stack-item.ui-widget-content .ui-state-disabled,
    .grid-stack-item.ui-widget-header .ui-state-disabled{
        opacity: inherit;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-orange .icon {

        width: 70px;
        padding: 20px 10px;
        height: 150px;
    }
    .sitemap-list .data p, .sub-list .data p,
    .sitemap-list .data h4,
    .sitemap-list-red .data h4,
    .sitemap-list-green .data h4,
    .sitemap-list-orange .data h4
    {
        font-size: 13px;
    }
    .sitemap-list .data {
        margin: 15px 0 15px 40px;
        width: 50%;
    }
    /*T17465*/
    .sitemap-list .icon:after{
        border-top-width: 150px !important;
    }
    .sitemap-list .icon:after,
    .sitemap-list-red .icon:after,
    .sitemap-list-green .icon:after,
    .sitemap-list-orange icon:after {
        border-top: 130px solid #288deb;
        right: -39px;
        top: 0;
    }
    .sitemap-list-red .icon:after{
        border-top: 150px solid #ea423f;
    }
    .sitemap-list-green .icon:after{
        border-top: 150px solid #00a853;
    }
    .sitemap-list-orange .icon:after{
        border-top: 150px solid #f3803b;
    }
    .sitemap-list-blackgray .icon:after{
        border-top: 150px solid #62656a;
    }
    .sitemap-list-yellow .icon:after{
        border-top: 150px solid #ffa800;
    }
    .smDsLabel {
        width: 75px;
    }
    .smDsLabel:after {
        border-top: 42px solid #000000;
        right: -7px;
    }
    .sitemap-list a.view {
        padding: 2px 15px;
        bottom: 5px;
        font-size: 12px;
    }
    .error-body .error-content .error-img img {
        width: 70%; 
        margin: 0;
    }
    .doc-bmenu .push-site-nav.push-lt {
        width: 38%;
    }
    .doc-bmenu .page-wrap.push-rt {
        width: 60%;
    }
    .doc-bmenu .page-wrap .push-main-header {
        width: 38%;
    }
    .panel-new-icon-pink.your-pay a .icon{
        width: 80px;
        height: 80px;
    }
    .panel-new-icon-pink i{
        font-size: 40px;
        padding: 20px;
    }
    .box-panel-body.payslips-body,
    .box-panel-body.cati-panel{
        padding: 0px 15px 15px;
    }
    .box-header.intranetBoxHeader,
    .box-header.twitterFeedsHeader {
        padding: 12px 13px 12px;
    }
    .panel-new-icon-pink a .icon{
        line-height: 60px;
    }
    .payslip-box-in a.Sm_icon .icon img{
        width: 60px;
        margin-top: -20px;
    }
    .payslip-box-in a.Sm_icon{
        height: 130px;
    }
    .yourApplications_box .description h4{
        font-size: 15px;
    }
    .yourApplications_box .description p,
    .yourApplications_box .description span,
    .yourApplications_box .bottom_row{
        font-size: 13px;
    }
    .payslip-box-in a .data h4,
    .payslip-box-in .nest-content .data h4,
    .panel-store a .data h4,
    .panel-new-icon-pink a .data h4{
        margin: 5px 0 10px 0;
        font-weight: 400;
        font-size: 11px;
        /* 15302 */
        display: flex;
        justify-content: space-around;
    }
    .payslip-box-in .nest-content .data h4 span.nest-pdf, .payslip-box-in .nest-content .data h4 span.nest-website {
        display: inline-block;
        margin-top: 0px;
        padding: 5px;
    }
    .list-news ul li .list-img img {
        width: 100% ;
        height: auto !important;
    }
    .list-news ul li .list-img {
        width: 100px;
        height: auto;
        margin-bottom: 20px;
    }
    div[id^="FG-tab-"]  .info-field {
        top: 0px;
        margin-left: 0px !important; 
    }
    .employee-hub-slider .slick-next {
        right: 5px;
    }

    .employee-hub-slider .slick-prev {
        left: 0;
    }
    a.payslip-box .data .payslip-m .mid img{
        width: 20px;
    }
    .payslip-box-in .nest-content .data h4 span.nest-pdf, .payslip-box-in .nest-content .data h4 span.nest-website{
        font-size: 11px;
    }
    .sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-footer.New-Login-Footer{
        margin-left: 0;
/*        z-index: 11111 !important;*/
        bottom: 0;
    }
    .toplinks.pull-right{
        float: inherit !important;
        text-align: right;
    }
    .OurDivisions.slick-slider .slick-prev {
        left:0px;
    }
    .OurDivisions.slick-slider .slick-next {
        right:0px;
    }
    .OurDivisions a img {
        display: block;
        width: 70%;
        transform: scale(0.9);
        margin: 0 auto;
        outline: none;
    }
    .OurDivisions.slick-slider .slick-slide.slick-active a{
        width: auto;
    }
    .HouseOfWellBeing {
        width: 80% !important;
    }
}

@media (max-width: 1280px) {
    #forumposts .pic .pic-md{
        margin: 0px 0 0;
        width: auto !important;
        height: auto !important;
        max-width: 80%; /* 25924  ---------------12-06-2020*/

    }
    .YCCont .text .bottom {
        display: inherit;
        justify-content: space-between;
    }
    .push-site-nav.push-lt li:hover p,
    .push-site-nav.push-lt li p{
        font-size: 11px !important;
    }
    .PaySlipManage a .data {
        margin-top: 20px;
        margin-left: 5px;
    }
    .StudioIcon img {
        width: 100%;
        margin: 0px 0 20px;
        height: 150px !important;
    }
    .sitemap-list-orange.empnextpan .icon .amlist, .sitemap-list.empnextpan .icon .amlist {
        background: #fff;
        width: 55px;
        height: 55px;
        padding: 0px;
        line-height: 45px;
        border-radius: 100%;
        font-size: 40px;
        color: #555;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
    }
    .form-grop.insertTcket .CCList h3 .CClink a {
        padding: 10px 20px 5px 0;
        text-align: left;
        border-radius: 5px;
        float: none;
        margin-top: 0;
        color: #47a654;
        width: 100%;
        font-size: 13px;
    }
    .apDialogX.leftMove,
    .apDialogXW.leftMove {
        width: 50%;
        left: 6%;
    }
    .docExtra-section ul li{
        margin: 0px 4px;
    }
    .login-new-body{
        /*T28730*/
        margin: 8% 0 2% 0;
    }
    .knowledge-document .overview-panel {
        margin: 0 15%;
    } 
    .wizard-top-bg .tab-content{
        margin: 0 25px;
    }
    ul.personaldetails-tabs li.active img.off,
    ul.myaccount-taps li.active img.off,
    ul.personaldetails-tabs li img.off,
    ul.myaccount-taps li img.off,
    ul.personaldetails-tabs li img.on,
    ul.myaccount-taps li img.on,
    ul.personaldetails-tabs li:hover img.off,
    ul.myaccount-taps li:hover img.off {
        margin-left: 10px;
        width: 25px;
        height: 25px;
        margin-top: 12px;
    }
    .push-site-nav ul.personaldetails-tabs li:hover p {
        left: 45px;
    }
    ul.personaldetails-tabs li p{
        padding: 15px 0px 15px 50px;
    }
    .persnol-tabs-content.tab-content{
        margin: 0;
    }
    .job-booking-box-body{
        width: 96%;
    }
    .hotspot-box-body a .icon .title .lt {
        padding: 10px;
    }
    .job-booking-box-body a .icon img{
        width: auto;
    }
    .link-image-bg {
        height: inherit;
    }
    .list-news .slimScrollDiv,
    ul.list{
    }
    .chat-content .slimScrollDiv,
    .chat-data{
        height: 310px !important;
    }
    .chat-list .slimScrollDiv, ul.profile-list{
        height: 400px !important;
    }
    .caht-footer a {
        color: #d2d3d4;
        margin-left: 10px;
        text-align: right;
        font-size: 10px;
    }
    .repoted-fault .slimScrollDiv, .service-report .slimScrollDiv{
        height: 385px !important;
    }
    ul.social-feeds li a .facebook,
    ul.social-feeds li a .linkedin,
    ul.social-feeds li a .twitter{
        width:92%;
        margin-left:12%;
    }
    .wizard-top-bg {
        margin-top: -250px;
        padding: 0 10px 20px;

    }
    .wizard-top-bg .bs-example-tabs .wiz-nav-tabs {
        margin: 0 auto !important;
    }
    .box-panel-body .dl-horizontal dt {
        float: left;
        text-align: left;
    }
    .box-panel-body .dl-horizontal dd {
        margin-left: 0;
        margin-bottom: 0
    }
    .complatejob a.btn {
        padding: 60px 20px 15px 20px;
        color: #494949;
        background: #f7f7f7 url(../../images/NewDesign/tick-icon.png) no-repeat 50px 12px;
        border-radius: 5px;
        margin: 15px 0 0;
        display: inline-block;
        font-size: 18px;
    }
    .complatejob h4 {
        padding: 0;
        margin: 0 0 15px 0;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
    }
    .booking-details ul li .lt {
        text-align: left;
        margin-right: 50px;
        min-width: 100px;
        margin-bottom: 0;
    }
    .booking-details ul li{
        margin-bottom: 15px;
    }
    #PMtable .popover-content.hide{
        display: none !important;
    }
    #PMtable .participants-popover {
        background: #93cbfe;
        padding: 10px;
        width: 100%;
        display: inline-block;
        margin: 10px 0;
    }
    .participants-popover ul li img {
        border-radius: 100%;
        margin: 5px 5px;
        float: left;
    }
    ul.myaccount-taps li.general-info,
    ul.myaccount-taps li.persnol-info,
    ul.myaccount-taps li.contact-info,
    ul.myaccount-taps li.project-status,
    ul.myaccount-taps li.myteam, h3.general-info,
    h3.persnol-info, h3.contact-info,
    h3.project-status, h3.myteam {
        font-size: 12px;
    }
    .ourteam-body .hovereffect h2{
        font-size: 18px;
        font-weight: 500;
    }
    #chart_wrap_home {
        position: relative;
        padding-bottom: 60%;
        height: 0;
        overflow: hidden;
        width: 80%;
    }
    ul.personaldetails-tabs {
        width: 33%;
    }
    .persnol-tabs-rt{
        margin-left: 0;
    }
    .sitemap-list .data {
        margin: 15px 0 15px 40px;
        float: left;
        width: 40%;
    }
    .skyline-combobox-table {
        width: 50%;
    }

    .link-image-row .bx-wrapper {
        margin-top: 10px;
    }
    .overview-date a .top img,
    .overview-newtopic a .top img,
    .overview-topictagged a .top img,
    .overview-latestpost a .top img,
    .overview-comments a .top img,
    .overview-allDocuments a .top img,
    .overview-forum a .top img{
        width: 25px;
    }
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p{
        margin-top: 25%;
        padding-bottom: 0;
        margin-bottom: 0;
        white-space: initial;

    }
    #main_content .box-panel-shadow.form-panel {
        width: 49%;
    }
    .employee-hub-slider .inner img{
        width: auto;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li {
        margin-bottom: 15px;
    }
    .media:first-child {
        margin-top: 0px;
        margin: 0;
    }
    .sitemap-list.webinars_comingsoon .icon,
    .sitemap-list.Twitter_comingsoon .icon{
        padding: 55px 35px;
    }
    div[id^="FG-tab-"] .info-field {
        top: 0px;
        margin-left: 0px !important;
    }

    div[id^="FG-tab-"] .col-lg-4.col-field-holder-1,
    div[id^="FG-tab-"]  .col-field-holder-2,
    div[id^="FG-tab-"]  .col-field-holder-3{
        width: 100% !important;
        min-width: 200px;
    }
    .NewLogin {
        margin: 0px 5%;
    }
    .New-Login-Footer{
        position: inherit;
        bottom: 0;
    }
    .Imagewrapper {
        position: fixed;
        bottom: 0;
    }
    .Imagewrapper .img-responsive {
        display: block;
        max-width: 60%;
    }
    .content-width25{
        width: 33.33%
    }
    .statistics-box .chart_wrap_new_text {
        top: 135px;
        left: 55px;
        width: 100px !important;
        text-align: center;
    }
    #rstCreateForm .ui-datepicker-trigger{
        margin-left: -30px;
        margin-top: 7px;
    }

    #rstCreateForm .in-fieldLink {
        position: absolute;
        margin: 5px 0px 0px -115px;
        text-decoration: underline;
        text-overflow: ellipsis;
        width: 100px;
        font-size: 10px;
    }
    #rstCreateForm .hasDatepicker{
        width: 100%;
    }
    .content.jobApplication{
        width: 100%;
    }
    .col-md-5ths{
        width: 33.33%;
    }
    .webinars a img{
        width: 100%;
        height: auto;
    }
}
@media (max-width:1136px){
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p{
        margin-top: 25%;
        margin-bottom: 0;
    }

    .PaySlipManage a,
    .payslip-box-in .nest-content a{
        padding: 10px;
        margin: 0;
        width: 100%;
    }
    .PaySlipManage a .icon{
        width: 40px;
        height: 40px;
        padding: 10px;
        margin: 0;
        float: left;
    }
    .PaySlipManage a .icon i{
        font-size: 25px;
        line-height: 25px;
        float: left;
    }
    .PaySlipManage a .data {
        margin-top: 12px;
        margin-left: 5px;
    }
    .yourApplications_box .logo-row img{
        width: 110px;
    }
}

@media (max-width: 1024px) {
    
    /*    T27923 ------------- 15-09-2020*/
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .info-field.info-field-alt .form-control,
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .form-control, 
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-select .ui-combobox,
    .page-wrap.push-rt  .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.skyline-multiselect .ui-multiselect {
        max-width: 300px;
        margin-bottom: 10px;
        margin-left: -15px !important;
    }
    .page-wrap.push-rt  .fg-form .fg-element .ui-combobox .form-control{
        margin-left: 05px !important;
    }
    
    .page-wrap.push-rt .fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder {
        margin-left: 0 !important;
        /*display: !important; 28231 2nd Issue;*/
    }
    
    
    /*    T26452 -------------- 10-07-2020*/
    .tg-filter-top .tg-flter-holder .tg-text-field{
        width: 100%;

    }

    .intranet-tile-cnt-number {
        position: absolute;
        left: 15px;
        top: 0px;
    }
    .datePickerHolder #GoChartsShow{

        float: none;
    }

    .apDialogX.view-group-child-tiles .view-child-tiles,
    .apDialogXW.view-group-child-tiles .view-child-tiles
    {
        border-radius: 0;
        width: 95% !important;
    }

    .apDialogX.view-group-child-tiles .view-child-tiles .ParentDescription img,
    .apDialogXW.view-group-child-tiles .view-child-tiles .ParentDescription img {
        width: 100%;
        height: auto;
    }
    /*    T26452 -------------- 10-07-2020*/

    .filtsearch .sitemap-search input[type="text"]{
        margin-left: 0;
    }
    /*    T22715 ------------ 21-02-2020*/
    .goog-tooltip{
        display: none;
    }
    .ui-multiselect.ui-widget {
        padding: 0 10px !important;
        height: 38px;
        width: 100% !important;
    }
    div[id^="filter-holder-div-"] table {
        width: 100%;
        margin-left: 10px !important;
    }
    /*    T22219 ------------ 14-02-2020*/
    .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 22px;
    }
    #main-form-fg-holder {
        /*        margin: 0 20px !important;*/
        overflow: inherit !important;
    }
    .sectionDiv2 {
        margin: 0px 20px;
    }
    .col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
        position: absolute;
        top: -7px;
        right: -62px;
    }
    /*    T22203 ------------ 10-02-2020*/
    #main-form-fg-holder .box-panel-shadow{
        margin: 0 0 20px 0 !important;
    }
    .PaySlipManage a .icon i {
        font-size: 45px;
        line-height: 55px;
        float: none;
    }
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p{
        margin-top: 10%;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: 0.9em;
    }
    /*T20607*/
    .ui-dialog.apDialogX,
    .ui-dialog.apDialogXW{
        top: 0 !important;
        right:0px;
        left:0px;
        margin:0px 20px;
    }
    /*T20607*/
    .ui-dialog.apDialogTabsDesign {
        width: 90% !important;
    }
    .payslip-box-in .nest-content a {
        display: inline-block;
        width: auto;
    }
    .PaySlipManage a .icon {
        width: 80px;
        height: 80px;
        line-height: 60px;
        float: none;
    }
    .PaySlipManage a .icon img{
        width: 70px;
        position: inherit;
        padding: 0px;
        margin: -8px -8px 0;
    }

    .fg-bottom-but-holder.form-group.row-centered {
        text-align: center;
    }
    .CalandarInfoButtons{
        margin-bottom: 20px;
    }
    .leftMove {
        left: 6% !important;
        width: 40% !important;
    }
    .apDialogX.leftMove,
    .apDialogXW.leftMove {
        width: 40% ;
        left: 6% ;
    }
    .postlikes {
        padding: 0;
        margin: 0;
        float: right !important;
    }

    #ChartHolder_9_4{
        width: 100%;
        height: 400px;
    }
    .statistics-box .chart_wrap_new_text {
        top: 175px;
        left: 100px;
        width: 100px !important;
        text-align: center;
        font-size: 35px;
    }
    .New-Login-Footer{
        position: inherit;
        bottom: 0;
    }
    .push-main-header a.open-menu {
        left: 10px;
    }
    .page-wrap.push-rt {
        width: 58%;
    }
    .push-site-nav.push-lt {
        width: 40%;
    }
    .push-site-nav{
        top:0;
        width: 5%;
    }
    ul.personaldetails-tabs li p {
        padding: 15px 0px 15px 55px;
    }
    .page-wrap .push-main-header {
        width: 40%;
    }
    section.content{
        padding: 0 20px 20px;
    }
    /*content fm-section*/
    .content-header>h1{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .time-bg {
        font-size: 28px;
    }
    .select-country h3{
        font-size: 40px;
    }
    .link-image-bg{
        height: inherit;
        margin-bottom: 20px;
    }
    .link-image-shadow{
        margin-bottom: 20px;
    }
    .colum-center_1024{
        float: inherit;
        text-align: center;
    }
    .select-country{
        margin-bottom: 25px;
    }
    .country {
        display: inline-flex;
    }
    .pic-content {
        padding: 15px 10px 0px;
    }
    .box-panel-body.HelpPannelBody{
        padding: 20px;
    }
    .video-icon{
        display: none;
    }
    .vid-container {
        display: inherit;
    }
    .video-blog{
        margin-bottom: 20px;
    }
    .video-body {
        padding: 20px;
    }
    .customer-details,
    .address-details,
    .report-details {
        min-height: inherit;
    }
    .jobupdate-top-section a {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .jobupdate-top-section a img {
        width: 45px;
    }
    .jobupdate-top-section a {
        width: 100%;
        text-align: center;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 15px 0 10px;
        min-height: 100px;
        margin-top: 20px;
    }
    .jobupdate-top-section a p {
        padding: 10px 10px 0;
        font-size: 13px;
        bottom: 0px;
    }
    a.confirmed,
    a.standby,
    a.confirmed-standby,
    a.completed,
    a.cancelled {
        margin-top: 15px;
    }
    .status span{
        width: 100%;
        margin-bottom: 25px;
    }
    .status .current{
        width: 100%;
        margin-bottom: 0;
    }
    .job-booking-box,
    .job-search-box,
    .hotspot-box{
        margin-bottom: 20px;
    }
    .job-booking-box-body a .icon{
        min-height: 120px;
    }
    .job-search-form label{
        width: 100%;
        text-align: left;
    }
    .job-search-form input[type='text']{
        width: 100%;
        min-width: inherit;
    }
    .job-search-box-body{
        width: 98%;
        display: inline-block;
    }
    .job-search-form .btn {
        margin: 32px 0 0 0;
        padding: 6px;
        width: 60px !important;
        height: 30px;
        line-height: 11px;
    }
    .statistics-box, .hotspot-box{
        margin-top: 20px;
    }
    .border-rt-lt{
        border: none;
    }
    .height-auto{
        border: none;
        height: inherit;
    }
    .wizard-top-bg1 {
        margin-top: 40px;
        height: 260px;
    }     
    .hotspot-box-body a .icon .title span{
        font-size: 20px;
    }
    .statistics-box .tab-pane img {
        width: auto;
    }
    .pieChartDiv{
        padding: 0px;
        margin: 0;
        border-top: 1px solid #f1f1f1;
        border-left: none;
        padding-top: 20px;
    } 
    .wizard-top-bg1 {
        margin-top: 0px;
    }
    .link-image-row {
        margin-top: -6%;
        padding-top: 30px;
    }
    .content-100{
        width: auto !important;
    }
    #PMtable_wrapper table.dataTable thead,
    #PMtable_wrapper table.dataTable thead th,
    #PMtable_wrapper table.dataTable tfoot th {
        padding: 10px 15px;
    }
    ul.dr-list li .list-img {
        margin-right: 20px;
        float: left;
        border-radius: 10px;
    }
    ul.dr-list li .list-data {
        margin-left: 0;
        display: inline;
        margin-top: 0px; 
    }
    .project-manager-select .styled-select select {
        min-width: 100px;
    }
    .media {
        margin: 50px 0px;
    }
    .box-panel-shadow {
        margin-top: 20px;
    }
    .grid-stack, .grid-stack .box-panel-shadow{
        margin-top: 0 !important;
    }
    .grid-stack{
        height: 100% !important;
        margin: 0;
    }
    .chat-blog.box-panel-shadow{
        margin-bottom: 20px;
    }
    #PMtable_wrapper table.dataTable a.participants{
        margin-right: 100px;
    }
    #PMtable .popover-content.hide {
        display: block !important;
    }
    #PMtable_wrapper {
        margin-bottom: 20px;
    }
    .box-panel-shadow.project-manager-box{
        margin-top: 0;
    }
    .myaccount-box .mylt{
        width: 28%;
        float: left;
    }
    .myaccount-box .myrt{
        width: 72%;
        float: left;
    }
    ul.myaccount-tabs li a{
        margin: 0;
    }
    #chart_pie {
        height: 60%;
    }
    .status-text {
        position: absolute;
        top: 27%;
        left: 30%;
    }
    .box-panel-body .dl-horizontal dd,
    .box-panel-body .dl-horizontal dt{
        font-size: 13px;
    }
    .job-booking-box-body{
        width: 98%;
    }
    #chart_wrap_home {
        padding-bottom: 35%;
        width: 50%;
    }
    .tabs_wrapper{
        margin: 20px auto;
    }
    .column .box-panel-body{
        padding: 15px 30px 55px;
    }

    .table-input>.form-control{
        float: none;
    }
    .time-date-row{
        margin: 5% 15%;
    }
    .mb20px{
        margin-bottom: 20px;
    }
    .post-footer-rt {
        margin-top: 10px;
    }
    ul.doc-repository li .data h4,
    ul.doc-repository li.red .data h4,
    ul.doc-repository li.green .data h4,
    ul.doc-repository li.orange .data h4{
        font-size: 15px;
    }
    #AssignedSlots.form-control {
        width: 70%;
    }
    .slots {
        width: 31%;
    }
    .form-group.row-centered .form-control.timeField,
    .form-group.row-centered label.timeField {
        width: 45%;
    }
    a.payslip-box .data{
        width: 73%;
    }
    a.payslip-box .icon{
        width: 15%;
    }
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-forum a{
        margin-bottom: 20px;
    }
    .overview-date a .top p,
    .overview-newtopic a .top p,
    .overview-topictagged a .top p,
    .overview-latestpost a .top p,
    .overview-comments a .top p,
    .overview-forum a .top p{
        width: 100%;
        left: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 10px;
    }
    .overview-date a .top img,
    .overview-newtopic a .top img,
    .overview-topictagged a .top img,
    .overview-latestpost a .top img,
    .overview-comments a .top img,
    .overview-forum a .top img{
        width: 25px;
        margin-top: 0px;
    }
    .payslips-body a.payslip-box {
        margin: 0 0 20px 0;
    }
    .payslips-body {
        border-radius: 5px;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-orange .icon{
        width: 70px;
    }
    .smDsLabel {
        width: 70px;
    }
    .smDsLabel:after {
        border-top: 40px solid #000000;
        border-right: 10px solid transparent;
        right: -10px;
    }
    .knowledge-lt {
        width: 30%;
    }
    .knowledge-rt {
        width: 68%;
    }
    .error-body .error-img{
        text-align: left;
    }
    .toplinks.pull-right{
        float: none !important;
        text-align: right;
        margin: 0;
    }
    .grid-stack > .grid-stack-item[data-gs-width='2']
    .grid-stack > .grid-stack-item[data-gs-x='2'],
    .grid-stack > .grid-stack-item[data-gs-min-width='2'],
    .grid-stack > .grid-stack-item[data-gs-max-width='2'],
    .grid-stack > .grid-stack-item[data-gs-width='3']
    .grid-stack > .grid-stack-item[data-gs-x='3'],
    .grid-stack > .grid-stack-item[data-gs-min-width='3'],
    .grid-stack > .grid-stack-item[data-gs-max-width='3'],
    .grid-stack > .grid-stack-item[data-gs-width='4']
    .grid-stack > .grid-stack-item[data-gs-x='4'],
    .grid-stack > .grid-stack-item[data-gs-min-width='4'],
    .grid-stack > .grid-stack-item[data-gs-max-width='4'],
    .grid-stack > .grid-stack-item[data-gs-width='5']
    .grid-stack > .grid-stack-item[data-gs-x='5'],
    .grid-stack > .grid-stack-item[data-gs-min-width='5'],
    .grid-stack > .grid-stack-item[data-gs-max-width='5'],
    .grid-stack > .grid-stack-item[data-gs-width='6']
    .grid-stack > .grid-stack-item[data-gs-x='6'],
    .grid-stack > .grid-stack-item[data-gs-min-width='6'],
    .grid-stack > .grid-stack-item[data-gs-max-width='6'],
    .grid-stack > .grid-stack-item[data-gs-width='7']
    .grid-stack > .grid-stack-item[data-gs-x='7'],
    .grid-stack > .grid-stack-item[data-gs-min-width='7'],
    .grid-stack > .grid-stack-item[data-gs-max-width='7'],
    .grid-stack > .grid-stack-item[data-gs-width='8']
    .grid-stack > .grid-stack-item[data-gs-x='8'],
    .grid-stack > .grid-stack-item[data-gs-min-width='8'],
    .grid-stack > .grid-stack-item[data-gs-max-width='8'],
    .grid-stack > .grid-stack-item[data-gs-width='9']
    .grid-stack > .grid-stack-item[data-gs-x='9'],
    .grid-stack > .grid-stack-item[data-gs-min-width='9'],
    .grid-stack > .grid-stack-item[data-gs-max-width='9'],
    .grid-stack > .grid-stack-item[data-gs-width='10']
    .grid-stack > .grid-stack-item[data-gs-x='10'],
    .grid-stack > .grid-stack-item[data-gs-min-width='10'],
    .grid-stack > .grid-stack-item[data-gs-max-width='10'],
    .grid-stack > .grid-stack-item[data-gs-width='11']
    .grid-stack > .grid-stack-item[data-gs-x='11'],
    .grid-stack > .grid-stack-item[data-gs-min-width='11'],
    .grid-stack > .grid-stack-item[data-gs-max-width='11'],
    .grid-stack > .grid-stack-item[data-gs-width='12']
    .grid-stack > .grid-stack-item[data-gs-x='12'],
    .grid-stack > .grid-stack-item[data-gs-min-width='12'],
    .grid-stack > .grid-stack-item[data-gs-max-width='12']{
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
        max-width: none !important;
    }
    .sp-name-header {
        right: 13%;
        font-weight: 500;
        font-size: 13px;
        top: 6px;
    }
    .overview-date span,
    .overview-newtopic span,
    .overview-topictagged span, 
    .overview-latestpost span,
    .overview-comments span,
    .overview-forum span{
        font-size: 20px;
    }

    .doc-bmenu .push-site-nav.push-lt {
        width: 45%;
    }
    .doc-bmenu .page-wrap.push-rt {
        width: 52%;
    }
    .push-site-nav ul.doc-repository li:hover {
        width: 100% !important;
    }
    .doc-bmenu .page-wrap .push-main-header {
        width: 48%;
    }
    .doc-bmenu .page-wrap {
        width: 94%;
        margin-top: 95px;
    }
    .push-site-nav {
        top: 0;
        width: 6%;
    }
    .popover-content .search-popover{
        width: 400px; /*T18726 ---- 26-09-2019*/
    }
    .search-popover .input-group .input-group-btn.search-panel{
        width: 50%;
    }
    .popover-content .search-popover .form-control{
        padding: 10px 30px 10px 10px !important;
    }
    .popover-content .search-popover .arrow-right{
        right: -15px;
    }
    .sitemap-search input[type="text"] {
        padding: 5px 45px 5px 20px;
        width: 86%;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .SiteMapMain .sitemap-search input[type="text"] {
        padding: 5px 45px 5px 20px;
        width: 100%;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .sitemap-search{
        float: none;
        width: auto;
    }
    .knowledge-document .overview-panel{
        margin: 0;
    }
    ul.doc-repository li,
    ul.doc-repository li.red,
    ul.doc-repository li.green,
    ul.doc-repository li.orange,
    ul.doc-repository li.new-documents,
    ul.doc-repository li.revisions,
    ul.doc-repository li.removed{
        margin: 0 0 10px 1px; 

    }
    ul.ticket-tabs.nav-tabs.nav-tabs-dropdown, ul.ticket-tabs.nav-tabs-dropdown{
        width: 97%;
    }
    .payslip-top-row .sitemap-search input[type="text"] {
        margin-bottom: 0;
    }
    .payslip-top-row{
        margin-bottom: 20px;
    }
    .employee-hub-slider .slick-prev {
        left: 0;
    }
    .employee-hub-slider .slick-next {
        right: 5px;
    }
    .employee-hub-slider{
        padding: 0 25px;
        margin-top: -150px;
    }
    .link-image-bg{
        margin-top: 18%;
    }
    .media:first-child {
        margin: 20px 0;
        padding: 20px 0;
    }
    .list-news ul li .list-img img {
        width:auto;
        height: auto;
    }
    .list-news ul li .list-img {
        width: 160px;
        height: auto;
        margin-bottom: 0;
    }
    .latest-news-body .pic {
        position: relative;
        height: auto;

        max-height: 100%;
    }
    .sitemap-list.webinars_comingsoon .icon,
    .sitemap-list.Twitter_comingsoon .icon{
        width: 20%;
    }
    .NewLogin {
        margin: 100px 5%;
    }
    .panel-new-icon-pink{
        margin: 0 0px;
    }
    .knowledge-document-top-lt,
    .knowledge-document-top-md,
    .knowledge-document-top-rt{
        width: 25%;
    }
    .knowledge-document-top-md{
        width: 49%;
        margin-left: 1%;
    }
    .latest-news-body .pic-lg {
        width: 100%;
        max-width: 100%;
    }
    .overview-forum.yourpanel a p{
        margin-top: 15%;
    }
    .overview-forum a p {
        margin-top: 5%;
    }
    .yourvoice .slick-slide, .yourdocuments .slick-slide {
        margin: 0px 8px 0 9px;
    }
    .NewLogin {
        max-width: 500px;
        float: none;
        margin: 0 auto;
    }
    .Imagewrapper{
        display: none;
    }
    .col-lg-6.col-field-holder-1.form-field-holder {
        width: 100% !important;
    }
    /*18726 -------------- 26-09-2019*/ 
    .data100.m-grid-stack-item{
        margin-bottom: 20px;
        opacity: inherit;
    }
    .panel-store,
    .panel-alerts{
        margin: 0 20px;
    }
    .col-md-5ths {
        width: 33.33%;
        float: left;
    }
}

@media (max-width: 1024px) and (min-width:981px )  {
    .doc-bmenu .page-wrap {
        width: 100%;
    }
}

@media (max-width:991px){
    /*    T20054 ----------- 11-11-2019*/
    .SystemMessageBox{
        width: 90% !important;
    }
    .ui-dialog.apDialogSysMessage {
        width: 90% !important;
        border-radius: 8px;
        margin: 0 auto;
    }
    .grid-stack {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-custom-menu>.navbar-nav{
        float:right
    }
    .navbar-custom-menu>.navbar-nav>li{
        position:static
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        position:absolute;
        right:3%;
        left:auto;
        border:1px solid #ddd;
        background:#fff
    }
    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
        background:#fff !important;
        color:#444 !important
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a{
        color:#444 !important
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover{
        color: #fff !important;
    }
    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{
        background-color:#f9f9f9
    }
    .navbar-collapse.pull-left{
        float:none !important
    }
    .navbar-collapse.pull-left+.navbar-custom-menu{
        display:block;
        position:absolute;
        top:0;
        right:40px
    }
    .content-header>.breadcrumb{
        position:relative;
        margin-top: 20px;
        margin-bottom: 20px;
        top:0;
        right:0;
        float:none;
        background:#d2d6de;
        padding-left:10px
    }
    .content-header>.breadcrumb li:before{
        color:#97a0b3
    }
    .navbar-custom-menu .navbar-nav>li{
        float:left
    }
    .navbar-custom-menu .navbar-nav{
        margin:0;
        float:left
    }
    .navbar-custom-menu .navbar-nav>li>a{
        line-height:20px;
        /*T18766*/
        padding: 14px 10px;
    }
    .main-header .navbar-custom-menu a,.main-header .navbar-right a{
        color:inherit;
        background:transparent
    }
    .employee-hub-slider .inner img {
        width: auto;
    }
    .NewLogin {
        max-width: 500px;
        float: none;
        margin: 0 auto;
    }
    .box-border .dl-horizontal dt {
        width: 50%;
        display: block;
        text-align: right;
    }
    .panel-content{
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 980px) {
/*    T28523-----------------14-10-2020*/
    .DesignStudioPage a.DS_list .DS_icon {
        background: #FFF;
        /*width: 100px;*/
        height: 98px;
        line-height: 98px;
        border-radius: 5px 0 0 5px;
        text-align: center;
        display: inline-table;
    }
    .DesignStudioPage a.DS_list .DS_icon img {
        /*width: 70px;*/
        height: auto;
    }

    .HP-box .FomWDBut,
    .HP-box .FomBut{
        font-size: 14px;
    }
    .column-holder .form-group.et-aText {
        margin: 10px auto;
    }

    .displayFgButtonHelp {
        display: inline-flex;
        margin-bottom: 15px;
    }
    .PaySlipManage a .icon img {
        width: 60px;
        position: relative;
        top: 0;
    }
    h3.tab_drawer_heading {
        display: none;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs>li:hover a.without-circle{
        margin: 0px 5px 5px;
    }
    .box-border .address-img, .box-border .customer-img {
        position: inherit;
    }
    .select-country h3{
        font-size: 40px;
    }
    .time-bg {
        font-size: 24px;
    }   
    .chat-list{
        min-width: inherit;
    }
    .vid-item .desc{
        font-size: 12px;
    }
    .jobupdate-top-section a{
        margin-bottom: 20px;
        margin-top: 0;
    }
    a.confirmed, a.standby, a.confirmed-standby, a.completed, a.cancelled {
        margin-top: 10px;
    }
    .status span{
        width: 100%;
        margin-bottom: 25px;
    }
    .tab_container {
        width: 100%;
        padding: 0;
        min-height: 600px;
    }
    .tab_container {
        display: block;
        margin: 0 !important;
        border-top: none;
        border:none;
    }
    .tabs_wrapper {
        width: 100%;
    }
    .tab_drawer_heading,
    .myaccount-tab-heading{
        border: 1px solid #f1f0ef;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 15px;
        padding: 25px 10px 25px 60px ;
        margin: 0;
        display: block;
        position: relative;
        cursor: pointer;
    }
    .myaccount_tab_container h2{
        margin-top: 25px;
    }
    .tab_drawer_heading img.on,
    .myaccount-tab-heading img.on{
        display: inline;
        position: absolute;
        width: 45px;
        height: 45px;
        top: 7px;
        left: 10px;
    }
    .tab_drawer_heading img.off,
    .myaccount-tab-heading img.off{
        opacity: 0.1;
        filter: alpha(opacity=50);
        position: absolute;
        width: 45px;
        height: 45px;
        top: 7px;
        left: 10px;
    }
    .tab_drawer_heading:hover img.on,
    .tab_drawer_heading.d_active img.on,
    .myaccount-tab-heading:hover img.on,
    .myaccount-tab-heading.my_active img.on{
        display: inline;
        position: absolute;
        width: 45px;
        height: 45px;
        opacity:0;

    }
    .tab_drawer_heading:hover img.off,
    .myaccount-tab-heading:hover img.off{
        position: absolute;
        width: 45px;
        height: 45px;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    .tab_drawer_heading.d_active img.off,
    .myaccount-tab-heading.my_active img.off{
        position: absolute;
        width: 45px;
        height: 45px;
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=1);
    }
    .tab_drawer_heading:hover {
        color: #19cdc7;
    }
    .tab_drawer_heading:last-child{
        border-bottom: none;
    }
    .d_active {
        border-bottom: 3px solid #19cdc7;
        color: #19cdc7;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: #f9f9fb;
        position: relative;
    }   
    .d_active:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #19cdc7 transparent transparent transparent;
        position: absolute;
        bottom: -12px;
        left: 50%;
    }
    .input-group-find-btn {
        display: inline-block;
        margin-top: 10px;
    }
    .details-content {
        padding: 0px 20px 10px !important;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a .text:after, 
    .wizard-top-bg ul.wiz-nav-tabs>li a .text:before,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li a:hover .text:before, 
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:after,
    .wizard-top-bg ul.wiz-nav-tabs>li.complate>a .text:before
    {
        /*T19780 -------- 04-11-2019*/
        width: 40%;
    }
    .job-search-form .btn{
        width: 100%;
    }   
    .hotspot-box-body a .icon .title .lt {
        display: table-cell;
        height: 70px;
    }
    ul.social-feeds li a .facebook, 
    ul.social-feeds li a .linkedin,
    ul.social-feeds li a .twitter{
        margin-left: 10%;
    }
    .user-menu a.login {    
        padding-right: 40px !important;
        line-height: 50px !important;
    }   
    .wizard-top-bg .bs-example-tabs .wiz-nav-tabs{
        width: inherit;
    }
    .w100{
        width: 100% !important;
        padding-right: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #f1f0ef;
    }
    #PMtable .popover-content.hide{
        display: block !important;
    }
    .rating-bg .severity,
    .rating-bg .liklihood,
    .rating-bg .risk-rating{
        width: 25%;
    }
    .box-border .dl-horizontal {
        margin-left: 0;
        min-height: inherit;
    }
    .customer-details .box-border,
    .address-details .box-border{
        min-height: inherit; 
    }
    .box-panel-body, .pic-content {
        margin-bottom: 20px;
    }
    .box-panel-body, .pic-content {
        margin-bottom: 0px;
    }
    .myaccount-box .mylt{
        width: 35%;
        float: left;
    }
    .myaccount-box .myrt{
        width: 65%;
        float: left;
    }
    .hovereffect h2{
        font-size: 14px;
        padding: 3px 0;
        bottom: -17px;
    }
    .hovereffect p.desig{
        font-size: 12px;
        padding: 3px 0;

    }
    .ourteam-body .hovereffect h2 {
        font-size: 18px;
        bottom: -9px;
    }
    /*----------Tabs View-----------*/  
    ul.myaccount-tabs.nav li{
        margin: 0;
        display: inherit;
    }
    ul.myaccount-tabs.nav li{
        float: none;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown,
    ul.myaccount-tabs.nav-tabs-dropdown {
        overflow: hidden;
        position: relative;
        display: inherit;
        background: #3166e3;
        z-index: 100;
        padding: 0 20px;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown::after,
    ul.myaccount-tabs.nav-tabs-dropdown::after {
        content: "☰";
        position: absolute;
        top: 10px;
        right: 35px;
        z-index: 2;
        pointer-events: none;
        color:#fff;
        font-size: 25px;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown.open a,
    ul.myaccount-tabs.nav-tabs-dropdown.open a {
        position: relative;
        display: block;
        text-align: left;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown.open > li.active > a,
    ul.myaccount-tabs.nav-tabs-dropdown.open > li.active > a {
        background-color: #fb803d;
    }
    ul.myaccount-tabs .nav-tabs.nav-tabs-dropdown li,
    ul.myaccount-tabs .nav-tabs-dropdown li {
        display: block;
        padding: 0;
        vertical-align: bottom;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li > a,
    ul.myaccount-tabs.nav-tabs-dropdown > li > a {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li > a:focus,
    ul.myaccount-tabs.nav-tabs-dropdown > li > a:focus,
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li > a:hover,
    ul.myaccount-tabs.nav-tabs-dropdown > li > a:hover,
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li > a:active,
    ul.myaccount-tabs.nav-tabs-dropdown > li > a:active {
        border-color: transparent;
        background: #fb803d;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li.active > a,
    ul.myaccount-tabs.nav-tabs-dropdown > li.active > a {
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #fb803d;
        text-align: left;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:focus,
    ul.myaccount-tabs.nav-tabs-dropdown > li.active > a:focus,
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:hover,
    ul.myaccount-tabs.nav-tabs-dropdown > li.active > a:hover,
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:active,
    ul.myaccount-tabs.nav-tabs-dropdown > li.active > a:active {
        border-color: transparent;
        background: #fb803d;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        display: inherit;
    }

    .ui-datepicker-calendar .ui-state-disabled,
    .ui-datepicker-calendar .ui-widget-content .ui-state-disabled
    {
        display: table-cell;
    }

    .sitemap-list .data {
        margin: 15px 0 15px 40px;
        float: left;
        width: 45%;
    }

    .service-cost-box-footer a{
        width: 100%;
        display: block !important;
    }
    ul.forum-list li a.f-list .link-btn {
        background: #2e9afd;
        padding: 10px 20px;
        color: #fff;
        float: none; 
        width: 150px;
        margin-top: 0; 
        border-radius: 8px;
        margin-left: 20px;
        text-align: center;
    }
    ul.forum-list li a.f-list p {
        margin: 0 0 10px 0;
    }
    .timeline-new ol li.link-complete:after {
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%);
        border-radius:0%; 
        background: #F45B69;
        z-index: 1;
        content: "\f00c";
        background-color: #4cc3b5;
        color: #fff;
        font-family: 'FontAwesome';
        font-size: 20px;
        font-weight: normal;
        border: 2px solid #4cc3b5;
        padding: 0 3px;
    }
    .timeline-new ol li.link-active:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%);
        border-radius:0%; 
        background: #F45B69;
        z-index: 1;
        background-color: #4cc3b5;
        color: #fff;
        font-family: 'FontAwesome';
        font-size: 20px;
        font-weight: normal;
        border: 2px solid #4cc3b5;
    }
    .timeline-new ol li:after{ 
        background-color: #eae8e8;
        border: 2px solid #4cc3b5;
        border-radius: 0;
        content: '';
        height: 30px;
        position: absolute;
        left: 0;
        width: 30px;
        z-index: 1;
    }
    .timeline-new ol li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%);
        border-radius:0%; 
        background: #ddd;
        z-index: 1;
    }
    .timeline-new ol li:hover:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        transform: translateY(-50%);
        border-radius: 0%;
        background: #3eb15b;
        z-index: 1;
    }
    .timeline-new{
        position: relative;
    }
    .timeline-new::before{
        background-color: #4cc3b5;
        bottom: 0;
        content: '';
        left: 15px;
        margin-left: -2px;
        position: absolute;
        top: 0;
        width: 4px;
        z-index: 1;
    }
    .timeline-new ol,
    .timeline-new ol li {
        width: auto; 
    }
    .timeline-new ol {
        padding: 0;
        transform: none !important;
    }
    .timeline-new ol li {
        display: block;
        height: auto;
        background: transparent;
        width: 100% !important;
        text-align: left;
    }
    .timeline-new ol li div {
        position: static;
        margin-left: 30px;
    }
    .timeline-new .arrows {
        display: none;
    }
    .form-group.row-centered .form-control.uppercaseText {
        width: 43%;
    }
    .textSubmitButton.postCodeLookUpBtn {
        width: 47%;
        margin: 0 10px 0 0;
    }
    .form-group.row-centered .form-control.phoneField {
        width: 45%;
    }   
    .form-group.row-centered .form-control.timeField, 
    .form-group.row-centered label.timeField {
        width: 43%;
    }
    .form-group.row-centered .form-control,
    .col-centered .ui-combobox,
    .form-group.row-centered textarea.form-control{
        width: 90%;
    }
    #ServiceProvidersResults_filter {
        margin-top: 10px !important;
        float: left;
    }
    .payslip-box.no-m-left{
        margin:0 0% 20px 0% !important;
        width: 100%;
        float: left;
    }
    .time-date-row {
        margin: 5% 13%;
    }
    .sp-name-header {
        right: 50%;
        font-weight: 500;
        font-size: 13px;
        top: 6px;
    }
    .content-width25{
        width: 33.33%
    }
    .page-wrap.push-rt {
        width: 60%;
        border-left: 1px solid #eaeaf1;
    }
    .page-wrap{
        padding-left: 0;
    }
    .push-site-nav.push-lt {
        width: 39%;
    }
    .dl-horizontal dd.current{
        margin-left: 20px;
    }
    .chart-Holder{
        height: auto;
    }
    .box-panel-body.payslips-body {
        padding: 0;
    }
    .payslip-box-in,
    .panel-new-icon-pink a,
    .panel-new-icon-blue,
    .panel-new-icon-pink.your-pay{
        padding: 0 20px 0px;
    }
    .ui-state-disabled{
        opacity:1 !important;
    }
    .m-grid-stack-item {
        margin-bottom: 20px;
    }
    .chart_wrap_new {
        position: inherit;
        padding-bottom: 100%;
        height: 0;
        width: 100%;
    }
    .box-panel-body.payslips-body {
        padding-bottom: 20px !important;
    }
    .page-wrap {
        margin-left: 6%; 
        border-left: 1px solid #eaeaf1; 
    }
    .statistics-box .chart_wrap_new_text {
        top: 175px;
        left: 100px;
        width: 100px !important;
        text-align: center;
    }
    .top-time .m-none{
        display: none;
    }
    .main-header .logo{
        min-width: 170px;
    }
    a.dropdown-toggle p.hidden-xs{
        display: none;
    }
}
@media (max-width: 812px) {

    .col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
        position: absolute;
        top: -7px;
        right: -42px;
    }
    .apDialogX .NewForm-content {
        width: 750px !important;
    }
    .apDialogXW .NewForm-content {
        width: 100% !important;
    }
    .StudioIcon img {
        height: auto !important;
    }
    /*20759-------------05-12-2019*/
    .wizard-top-bg ul.wiz-nav-tabs>li a p {
        width: 150px;
    }

    .doc-bmenu .page-wrap.push-rt {
        width: 55%;
    }

    .SantaHAT {
        position: absolute;
        top: 1px;
        margin: 0;
        left: 22px;
    }
    /*T18918 ----------- 10-10-2019 EmailTemplate*/

    .ui-dialog.apDialogEmail {
        width: 94% !important;
        margin: 0 3%;
        left: 0 !important;
    }
    .ui-dialog.apDialogEmail .ui-dialog-content {
        overflow: inherit !important;
    }

    .EmailChurchillInsideLogo{
        background: transparent;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .ui-dialog.apDialogEmail .modal-content .modal-body .ContactMain .inside {
        display: inherit;
        text-align: center;
    }
    .jobupdate-top-section a {
        width: 100%;
        text-align: center;
        color: #fff;
        display: inline-block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 20px 0 10px;
        min-height: 120px;
        margin-top: 20px;
    }
    .tg-submenu-holder-list .tg-submenu-list-btn{
        width: 96%;
        margin: 0 2%;
    }

    .tg-submenu-holder-list,
    .tg-submenu-holder-list .tg-submenu-list-btn{
        position: inherit !important;
    }
    div[id^="FG-tab-"] .col-field-holder-2,
    div[id^="FG-tab-"] .col-field-holder-3,
    div[id^="FG-tab-"] .col-field-holder-1{
        width: 100% !important;
        min-width: 200px;
    }
    div[id^="FG-tab-"] .fields-holder label{
        /*        width: 100% !important;*/
        /*        text-align: left !important;*/

    }

    #fg-tabs div[id^="FG-tab-"] .form-field-holder label{
        margin-right: 10px;
    }

    div[id^="FG-tab-"] .info-field {
        top: 0px;
        margin-left: 0px !important;
    }
    .page-wrap {
        padding:0px;
        width: 100%;
        margin-left: 0;
        border-left: 1px solid #eaeaf1;
    }
    .push-site-nav {
        top: 0;
        width: 7%;
    }
    .page-wrap .push-main-header {
        width: 39%;
    }
    ul.personaldetails-tabs li p {
        padding: 15px 0px 14px 48px;
    }

    .apDialogX .column-holder .form-group .client-logo-thumb-table,
    .apDialogXW .column-holder .form-group .client-logo-thumb-table {
        margin-left: 15px !important;
    }
    .apDialogX .button-holder.row.form-group.row-centered,
    .apDialogXW .button-holder.row.form-group.row-centered {
        margin-left: 10px !important;
        text-align: left;
    }
    /*T16330 ------ 20-06-2019 --*/
    .doc-bmenu .push-site-nav.push-lt {
        width: 40%;
    }
    ul.doc-repository li .data h4 {
        font-size: 15px;
        padding: 0;
        white-space: initial;
        line-height: 18px;
        vertical-align: middle;
    }
    ul.doc-repository li .data {
        height: 50px;
        vertical-align: middle;
        /*display: table-cell;*/
    }
    .apModal.ui-dialog-content .fields-holder label.col-lg-4 {
        width: 200px !important;
        text-align: left;

    }
    #FGDataForm-1477 {
        padding: 0px;
    }
    .column-holder .form-group{
        display: table-row;
    }
    .w100{
        border-bottom: 0;
    }
    .job-search-form .btn {
        margin: 0px 0 0 0;
    }
}
@media (max-width: 810px) and (min-width:769px )  {
    .fields-holder.tab-pane .column-holder {
        width: 100% !important;
    }
}
@media (max-width:768px){
      /*    T28523-----------------14-10-2020*/
    .DesignStudioPage a.DS_list .DS_icon {
        background: #FFF;
        /*width: 80px;*/
        height: 98px;
        line-height: 98px;
        border-radius: 5px 0 0 5px;
        text-align: center;
        display: inline-table;
    }
    .DesignStudioPage a.DS_list .DS_icon img {
        /*width: 60px;*/
        height: auto;
    }
    /*    T22219 -------- 14-02-2020*/
    .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 0px;
    }
    .col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
        position: absolute;
        top: -7px;
        right: -35px;
    }
    /*T22320*/
    .sidebar-menu li>a>.pull-right-container{
        position: absolute;
        right: 7px;
    }
    /*T22320*/
    .apDialogX .NewForm-content,
    .apDialogXW .NewForm-content {
        width: 100% !important;
        padding: 0 5px !important;
    }
    .displayFgButtonHelp {
        display: inline-flex;
        margin-bottom: 10px;
    }
    .apDialogX.leftMove .modal-lg,
    .apDialogXW.leftMove .modal-lg {
        padding: 0 !important;

    }
    .user-Login-Title{
        font-size: 20px;
    }
    .statistics-box .chart_wrap_new_text {
        width: 80px !important;
        top: 180px !important;
        font-size: 30px !important;
        left: 115px !important;
    }
    .login-logo-bg .pull-left,
    .login-logo-bg .pull-right{
        float: none !important;
        text-align: center;
    }
    .login-logo-bg .pull-left img,
    .login-logo-bg .pull-right img{
        height: 60px;
    }
    div.dt-buttons .dt-button {
        /*margin: 5px 5px 0;*/
        float: left;
        text-align: center;
    }
    .page-wrap {
        width: 100%;
        margin-left: 0;
        border-left: 1px solid #eaeaf1;
    }
    .push-main-header a.open-menu,
    .page-wrap .push-main-header{
        display: none;
    }
    .push-site-nav.push-lt,
    .page-wrap.push-rt,
    .push-site-nav{
        width: 100%;
        position: inherit;
        border: none;
    }
    ul.personaldetails-tabs li p,
    .push-site-nav li.active p,
    .push-site-nav li p{
        font-size: 15px !important;
        padding: 15px 0px 14px 0px;
        height: auto;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown.open div.personaldetails-tab-m{
        padding: 0;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li.active div.personaldetails-tab-m{
        position: inherit;
        margin-bottom: 0px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li div.personaldetails-tab-m{
        margin-bottom: 0px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li{
        border-right: 10px solid #ffffff !important;
    }
    ul.personaldetails-tabs li.active.active-personaldetails{
        position: absolute;
        right:0;
        width: 40px !important;
        height: 40px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown > li.active > a.personaldetails-tab-m{
        background: transparent !important;
        padding: 10px;
        height: 40px;
        color: #fff;
        width: 50px;
        right: 30px;
        margin: 0px 30px;
        border-bottom: none !important;
    }
    .tab_content.details-content h2{
        display: none;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown::after{
        content: "☰";
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 12;
        pointer-events: none;
        font-size: 25px;
        color: #000;
        font-weight: bold;
    }
    #site-nav ul.personaldetails-tabs li.active .personaldetails-tab-m,
    #site-nav ul.personaldetails-tabs li:hover p
    {
        background: #fff !important;
        color: #000;
        border-bottom: 1px solid #ccc;
    }
    #site-nav ul.personaldetails-tabs li{
        border-right: none !important;
    }  
    #site-nav ul.personaldetails-tabs li:hover p {
        background: transparent !important;
        border: none !important;
        left: 45px;
        /*        padding: 0 10px 0 10px !important;*/
        color: #000 !important;
    }
    #site-nav ul.personaldetails-tabs li.active.active-personaldetails a,
    ul.persnol-tabs.nav li.active.active-personaldetails a{
        background: transparent !important;
        border:none !important;
    }
    ul.persnol-tabs.nav li.application-active.active.active-toggle-bar{
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0;
        z-index: 11;
        display: block;
    }
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active > a:active,
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active.active-toggle-bar,
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active.active-toggle-bar a.personaldetails-tab-m
    {
        background: transparent !important;
        border: none !important;
    }
    ul.persnol-tabs.nav-tabs-dropdown {
        border: none;
    }
    .ui-tabs .ui-tabs-panel{
        padding: 0 !important;
    }
    .push-site-nav ul.personaldetails-tabs, .push-site-nav ul.personaldetails-tabs {
        margin-top: 0px;
        margin-bottom: 0;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown{
        border-radius: 0;
        border:none;
    }
    .advance-search {
        position: initial; 
        top: 0;
        right: 20px;
        float: right;
    }
    .column-holder{
        margin: 0;
        width: 100%;
    }
    .ui-state-disabled{
        opacity:1 !important;
    }
    .link-image-row .bx-wrapper{
        margin-top: 0;
    }
    .link-image-row{
        margin-top: 20px;
    }
    .sp-name-header {
        right: 14%;
    }
    .fields-holder.tab-pane .column-holder{
        width: 100% !important;  
    }
    .fields-holder.tab-pane .fg-element .ui-combobox{
        width: 100%;
    }
    .forumIdeasForm .a-text-holder img{
        height: auto;
        display: flex;
        margin: 0px auto;
    }
    .main-fieldset-holder {
        padding: 10px !important;
    }
    .m-grid-stack-item{
        margin-bottom: 20px;
    }
    .statistics-box .box-panel-body {
        padding: 0 20px 10px !important;
    }
    .knowledge-document-top{
        position: relative;
        height: 300px;
    }
    .knowledge-document-top-lt,
    .knowledge-document-top-md,
    .knowledge-document-top-rt{
        width: 100%;
    }
    .knowledge-document-top-lt,
    .knowledge-document-top-rt{
        position: absolute;
    }
    .knowledge-document-top-rt{
        top: 0;
    }
    .knowledge-document-top-lt{
        /*T16288 <12/06/2019>*/
        bottom: -35px;
    }
    /*T16288 <12/06/2019>*/
    .knowledge-document-top-lt #ViewerKnowledgebaseID {
        display: none;
    }
    .knowledge-document-top-md{
        /*T16288 <12/06/2019>*/
        margin: 70px 0;
        vertical-align: top
    }
    .knowledge-document .manage-button {
        float: right;
        margin: 0px 4px 0px 0px;
        /*T16288 <12/06/2019>*/
        display: none;
    }
    .knowledge-document .manage-button a{
        float: left;
        font-size: 13px;
    }
    .content-header{
        margin-top: 70px;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper{
/*        margin-top: 55px;  T28523 ---- 14-10-2020*/
        margin-top: 0px;  
    }
    #chatter_topNav #chatter_topNav_img {
        display: none;
    }
    .top-time{
        margin-top: 10px;
    }
    .top-time span {
        display: block;
        margin: 0;
    }
    .top-time .m-none{
        display: none;
    }
    #chatter_topNav{
        display: none;
    }
    .list-news ul li {
        border-bottom: 1px solid #d2d3d4;
    }
    .header-up {
        top: -71px;
    }
    /*23509*/
    .ticker-up {
        top: -105px;
    }
    .youtube-embed-wrapper iframe,
    .p-bt30 iframe{
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
    }
    .alert-notification .alert{ 
        width: 96%;      
        margin: 2%;
    }
    /*17536 Previous and next button overlapping*/
    .dataTables_wrapper .dataTables_paginate .paginate_button{
        width: auto !important;
        /*T21689*/
        padding: 4px 10px !important;
    }
    .doc-rep-dropdown .panel-heading h3 {
        width: 100% !important;
    }
    .secArtData{
        margin-bottom: 20px;
    }
    /*17536*/
    /*17921*/
    .navbar-nav>.user-logout .btn-logout {
        margin: 8px;
    }
    /*17921*/
    /*20607*/
    #FG-tab-816 .fields-holder.tab-pane .column-holder{
        width: 90% !important;   
    }
    /*20607*/
    /*    T22643 ------ 18-2-2020*/
    div[id^="filter-holder-div-"] table tr td {
        width: 100% !important;
        float: left;
    }
    /*     .wizard-top-bg ul.wiz-nav-tabs.nav li,*/
    ul.personaldetails-tabs li{
        float: none;
        width: 100%;
        margin: 0;
        /*        display: block;*/
    }
    ul.personaldetails-tabs.nav-tabs-dropdown{
        overflow: hidden;
        position: relative;
        width: 97%;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown.open div.personaldetails-tab-m{
        position: relative;
        display: block;
        padding: 0px 10px;
        text-align: left;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li{
        display: block;
        padding: 0;
        vertical-align: bottom;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown > li > div.personaldetails-tab-m{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
        padding: 0 10px;
        margin-bottom: 0px;
        margin-left: 0;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown > li.active > a.personaldetails-tab-m{
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #19cdc7;
        padding: 14px 20px;
        text-align: left;
    }
    ul.personaldetails-tabs li .svg-icon,
    ul.personaldetails-tabs li.active .svg-icon,
    ul.personaldetails-tabs li:hover .svg-icon,
    .personaldetails-tab-m i {
        margin-top: 13px;
        margin-left: 0;
    }
    .tabs_wrapper {
        padding: 10px 0px !important;
    }
    .HouseOfWellBeing{
        width: 90% !important;
    }
    .HouseOfWellBeing .txt .row img {
        margin-bottom: 20px;
    }
    .HouseOfWellBeing .txt .row .col-md-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .HouseOfWellBeing .txt .row {
        margin-bottom: 0px;
    }
    .HouseOfWellBeing .txt ol {
        margin: 0px;
        padding: 0px 0px 0 20px;
    }
    .jobupdate-top-section a p {
        bottom: 10px;
    }
    /*T28208*/
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .info-field.info-field-alt .form-control,
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .form-control, 
    .page-wrap.push-rt .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-select .ui-combobox,
    .page-wrap.push-rt  .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.skyline-multiselect .ui-multiselect {
        max-width: 100%;
        margin-bottom: 10px;
        margin-left: 0px !important;
    }
    /*T28231*/
    ul.ui-autocomplete {
        z-index: 821;
    }
    /*T28208*/
    .hsDpTable {
        width: 100% !important;
        padding: 0px;
    }
    .Wdth100Percent{
        width:100% !important
        padding: 10px 5px !important;
    }
    .OrderTable{
        width:20px !important;
        padding: 10px 5px !important;
        white-space: normal !important;
    }
    .SNameTable{
        width:140px !important; 
        padding: 10px 5px !important;
        white-space: normal !important;
    }
    .ANameTable{
        width:100px !important;
        padding: 10px 5px !important;
        white-space: normal !important;
    }
    .DsplayTable{
        width:20px !important;
        padding: 10px 5px !important;
        white-space: normal !important;
    }
    .OpenTable{
        width:20px !important; 
        padding: 10px 5px !important;
        white-space: normal !important;
    }
    /*T28208*/
    #sectionTable table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: normal !important;
    }
    #sectionTable table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 5px !important;
    }
    #sectionTable table.dataTable tbody th, table.dataTable tbody td .ENterNameText {
        width:100% !important;
    }
    #popUpContainerMainDiv {
        padding: 0px !important;
    }
    #popUpContainerMainDiv {
        padding: 0px !important;
    }
    /*T28258*/
    #main-form-fg-holder .panel-collapse {
        padding: 20px 0px !important;
    }
    .file-attachment-container{
        padding: 10px !important;
    }
    .et-signature .help-holder {
        top: 15px !important;
        right: 0px !important;
    }
    .col-lg-7.col-sm-7.col-xs-12.col-centered.Full-widthButton .help-holder, .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 0px !important;
    }
    .FilterEditButton {
        text-decoration: underline;
        position: absolute !important;
        left: inherit !important;
        right: 100px;
        margin-top: 4px;
    }
    /*    T39611 --- 26-04-2022*/
    table.dataTable>tbody>tr.child ul.dtr-details {
        word-break: break-all;
    }
}

@media (min-width:768px){
    .modal-content{
        -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);
        box-shadow:0 2px 3px rgba(0,0,0,0.125)
    }

    .control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{
        margin-right:230px
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{
        margin-left:50px !important;
        z-index:840;

    }
    .sidebar-mini.sidebar-collapse .login-footer{
        margin-left:0px !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar,
    .sidebar-mini.sidebar-collapse2 .main-sidebar2{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0);
        width:50px !important;
        z-index:98;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li{
        position:relative
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a{
        /*        margin-right:0;
                height: 44px;*/
        height: 43px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{
        border-top-right-radius:4px;
        margin-top: 0;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{
        border-bottom-right-radius:4px
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-collapse .sidebar-form,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-collapse .sidebar-menu li.header{
        /*T22320*/
        display:none !important;
        -webkit-transform:translateZ(0)
    }
    .sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{
        margin-left:0
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        /*T22320*/
        display: block !important;
        position: absolute;
        width: 200px;
        left: 50px;
        height: 43px;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
        top: 0;
        margin-left: -3px;
        padding: 11px 5px 11px 20px;
        background-color: inherit;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        float: right;
        width: auto !important;
        /*T22320*/
        left: 240px !important;
        z-index: 900;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
        display: none;
    }
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: 43px;
        margin-left: 0;
        width: 197px;
        /*T23507*/
        margin-bottom: 50px;
        height: auto;
    }
    
    
}
@media (max-width: 767px) {
    .HelpPannelBody .HP-box {
    /*    T28281 --- 05-10-2020*/
        min-height: auto;
    }
    .HP-box .FomWDBut,
    .HP-box .FomBut{
        font-size: 15px;
    }
    .wrapper {
        overflow: hidden;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper{
        margin-top: 0px;  
    }
    /*T23509*/
    #news-ticker{
        margin-top: 56px;
    }
    .apModal.ui-dialog-content .fields-holder label.col-lg-4{
        width: 90% !important;
    }
    #main-form-fg-holder {
        margin: 0 !important;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li:first-child.active>a{
        display: block;
    }
    .wizard-top-bg ul.wiz-nav-tabs.with-circle>li:first-child.active>a{
        display: block;
    }
    .book_section_data label{
        margin-left: 0;
    }
    /*    T21324 ------------- 10-01-2020*/
    div[id^="FG-tab-"] .form-group.check-new label.col-xs-12,
    div[id^="FG-tab-"] .form-group.check-new div.col-xs-12{
        /*28105 FormGroup Width*/
        /*width:auto !important;*/
        /*padding-right: 0 !important;*/
    }
    #discoveryTabBtn{
        margin-top: 10px;
    }
    .ap-cat-banner{
        position: absolute;
        right: -1px;
        top: -5px;
    }
    /*    T21205 ----------- 23-12-2019*/
    div[id^="FG-tab-"] .info-field ,
    div[id^="FG-tab-"] .info-field .fg-text-field{
        top: 0px !important;
        margin-left: 0px !important;
    }
    /*    T21205 ----------- 23-12-2019*/ 
    div[id^="FG-tab-"] .file-upload-item {
        display: inline-flex;
        color: dimgray;
        width: 100%;
    }
    .pointer.file-upload-item-title,
    .pointer.file-upload-item-title2{
        width: 100%;
    }

    /*T20955 ------------ 17-12-2019*/
    .HolidayPersonBody .HPBMainLable .HPBleftlable,
    .HolidayPerson .HPBMainLable .HPBleftlable,
    .HolidayStatusKeyList .lt{
        width: 100%;
    }
    .HolidayPersonBody .HPBMainLable, .HolidayPerson .HPBMainLable {
        align-items: center;
        line-height: 34px;
        display: -webkit-box;
        display: flex;
    }
    .HolidayPersonBody .HPBMainLable .HPBleftlable, .HolidayPerson .HPBMainLable .HPBleftlable {
        text-align: right;
        width: 50%;
        padding-right: 10px;
    }
    .HolidayPersonBody .HPBMainLable .HPBright, .HolidayPerson .HPBMainLable .HPBright {
        text-align: left;
        width: 50%;
        padding-left: 0px;
        font-weight: 600;
        display: flex;
    }
    .HolidayPersonBody .HPBMainLable .HPBright .Value, .HolidayPerson .HPBMainLable .HPBright .Value {
        text-align: right;
        width: 15%;
        padding-left: 0px;
        font-weight: 600;
    }
    .HolidayPersonBody .HPBMainLable .HPBright.Text, .HolidayPerson .HPBMainLable .HPBright .Text {
        text-align: left;
        width: 45%;
        padding-left: 0px;
        font-weight: 600;
        margin-left: 8px;
    }   
    /*T20955 ------------ 17-12-2019*/
    .yourApplications_box .description h4{
        text-align: left !important;
    }
    .wizard-top-bg ul.wiz-nav-tabs>li a p {
        width: 110px;
    }
    /*T19114 -------- 11-10-2019*/
    .accordion.accordion-tab  .a-text-holder p{
        text-align: left !important;
        line-height: 24px;

    }
    .accordion-tab-box .a-text-holder, .default-tab-box .a-text-holder, .no-header-tab-box .a-text-holder{
        padding: 0 !important;
    }
    .forum-top-header {
        padding: 0px 10px 20px 10px;
        margin: 0;
    }
    .content-header{
        margin-top: 50px;
    }

    .filtsearch{
        margin-top: 15px;
    }
    .filtsearch .sitemap-search input[type="text"]{
        width: 78%;
    }
    .box-border{
        padding: 10px;
    }
    #div-flex { 
        display: flex; 
        /* Optional, if you want the DIVs 100% width: */ 
        flex-direction: column;
    }
    #div-flex > .a1 { 
        order: 1; 
    }
    #div-flex > .a2 { 
        order: 2; 
    }
    #div-flex > .a3 { 
        order: 3; 
    }
    #div-flex > .a4 { 
        order: 4; 
    }
    #div-flex > .a5 { 
        order: 5; 
    }
    #div-flex > .a6 { 
        order: 6; 
    }
    #div-flex > .a7 { 
        order: 7; 
    }
    #div-flex > .a8 { 
        order: 8; 
    }
    #div-flex > .a9 { 
        order: 9; 
    }
    #div-flex > .a10 { 
        order: 10; 
    }
    #div-flex > .a11 { 
        order: 11; 
    }
    #div-flex > .a12 { 
        order: 12; 
    }

    #div-flex > .a13 { 
        order: 13; 
    }
    .check-box.p-lt{
        padding-left: 22px
    }
    .link-image-bg {
        margin-top: 0;
    }
    .nav-tabs.control-sidebar-tabs{
        display:table
    }
    .nav-tabs.control-sidebar-tabs>li{
        display:table-cell
    }
    .control-sidebar{
        padding-top:100px
    }
    .main-sidebar{
        /*T17551 --- 13/08/2019*/
        padding-top: 30px;
    }
    .main-header .navbar-right{
        float:none
    }
    .navbar-collapse .main-header .navbar-right{
        margin:7.5px -15px
    }
    .main-header .navbar-right>li{
        color:inherit;
        border:0
    }
    .navbar-nav>.user-menu .user-image{
        float:none;
        margin-right:0;
        margin-top:2px;
        line-height:10px
    }
    .main-header .sidebar-toggle{
        margin-left: 10px;
        margin-top: 20px;
    }
    .sidebar-open .content-wrapper,.sidebar-open .main-footer{
        -webkit-transform:translate(230px, 0);
        -ms-transform:translate(230px, 0);
        -o-transform:translate(230px, 0);
        transform:translate(230px, 0)
    }
    .fixed .content-wrapper,.fixed .right-side{
/*        padding-top:100px T24207----04-09-2020*/
                padding-top: 20px;
    }
    .main-sidebar{
        -webkit-transform:translate(-230px, 0);
        -ms-transform:translate(-230px, 0);
        -o-transform:translate(-230px, 0);
        transform:translate(-230px, 0)
    }
    .sidebar-collapse .main-sidebar{
        -webkit-transform:translate(-230px, 0);
        -ms-transform:translate(-230px, 0);
        -o-transform:translate(-230px, 0);
        transform:translate(-230px, 0)
    }
    .sidebar-open .main-sidebar{
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    .main-header .logo{
        width:100%;
        float:none;
        border-bottom: 1px solid #ecf0f5;
    }
    .main-header .navbar{
        width:100%;
        float:none;
    }
    .main-header .navbar{
        margin:0
    }
    .main-header .navbar-custom-menu{
        float:right
    }
    .content-wrapper,.main-footer{
        margin-left:0
    }
    .jobupdate-top-section .panel-section {
        width: 100%;
        margin-bottom: 0;
        margin: 0 !important;
    }
    .jobupdate-top-section a img {
        width: 50px;
        float: left;
    }
    .jobupdate-top-section a p {
        padding: 0 10px;
        float: left;
        line-height: 30px;
        font-size: 18px;
    }
    .jobupdate-top-section a {
        padding: 10px 20px;
        min-height: 50px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .main-header .logo img{
        float: none;
        margin-top: 0;
    }
    .box-panel-shadow.form-panel {
        width: 100% !important;
        float: left;
        margin: 20px 0;
    }
    .box-panel-shadow.form-panel .box-panel-body {
        height: auto !important;
        overflow-y: auto;
    }
    .job-booking-box-body a .icon {
        height: 80px;
        padding: 0;
        font-size: 15px;
        text-align: left;
        min-height: 110px;
    }
    .job-booking-box-body a .icon i {
        display: block;
        margin: 0 auto 0px;
    }
    .job-booking-box-body a .icon img {
        float: left;
        width: 60px;
        margin: 10px 10px;
        height: auto;
    }
    .job-booking-box-body a .icon p {
        font-size: 15px;
        text-align: left;
        color: #545555;
        text-align: center;
    }
    .job-booking-box-body a .icon .overlay{
        padding: 0;
    }
    .job-booking-box-body a .icon:hover .overlay p{
        padding: 30px 15px;
        margin: 0;
    }
    .sp-name-header {
        right: 60px;
        font-weight: 500;
        font-size: 13px;
        top: 6px;
        text-align: right;
        width: auto;
    }
    .service-cost, .booking-details-mob {
        margin-bottom: 20px !important ;
    }
    .colum-center{
        float: inherit;
        text-align: center;
    }
    .link-image-bg{
        height: inherit;
        margin-bottom: 20px;
    }
    .link-image-shadow{
        margin-bottom: 20px;
    }
    .time-date-row{
        margin: 0;
    }
    .country{
        margin-bottom: 20px;
    }
    .time-bg{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 70px;
        height: 70px;
        float: inherit;
        display: inline-block;
    }
    .time-bg span{
        line-height: 10px;
    }
    .document-repository h4 span, .latest-news-body h4 span{
        display: none;
    }
    .specific-btn, .specific-btn-active{
        width: 120px;
    }   
    ul.social-widgets {
        padding: 0 20px;
    }
    ul.dr-list li .list-img{
        width: 100%;
        display: inline-table;
        margin-bottom: 20px;
    }
    ul.dr-list li .list-img img{
        width: 100%;
    }
    .blog-body{
        border-bottom: 1px solid #f0f0f0;
        border-right: none;
    }
    .chat-bg.left, .chat-bg.right{
        margin: 0;
        padding: 10px;
    }
    .sidebar-menu {
        margin: 35px 0 0 0;
    }
    .box-border .customer-img {
        top: 15px;
        left: 15px;
        margin: 10px;
        text-align: center;
    } 
    .box-border .dl-horizontal {
        margin-left: 10px;
        padding: 10px 10px 0;
    }
    .box-panel-body .align{
        text-align: left;
    }
    .job-details .box-panel-body {
        padding: 0 20px;
    }
    table.dataTable>tbody>tr.child ul.dtr-details{
        width: 100%
    }
    .border-right {
        border-right:0;
        border-bottom: 1px solid #f1f0ef;
        margin-bottom: 15px;
        z-index: 10;
    }
    .box-panel-body .dl-horizontal{
        z-index: 10;
    }
    .box-panel-body .text-right{
        z-index: 12;
        margin-bottom: 20px;
    }
    .job-caht-bg{
        margin: 150px 0 0 0;
    }
    .main-header .navbar, .navbar-nav > li > a{
        min-height: inherit;
        height: 55px;
    }
    .job-booking-box-body a .icon-bt{
        border-bottom: 1px solid #f1f0ef;
    }
    /*----------Tabs View-----------*/  
    ul.persnol-tabs.nav li{
        margin: 0;
    }
    ul.persnol-tabs.nav.responsive-persnol-tabs li{
        float: left;
        margin-right: 3px;
    }
    ul.persnol-tabs.nav li,
    ul.NewTabs.nav li{
        float: none;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown,
    ul.persnol-tabs.nav-tabs-dropdown,
    ul.NewTabs.nav-tabs-dropdown{
        border: 1px solid #dddddd;
        overflow: hidden;
        position: relative;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown::after,
    ul.persnol-tabs.nav-tabs-dropdown::after ,
    ul.NewTabs.nav-tabs-dropdown::after{
        content: "\f0c9";
        font-family: 'FontAwesome';
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 2;
        pointer-events: none;
        font-size: 25px;
        color: #fff;
        font-weight: bold;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown::after{
        top: 5px;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown.open a,
    ul.persnol-tabs.nav-tabs-dropdown.open a,
    ul.NewTabs.nav-tabs-dropdown.open a{
        position: relative;
        display: block;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown.open > li.active > a,
    ul.persnol-tabs.nav-tabs-dropdown.open > li.active > a,
    ul.NewTabs.nav-tabs-dropdown.open > li.active > a{
        background-color: #19cdc7;
    }
    ul.persnol-tabs .nav-tabs.nav-tabs-dropdown li,
    ul.persnol-tabs .nav-tabs-dropdown li {
        display: block;
        padding: 0;
        vertical-align: bottom;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li > a,
    ul.persnol-tabs.nav-tabs-dropdown > li > a,
    ul.NewTabs.nav-tabs-dropdown > li > a{
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li > a:focus,
    ul.persnol-tabs.nav-tabs-dropdown > li > a:focus,
    ul.NewTabs.nav-tabs-dropdown > li > a:focus,
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li > a:hover,
    ul.persnol-tabs.nav-tabs-dropdown > li > a:hover,
    ul.NewTabs.nav-tabs-dropdown > li > a:hover
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li > a:active,
    ul.persnol-tabs.nav-tabs-dropdown > li > a:active,
    ul.NewTabs.nav-tabs-dropdown > li > a:active{
        border-color: transparent;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li.active > a,
    ul.persnol-tabs.nav-tabs-dropdown > li.active > a,
    ul.NewTabs.nav-tabs-dropdown > li.active > a{
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #19cdc7;
    }
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:focus,
    ul.persnol-tabs.nav-tabs-dropdown > li.active > a:focus,
    ul.NewTabs.nav-tabs-dropdown > li > li.active > a:focus,
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:hover,
    ul.persnol-tabs.nav-tabs-dropdown > li.active > a:hover,
    ul.NewTabs.nav-tabs-dropdown > li > li.active > a:hover,
    ul.persnol-tabs.nav-tabs.nav-tabs-dropdown > li.active > a:active,
    ul.persnol-tabs.nav-tabs-dropdown > li.active > a:active,
    ul.NewTabs.nav-tabs-dropdown > li > li.active > a:active{
        border-color: transparent;
        background: #19cdc7;
    }

    ul.NewTabs.nav li a i.stockDetails,
    ul.NewTabs.nav li a i.stockSettings,
    ul.NewTabs.nav li a i.stockPriceing,
    ul.NewTabs.nav li a i.suppliers,
    ul.NewTabs.nav li a i.bom,
    ul.NewTabs.nav li a i.Kitstock{
        margin: 0;
    }
    ul.NewTabs.nav-tabs-dropdown > li.active > a span,
    ul.NewTabs.nav-tabs-dropdown > li > a span{
        margin: 10px;
    }
    ul.NewTabs.nav-tabs-dropdown > li.active > a,
    ul.NewTabs.nav-tabs-dropdown.open > li.active > a {
        background: #4aa851;
    }
    ul.NewTabs.nav-tabs-dropdown > li.active > a,
    ul.NewTabs.nav-tabs-dropdown > li > a,
    ul.NewTabs.nav-tabs-dropdown.open a{
        display: flex;
        text-align: left;
    }
    ul.NewTabs.nav li.active a:before{
        display: none;
    }
    .project-manager-select .styled-select select{
        min-width: 190px; 
    }
    .select-panel{
        margin-top: 15px;
        margin-left: 0;
    }
    .user-menu a.login {
        padding-right: 40px !important;
        line-height: 40px !important;
    }
    ul.dr-list2 li .list-data {
        display: initial;
        margin-top: 10px;
    }
    ul.dr-list2 li .list-data h4{
        margin-top: 10px; 
    }
    .no-padding .video-body{
        padding: 10px 0;
    }
    .thumb img {
        width: 100%;
        height: auto;
        position: relative;
        top: 0; 
    }
    .vid-list-container .bx-wrapper{
        margin: 0 10px;
    }
    .p-lt0{
        padding-left:15px !important 
    }
    ul.dr-list2 li .list-img {
        width: auto;
        margin-right: 20px;
        float: left;
        border-radius: 10px;
    }
    .login-bg{
        padding: 0;
    }
    .login-box a.logo{
        border: none;
    }
    .login-bg {
        padding: 25px 0;
        margin: 0;
        top: 0;
    }
    .tab-content>.active .chart {
        min-width: 100%;
        padding: 0;
        left: 0;
        background: transparent;
        margin-left: -20px;
        margin-top: 50px;
        overflow-x: auto;
    }
    .wizard-top-bg1{
        height: inherit;
        margin-top: 20px;
    }
    .wizard-top-bg {
        margin-top: -220px;
    }
    .search-bg {
        width: 35px;
        height: 35px;
        float: left;
        line-height: 35px;
        text-align: center;
        margin-top: 10px;
        margin-left: 10px;
    }
    .search-bg, .main-header .sidebar-toggle,
    .top-home-icon, .top-icons,
    .top-cati-icon{
        margin-top: 10px;
        width: 35px;
        height: 35px;
        padding: 0;
        margin-left: 10px;
    }
    .sidebar-toggle{
        padding: 4px 9px !important;
    }
    .top-icons{
        display: none !important;
    }
    .navbar-nav>.user-menu .user-image, .proflile-img {
        width: 35px;
        height: 35px;
    }
    .content-width30{
        width: inherit;
        float: none;
    }
    .w50 {
        min-width: 96%;
        float: left;
        margin: 0 2%;
        width: auto;
    }
    .radio-data, .table-date {
        margin-bottom: 10px;
        text-align: left;
        float:left;
    }
    .table-date .form-control{
        width: 100%;
    }
    .radio-data .radio {
        float: none;
        /*T-19114*/
        margin: 10px 0px;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 2.5em !important;
    }
    .modal.in .modal-dialog {
        margin: 20px;
    }
    /* May Account Tabs --*/
    ul.myaccount-taps {
        display: none;
    }
    .myaccount_tab_container{
        border-left: 0;
        margin-left: 0;
    }
    .myaccount_tab_container .tab_content,
    .myaccount_tab_container .details-content{
        min-height: inherit;
        padding: 20px 0;
    }
    .myaccount_tab_container .myaccount-tab-heading {
        border: 1px solid #f1f0ef;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-size: 15px;
        padding: 25px 0px 25px 60px;
        margin: 0;
        display: block;
        position: relative;
        cursor: pointer;
    }
    .myaccount_tab_container h2{
        font-size: 18px;
        font-weight: 600;
    }
    .myaccount_tab_container .tab_drawer_heading:hover,
    .myaccount_tab_container .my_active{
        border-bottom: 3px solid #19cdc7;
        color: #19cdc7;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: #f9f9fb;
    }
    .myaccount_tab_container .my_active:after{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #19cdc7 transparent transparent transparent;
        position: absolute;
        bottom: -12px;
        left:50%;
    }
    .open-ticket-box1, .open-ticket-box2, .open-ticket-box3, .open-ticket-box4 {
        background: #1883e6;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f1f0ef;
        border-right: 1px solid #f1f0ef;
        float: left;
        color: #fff;
    }
    .myaccount-box .mylt, .myaccount-box .myrt{
        width: 100%;
        float: left;
    }
    .hovereffect h2{
        font-size: 15px;
        font-weight: 600;
    }
    .my-statistics-box .tab-content{
        height: 250px !important;
    }
    .sitemap-list .data {
        margin: 25px 0 15px 40px;
        float: left;
        width: 60%;
    }
    .sitemap-list .data h4{
        font-size: 13px;
    }
    .sitemap-list .data p{
        font-size: 13px;
    }    
    .row-centered label {
        text-align: left;
    }
    .col-centered {
        display: inherit;
    }
    .column label, #ServiceProvidersFormPanel .hideClassFormGen label {
        padding-right: 0;
        text-align: left;
    }
    .column .close_icon {
        top: 10px;
    }
    .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
        top: auto !important;
        margin-bottom: 20px;
        max-width: none !important;
        float: inherit;
    }
    /* ----------- Document Repository -------------*/
    .push-site-nav ul.doc-repository {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .doc-repository-tab-container{
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }
    .doc-repository-tab-container .tab_content,
    .doc-repository-tab-container .details-content{
        min-height: auto;
        padding: 20px 0;
    }
    .doc-repository-tab-container .doc-repository-tab-heading {
        padding: 0;
        margin: 0 0 10px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #ecf0f5;
        list-style: none;
        position: relative;
        width: 100%;
        cursor: pointer;
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        display: inline-block;
    }
    .doc-repository-tab-container .doc-repository-tab-heading .data,
    .doc-repository-tab-container .doc-repository-tab-heading.red .data,
    .doc-repository-tab-container .doc-repository-tab-heading.green .data,
    .doc-repository-tab-container .doc-repository-tab-heading.orange .data{
        font-size: 15px;
        font-weight: 600;
    }
    .knowledge-lt,
    .knowledge-rt{
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .knowledge-rt  .sitemap-search{
        width: auto;
        margin-bottom: 10px;
    }
    .knowledge-category a, 
    .knowledge-category .check-new {
        margin-top: 10px;
    }
    .error-body .error-img img {
        width: 100%;
        margin: 30px 0;
    }
    .error-body .error-content .error-img img {
        width: 100%;
        margin: 0;
    }
    .job-booking-box-body a, .hotspot-box-body a{
        display: inherit;
    }
    .chart_wrap_new {
        position: inherit;
        padding-bottom: 100%;
        height: 0;
        width: 100%;
    }
    .column-holder label{
        text-align: left !important;
    }
    .skyline-combobox .ui-combobox .form-control{
        width: 100% !important;
    }
    .apDialogX,.apDialogXW {
        left: 0 !important;
        right: 0 !important;
        margin: 0 20px;
    }
    .forum-logo {
        display: none;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav li,
    ul.personaldetails-tabs li{
        float: none;
        width: 100%;
        margin: 0;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown,
    ul.personaldetails-tabs.nav-tabs-dropdown{
        overflow: hidden;
        position: relative;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        width: 95%;

    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown::after,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown::after{
        content: "☰";
        position: absolute;
        top: 5px;
        right: 15px;
        z-index: 12;
        pointer-events: none;
        font-size: 25px;
        color: #151515;
        font-weight: bold;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown.open a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open a.without-circle,
    ul.personaldetails-tabs.nav-tabs-dropdown.open div.personaldetails-tab-m{
        position: relative;
        display: block;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown.open > li.active > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open > li.active > a.without-circle{
        background-color: #fcce01;
    }
    .wizard-top-bg ul.wiz-nav-tabs .nav-tabs.nav-tabs-dropdown li,
    .wizard-top-bg ul.wiz-nav-tabs .nav-tabs-dropdown li,
    ul.personaldetails-tabs.nav-tabs-dropdown li{
        display: block;
        padding: 0;
        vertical-align: bottom;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle,
    ul.personaldetails-tabs.nav-tabs-dropdown > li > div.personaldetails-tab-m{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
        padding: 14px 0;
        margin-bottom: 0px;
        margin-left: 0;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li > a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li > a.without-circle:active {
        border-color: transparent;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle,
    ul.personaldetails-tabs.nav-tabs-dropdown > li.active > a.personaldetails-tab-m{
        display: block;
        border-color: transparent;
        position: relative;
        z-index: 1;
        background: #19cdc7;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:hover,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.active > a.without-circle:active {
        border-color: transparent;
        background: #19cdc7;
        margin-bottom: 5px;
        margin-left: 0;
        padding: 14px 20px;
        text-align: left;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown li.application-active.active{
        width: 40px;
        height: 39px;
        display: inline-block;
        margin: 0;
        z-index: 11;
        position: absolute;
        right: 0;
        top:0;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown.open > li.application-active.active > a.without-circle
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle:active,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.application-active.active > a.without-circle:hover{
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        color: #151515;
    }
    .wizard-top-bg ul.wiz-nav-tabs li.application-active.active a.without-circle,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown > li.application-active.active > a.without-circle:hover{
        background: transparent !important
    }
    .wizard-top-bg ul.wiz-nav-tabs>li.active a.without-circle:focus,
    .wizard-top-bg ul.wiz-nav-tabs.nav-tabs-dropdown li.application-active.active
    {
        margin: 0  !important;
    }

    .wizard-top-bg ul.wiz-nav-tabs li.active a.toggle-bar{
        position: absolute;
        height: 40px;
        width: 40px;
        right: 0;
        z-index: 11;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown.open div.personaldetails-tab-m{
        padding: 0 10px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li.active div.personaldetails-tab-m{
        position: inherit;
        padding: 0 10px;
        margin-bottom: 0px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li div.personaldetails-tab-m{
        margin-bottom: 0px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown li{
        border-right: 10px solid #ffffff !important;
    }
    ul.personaldetails-tabs li.active.active-personaldetails{
        position: absolute;
        right:0;
        width: 40px !important;
        height: 40px;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown {
        width: 98%;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown > li.active > a.personaldetails-tab-m{
        background: transparent !important;
        padding: 10px;
        height: 40px;
        color: #fff;
        width: 50px;
        right: 30px;
        margin: 0px 30px;
        border-bottom: none !important;
    }
    .tab_content.details-content h2{
        display: none;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown::after{
        content: "☰";
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 12;
        pointer-events: none;
        font-size: 25px;
        color: #000;
        font-weight: bold;
    }
    #site-nav ul.personaldetails-tabs li.active .personaldetails-tab-m,
    #site-nav ul.personaldetails-tabs li:hover p
    {
        background: #fff !important;
        color: #000;
        border-bottom: 1px solid #ccc;
    }
    #site-nav ul.personaldetails-tabs li{
        border-right: none !important;
    }  
    #site-nav ul.personaldetails-tabs li:hover p {
        background: transparent !important;
        border: none !important;
        left: 45px;
        color: #000 !important;
    }
    #site-nav ul.personaldetails-tabs li.active.active-personaldetails a,
    ul.persnol-tabs.nav li.active.active-personaldetails a{
        background: transparent !important;
        border:none !important;
    }
    ul.persnol-tabs.nav li.application-active.active.active-toggle-bar{
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0;
        z-index: 11;
        display: block;
    }
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active > a:active,
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active.active-toggle-bar,
    ul.persnol-tabs.nav-tabs-dropdown > li.application-active.active.active-toggle-bar a.personaldetails-tab-m
    {
        background: transparent !important;
        border: none !important;
    }
    ul.persnol-tabs.nav-tabs-dropdown {
        border: none;
    }
    .ui-tabs .ui-tabs-panel{
        padding: 0 !important;
    }
    .push-site-nav ul.personaldetails-tabs, .push-site-nav ul.personaldetails-tabs {
        margin-top: 0px;
        margin-bottom: 0;
    }
    ul.personaldetails-tabs.nav-tabs-dropdown{
        border-radius: 0;
        border:none;
    }
    .wrapper .content {
        margin-bottom: 45px;
    }
    .skyline-combobox label {
        display: block;
    }
    ul.filter-holder{
        width: 275px;
    }
    .content-width25{
        width: 100%
    }
    .jobupdate-top-section a img {
        width: 50px;
        float: left;
    }
     .jobupdate-top-section a i {
        line-height: 50px;
    }
    .jobupdate-top-section a p {
        padding: 0 15px;
        float: left;
        line-height: normal;
        font-size: 18px;
        position: initial;
        text-align: left;
    }
    .jobupdate-top-section a {
        padding: 10px 20px;
        min-height: 50px;
        margin-top: 0px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }
    .dataTables_wrapper .dataTables_filter {
        float: left !important;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_length{
        float: right !important;
        margin-right: 0 !important;
    }
    section.content {
        padding: 0 20px 20px;
    }
    .tg-flter-holder,
    .tg-flter-holder>div,
    li.tg-element .ui-combobox,
    ul.filter-holder,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_filter label,
    .ui-multiselect.ui-widget{
        width: 100% !important
    }
    .dataTables_wrapper .dataTables_filter{
        text-align: left !important;
    }
    .ui-datepicker-trigger {
        margin-left: -30px;
        margin-top: 7px;
        position: absolute;
        z-index: 1;
    }
    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0 !important;
        border: 1px solid #d6dadd;
        width: 100%;
    }
    .ui-multiselect-checkboxes label{
        padding: 5px !important;
    }
    #tg-submenu-holder,
    #tg-submenu-holder .toplinks{
        margin-bottom: 0 !important;
        /*17540*/
        text-align: center;
    }
    .filter-label {
        width: 100%;
    }

    .radio-holder input[type="radio"]{
        margin-left: 0;
    }
    .radio-holder .radio-span{
        margin-right: 20px;
    }
    .page-wrap.w100{
        padding-right: 0;
    }
    .tg-submenu-list{
        padding: 0;
        margin: 20px 0px;
        position: absolute;
    }
    #tg-submenu-holder2 .tg-submenu-list{
        margin: 20px 0;
    }
    .tg-submenu-list button {
        float: left;
        margin-right: 5px;
        border-radius: 0;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #dedbdb;
        text-align: left;
    }
    .tg-submenu-holder-list .tg-submenu-list-btn{
        width: 100%;
        margin: 0;
    }
    .tg-submenu-holder-list .dropdown-menu.subactivities{
        width: 100%;
        margin: 0;
    }
    .tg-submenu-holder-list,
    .tg-submenu-holder-list .tg-submenu-list-btn{
        position: inherit !important;
    }
    .ServiceAdminTopPanel, .ServiceAdminResultsPanel, .bottomButtonsPanel {
        margin-bottom: 20px;
    }
    .tg-submenu-list{
        position: inherit;
    }
    .dropdown-menu.subactivities {
        width: 100%;
        min-width: 200px;
        padding: 0;
    }
    .dropdown-menu.subactivities li{
        float: none;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .dropdown-menu.subactivities a,
    .dropdown-menu.subactivities button{
        border: none;
        /*padding: 10px;*/
        padding:10px 60px 10px 10px;
        cursor: pointer;
        font-weight: 600;
        font-size: 14px;
        border-radius: 0;
    }
    .dropdown-menu.subactivities a.link-top
    {
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }
    .dropdown-menu.subactivities a.tg-sub-table-button-active,
    .dropdown-menu.subactivities button.active{
        background: #19CDC7;
        color: white;
    }
    .dropdown-menu.subactivities li:last-child{
        border-bottom: none;
    }
    .tg-submenu-holder-list .tg-submenu-list-btn,
    .tg-submenu-holder-list2 .tg-submenu-list-btn,
    .tg-submenu-holder-list-top .tg-submenu-list-btn{
        display: block;
    }
    .list-display ul.dropdown-menu{
        display: none;
    }
    .list-display.open ul.dropdown-menu{
        display: block;
    }
    .list-display button{
        width: 100%;

    }
    a.payslip-box .icon, a.payslip-box {
        height: 240px;
    }
    .payslip-top-row .pull-left,
    .payslip-top-row .sitemap-search{
        width: 100%;
        margin-bottom: 20px;
    }
    .payslip-top-row{
        margin-bottom: 0;
    }
    #tg-submenu-holder .stock-menu-emb{
        top:-20px !important;
        left:-20px !important;
    }
    #form-column-table .et-aText {
        width: auto !important;
        margin: 0;
    }
    .box-panel-body.payslips-body{
        margin:0 20px !important;
        padding-bottom: 20px !important; 
    }
    #chatter_topNav{
        margin-top: 8px !important;
    }
    .employee-hub-slider .inner {
        padding: 10px 20px;
    }
    .employee-hub-slider {
        padding: 0 25px;
        margin: 0;
    }
    ul.doc-repository li .data{
        height: 50px;
        vertical-align: middle;
        display: table-cell;
    }
    ul.doc-repository li .data h4{
        font-size: 15px;
        padding: 0;
        margin: 0px 20px 0px 25px;
        white-space: initial;
        line-height: 18px;
        vertical-align: middle;
    }
    .list-news .slimScrollDiv, ul.list{
        height: auto !important;
    }
    /*T23382*/
    .slimScrollDiv .YourVideosbody{
        height: auto !important;
        max-height: 300px;
    }
    .list-news .slimScrollDiv ul.fm-list,
    .list-news .slimScrollDiv ul.fm-list2
    {
        min-height: 300px !important;
    }
    .push-site-nav ul.personaldetails-tabs li:hover p{
        left: 45px;
    }
    #tab-data a.edit-link{
        top: 0 !important;
        right:20px !important;
    }
    #fg-tabs div[id^="FG-tab-"] .form-field-holder label,
    .fg-form div[id^="fg-tabs-"] .form-field-holder label{
        width: 100% !important;
        text-align: left !important; /*T14870 */
    }
    #fg-tabs div[id^="FG-tab-"] .info-field{
        margin-left: 0 !important;
    }
    .book_section_data label {
        width: 100%;
        text-align: left;
        /*        margin-left: 15px;*/
        margin-top: 0;
        margin-bottom: 5px !important;
    }
    .tab_container.persnol-tabs-rt hr{
        border-top:0;
        margin-top: 5px;
    }
    .sidebar-mini.sidebar-collapse .main-footer {
        position: inherit;
    }
    .sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-footer.New-Login-Footer,
    .wrapper .main-footer{
        text-align: center;
    }
    .sidebar-open .main-footer{
        text-align: left;
    }
    .employeePaySlip-panel-lt,
    .employeePaySlip-panel-rt{
        width:100%;
        max-height: 100%;
    }
    .employeePaySlip-panel-rt table{
        width: 100% !important;
        margin-top: 10px;
    }
    .employeePaySlip-panel-row .employeePaySlip-panel-row-table{
        overflow-x: scroll;
    }
    .payslip-box-in{
        padding: 0;
    }
    .panel-new-icon-pink,
    .panel-new-icon-pink.your-pay{
        margin: 0;
        padding: 0;
    }
    .employeePaySlip-panel-lt .emp-row .col-1,
    .employeePaySlip-panel-lt .emp-row .col-2{
        float: left;
        width: 50%;
        padding-left: 5px
    }
    .badge.starcount {
        top: 4px;
        left: 20px;
    }
    .container-fluid.content, .wrapper .content {
        margin-bottom: 0px;
    }
    .top-time{
        margin-top: 5px;   
    }
    .employeePaySlip-panel-row.row-mTop{
        margin-top: 0px;
    }
    .employeePaySlip-panel-row .pd-details{
        min-height: auto;
    }
    .employeePaySlip-panel-row .pd-details p label{
        width: 76%;
    }
    .employeePaySlip-panel-row .pd-details p span{
        width: 22%;
    }
    .employeePaySlip-panel-row.tableHeight{
        display: block;
        height: auto;
        min-height: 130px;
    }
    .employeePaySlip-panel-row.tableHeight .employeePaySlip-panel-lt,
    .employeePaySlip-panel-row.tableHeight .employeePaySlip-panel-rt{
        display: block;
        height: 100%;
    }
    .content-m20{
        padding: 0;
    }
    .push-site-nav{
        text-transform: capitalize;
        white-space: normal;
    }
    .blackbtn-disabled, .blackbtn {
        border: 1px solid #000000;
        background: #000000;
        padding: 5px !important;
        float: right;
    }
    .secArtData .tab-content h2{
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 25px;
        font-weight: 600;  
    }
    .secArtData a.view,
    .secArtData h2 a.view{
        border: 1px solid #288deb;
        border-radius: 5px;
        padding: 9px 15px;
        color: #288deb;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Lato';
        margin-left: 0;
        margin: 5px 0 15px 0;
        max-width: 120px;
    }
    .dtr-data a{
        float: left;
        padding: 5px;
        margin-right: 5px;
    }
    .secArtData .dataTables_wrapper .dataTables_filter input{
        width: 75%;
    }
    .secArtData .dataTables_wrapper .dataTables_paginate,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_paginate{
        margin-top: 0 !important;
        text-align: right !important;
    }
    .secArtData .panel-body a.btn {
        padding: 3px 6px;
        bottom: 50px !important;
        width: auto !important;
    }
    div.dataTables_wrapper{
        /*        padding-bottom: 28px;*/
    }
    .secArtData .dataTables_wrapper .dataTables_info,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_info{
        position: absolute;
        bottom: 10px;
    }
    .secArtData .doc-rep-dropdown>.panel-heading a[aria-expanded="false"],
    .secArtData .panel-heading a[aria-expanded="false"] {
        background-color: transparent;
        border-radius: 8px;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
    }
    .displayDocumentsOverview .panel-body{
        padding: 0;
    }
    .displayDocumentsOverview .doc-status {
        font-size: 18px;
        font-weight: 600;
        color: #555;
        margin-left: 0;
        margin-bottom: -30px;
    }
    .displayDocumentsOverview .panel-body a.btn {
        padding: 5px;
        bottom: 90px !important;
        width: auto;
    }
    .page-wrap.push-rt{
        position: relative;
    }
    .details-content button.tg_but_class_1.fg_button{
        bottom: -50px !important;
        top: inherit !important;
        left: 2px;
        padding: 7px 40px;
    }
    .details-content{
        padding-top: 0 !important;
        padding: 0 10px!important;
    }
    .tabs_wrapper {
        padding: 10px 0 70px;
    }
    .profile-block{
        border:none !important;
    }
    .wizard-top-bg .tab-content {
        margin: 0 15px;
    }
    .push-site-nav,
    .page-wrap{
        position: inherit;
        width: 100%;
    }
    .push-main-header a.open-menu,
    .page-wrap .push-main-header{
        display: none;
    }
    .push-site-nav.push-lt, .page-wrap.push-rt {
        width: 100%;
        position: inherit;
    }
    .doc-bmenu .push-site-nav.push-lt {
        width: 100%;
    }
    .page-wrap.push-rt {
        border-left: none;
    }
    .tab_container {
        min-height: inherit !important;
    }
    div[id^="filter-holder-div-"] table tr td {
        width: 96% !important;
        float: left;
    }
    .chart-Holder {
        width: 100%;
        height: inherit !important;
    }
    .statistics-box .chart_wrap_new_text{
        width: 80px !important;
        top: 30% !important;
        font-size: 28px !important;
        left: 25% !important;
    }
    #ChartHolder_9_4 {
        width: 100%;
        height: 200px;
    }
    .tg-but-count-holder {
        right: 13px !important;
        top: -6px  !important;
        width: 50px !important;
    }

    #rstCreateForm .in-fieldLink {
        position: absolute;
        margin: 0;
        text-decoration: underline;
        font-size: 10px;
        right: 50px;
        top: 30px;
        width: auto;
    }
    #rstCreateForm .ui-datepicker-trigger {
        margin-left: -30px;
        margin-top: 8px;
    }
    .p-bt30 table ul li{ 
        text-align: left;
        word-break: break-all;
    }
    /* T16368*/
    .p-bt30 table ul{
        padding: 0 10px 0 20px;
        text-align: left;
    }
    .p-bt30 table {border-collapse: collapse;}
    .p-bt30 table td {padding: 6px;}
    /*    T16314 hide the top Logo*/
    .main-header .logo{
        display: none;
    }
    .tabs_wrapper {
        padding: 6px 0 70px !important;
    } 
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        width: 100% !important;
    }
    .ButtoPositionMobileMain .DTTT_container{
        width: auto;
        text-align: center;
        width: 100%;
    }
    .ButtoPositionMobileMain .DTTT_button{
        width: auto;

    }
    .ButtoPositionMobileMain .DTTT_container a, .DTTT_container .label{
        padding: 6px 8px;
        margin: 0px 8px 8px 0;
        font-size: 14px;
    }
    .AddarticlaButMobile{
        display: none !important;
    }
    .ButtoPositionMobileMain .dataTables_length{
        float:none !important;
        display: inline-block;
    }
    .zoom-icons a:hover{
        width:auto !important;
    }
    .tg_pie_chart_center {
        font-size: 20px !important;
        left: 24% !important;  /*T21328 ---- 03-01-2020*/
    }
    #recordContentHolder{
        overflow: initial !important;
    }
    #main-form-fg-holder{
        overflow:hidden;
    }
    

}
/*T.NO 17540*/
@media (min-width: 768px) {
    .ButtoPositionMobileMain .DTTT_container{
        position: absolute;
        bottom: 40px;
    }

    
}
@media (min-width: 769px) {
    .sidebar-collapse .sidebar-menu li>a>.pull-right-container{
        display:none;
        -webkit-transform:translateZ(0)
    }
    .sidebar-menu .treeview li>a>.pull-right-container{
        display:block;
    }
    .sidebar-collapse .sidebar-menu > li:hover > a >.pull-right-container{
        display:block;
    }
}



/*T22320*/

@media (max-width: 667px) {
    
    .CatiButtons,
    .PlainButtons{
        display: initial;
        padding: 0 !important;
    }
    .MRight-10{
        margin: 0;
    }
    /*T25954----- 15-06-2020*/
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
        right: 50px;
    }
    #forumposts .pic {
        position: relative;
        overflow: inherit;
        text-align: center;
    }
    /*    25233 --- 15-05-2020*/
    .ui-dialog-systemMessages .ui-dialog-content {
        padding: 10px 30px 0px 30px !important;
        margin-bottom: 30px !important;
    }

    .ui-dialog.apDialogX,
    .ui-dialog.apDialogXW{
        margin: 0px auto;
        width: 90% !important;
    }
    /*    T24845 ------------ 01-05-2020*/
    .default-tab-box .a-text-holder{
        padding: 20px !important;

    }
    /*    T22203 ------------ 10-02-2020*/
    #main-form-fg-holder{
        overflow:initial;
    }
    .sec-help-holder {
        position: absolute;
        top: 0;
    }
    .book_section_data label{
        text-align: left !important;
        margin: 0;
    }
    /*T21817*/
    .toplinks{
        margin:0px;
    }
    .toplinks a {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }
    .fg-form div[id^="fg-tabs-"] .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element label{
        width: 100% !important;
    }
    .payslip-box-in a .icon .overlay,
    .payslip-box-in .nest-content .nest-logo img,
    .panel-new-icon-pink a .icon {
        width: 80px;
        height: 80px;
    }
    /* 20333---- 26-11-2019*/
    .ui-dialog.apDialogTabsDesign {
        width: 80% !important;
    }
    /* T20214--------15-11-2019*/
    .SantaHAT {
        position: absolute;
        top: 0px;
        margin: 0;
        left: 13px;
    }
    .top-home-icon.top-cati-icon {
        padding: 0;
    }
    .job-booking-box-body a .icon{
        height: 100px;
        padding: 0;
        font-size: 15px;
        text-align: center;
        min-height: 100px
    }
    .job-booking-box-body a .icon p,
    .job-booking-box-body a .icon:hover .overlay p {
        padding: 0;
        text-align: center;
    }
    .tg_pie_chart_center {
        font-size: 15px !important;
        left: 23% !important;  /*T21328 ---- 03-01-2020*/
    }
    .yourApplications_boxContent {
        display: block;
        background: #CAD700;
    }
    .box-panel-shadow {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .latest-news-body .pic-lg {
        background-size: cover;
        width: 100%;
        object-fit: contain;
    }
    .dataTables_wrapper .dataTables_filter {
        float: left;
        text-align: center;
    }
    .push-main-header a.open-menu,
    .push-main-header a.close-menu,
    .push-main-header a i{
        display: none;
    }
    .push-site-nav.push-lt,
    .page-wrap.push-rt{
        width: 100% !important;
    }
    .push-site-nav ul.personaldetails-tabs {
        margin-top: 0;
    }
    .push-site-nav.push-lt{
        position: inherit;
    }
    .push-main-header {
        left: -6px;
    }
    .colum-center {
        float: inherit;
        text-align: center;
    }
    .country {
        margin-bottom: 20px;
        display: inline-flex;
        width: auto;
        text-align: center;
    }
    .pic-content{
        position: inherit;
        background-color: #3967d6;
    }
    .pic-content h4, .document-repository h4 {
        font-size: 20px;
        padding: 18px;
    }
    a.search-bg-icon {
        background: #0668c1 url(../../images/NewDesign/25x25.png) no-repeat 17px 17px;
        padding: 0 30px;
        height: 60px;
    }
    .search-bg-icon-input{
        height: 60px;
        padding: 0 0 0 70px;
    }
    ul.dr-reports li {
        background: url(../../images/NewDesign/30x30.png) no-repeat 0 0;
        padding: 0 40px 0 40px;
        font-size: 13px;
        list-style: none;
        margin-bottom: 30px;
    }
    .pic-content h4{
        padding: 10px 0;
    }
    .pic-content p{
        font-size: 14px;
    }
    .caht-footer, .chat-input{
        font-size: 15px;
    }
    .chat-bg.left .chat-text{
        margin-left: 60px;
        margin-right:  15px;
    }
    .chat-bg.right .chat-text{
        margin-right: 60px;
        margin-left: 15px;
    }
    .caht-footer{
        padding: 15px 0;
    }
    .chat-content .time{
        font-size: 14px;
    }
    .profile{
        margin-top: 15px;
    }
    .chat-blog-header .profile{
        min-width: inherit;
    }
    .col-fx{
        flex-basis: inherit;
    }
    .box-border .address-img{
        float: inherit;
        text-align: center;
    }
    .timeline__content {
        color: #333;
        display: block;
        padding: 0; 
        position: relative;
        margin: 20px 0px 0 60px;
        text-align: left;
    }
    .timeline__item:after, .timeline__item.link-active:after{
        top:-130%;
    }
    .timeline:not(.timeline--horizontal):before {
        bottom: 40px;
        content: '';
        left: 50%;
        margin-left: -2px;
        position: absolute;
        top: 50px;
        width: 4px;
        z-index: 1;
    }
    .report-details ul li span{
        font-size: 15px;
    }
    .report-details ul li{
        padding: 10px 0px 0 30px;
    }
    .main-header .navbar .nav>li>a>.label{
        top:15px;
        right: 5px;
    }
    .flag-icon img{
        width: 30px;
    }
    .navbar-nav>.user-menu .user-image, .proflile-img{
        width: 35px;
        height: 35px;
    }
    .search-bg, .main-header .sidebar-toggle{
        margin-top: 10px;
    }
    .search-bg {
        background: #cc558b;
        width: 35px;
        height: 35px;
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-left: 10px;
    }
    .navbar-custom-menu .navbar-nav>li>a{
        padding: 8px;
    }
    .open-alert-box1, .open-alert-box2, .open-alert-box3, .open-alert-box4{
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0 !important;
        width: 100%;
        padding: 8px;
        margin-top: 10px;
    }
    .dataTables_filter label{
        text-align: left;
        margin-bottom: 10px;
        font-size: 15px;
    }
    .job-search-box-body{
        margin-top: 0px;
        display: inline-block;
    }
    .job-booking-box, .job-search-box, .hotspot-box, .open-alert, .statistics-box, .system-status{
        margin-bottom: 20px;
    }
    .job-search-form .btn {
        margin: 20px 0 0;
        padding: 5px 15px;
    }
    .job-search-box .btn{
        font-size: 13px;
    }
    #PMtable_wrapper {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .sidebar-menu>li>a {
        padding: 10px 5px 10px 10px;
        display: block !important;
    }
    .fields-holder .form-control,
    .fields-holder input[type=file] {
    }
    .time-bg span{
        margin-top: 30px;
    }
    .rating-bg .severity, .rating-bg .liklihood, .rating-bg .risk-rating {
        width: 100%;
        margin-bottom: 15px;
    }
    .risk-assessment-down {
        padding: 30px 30px;
    }
    .risk-evalution {
        padding: 10px;
    }
    .rate-cell-text {
        width: 100%;
        padding: 3%;
        height: inherit; 
    }
    .rate-cell {
        width: inherit;
        float: none;
    }
    .rate-cell-hr a.cell {
        width: 100%;
    }
    .media-left{
        display:inherit; 
        vertical-align: top;
        margin-bottom: 10px;
        float: left;
    }
    .media-body {
        margin-left: 110px;
    }
    .rate-cell-hr a.cell.active:after,
    .rate-cell-hr a.cell:hover:after {
        left: 25px;
        top: 5px;
    }
    .topic-postlist{
        width: 100%;
    }
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
    }
    table.dataTable.DT_table>tbody>tr.child span.dtr-title {
        display: block;
        min-width: 75px;
        font-weight: bold;
    }
    .table-input>.form-control {
        border: 1px solid #85c4ff;
        border-radius: 0;
        background: #fff;
        font-weight: 500;
        width: auto;
        white-space: initial;
    }
    #chart_wrap_home{
        padding-bottom: 60%;
        width: 80%;
    }
    .status-text-home {
        top: 47%;
        left: 32%;
    }
    .service-cost-box-footer a{
        width: 100%;
        display: block !important;
    }
    .form-inline.forum-field .form-control,
    .form-inline.forum-field select.form-control{
        width: 100%;
        margin-bottom: 20px !important;
    }
    .forum-user-top {
        float: left;
    }
    .forum-title h2 {
        font-size: 20px;
        text-align: left;
    }
    ul.changes,
    h4.changes-title{
        margin-left: 0;
    }
    .post-footer-lt {
        float: none;
    }
    .post-footer-rt {
        float: none;
        margin-top: 20px;
    }
    .post-footer-rt a.reply, .post-footer-rt a.create-btn{
        margin-right: 10px;
        margin-left: 0;
        float: none;
        margin-bottom: 10px;
        display: block;
        clear: both;
    }
    a.love-link{
        float: left;
        margin-bottom: 10px;
    }
    .post-footer-lt a h4 {
        font-size: 14px;
        padding: 0px 0px 0 30px;
    }
    .post-footer-lt a h4 span {
        font-size: 11px;
    }
    .post-footer-lt a h4:before {
        font-size: 60px;
        line-height: 46px;
    }
    table.dataTable>tbody>tr.child span.dtr-title{
        display: block !important;
        min-width:75px !important;
        font-weight:bold
    }
    .skyline-combobox-table,
    .skyline-combobox-table .ui-combobox .form-control{
        width: 100%;
    }
    .skyline-combobox-table .ui-combobox {
        width: 100%;
    }
    .skyline-combobox-table .combobutton {
        right: 21px;
    }
    .form-group.row-centered label.fieldError {
        display: table-cell;
        margin-left: 80px;
        margin-top: 10px;
        color: #ff0000;
        padding-left: 35px;
        padding-top: 10px;
        background: url(../../css/Skins/skyline/images/error_icon.png) no-repeat 15px 13px;
    }
    .DTTT_button{
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    .toplinks {
        float: none !important;
    }
    .btnHide12,
    .btnHide23{
        display: block;
        margin-bottom: 5px;
    }
    .form-group.row-centered .form-control.uppercaseText{
        width: 60%;
    }
    .textSubmitButton.postCodeLookUpBtn{
        margin: 10px;
        width: 85%;
        float: left !important;
    }
    .form-group.row-centered .form-control.extField{
        width: 40%; 
    }
    .form-group.row-centered .form-control.phoneField{
        width: 50%; 
        margin-right: 2%;
    }
    .form-group.row-centered label{
        padding-right: 0;
        margin-bottom: 10px;
    }
    .slots {
        width: 30%;
    }
    .form-group.row-centered .form-control.timeField,
    .form-group.row-centered label.timeField {
        width: 45%;
    }
    .payslips-body {
        background: #fff;
        margin: 20px !important;
        border-radius: 5px;
        padding-bottom: 0 !important;
    }
    .DTTT_container {
        width: 100%;
    }
    .bookingperformance-btns .ui-datepicker-trigger {
        margin-top: -30px;
        margin-right: 10px;
        text-align: right;
        float: right;
    }
    .cvt.new-btn,
    .cdt.new-btn{
        margin-bottom: 10px;
    }
    .bookingperformance-btns .new-btn.greenbtn{
        margin-top: 10px;
    }
    .chart-Holder{
        width:100%;
    }
    .popover-content .search-popover{
        width: 230px;
    }
    .search-popover .input-group .input-group-btn.search-panel {
        width: 100%;
        display: block;
        border-radius: 8px;
    }
    .popover-content .search-popover .form-control{
        margin: 10px 0 0 10px;
        border-radius: 8px !important;
        padding-right: 50px !important;
    }
    .popover-content .search-popover .arrow-right{
        top: 58px;
        right: -10px;
    }
    .popover-content .search-popover .filter-btn{
        border-radius: 8px !important;
    }
    .doc-bmenu .push-site-nav.push-lt,
    .doc-bmenu .page-wrap.push-rt {
        width: 100%;
    }
    .doc-bmenu .page-wrap.push-rt{
        margin-top: 0;
    }
    .knowledge-document .overview-panel{
        margin: 0;
    }
    ul.ticket-tabs.nav-tabs.nav-tabs-dropdown, ul.ticket-tabs.nav-tabs-dropdown{
        width: 91%;
    }
    .sitemap-list.webinars_comingsoon .icon,
    .sitemap-list.Twitter_comingsoon .icon{
        width: 30%;
    }
    .box-border .dl-horizontal dt {
        float: left;
    }
    .dl-horizontal dd.current {
        margin-left: 0px;
    }
    .form-field-holder .column-holder .fg-element .form-control{
        width: 100%;
    }
    .employee-hub-slider .inner{
        padding: 10px;
    }
    .yourvoice .slick-list,
    .yourdocuments .slick-list {
        margin: 0 20px;
    }
    knowledge-document .overview-panel {
        margin: 0;
    }
    .fg-postcode.form-control {
        width: 90px !important;
    }
    .login-new{
        margin: 0;
    }
    .user-signin-logo {
        text-align: center;
        padding: 20px 0px 20px 0px;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .info-field.info-field-alt .form-control{
        width: 100%;
        max-width: 100%;
    }
    .statistics-box .chart_wrap_new_text {
        width: 80px !important;
        top: 80px !important;
        font-size: 28px !important;
        left: 130px !important;
    }
    .Registration{
        padding: 20px !important;
    }
    #forumposts .pic .pic-md{
        max-width: 100%;
    }
    .p-bt30 h2{
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .grid-stack,
    .grid-stack .box-panel-shadow {
        margin-top: 0px !important;
    }
    .employee-hub-slider a .tooltip.top{
        display:none !important;
    }

    .forum-top-header a.preview-btns:before{
        content: '\f060';
        font-size: 15px;
        font-family: 'FontAwesome';
        margin-right: 5px;
    }
    .forum-top-header a.next-btns:after{
        content: '\f061';
        font-size: 15px;
        font-family: 'FontAwesome';
        margin-left:5px;
    }
    .forum-top-header a.preview-btns, .forum-top-header a.next-btns {
        background: #cc558b;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #cc558b;
        padding: 3px 7px;
        margin: -20px 0px 0px 0;
        display: block;
        font-size: 13px;
        font-weight: 600;
    }
    .secArtData .panel-body a.btn {
        padding: 3px 6px;
        bottom: 60px !important;
        width: auto !important;
    }
    .secArtData .dataTables_wrapper .dataTables_info,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_info {
        position: absolute;
        bottom: 50px;
        right: 0;
        text-transform: none;
    }
    .secArtData .dataTables_wrapper .dataTables_paginate,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_paginate {
        margin-top: 60px !important;
        text-align: right !important;
    }
    .job-booking-box-body {
        width: 94%;
    }
    /*    T20881 ---- 10-12-2019*/
    .doc-rep-dropdown .dataTables_wrapper .dataTables_length label,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_length label{
        font-size: 0 !important;
    }
    .doc-rep-dropdown .dataTables_wrapper .dataTables_length label select,
    .displayDocumentsOverview .dataTables_wrapper .dataTables_length label select{
        font-size: 15px;
    }
    /*    T21259 -------------- 03-01-2020*/
    .popover.formHelpPopover .box-panel-shadow,
    .popover-content .box-panel-shadow{
        margin-bottom: 0;

    }
    .popover.bottom.formHelpPopover {
        right: 0;
    }
    /*    T21324 ------------ 10-01-2020*/
    div[id^="FG-tab-"] .fields-holder label.col-xs-12,
    .fields-holder label{
        width: 85% !important;

    }
    .skyline-multiselect a.edit-table-link, .form-group a.edit-table-link {
        top: 3px;
        right: 20px;
        font-size: 12px;
        width: auto;
        padding: 10px 8px;
        background: #fff;
        height: 33px;
    }
/*    T27925 --- 14-09-2020*/
    .ui-dialog-systemMessages.ui_Alert_Spinner{
        width: 100% !important;
    }
    /*T28208*/
    div.dt-buttons .dt-button {
        /*T28235*/
/*        margin-top: 5px !important;
        margin-bottom: 5px !important;*/
/*        margin-right: 10px !important;*/
    }
    .saveFilterList{
        width: 300px !important;
    }
    #MainBody-1259 .tg_but_class_1 {
        background: #4aa851;
        padding: 7px;
        color: white!important;
        border: none;
        border-radius: 3px;
        margin-top: 10px;
        margin-left: 0px !important;
        margin-bottom: 10px;
    }
    /*T28235*/
    #date-range-filter .dp_tr .drFromTime,
    #date-range-filter .dp_tr .drToTime {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    #date-range-filter .dp_tr span{
        margin-left: 0px !important;
    }
/*    T36424 ------ 10-02-2022*/
    .dp_tr{
        margin-top: 20px;
    }
    .popover-body .box-panel-shadow{
        margin-bottom: 0;
    }
    
}
@media (max-width: 600px) {
    div.dt-buttons .dt-button{
        margin: 0px 5px 5px 0px !important;
    }
}
@media (max-width: 400px) {
    .searchInput input[type="text"] {
        width: 70%;
    }
    a.payslip-box .icon{
        padding: 5px 0;
        text-align: center;
        width: 50px;
        font-size: 30px;
    }
    a.payslip-box .icon .overlay i {
        padding: 0;
        text-align: center;
        width: 40px;
        height: 40px;
        font-size: 30px;
        line-height: 40px;
    }
    /*    T22324 ----------- 11-02-2020*/
    .col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
        position: absolute;
        top: -7px;
        right: -21px;
    }
    /*    T21324 ------------ 10-01-2020*/
    div[id^="FG-tab-"] .fields-holder label.col-xs-12,
    .fields-holder label{
        width: 85% !important;
    }
    .displayFgButtonHelp .fg_button{
        border-right: 2px solid #fff;
    }
    .displayFgButtonHelp a.showHelpIcon .btn-help{
        border-left:none !important;
    }
    .help a {
        border: 2px solid #4aa851;
        width: 25px !important;
        height: 25px !important;
        position: absolute;
        right: 0px!important;
        border-radius: 50%;
        text-align: center;
        line-height: 20px !important;
        font-size: 15px;
        color: #4aa851!important;
        margin-top: 8px;
        top: 0;
        background: #fff;
    }
    .help a.helpanch {
        top: 5px !important;
        right: 15px !important;
    }
    .accordion-expander-holder {
        right: 10px !important;
        top: 10px !important;
    }
    .saveFilterList {
        width: 250px !important;
    }
}
@media (max-width: 480px) {
    /*T25233 ---- 18-05-2020*/
    .ui-dialog-systemMessages .ui-dialog-content .AppButtons a img,
    .AppButtons a img{
        width: 120px;
    }
    .ui-dialog-systemMessages.ui-dialog-buttons {
        min-width: 100% !important;
        margin: 0px !important;
        left: 0 !important;
    }
    .ui-dialog.apDialogX,
    .ui-dialog.apDialogXW {
        margin: 0px auto;
        width: 100% !important;
    }

    /*T21328 ---- 03-01-2020*/
    .tg_pie_chart_center {
        font-size: 15px !important;
        left: 17% !important; 
        top: 135px !important;
    }
    .ui-multiselect-menu {
        min-width: auto !important;
        width: 76% !important;
    }
    .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 25px;
    }
    /*    T21259 ----- 30-12-2019*/
    .mselectaltdiv label{
        width: auto !important;
    }
    .form-help-holder .help a {
        margin-right: 32px !important;
    }
    .ui-dialog-systemMessages .ui-dialog-title {
        white-space: inherit;
    }
    /*    T21259 -------------- 03-01-2020*/
    .popover.formHelpPopover .box-panel-shadow{
        margin-bottom: 0;
    }
    .HolidayPersonBody .HPBMainLable, .HolidayPerson .HPBMainLable {
        align-items: center;
        line-height: 34px;
        display: block !important;
    }
    .HolidayPersonBody .HPBMainLable .HPBleftlable, .HolidayPerson .HPBMainLable .HPBleftlable,
    .HolidayPersonBody .HPBMainLable .HPBright, .HolidayPerson .HPBMainLable .HPBright{
        width: 100%;
        text-align: left;
    }
    .HolidayPersonBody .HPBMainLable .HPBright .Value, .HolidayPerson .HPBMainLable .HPBright .Value{
        width: auto;
    }
    .drBtnUnselected{
        width: 100%;
    }
    .datePickerHolder{
        margin-left: 0 !important;
    }
    .datePickerHolder .form-control{
        width: 100% !important;
        margin-left: 0;
    }
    .btnStandard.btnAp{
        top: 10px;
        margin-left: 0 !important;
    }
    .payslip-box-in, 
    .panel-new-icon-pink a,
    .panel-new-icon-blue
    {
        padding: 0 0px 0px;
    }
    .panel-store, .panel-alerts{
        margin: 0;
    }
    .top-home-icon.top-cati-icon {
        padding: 0;
    }
    .top-home-icon.top-cati-icon img {
        width: 15px;
    }
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .sitemap-list.empnextpan .icon, .sitemap-list-orange.empnextpan .icon {
        width: 70px;
    }
    .sitemap-list-orange.empnextpan .icon{
        height: 160px;
    }
    .sitemap-list-orange.empnextpan .icon:after {
        border-top: 160px solid #f3803b;
    }
    .sitemap-list-orange.empnextpan .icon .amlist,
    .sitemap-list.empnextpan .icon .amlist{
        background: #fff;
        width: 45px;
        height: 45px;
        padding: 0px;
        line-height: 25px;
        border-radius: 100%;
        font-size: 40px;
        color: #555;
        font-weight: bold;
        text-align: center;
        margin: 30px auto;

    }
    .sitemap-list-orange.empnextpan .icon .amlist img,
    .sitemap-list.empnextpan .icon .amlist img{
        border-radius: 100%;
        width: 40px;
        height: 40px;
    }
    .sitemap-list-orange.empnextpan .icon:after {
        border-top: 160px solid #f3803b;
    }
    .sitemap-list-orange.empnextpan .data.amdata, .sitemap-list.empnextpan .data.amdata {
        margin: 15px 0 15px 45px;
        float: left;
        width: 49%;
        font-size: 14px;
        line-height: 18px;
    }
    /*T19114 -------- 11-10-2019*/
    .accordion.accordion-tab button.radio-new {
        border-radius: 5px!important;
        background: white;
        color: black;
        border-color: #ECF0F5;
        border-bottom: 2px solid #ECF0F5;
        min-width: 100px;
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }
    .webinars-body .slimScrollDiv,
    .webinars-body .slimScrollDiv .TwitterFeed-body{
        height: auto !important;
    }
    .forum-top-header {
        padding: 0px 10px 20px 10px;
        margin: 0;
    }
    /*T18614 ------------- 20-09-2019*/
    .video-likes .postlikes {
        margin-top: 0;
        position: inherit;
    }
    .sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-footer.New-Login-Footer{
        text-align: center;
        position: inherit;
    }
    #networkFilter,
    #versionFilter{
        width: 100%;
    }
    .content-header>h1{
        font-size: 20px;
    }
    .statistics-box .chart_wrap_new_text {
        width: 80px !important;
        top: 80px !important;
        font-size: 28px !important;
        left: 80px !important;
    }
    #site-nav:target + .page-wrap {
        width: 100%;
    }
    #site-nav:target {
        width: 100%;
        z-index: 110;
        background: #fff;
    }
    #site-nav:target + .page-wrap .push-main-header {
        width: 120px;
        z-index: 111;
        display: none;
    }
    .page-wrap,
    .doc-bmenu .page-wrap {
        width: 100%;
        margin-left: 0;
        border-left:0;
        position: inherit;
        padding-right: 0;
    }
    .push-site-nav,
    .doc-bmenu .push-site-nav{
        top: 0;
        width: 100%;
        position: inherit;
        display: block;
    }
    .push-site-nav ul.personaldetails-tabs,
    .push-site-nav ul.personaldetails-tabs{
        margin-top: 0px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
        /*T28410*/
        /*height: 30px;*/
    }
    .datatable-box .box-header h4{
        font-size: 15px;
    }
    a.confirmed, a.standby, a.confirmed-standby, a.completed, a.cancelled{
        margin-right: 20px;
        margin-left: 0;
    }
    .datatable-box .box-header h4 a {
        padding: 4px 20px;
        float: right;
    }
    .data-tabel-footer a,
    .data-tabel-footer a.dt-edit,
    .data-tabel-footer a.dt-cancel,
    .data-tabel-footer a.dt-complete,
    .service-cost-box-footer a,
    .service-cost-box-footer a.addpayment,
    .service-cost-box-footer a.refund{
        text-align: center;
        margin-top: 10px;
    }

    .box-border .dl-horizontal dt,
    .box-panel-body .dl-horizontal dt{
        float: left;
        font-size: 14px;
        text-align: right;
        width: 100px;
    }
    .box-border .dl-horizontal dd, .box-panel-body .dl-horizontal dd{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .job-booking-box .carousel-control{
        margin-right: 0;
    }
    .job-booking-box-body a .icon{
        border-bottom: 1px solid #f1f0ef;
        border-right: 0;
    }
    .job-search-form label {
        width: inherit;
    }
    .job-search-form input[type='text']{
        min-width: inherit;
        margin-bottom: 15px;
        width: 100%;
    }
    .statistics-box .tab-pane img {
        margin: 50px 0 0 0;
        width: 100%
    }
    .job-search-form .btn {
        margin: 0;
    }
    .job-search-form .w100{
        border-bottom: none;
        padding-bottom: 0;
    }
    ul.social-feeds li a .facebook, ul.social-feeds li a .linkedin, ul.social-feeds li a .twitter {
        margin-left: 20%;
        width: 80%;
    }
    .social-feeds .blog-body-data {
        padding: 5px 0 25px 0;
    }
    .login-bg .login-box{
        width: 250px;
    }
    .login-bg {
        padding:25px  0;
    }
    .service-report .box-header h4 a.btn {
        float: none;
        border-radius: 3px;
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
    }
    ul.dr-list2 li .list-data {
        display: inherit;
        margin-top: 10px;
    }
    ul.dr-list2 li .list-img {
        width: 100%;
    }
    .cpp-top-links {
        padding: 0;
        margin: 0 0 25px 0;
        float: none;    
    }
    .ourteam-body .hovereffect h2{
        font-size: 13px;
        font-weight: 500;
    }
    .upload-text {
        display: inherit;
        margin-top: 20px;
        padding-left: 0;
    }
    .sitemap-list .data {
        width: 45%;
    }
    .box-footer ul li {
        padding-right: 15px;
    }
    .box-footer .checkbox {
        padding-right: 0;
    }
    .search-bg {
    }
    .ui-autocomplete-input {
        margin: 3px 0;
        padding: 0.48em 0 0.47em 0.45em;
        width: 250px !important;
    }
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        text-align: center !important; 
        float: none;
    }
    .dt-buttons {
        width: 100%;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{
        float: right;
    }
    .overview-date a,
    .overview-newtopic a,
    .overview-topictagged a,
    .overview-latestpost a,
    .overview-comments a,
    .overview-forum a,
    .overview-allDocuments a,
    .yourpanel.pink-bg a{
        height: 100px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .overview-date a p,
    .overview-newtopic a p,
    .overview-topictagged a p,
    .overview-latestpost a p,
    .overview-comments a p,
    .overview-allDocuments a p,
    .overview-forum a p,
    .knowledge-document-top-md .overview-date a p,
    .knowledge-document-top-md .overview-allDocuments a p,
    .knowledge-document-top-md .overview-newtopic a p,
    .yourpanel a p,
    .yourpanel.pink-bg a p{
        margin-top: 0 !important;
        font-size: 15px;
    }
    .overview-date a .top img,
    .overview-newtopic a .top img,
    .overview-topictagged a .top img,
    .overview-latestpost a .top img,
    .overview-comments a .top img,
    .overview-forum a .top img {
        width: 25px;
    }
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: left;
        text-align: center;
    }
    .dl-horizontal dd.current {
        margin-left: 20px;
    }
    .sitemap-list.webinars_comingsoon .data h4,
    .sitemap-list.Twitter_comingsoon .data h4{
        font-size: 20px;
        margin: 30px 30px;
        color: #555 !important;
        font-weight: 500;
    }
    .sitemap-list.webinars_comingsoon .icon,
    .sitemap-list.Twitter_comingsoon .icon{
        width: 30%;
        font-size: 50px;
        height: 150px;
    }
    .sitemap-list.webinars_comingsoon .icon:after{
        border-top: 150px solid #4aa851 !important;
    }
    .sitemap-list.Twitter_comingsoon .icon:after{
        border-top: 150px solid #00acee !important;
    }
    .box-panel-body.TwitterFeeds-body {
        padding: 15px;
    }
    .main-header{
        max-height: initial;
    }
    .main-header .navbar {
        min-height: inherit;
        height: auto;
    }
    .top-time {
        margin-top: 8px;
        font-size: 13px;
        margin-bottom: 0px;
        width: 100%;
        text-align: left;
        margin-right: 5px;
        display: none; /*T15773 */
    }
    .navbar-nav>.user-logout .btn-logout{
        margin: 8px;
    }
    .dropdown.top-stars{
        margin-right: 5px;
    }
    .knowledge-document-top{
        position: relative;
        height: 340px;
    }
    .knowledge-document-top-md .overview-date a,
    .knowledge-document-top-md .overview-allDocuments a,
    .knowledge-document-top-md .overview-newtopic a,
    .knowledge-document-top-md .overview-date.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-allDocuments.yourpanel.pink-bg a,
    .knowledge-document-top-md .overview-newtopic.yourpanel.pink-bg a{
        width: 100%;
        margin-bottom: 10px;
    }
    /*Overlaping CSS for Alldocuments  - 17536*/
    .OverlapingAlldocument{
        height: auto !important;
        white-space: nowrap;
        padding: 8px 0 8px 0 !important;
    }
    .OverlapingAlldocument .top{
        width: 45px !important;
        height: 45px !important;
    }
    /*Overlaping CSS for Alldocuments  - 17536*/
    .edit-popup {
        padding: 0 !important;
    }
    .tabs_wrapper {
        padding: 6px 0 70px !important;
    } 
    .knowledge-rt .sitemap-search input[type="text"],
    .knowledge-document-top-rt .sitemap-search input[type="text"]{
        width: 60% !important; 
    }
    .secArtData .tab-content h2 {
        font-size: 18px;
        margin-top: 40px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .altnamerow,
    .altnameneading{
        padding: 0;
        margin: 0 0 5px;
        display: block;
        text-align: left;
        width: 100%;
    }
    .altnamerow label,
    .altnamerow .textfield,
    .altnameneading .title-lt, 
    .altnameneading .title-rt{
        width: 100%;
        text-align: left;
    }
    .altnamerow label{
        line-height: 25px;
    }
    #forumposts .pic .pic-md{
        max-width: 100%;
    }
    .p-bt30 table ul{
        padding: 0 10px 0 20px;
        text-align: left;
    }
    .p-bt30 table {border-collapse: collapse;}
    .p-bt30 table td {padding: 6px;}

    .list-news ul li .list-img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .postlikes{
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-blackgray .icon,
    .sitemap-list-yellow .icon,
    .sitemap-list-orange .icon 
    {
        height: 170px;
    }
    .sitemap-list-green .icon:after{
        border-top: 170px solid #00a853;
    }
    .sitemap-list-orange .icon:after{
        border-top: 170px solid #f3803b;
    }
    .sitemap-list-blackgray .icon:after{
        border-top: 170px solid #62656a;
    }
    .sitemap-list-yellow .icon:after{
        border-top: 170px solid #ffa800;
    }
    /*    t17551 ---- 13/08/2019*/
    .employee-hub-slider .slick-list {
        margin: 0px 10px;
    }
    /*Ticket - 17540*/
    .ButtoPositionMobileMain .dataTables_length{
        float:none !important;
        display: inline-block;
        width: 100% !important;
    }
    .ButtoPositionMobileMain .dataTables_wrapper .dataTables_info{
        float:none !important;
    }
    /*T17465*/
    .sitemap-list .icon:after{
        border-top-width: 170px !important;
    }
/*    T27852 ------------ 14-09-2020*/
    .Applicant{
        padding: 10px !important;
    }
    .fieldUnanswered,
    .fieldAnswered{
        float: none  !important;
    }
    .ui-tabs .ui-tabs-nav li{
        width:100%
    }
}
/*    T39716 ------------ 02-05-2022*/
@media (max-width: 420px) {
   .statistics-box .chart_wrap_new_text{
        left: 65px !important;  
    } 
}
@media (max-width: 400px) {
    .tableHelpPopover .box-panel-shadow{
        width: 100% !important;
        margin: 0 !important;
    }
    .box-panel-shadow{
        margin-top: 20px;
    }
    .PaySlip
    a.payslip-box .data {
        font-size: 18px;
        font-weight: 600;
        margin: 15px 0 0 0px;
        float: left;
        width: 100%;
        color: #555;
        text-align: center;
    }
    .PaySlip
    a.payslip-box .icon {
        background: transparent;
        float: left;
        width: 100%;
        height: auto;
        position: relative;
        padding: 60px 30px 0;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        font-size: 40px;
        color: #555;
        font-weight: bold;
    }
    .PaySlip
    a.payslip-box .icon .overlay, a.payslip-box .icon:after {
        display: none;
    }
    .PaySlip
    a.payslip-box .data .payslip-m {
        padding: 5px 0 0;
        margin: 10px 0;
        text-align: center;
        display: inline-block;
    }
    .PaySlip
    a.payslip-box .icon img {
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50px;
        width: 17%;
    }
    .docExtra-section ul {
        margin: 8px auto 0;
        text-align: center;
    }
    .yourvoice-panel.box-panel-body{
        padding: 8px 20px 15px;
    }
    .statistics-box .chart_wrap_new_text {
        width: 80px !important;
        top: 85px !important;
        font-size: 20px !important;
        left: 45px !important;  
    }
    /*    T16314*/
    .main-header .logo{
        display: none 
    }
    .popover.SearchPopover {
        top: 50px !important;
    }
    .content-header{
        margin-top: 55px;
    }
    /*ticket 17540*/
    .ButtoPositionMobileMain .DTTT_container a, .DTTT_container .label {
        padding: 4px 4px;
        margin: 0px 4px 8px 0;
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    div[id^="FG-tab-"] .fields-holder label{
        /*24845 ---- 01-05-2020*/
        /*        padding-right: 32px; */
        padding-right: 22px;
    }
    .HolidayPersonBody .HPBMainLable .HPBleftlable, .HolidayPerson .HPBMainLable .HPBleftlable,
    .HolidayPersonBody .HPBMainLable .HPBright, .HolidayPerson .HPBMainLable .HPBright{
        width: 100%;
        text-align: left;

    }
    .HolidayPersonBody .HPBMainLable .HPBright .Value, .HolidayPerson .HPBMainLable .HPBright .Value{
        width: auto;
    }
    .HolidayPersonBody .HPBMainLable, .HolidayPerson .HPBMainLable {
        align-items: center;
        line-height: 25px;
        display: -webkit-box;
        display: table !important;
    }
    .NewLogin {
        max-width: 320px;
        float: none;
        margin: 0 auto;
    }
    .forum-top-header {
        padding: 0px 10px 0px 10px;
        margin: 0;
    }
    .tg_pie_chart_center {
        left: 20px !important; /*T21328 ---- 03-01-2020*/
        top: 93px !important;
        font-size: 13px !important;
    }
    .statistics-box .chart_wrap_new_text {
        width: 80px !important;
        top: 85px !important;
        font-size: 20px !important;
        left: 45px !important;  
    }
    .box-border .address-img {
        padding: 0;
        margin: 10px;
        float: inherit;
    }
    .box-border .address-img img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .box-footer ul li:first-child{
        float: inherit;
    }
    .box-footer ul li{
        margin: 0;
    }
    .service-cost .box-footer .checkbox{
        padding-right:10px;
    }
    .box-footer .checkbox {
        padding-right: 0;
        padding-left: 0;
        margin-right: 20px;
        margin-top: 0;
    }
    .service-cost .checkbox{
        margin-right: 0;
    }
    .box-panel-body .text-right{
        margin-right: 0;
        padding-right: 10px;
    }
    .booking-details, .invoice{
        min-height: inherit;
    }
    .box-footer .checkbox label {
        padding: 0;
        margin: 0;
    }
    .report-details ul li{
        font-size: 15px;
    }
    .report-details ul li:last-child{
        padding-bottom: 15px;
    }
    .dataTables_filter label {
        text-align: left;
        margin-bottom: 10px;
    }
    .dataTables_wrapper .dataTables_filter input {
        margin-top: 10px;
        margin-left:0 !important;
        width: 100%;
        padding: 5px;
    }
    .job-booking-box-body{
        width: 93%;
    }
    .wizard-top-bg ul.wiz-nav-tabss>li a .text {
        padding: 2px 0px;
        width: 57px;
    }
    .project-manager-select .styled-select select{
        min-width: 170px; 
    }
    .project-manager-select .styled-select select.status-m{
        width: 250px; 
    }
    .tab-content>.active .chart {
        width: 290px !important;
        max-width: 100%;
        padding: 0;
        left: 0;
        background: transparent;
        margin-left: -20px
    }
    .box-panel-body .dl-horizontal {
        margin-left: 0;
        padding: 0;
    }
    ul.myaccount-tabs li a:hover,
    ul.myaccount-tabs li a:focus,
    ul.myaccount-tabs li.active a {
        padding: 10px 10px;
    }
    ul.myaccount-tabs li a {
        padding: 10px 10px;
    }
    ul.myaccount-tabs.nav-tabs.nav-tabs-dropdown, ul.myaccount-tabs.nav-tabs-dropdown{
        padding: 0;
    }
    .toplinks a{
        padding: 0px;
    }
    #chart_wrap_home{
        padding-bottom: 100%;
    }
    .statistics-box .tab-content{
        text-align: center;
        height: inherit;
    }
    .wizard-top-bg .tab-content{
        margin: 0 15px;
    }
    .persnol-tabs-content.tab-content{
        margin: 0;
    }
    .box-footer ul li {
        padding-right: 15px;
    }
    .ui-autocomplete-input {
        width: 215px !important;
    }
    .form-group.row-centered .form-control.timeField,
    .form-group.row-centered label.timeField {
        width: 40%;
    }
    .form-group.row-centered .form-control.uppercaseText{
        width: 100%;
    }
    .sitemap-search{
        float: inherit;
    }
    /*    T17525 ---- 06/08/2019*/
    a.privacy{
        display: block;
    }
    /*------------------ Pay Slip -----------------*/
    a.payslip-box .icon {
        background: transparent; 
        float: left;
        width: 100%; 
        height: auto; 
        position: relative;
        padding: 60px 30px 0;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        font-size: 40px;
        color: #555;
        font-weight: bold;
    }
    a.payslip-box .icon img,
    a.payslip-box .icon i{
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50px;
        width: 17%;
    }
    a.payslip-box .icon .overlay,
    a.payslip-box .icon:after{
        display: none;
    }

    a.payslip-box .data {
        font-size: 18px;
        font-weight: 600;
        margin: 15px 0 0 0px;
        float: left;
        width: 100%; 
        color: #555;
        text-align: center;
    }
    a.payslip-box .data .payslip-m {
        padding: 5px 0 0;
        margin: 10px 0;
        text-align: center;
        display: inline-block;
    }
    a:hover.payslip-box .icon,
    a:hover.payslip-box.p60-box .icon,
    a:hover.payslip-box.no-m-left .icon{
        background: transparent !important;
    }

    .overview-date,
    .overview-newtopic,
    .overview-topictagged,
    .overview-latestpost,
    .overview-comments,
    .overview-forum{
        width: 100%;
    }
    .search-bg,
    .main-header .sidebar-toggle{
        width: 30px;
        height: 30px;
    }
    .search-bg{
        line-height: 30px;
        font-size: 15px;
    }
    .top-home-icon,
    .top-cati-icon{
        width: 30px;
        height: 30px;
        font-size: 19px;
        line-height: 30px;
    }
    .main-header .sidebar-toggle{
        padding: 1px 6px !important;
    }
    .top-stars a.ua-atchievement img{
        width: 35px !important;
    }
    .popover-content .search-popover {
        width: 230px;
    }
    .secArtData .doc-rep-dropdown>.panel-heading a[aria-expanded="false"],
    .secArtData .panel-heading a[aria-expanded="false"],
    .doc-rep-dropdown>.panel-heading a[aria-expanded="true"],
    .panel-heading a[aria-expanded="true"]{
        background-color: transparent;
        border-radius: 8px;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
    }
    .doc-rep-dropdown .panel-heading h3 {
        /*width: 230px;*/
    }
    .kbe_articles a.view, .kbe_articles .panel-heading a.view{
        margin: 15px 0 0; 
    }
    .sitemap-search input[type="text"] {
        padding: 5px 45px 5px 20px;
        width: 60%;
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .secArtData .panel-body a.btn {
        padding: 3px 6px;
        bottom: 50px !important;
        width: auto;
        font-size: 12px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
        font-size: 12px;
    }
    ul.doc-repository li .data h4{
        font-size: 13px;
    }
    ul.doc-repository li .icon{
        /*font-size: 20px;*/
        width: 45px;
    }
    .secArtData .tab-content h2{
        font-size: 18px;
    }
    ul.personaldetails-tabs li p {
        padding: 16px 0px 14px 20px !important;
        font-size: 12.5px !important;
    }
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-textarea .charNumHolder,
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element.et-textarea textarea,
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .info-field.info-field-alt .form-control,
    .col-lg-6.col-field-holder-1.form-field-holder .column-holder .fg-element .form-control{
        margin: 0;
    }
    .sitemap-list.webinars_comingsoon .icon, .sitemap-list.Twitter_comingsoon .icon{
        font-size: 40px;
    }
    .login-new .btn {
        padding: 4px 30px;
    }
    .sitemap-list .data, 
    .sitemap-listCati .data
    {
        width: 40%;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-blackgray .icon,
    .sitemap-list-yellow .icon,
    .sitemap-list-orange .icon {
        height: 210px;
    }
    .sitemap-list .icon:after {
        border-top-width: 210px !important;
    }
    .sitemap-list-green .icon:after{
        border-top: 210px solid #00a853;
    }
    .sitemap-list-orange .icon:after{
        border-top: 210px solid #f3803b;
    }
    .sitemap-list-blackgray .icon:after{
        border-top: 210px solid #62656a;
    }
    .sitemap-list-yellow .icon:after{
        border-top: 210px solid #ffa800;
    }
    /*TNO:17540*/
    .ButtoPositionMobileMain .toplinks a, .dropdown-menu.subactivities.toplinks a{
        padding: 6px 4px;
    }
    .ButtoPositionMobileMain .dataTables_wrapper .dataTables_paginate {
        margin-top: 20px !important;
    }
    .ButtoPositionMobileMain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
    .ButtoPositionMobileMain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
    .ButtoPositionMobileMain .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
        padding: 5px 10px;
    }
    /*TNO:17540*/
    /*T19573*/
    ul.doc-repository li .data h4,
    ul.doc-repository li.CatiYellow .data h4, 
    ul.doc-repository li.CatiGray .data h4, 
    ul.doc-repository li.red .data h4, 
    ul.doc-repository li.green .data h4, 
    ul.doc-repository li.orange .data h4, 
    ul.doc-repository li.blackgray .data h4, 
    ul.doc-repository li.yellow .data h4, 
    ul.doc-repository li.new-documents .data h4,
    ul.doc-repository li.revisions .data h4, 
    ul.doc-repository li.removed .data h4, 
    .doc-repository-tab-container .doc-repository-tab-heading .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.CatiYellow .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.CatiGray .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.green .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.orange .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.blackgray .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.yellow .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.new-documents .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.revisions .data, 
    .doc-repository-tab-container .doc-repository-tab-heading.removed .data {
        font-size: 14px;
        margin: 0px 0 0px 20px;
    }
    /*T19573*/
    /*    T21324 ------------- 10-01-2020*/
    .ui-dialog-titlebar .ui-dialog-title {
        white-space: inherit;
        padding-bottom: 5px !important;
    }
    /*    T21324 --------- 10-01-2020*/
    .modal-lg.fg-form{
        margin: 0;
        padding: 0 !important;

    }
    a.add-new-link {
        right: 10px !important;
        top: 7px;
    }
}
/*T19573*/
@media (max-width: 319px) {
    /*T19114 -------- 11-10-2019*/
    .smDsLabel {
        /* width: 100px; */
        width: 73px;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-blackgray .icon,
    .sitemap-list-yellow .icon,
    .sitemap-list-orange .icon {
        height: 130px;
    }
    .sitemap-list .icon:after {
        border-top-width: 130px !important;
    }

    .modal-lg ul.fg-tabs-ul.nav li a {
        font-size: 13px;
        padding: 0px 3px;
    }
    .modal-lg .edit-popup {
        /*padding: 10px !important;*/
    }
    .statistics-box .chart_wrap_new_text {
        left: 33px !important;  
    }
    .project-manager-select .styled-select select{
        min-width: 130px; 
    }

    .project-manager-select .styled-select select.status-m {
        width: 210px;
    }
    #PMtable_wrapper.dataTables_wrapper .dataTables_length {
        bottom: 70px;
    }
    .upload-pic img{
        max-width: 200px;
        max-height: 180px;
        width: auto;
        height: auto;
        border:1px solid #ccc;
    }
    .sitemap-list .icon {
        width: 72px;
    }
    .activeIcon, .InactiveIcon {
        top: 50px;
        left: 27px;
    }
    #SPFormFieldset>p{
        margin-bottom: 25px;
    }
    .form-group.row-centered .form-control.extField {
        width: 35%;
    }
    #AssignedSlots.form-control {
        width: 52%;
        margin-left: 20px;
    }
    .displayDocumentsOverview .panel-body a.btn{
        font-size: 12px;
    }
    .secArtData .tab-content h2 {
        font-size: 13px;
    }
    .doc-rep-dropdown>.panel-heading a i, .panel-heading a i {
        margin-right: 10px;
        font-size: 15px;
    }
    .ui-dialog.ui-widget.ui-widget-content{
        max-width: 280px !important;
        left: 10px !important;
    }
}

/*    ADD - css */

/*Media Query */

@media (max-width: 1440px) and (min-width:1260px )  {
    /*T17974 adding for responsive */
    .apDialogX .NewForm-content,
    .apDialogXW .NewForm-content {
        padding: 0 20px;
    }
}
/*T.No;15533*/
@media all and (max-width: 1024px){
    .WorkStationEdit{
        margin: 0px 10px;
    }
    /*T39661*/
    #tg_element_1126 label.filter-label {
        text-align: left;
    }
    
}
@media (max-width: 1024px) and (min-width:1000px )  {
    #FG-tab-1155 .dl-horizontal {
        margin: 0px;
    }
    #FG-tab-1155 .displayFgButtonHelp .fg_button{
        white-space: nowrap;
        margin: 0;
    }
    #FG-tab-1155 .fields-holder div.col-md-6:first-child {
        width: 42%;
    }
}
/*T23509*/
@media (max-width:520px){
    .marquee-sibling {
        width: 90px !important;
    }
    .ConcurWebinar a{
        width:100%;
        margin: 0px;
        margin-bottom: 5px;
    }
}
@media all and (max-width: 414px){
    .WorkStationEdit .item{
        width:100%;
        margin:5px 0px;
    }
    .WorkStationEdit .item button{
        width:100%;
        margin:5px 0px;
    }
    .WorkStationEdit .item select{
        width:100%;
    }
    #jobBookingPanel .sec-help-holder, .box-header .sec-help-holder {
        position: absolute;
        top: 0;
        right: 23px;
    }
    .sitemap-listCati .data {
        font-size: 13px;
        width: 45%;
    }
    .sitemap-list .icon,
    .sitemap-list-red .icon,
    .sitemap-list-green .icon,
    .sitemap-list-blackgray .icon,
    .sitemap-list-yellow .icon,
    .sitemap-list-orange .icon,
    .sitemap-list-mo-blue .icon,
    .sitemap-list-mo-pink .icon,
    .sitemap-list-mo-grey .icon{
        width: 70px;
    }
    div.dt-buttons .dt-button {
/*        margin: 0px;*/
        float: left;
        text-align: center;
    }
}
/*T.No;15533*/

@media (max-width:512px){
    .col-lg-7.col-sm-7.col-xs-12.col-centered .help-holder {
        position: absolute;
        /*T28258*/
        top: -7px !important;
        right: 0px !important;
    }
    .apModal.ui-dialog-content .fields-holder label.col-lg-4 {
        width: 100% !important;
        margin: 0px;
    }
    .et-signature .help-holder {
        right: -10px !important;
    }
    .Full-widthBtn .help-holder {
        position: absolute;
        top: -7px;
        right: 15px;
    }
    /*T28231*/
    .fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder
    {
        margin-left: -15px !important;
        display: block;
        margin-bottom: 60px;
        width: 100%;
    }
    .fg-element.et-postcode .col-lg-7.col-sm-7 .postcode-lookup-sel-holder .postcode-lookup-sel {
        width: 100% !important;
        /*T28231*/
        margin-left: -15px;
    }
    .fg-element{
        margin-top: 10px;
        font-size: 16px;
    }
}
@media (max-width:850px){
    .top-time{
        margin-top: 10px;
    }
    .top-time span {
        display: block;
        margin: 0;
    }
    .top-time .m-none{
        display: none;
    }
}

@media (max-width: 375px) {
    .skyline-camera .help-holder {
        position: absolute;
        top: 0;
        right: 15px;
    }
    .tg_pie_chart_center {
        font-size: 15px !important;
        left: 15% !important;
        top: 134px !important;
    }
    ul.personaldetails-tabs li .svg-icon,
    ul.personaldetails-tabs li.active .svg-icon,
    ul.personaldetails-tabs li:hover .svg-icon, 
    .personaldetails-tab-m i{
        margin-right: 5px;
    }
  /*    T36514 ------------12-11-2021*/  
    .Applicant .YesNoBtn {
        width: 70px;
        height: 35px;
        margin-left: 10px !important;
    }
}
/*T25979 --- 16-06-2020*/
@media (max-width: 320px) {
    #sidr{
        width: 270px;
    }
    .sidrTabs.sidrTabs-move{
        right: 310px;
    }
    .searchInput input[type="text"] {
        width: 60%;
    }
    .editAlerts {
        width: 40px;
    }
    
/*    T27852 ------------14-09-2020*/
    
    .Applicant .YesNoBtn {
        width: 70px;
        height: 35px;
        margin-left: 10px !important;
    }
    #sidr_mode_buttons .sidr_mode_button, 
    #sidr_mode_buttons .sidr_mode_button_selected {
        padding: 10px 6px !important;
    }
    #sidr_mode_buttons .sidr_mode_button, 
    .sidrModeTabs .sidr_mode_button {
        font-size: 14px !important;
    }
    
}