body {
    /*background-color:green;*/
  
}
.px-nav {
    height: 100%;
    overflow: visible;
}

.page-breadcrumb {

   /* border-bottom: 1px solid !important;*/
    margin: 120px 0px 0px 0px !important;
}

.page-header {
    margin: 10px 0px 0px 0px !important;
    height: auto !important;
    padding: 5px;
    border: 0px;
}
.panel.box {
    margin: 10px auto !important;
}

.px-footer .row {
    margin-left: 0px;
    margin-right: 0px;
}
.p-a-4 {
    padding: 10px 0px !important;
}

.table-light .table, .table-light.table {
    width: 100% !important;
}

.pull-md-none {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .pull-md-none a {
        margin: 2px;
    }
.label-success, .label-danger {
    width: 25px;
}
.label{
    width:initial !important;
}
.page-header .label.label-success, .page-header .label-danger{
    width: auto;
}
.btn-success, .btn-primary {
    margin: 5px;
}
.table {
    width: 100% !important;
}
.page-messages-content.box-cell {
    padding: 0px !important;
}

.dz-default.dz-message {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    right: inherit !important;
    left: inherit !important;
    transform: inherit !important;
    padding-left: 0px;
}

.dz-default.dz-message, .dz-upload-icon {
    position: relative !important;
    top: 0 !important;
}
.dz-upload-icon {
    transform: translateY(0%) scale(1) !important;
    margin-right: 20px;
}
.dz-default.dz-message .dz-text-small {
    margin-left: 10px;
}
.dropzone-box {
    padding: 0px !important;
}
.dz-default.dz-message {
    flex-direction: column;
}

.dz-upload-icon {
    margin-right: 0px;
    margin-bottom: 10px;

}

.dz-default.dz-message .dz-text-small {
    margin-left: 0px;
}
.panel-body.p-a-4 .row {
    margin-left: 0px;
    margin-right: 0px;
}
.p-a-4 .row .col-md-7.pull-left .col-md-4 {
    width: 100%;
}

    @media (max-width: 767px) {
        .text-xs-right {
            text-align: left !important;
        }
        .p-a-4 {
            padding: 10px !important;
        }

        .px-content {
            padding: 10px !important;
        }

        .navbar-brand, .navbar-toggle {
            line-height: 1.2 !important;
            display: flex;
            align-items: center;
        }

        .DT-pagination, .DT-label {
            width: 100%;
            text-align: center;
            justify-content: center;
            display: flex;
        }

        .navbar-header {
            padding: 0 5px;
        }

        .navbar-toggle {
            width: 10%;
        }

        .pagination > li > a, .pagination > li > span {
            margin: 4px;
        }

        #CaseInquiryForm .col-md-3.pull-left, #CaseInquiryForm .col-md-7.pull-left {
            width: 100%;
        }

      
    }

    @media (max-width:1024px){
        #DragAndDropDocumentUpload .form-group.col-md-4 {
            width: 100%;
        }
    }
    @media (min-width: 992px) {
        .px-nav-dropdown-menu .px-open > a, .px-nav:not(.px-nav-collapse) .px-open > a {
            color: #fff;
        }
    }
@media(max-width:480px) {
    .col-md-4.pull-right {
        text-align: center;
    }
    .text-align-center {
        text-align: center !important;
    }
    }

    .list-group-item-heading.font-size-14{
    word-break:break-all;
}
.input-group-addon {
    text-align: left;
    padding-left: 0px;
}


.label {
    width: initial;
}


.table thead tr th {
    padding-right: 30px;
}

th {
    white-space: nowrap;
}
.wizard-steps {
    display: flex;
    flex-wrap: wrap;
}

.table-light {
    overflow: auto;
}

.slider-tick-label-container {
    margin-top: 27px !important;
}

@media(max-width:767px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    @media(max-width:1024px) {
        .slider-tick-label {
            white-space: normal;
            font-size: 12px !important;
            font-weight: bold;
        }
    }

    @media(max-width:320px) {
        .slider-tick-label {
            width: 76px !important;
            font-size: 8px !important;
            font-weight: bold;
        }
        /*.row {
        margin-left: 0px;
        margin-right: 0px;
    }*/
    }

    @media (max-width:575px) {
        .slider-tick, .slider-handle {
            position: absolute;
            width: 12px;
            height: 12px;
        }

        .slider-horizontal .slider-track {
            margin-top: -6px;
        }

        .slider-horizontal .slider-track-high, .slider-horizontal .slider-track, .slider-horizontal .slider-selection {
            height: 6px !important;
        }

        .dropdown-menu {
            left: -50px;
        }
    }

    /*New CSS Start*/

    @media (min-width:768px) and (max-width:991px) {
        .wizard-steps li {
            min-width: 33.3% !important;
            width: 33% !important;
        }
    }

    @media (min-width: 768px) {
        .modal-dialog.modal-lg {
            width: 90% !important;
        }
    }


    @media (max-width:575px) {
        .wizard-pane.active .row {
            /* display: flex;*/
            justify-content: left;
            align-items: center;
        }

        .wizard-steps li {
            width: 100% !important;
            min-width: 100% !important;
        }

        form#RegisterForm {
            padding: 5px !important;
        }

        div#WizardAgreement .row {
            margin-left: -5px;
            margin-right: -5px;
        }
    }

    @media (max-width:575px) {
        .text-nowrap {
            white-space: normal !important;
            margin: 10px 0px;
            text-align: left !important;
        }

        div#WizardTargetgroup .row {
            flex-wrap: wrap;
        }
    }

    a.login-btn {
        width: fit-content;
        display: block;
        margin: auto;
    }

    /*@media screen and (min-width: 360px) {
        #chart-bars {
            height: 200px;*/ /* Set canvas height to 150px on large screens */
    /*}
    }*/

    a#activebutton {
        margin-top: -29px;
        margin-left: 392px;
    }

    @media (min-width: 320px) {
        .page-profile-v2-subheader.page-block.p-y-2 {
            height: 202px !important;
        }
    }

    @media (min-width:773px) {
        div#managebutton {
            margin-left: -4px !important;
        }
    }
    /*@media (min-width:767px){
        .slider-handle.min-slider-handle.round {
            left: 74%;
        }

        .slider-selection.tick-slider-selection {
            left: 0%;
            width: 76%;
        }
    }*/

    @media (max-width:765px) {
        .panel.panel_widget_shadow {
            height: 207px !important;
        }
    }

    a#btnResentOTP {
        /* margin-top: 20px;*/
    }

    div#represtativeotp {
        margin-top: 20px;
    }

    /*New CSS End*/
    nav.px-nav.px-nav-left.px-nav-animate .px-nav-toggle::before {
        z-index: 9 !important;
    }

    nav.px-nav.px-nav-left.px-nav-animate.px-nav-expand .px-nav-toggle::after {
        z-index: 999 !important;
    }

    

    .modal-dialog.modal-lg {
        width: 90%;
        margin: 30px auto;
    }
    .modal {
      
        z-index: 99999 !important;
       
    }

    @media (max-width:768px){
        div#TargetGroupEligibilitymodel {
            padding-left: -1px !important;
        }
    }
}
.modal {
   
    z-index: 99991 !important;
  
}
.modal-backdrop {
    z-index: 99990 !important;
}