body {
        background-color: #ffffff;
        margin: 0;
        font-family: calibri;
    }
    html,body{
        height: 100%;
    }
    /* .table-white-back {
        background: #fff !important;
    } */
    #wrapper {
           padding: 0em 1em 0 !important;
    }
    
    .relative-position {
        position: relative;
    }
     .Passwordchange-portlet input[type="text"] {
        border-radius: 1px !important;
        font-family: calibri !important;
        color : #000;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        min-height: 30px
    }
    .user-screen {
        position: absolute;
        right:0;top:0;
        z-index:-1;
        opacity: 0.8;
    }
    .Passwordchange-portlet .ups-success {
        color: green !important;
    }
    
     .Passwordchange-portlet .portlet-title-text{
	 	display:none;
	 }
	 
    .Passwordchange-portlet .ups-error {
        color: red !important;
    }
    .Passwordchange-portlet .btn:focus {
        outline: none;
        background-color: rgb(89, 116, 130) !important;
        color: rgb(255, 255, 255) !important;
    }
    .Passwordchange-portlet .btn:hover {
        background-color: rgb(89, 116, 130) !important;
        color: rgb(255, 255, 255) !important;
    }
    .Passwordchange-portlet .btn.hover{
        background-color: #00646C !important;
        color: rgb(255, 255, 255) !important;
    }
    .Passwordchange-portlet .btn.focus { 
         color: rgb(255, 255, 255);
         background-color: #00838F !important;
    }
    .Passwordchange-portlet .btn {
        text-shadow : none;
        color: rgb(255, 255, 255);
        background-color: #00838F !important;
        padding: 0 8px;
        box-shadow: none;
        line-height: 24px;
        min-width: 200px;
        width: auto;
        border-radius: 0;   
        font-size: 14px;
        white-space: nowrap;
        background-image: none;
        font-weight: normal;
        max-width: 235px;
    }
    
    .Passwordchange-portlet input[type="submit"].btn {
        color: white;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        height: 30px;
        max-width: 100% !important;
    }
    .inv-table tbody td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .inv-table .fa-trash-o:before {
        margin-left: 5px;
        color: #fff;
    }
    
    .Passwordchange-portlet .data-table-inner-disabled .inv-extra-padding {
        padding-left: 3px !important;
    }
    
    .form-label, .form-text {
        font-size: 16px !important;
    }
    .togglebutton2 {
    
    }
    .float-right {
        float: right !important;
    }
    .float-left {
        float: left;
    }
    .margin-bottom-0 {
        margin-bottom: 0 !important;
    }
    .text-right {
        text-align: right !important;
    }
    .no-records-found {
        text-align: left;
        margin-left: 20%;
        font-size: 15px;
        font-family: inherit;
        font-weight: bold;
        color: #fff;
        display: none;
        height: 20px;
    }
    .form-submit-text {
        font-family: calibri;
        font-size: 16px;
        color: #000;
    }
    .light-blue-back {
        background-color: #e2f2f7;
        border-radius: 0;
    }
    .div-hidden {
        display: none !important;
    }
    .data-found {
        display: block !important;
    }
    .div-invisible {
        visibility: hidden !important;
    }
    .div-visible {
        visibility: visible !important;
    }
    .Passwordchange-portlet .btn-suspend {
        /* background: #a09e9e;
        color: #fff;
        font-size: 15px;
        font-family: calibri;
        border-radius: 0;
        width: auto; */
        min-width: 33px !important;
    }
    .delete-image {
        min-width: 18px;
    }
    .add-scroll {
        width: 100%;
        min-width: 100%;
        overflow-x: auto !important;
    }
    
    .btn:focus {
        outline:0;
    }
    
    .Passwordchange-portlet .btn-cancel, .Passwordchange-portlet .btn-confirm {
        /* border-radius: 0;
        color: white;
        background: #A59D9E;
        width: 16%;
        min-width: 16%;
        font-size: 16px;
        font-weight: bold;
        font-family: calibri;
        white-space: nowrap;
        padding-left: 2px;
        padding-right: 2px; */
    }
    .dark-color {
        background-color: #9a9090 !important;       
    }
    .light-color {
        background-color: #c3b9b9 !important;
    }
    .Passwordchange-portlet .btn-confirm {
        /* background-color: #928c8c; */
        margin-left: 6px;
    }
    .Passwordchange-portlet .btn-continue, .Passwordchange-portlet .btn-submit, .Passwordchange-portlet .btn-back, .Passwordchange-portlet .btn-cancel, .Passwordchange-portlet .btn-reset, .Passwordchange-portlet .btn-add-approver {
        /* color: white;
        background: #c3c0c0;
        width: 16%;
        min-width: 16%;
        font-size: 16px;
        font-weight: bold;
        font-family: calibri;
        border-radius: 0;
        white-space: nowrap;
        padding-left: 10px;
        padding-right: 10px; */
    }
    .Passwordchange-portlet .btn-continue {
        margin-right: 0px;       
    }
    .Passwordchange-portlet .btn-submit {
        /* width: auto !important; */
        /*margin-right: 8.5%;*/
    }

    /*.btn-back {
        background-color: #c7c1c1;
    }*/
    .Passwordchange-portlet .btn-back,.Passwordchange-portlet .btn-continue, .Passwordchange-portlet .btn-confirm, .Passwordchange-portlet .btn-reset, .Passwordchange-portlet .btn-cancel{
        height: 30px;
    }
    .Passwordchange-portlet .cancel-btn-margin, .Passwordchange-portlet .confirm-btn-margin {
        margin-right: 15px;
    }
    .type-text {
        font-size: 17px;
        font-family: calibri;
    }
    .bg-light-gray {
        background-color: #D3D3D3;
    }

    .dotted-line {
        border-top: dotted 1px gray;
    }
    .solid-line {
        border-top: solid 1px #ccb7b7;
    }
    .fa-info-circle  {
        margin: 7px -11px;
        color: gray;
    }
    .fa-info-circle:hover {
        cursor: pointer;
    }
    .fa-info-circle + .tooltip.right > .tooltip-arrow {
          border-right: 5px solid black;
      }
    .card.card-body {         
        padding-left: 25px;/*
        margin-left: 30px;
        margin-right: 30px;*/
    }
    .grey-text {
        font-size: 11px;
        color: #988d8d;
    }
    .margin0 {
        margin-left: 0;
    }
    .margin10 {
        margin-top: 10px;
    }
    .margin15 {
        margin-top: 15px;
    }
    .margin20 {
        margin-top:20px;
    }
    .height30 {
        height: 30px;
    }
    .height25 {
        height: 25px;
    }
    .margin5 {
        margin-top: 5px;
    }
    .margin30 {
        margin-top: 30px;
    }
    .margin-1 {
        margin: 1% !important;
    }
    .text-center {
        text-align: center;
    }
    .Passwordchange-portlet .img:hover {
        cursor: poiter;
    }
    .row label{
         text-align: right; 
         margin-right: 4px;                             
    }
    .row input{ 
        border-radius: 1px !important;
        /* color: black !important; */
        text-shadow: none !important;
        font-family: calibr !important;
        font-size: 12px;      
    }
    .row {
        font-family: sans-serif;
        color: gray;
    }
    .padding1 {
        padding: 1px !important;
    }
    .padding4 {
         padding: 0 4px 4px 4px !important;
    }

    .full-width {
        width : 100% !important;
    }
    .social-media-icons {
        color: #d2c8c8;
        text-align: right;
    }
    
    .user_registration_conf_padding {
        padding:4%;
    }
    
    .Passwordchange-portlet .width-20 {
        width: 20%;
    }
    
    .Passwordchange-portlet .width-40 {
        width: 40%;
    }
    
    .Passwordchange-portlet .width-30 {
        width: 30%;
    }
    .table .td-with-wrap td {
        white-space: normal !important;
        word-break : break-word !important;
    }
    .user_registration_conf_padding input{
        background-color: #e0dcdc;
    }
    .textbox-disable-css {
        border: none !important;
        box-shadow: none !important;
        font-size: 13px;
    }
    .Passwordchange-portlet .updated-width {
        width: 33.33% !important;
    }
    .Passwordchange-portlet .find-application-btn {
        width: 40%;
        /* background-color: #9a9999;
        border-radius: 1px !important;
        height: 24px !important;
        padding: 1px 13px !important;
        font-size: 13px !important;
        color: #ffffff !important;
        text-shadow : none !important;
        font-weight: bold; */
    }
    .Passwordchange-portlet .page-2-table .table .text-center-first-name {
        text-align: center;
    }
    .Passwordchange-portlet .table-responsive 
        {   
            width: 100%;
            margin-bottom: 15px;
            overflow-x: auto;   
            overflow-y: hidden;
        }
     .Passwordchange-portlet .invitation-table-parent-div {
            min-width: 267px;
            overflow-x: auto;
            width: auto;
     }
     .Passwordchange-portlet .accordian-table .table-arrow , .Passwordchange-portlet .onboard-table .table-arrow{
            float: left !important;
            margin-right: 3px !important;
     }
     .Passwordchange-portlet .onboard-table-parent-div {
            overflow-y: auto !important;
            min-height: 226px;
     }
     .Passwordchange-portlet .invitation-2-table-parent-div {
	        min-width: 267px;
	        overflow-x: auto;
	        width: auto;
     }
     .updated-li-a {
        border: none !important;
        background: transparent !important;
        color: #000;
        padding: 4px 1px;
     }
     /* .Passwordchange-portlet .page-disabled-btn .btn[disabled] {
        background-color: rgb(0, 131, 143); !important;
     } */
    /*  .Passwordchange-portlet .page-disabled-btn .btn:hover, .Passwordchange-portlet .page-disabled-btn .btn:active, .Passwordchange-portlet .page-disabled-btn .btn:focus {
        background-color: rgb(69, 90, 100) !important;
     } */
     .manage-approvers-wrapper label {
        text-align: left !important;
        font-weight: bold;
     }
     .registrayion-confirmation-div label, .resi-confirm-table table th {
        font-weight: bold;
     }
     .registrayion-confirmation-div label, .registration-form label {
        background: #fff;
     }
     
     .Passwordchange-portlet .resi-confirm-table table th  {
        color: #fff;
     }
     /* .Passwordchange-portlet .page-disabled-btn .btn:active {
        background-color: #9a9999 !important;
     } */
     .Passwordchange-portlet .btn[disabled] { 
        color: white !important;
        background-color: rgb(69, 90,100) !important;
        opacity: 0.65;
     }
    
    .Passwordchange-portlet label {
        cursor: default;
        font-family: calibri !important;
        line-height: 25px;
        font-weight: bold;
    }
    .Passwordchange-portlet table .read-only-txtbox input[type="text"] {
        min-height: 20px;
        min-width: 90%;
           
    }

    /* Start >> Form Heading and Sub-heading*/
    .form-signin-heading, .form-sub-heading{
        text-align: left;
    }
    .form-sub-heading, .form-sub-heading {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .div_td_ellipses tbody td{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }      
    .div_td_ellipses_1{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }                          
    .well-no-border {
        border: none;
        box-shadow: none !important;
    }

    .Passwordchange-portlet .exis-user-app-find-app-btn, .Passwordchange-portlet .request-app-btn, .Passwordchange-portlet .onboard-find-btn {
        margin-right: 28px;
        /* padding: 7px 35px 5px 35px;
        background: #cac6c6;
        color: #fff !important;
        font-weight: bold;
        font-size: 14px;
        border-radius: 0; */
    }
    .exis-err-div {
        padding-right: 2%;
    }
     .Passwordchange-portlet .exis-user-app-find-app-btn {
        width: 30%;
    } 

    .normal-select {
        min-width: 0;
        height: 29px;
    }

    .Passwordchange-portlet .onboard-find-btn {
        padding: 4px 12px !important;
        margin-right: 0 !important;
        /* text-align: center !important; */
        margin-top: 6px;
        line-height: 19px !important;
      }
      .updated-fnd-wdt {
        width: 40%;
      }
      .onboard-lookup-margin {
        margin-top: 0 !important;
      }
    .Passwordchange-portlet .request-app-btn {
        padding: 4px 12px !important;
        margin-right: 0 !important;
        /* text-align: center !important; */
        margin-top: 6px !important;
    }
    .pagination-range {
        float: left;
        padding: 0 5px 0 5px;
    }
    .Passwordchange-portlet .pagination a {
        color: #00838F;
    }
    .Passwordchange-portlet .arrow .fa-sort {
        color: #fff !important;
    }
    /* End >> Form Heading and Sub-heading*/

     /* Top Navigation*/
     .topnav a:hover {background-color: #555;text-decoration: none;}

     .topnav a.icon {display: none;}
     .topnav {
          overflow: hidden;
          background-color: #fff;
          float:right !important;
          margin-right: 20px;
        }

        .topnav a {
          float: left;
          display: block;
          color: #000;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
          font-size: 15px;
          font-family: calibri;
          border: 1px solid #e8e6e6;
          font-weight: bold;
          text-shadow: none;
        }
        
        .Passwordchange-portlet .input[type="text"] {
            font-size: 14px;
            color: #000 !important;
        }

        .topnav a:hover {
          background-color: #ddd;
          color: black;
        }

        .topnav .icon {
          display: none;
        }
    /*End Top Navigation*/
    .Passwordchange-portlet .data-table-inner input[disabled], .Passwordchange-portlet .data-table-inner input[readonly] {
        color: #000 !important;
    }
    
    .Passwordchange-portlet input:read-only { 
        color: gray;
    }
    /* Capcha */
     .ups-capcha-wrapper .form-horizontal .col-form-label {
        float: left;
        width: 170px !important; 
    }
    .ups-capcha-wrapper .taglib-captcha .captcha { 

        display: inline-block;
        /* margin-bottom: 2em;
        margin-left: 1em; */
        margin: 0em;
        width: 14%;
        float: left;
        height: 40px;
    } 
   
    .ups-capcha-wrapper .form-horizontal .form-group {
        width: auto;
        margin: 3% !important;
        float: right;
        
    }
    
    .ups-capcha-wrapper .input-text-wrapper {
        width: 33%;
        float: left;
        margin-bottom: 0px;
        margin-right: 0%;
        margin-top: 0%;
    }
    .ups-capcha-wrapper taglib-captcha .refresh {
        
    vertical-align: middle;
    margin-top: 17px;
    margin-left: 12px;
        
    
    }
    .ups-capcha-wrapper a.taglib-icon img {
        
        height: 30px !important;
        width: 30px !important;
        display:block;
        min-width: 30px;
        
    }
    .ups-capcha-wrapper .taglib-captcha {
        width: 100% !important;
    }
    /* End Capcha */
    /* Error Message - Page 2*/
    .error_msg_div_style {
        margin-left: 7px;
        font-weight: normal !important;
        font-size: 12px !important;
        color: #f00;
        font-family: calibri;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
     .Passwordchange-portlet .td-ellipses td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 50px; 
       /*  min-width: 50px; */  
    }
    .error_msg_div_textbox {
        font-weight: normal !important;
        font-size: 13px !important;
        color: #f00;
        font-family: calibri;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        float: left !important;
        max-width: 100%;
        padding-right: 2%;
    }
    .Passwordchange-portlet .data-table-inner-disabled tbody td {
         /* overflow: hidden;
        text-overflow: ellipsis; */
        white-space: nowrap;
        max-width: 50px;  
        min-width: 50px;  
    }
    .Passwordchange-portlet .find-app-btn-td {
        min-width: 18%;
        width: 18%;        
    }
    .Passwordchange-portlet .find-app-btn {
        white-space: normal;
        width: 100%;
        min-width: 1px;
        line-height: 28px;
        margin-top:0 !important;
        padding: 0 2px !important;
    }
    /*.tooltip {
        background-color: lightgray;

    }*/
    /* >> End Error Message - Page 2*/
    
    /*  Start Page 2 */

            .company_logo {
                /*padding-left: 40px;*/
                padding-top: 10px;
                max-width: 200px;
            }
            .top-nav-div {
                border: 1px solid #D3D3D3;
            }
            .top-nav-div li {
                 border-right: 1px solid #D3D3D3;
                 color: #000;
                 font-weight: bold;
                 text-align: center;
                 font-size: 13px;
            }
            .top-nav-div li:last-child {
                border-right: none;
            }
            .top-navigation .navbar {
                margin-bottom: 0 !important;
                float: right;

            }
            .top-navigation .navbar-nav {
                margin: 0 !important;
            }

            .form-heading {
                font-size: 26px;
                color: #31859B;
                font-weight: normal;
                margin-top:0;
                font-family: impact;
                line-height: 27px;
            }
            .form-submit-text-width {
                width: 68%;
            }
            .Passwordchange-portlet input[type="submit"] {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }
            .fa-trash-o {
                color: #000;
                margin-top:3% !important;
            }
            .Passwordchange-portlet .add-user-btn {
                padding: 0;
                border: none;
                background: none;
            }

            .lable-name {
                text-align: right;
                background-color: #ffffff;
                color: #000;
                padding: 7px;
                font-weight: bold;
                font-family: calibri;
            }
            .lable-detail {
                text-align: left;
                background-color: #efecec;
                color: #5f5d5d;
                padding: 5px;
                min-width: 132px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                height: 20px;
                padding: 7px;

            }
            .margin-left-0 {
                margin-left: 0 !important;
            }
            .margin-right-0 {
                margin-right: 0 !important;
            }
            .margin-left-20 {
                margin-left: 20px !important;
            }
            
            .Passwordchange-portlet .accordian-table thead th
            {
                background: #8c8888;
                color: #fff;
                font-family: calibri;
                padding: 6px;
                font-weight: bold;
                vertical-align: middle;
            }
            .Passwordchange-portlet .data-table-inner, .Passwordchange-portlet .data-table-inner-disabled thead th
            {
                color: #888484 !important;
                font-size: 14px;
                padding:4px;
            }
            .Passwordchange-portlet .data-table-inner-disabled thead th
            {
                background: rgb(140, 136, 136) !important;
                color: #fff !important;
                font-size: 14px;
                padding:4px;
                font-family: calibri;
            }
            .Passwordchange-portlet .data-table-inner, .Passwordchange-portlet .data-table-inner-disabled td
            {
                color: #000 !important;
                font-size: 14px !important;
                border-top: none !important;
                padding: 4px;
            }
            .Passwordchange-portlet .data-table-inner {
                width: 100%;
            }
            .Passwordchange-portlet .select-info {
                text-align: center;
                padding: 3% 0% 0% 0%;
                float: right;
                color: #000;
            }
            .Passwordchange-portlet .select-info .info-icon {
                width: 10%;
                float: left;
            }
            .Passwordchange-portlet .select-info .info-icon img {
                height: 20px;
                width: 20px;
                text-align: right;
            }
            .Passwordchange-portlet .add-caovance-manager-btn {
                width: 100%;
                height: 30px;
                max-width: 100%;
            }
            .Passwordchange-portlet .existing-table {
                width: 81% !important;
            }
            .Passwordchange-portlet .table-striped tbody > tr:nth-child(odd) > td{
                background: transparent !important;
            }
            .Passwordchange-portlet .inner-table-th-1 {
                width: 40%;
            }
            .Passwordchange-portlet .inner-table-th-1-confirm, .Passwordchange-portlet .inner-table-th-1-confirm-inv-page-2 {
                width: 55%;
            }
            .Passwordchange-portlet .inner-table-th-1-confirm-inv-page-2 {
                padding-left: 12px !important;
                min-width: 63px;
                white-space: pre-wrap;
            }
            .Passwordchange-portlet .inner-table-th-2 {
                width: 20%;
                text-align: center;
            }
            .select-info {
                text-align: center;
                padding: 2% 5% 2% 5%;
            }
            .Passwordchange-portlet .inner-table-td-3 {
                width: 150px;
            }
            .Passwordchange-portlet .data-table-inner td.select, .Passwordchange-portlet .data-table-inner td.my-checkbox-parent, .Passwordchange-portlet .data-table-inner td.application-User-inv{
                padding: 2px !important;
                border-top: none !important;                
            }

            .Passwordchange-portlet .data-table-inner thead th {
                background: gray !important;
                color: #fff !important;
                font-size: 14px;
                padding: 4px;
                font-weight: bold;
            }

            .Passwordchange-portlet select {
                width: auto;
                min-width: 95% !important;
                font-size: 14px !important;
                border: 1px solid #cac2c2;
                border-radius: 1px;
                height: 30px;
                color: black !important;
                vertical-align: middle;
            }
            
            .Passwordchange-portlet input[type="checkbox"] {
                height: 26px !important;
                width: 26px !important;
            }

            .accordian-table {
                margin-bottom: 0;
            }
            .accordian-table .apply-max-width td {
                 /* overflow: hidden;
                text-overflow: ellipsis; */
                white-space: nowrap;
                max-width: 10px;
                vertical-align: middle !important;
                color: #1b1b1b;
            }

            .Passwordchange-portlet .table th {
                font-weight: normal;
            }

            .Passwordchange-portlet .updated-well {
                border-radius: 0 !important;
                border-color:transparent !important;
                box-shadow: none;
            }
            .Passwordchange-portlet .application-service-url-td {
                width: 33%;
                min-width: 33%;
            }
            .Passwordchange-portlet .application-app-name-td {
                width: 20%;
                min-width: 20%;
            }
            
            .email_img {
                height: 10px;
                width: 10px;
                vertical-align: middle;
                margin: 1% !important;
            }

            .Passwordchange-portlet .page-2-table {
                /* margin-left: 0.5% !important; */
                font-weight: normal !important;
                font-size: 16px !important;
                border: 2px solid #9a9494;
                font-family: calibri;
                border-radius: 0;
            }
            .Passwordchange-portlet .page-2-table .table .table{
                background: transparent !important;
            }
            .Passwordchange-portlet .parent-th-1 {
                width:33.33%;
            }
            .Passwordchange-portlet .parent-th-email {
                width: 25%;
            }
            .Passwordchange-portlet .parent-th-uid {
                width: 18% !important;
                min-width: 18% !important;
                max-width: 50px !important;
            }
            .Passwordchange-portlet .data-table-inner-disabled .invitation-step2-td {
                padding: 4px 0px 0px 16px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .Passwordchange-portlet .table-tr1-td1 {
                width: 3%;min-width: 3% !important;
            }
            .Passwordchange-portlet .table-tr1-td2 {
                width: 3%;min-width: 3%;
            }
            .Passwordchange-portlet .table-tr1-td3-add{
                width: 18%;min-width: 18%;
            }   
            .Passwordchange-portlet .table-tr1-td3 {
                width: 25%;
            }
            .Passwordchange-portlet .table-tr1-td4 {
                width: 10%;
                min-width: 10%;
            }
            .Passwordchange-portlet .inv-2-email {
			    width: 20%;
			    min-width: 20%;
			}
			.Passwordchange-portlet .inv-2-fname,
			.Passwordchange-portlet .inv-2-lname,
			.Passwordchange-portlet .inv-2-uid {
			    width: 10%;
			    min-width: 10%
			}
			.Passwordchange-portlet .inv-2-yn {
			    width: 6%;
			    min-width: 6%;
			}
			.Passwordchange-portlet .inv-2-activeCovanceUser {
			    width: 36%;
			    min-width: 36%;
			    overflow-x: auto;
			}
            .Passwordchange-portlet .btn-submit-margin {
                margin-right: 10%;
            }
            

    /*  End Page 2 */
        .form-signin-heading, .form-sub-heading{
            text-align: left;
        }
        .form-sub-heading, .form-sub-heading {
            margin-top: 10px;
            margin-bottom: 10px;
            color: #000;
            font-size: 15px;
            font-family: calibri;
        }
        .form-signin-pwd-hint-label {
            text-align: left;
            margin-top: 10px;
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: normal;
            color: #403a3a;
            font-family: arial;
        }
        
        .Passwordchange-portlet .security-check-label {
            font-weight: bold;
            font-size: 15px;
            color: #000;
            font-family: calibri;
        }
        .Passwordchange-portlet .security-check-details {
            color: #000;
            font-size: 15px;
            font-family: calibri;
            line-height: 15px;
        }

        /*Page 6 - Registration Submission Successful Page*/
        .responsive-image-width {
            width: 100% !important;
            height: auto;
        }
        .active {
            background-color: #D3D3D3;
        }
        .Passwordchange-portlet table {
            margin-bottom: 0 !important;
            border-radius : 0 !important;
        }
        .capcha-img {
            border: 1px solid gray;
            margin-top: 24px;
            width: 230px;
            height: auto;
        }
        .Passwordchange-portlet .updated-secu-check-mobile-tab {
            float: right;
        }
        .vertical-align-middle {
            vertical-align: middle;
        }

        /*Page 10 - Onboarding*/
        .Passwordchange-portlet .manage-approvers-wrapper {
            padding: 1%;
            background-color: #f3f3f3;
            height: auto;
            font-weight: 300;
            color: rgba(0,0,0, 0.87);
        }
        .Passwordchange-portlet .existing-user-form label {
            background: #fff;
            font-weight: bold;
            width: 170px;
            /* margin: 1%; */
        }
        .transparetn-background {
            background: transparent !important;
        }
        .Passwordchange-portlet .existing-approvers-label {
            color: #000;
            font-family: calibri;
            font-weight: bold;
            font-size: 18px;
        }
        .Passwordchange-portlet .ups-capcha-wrapper label {
            background: transparent !important;
            padding-top : 0 !important;
            line-height: 15px;
        }
        .Passwordchange-portlet .onboard-table {
            max-height: 245px;
            overflow-y: auto !important;
           
        }
        .Passwordchange-portlet .onboard-table thead th {
            background: gray !important;
            color: #fff !important;
            font-size: 15px;
            font-weight: bold;
            padding: 4px;
            font-family: calibri;
            vertical-align: middle;
        }
        .Passwordchange-portlet .manage-pm-app-dropdown {
            margin: 0;
            padding:0;
            min-width: 100px;
        }
        .Passwordchange-portlet .manage-pm-app-dropdown-pos {
            left: -110%;
        }
        .Passwordchange-portlet .manage-pm-dropdown {
            left: 35% !important;
        }
        
        
        .Passwordchange-portlet .manage-approvers-wrapper .row .updated-span4-application {
            margin-left: 5.5%;
        }
         .Passwordchange-portlet .manage-approvers-wrapper hr {
            border-top: 1px solid rgba(89, 116, 130, 0.43) !important;
         }
        
        .Passwordchange-portlet .manage-pm-app-dropdown > li > a:hover, .dropdown-menu > li > a:focus {
            background-image:none !important;
 }
		 .Passwordchange-portlet .manage-pm-app-dropdown > li > a:hover, .dropdown-menu > li > a:focus {
		            background-color: #00838f !important;
		 }
        .Passwordchange-portlet .manage-pm-app-dropdown .dropdown-divider {
            margin: 0;
        }
        .Passwordchange-portlet .onboard-table {
        }
        .Passwordchange-portlet .onboard-table td {
            color: #000;
            font-family: calibri;
            max-width: 100px !important;           
        }
        .Passwordchange-portlet .onboard-table .email-td {
            max-width: 80% !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            width: 100%;
        }
        .Passwordchange-portlet .onboard-table tr {
            /* height: px; */
        }
        .padding-2 {
            padding: 2%;
        }
        /*End Page 10*/

        /*Page 14*/

        .Passwordchange-portlet .welcomepage-wrapper {
            height: auto;
            /* background-color: #f7eeee; */
            border: 1px solid #cac5c5;
            border-radius: 5px;
            padding: 1%;
        }

        /*End Page 14*/

    /* Large Devices*/
    @media (min-width: 1200px) {
        .row {
             margin-left: 0 !important; 
        }
        .Passwordchange-portlet .accordian-table .row .col-lg-3 {
            width: 100% !important;
        }
        /* .Passwordchange-portlet .manage-approvers-wrapper .row .col-lg-4 {
            text-align: left;
        }
        .Passwordchange-portlet .manage-approvers-wrapper .row .col-lg-3 {
            width: 270px !important;
            text-align: left;
        }
        .Passwordchange-portlet .manage-approvers-wrapper .row .updated-span4 {
            width: 270px !important;
        } */
    }   
            
    @media (max-width: 625px){
       .Passwordchange-portlet .application-table-mobile{
            height: auto;
            /* width: 150px !important;
            min-width: 150px !important;
            overflow-x: scroll; */
       }
        .ups-capcha-wrapper .input-text-wrapper {
            float: left !important;
        }
    }
   @media (max-width: 650px){
        .Passwordchange-portlet .find-app-btn {
            font-size: 9px;
            line-height: 13px;
        }
    }
    /* Smart Phones */
    @media (max-width: 767px) {
        .Passwordchange-portlet .td-ellipses td {
            max-width: 100px !important; 
        }
        .Passwordchange-portlet .progress-div {
            width: 10% !important;
            margin-left:40% !important; 
        }
        .Passwordchange-portlet .add-n-css {
            width: 6% !important;
            max-width: 6% !important;           
        }
         .Passwordchange-portlet .manage-pm-app-dropdown {
            left: -97%;
        }
        .ups-capcha-wrapper .taglib-captcha .captcha { 
            width: 50% !important;
        }
        .Passwordchange-portlet .find-application-btn btn {
           width: 93% !important;
           font-size: 10px !important;
        }
        
        .full-width-table-mobile {
            width: 100% !important;
            max-width: 100% !important;
        }
        .height30, .height25 {
            height: 0 !important;
        }
        .Passwordchange-portlet .manage-approvers-wrapper .row .updated-span4 {
            margin-left: 0;
        }

        .Passwordchange-portlet .row .col-lg-4{
            margin-bottom: 20px;                                    
        }
        .updated-find-exis {
            width: 100%;
            max-width: 100% !important;
        }
        .Passwordchange-portlet .well {
            padding : 5px !important;
        }
        .Passwordchange-portlet .row .info-span {
            display: none;
        }
        .Passwordchange-portlet .btn-continue, .Passwordchange-portlet .btn-cancel, .Passwordchange-portlet .btn-confirm, .Passwordchange-portlet .btn-back, .Passwordchange-portlet .btn-submit, .Passwordchange-portlet .btn-reset, .Passwordchange-portlet .btn-add-approver {
            width: 100% !important;
            max-width: 100% !important;
        }
        .find-application-btn {
            width: auto !important;
        }
        /* .Passwordchange-portlet .footer-button-margin .btn[disabled] {
            background: rgb(0, 131, 143);
        } */
        
        .Passwordchange-portlet .btn-submit {
            margin-right: 0 !important;
            margin-top: 0 !important;
        }
        .Passwordchange-portlet .btn-confirm {
            margin-left: 0 !important;
        }
        .Passwordchange-portlet .cancel-btn-margin, .Passwordchange-portlet .back-btn-margin {
            margin-top: 10px;
            margin-right: 0 !important;
        }
        .margin-top-0 {
            margin-top: 0 !important;
        }
        .Passwordchange-portlet .row label{
            text-align: left !important;
            font-weight: bold;                                  
        }
        .social-media-icons {
            padding-right: 5%;
        }
        .Passwordchange-portlet .table td { 
            padding : 1px !important;
        }
        .error_msg_div_textbox {
            float: left !important;
        }
        .Passwordchange-portlet .lable-name { 
            text-align: left;
        }
        .ups-capcha-wrapper a.taglib-icon img {
            margin: 25% 20px 20px -1px !important;
        }
        .ups-capcha-wrapper .taglib-captcha .captcha {
            width: 25% !important;
        }
        /* .Passwordchange-portlet select {
            min-width: 135px !important;
        } */
        .Passwordchange-portlet .find-application-btn {
            /* font-size: 9px !important; */
            margin-left: 3px;
        }
        .Passwordchange-portlet .find-app-btn-td {
            margin-right: 1%;
        }
        .Passwordchange-portlet .form-submit-text-width {
            width: 100% !important;
             max-width: 100% !important;
        }
        .Passwordchange-portlet .onboard-find-btn, .Passwordchange-portlet .request-app-btn {
            margin-right: 0 !important;
            /* width: 175px !important; */
            /* font-family: calibri;
            font-size: 16px; */
        }
         .Passwordchange-portlet .exis-user-app-find-app-btn {
            width: 100% !important;
            max-width: 100% !important;
            float: left !important;
            margin: 0 !important;
            /* width: 175px !important;
            font-family: calibri;
            font-size: 16px; */
         }
         .form-label {
              width: 100% !important;
         }
        .Passwordchange-portlet .updated-secu-check-mobile-tab {
            float: left !important;
        }
        .Passwordchange-portlet .input[type="text"] {
            font-size: 10px !important;
            color: #000;
            max-width: 100% !important;
        }
        /* .reduced-font-mobile {
            font-size : 10px !important
        } */
        .body {
            padding: 0 !important;
        }
        .Passwordchange-portlet .onboard-find-btn, .Passwordchange-portlet .request-app-btn {
            width: 100% !important;
            max-width: 100% !important;
        }
    }
    @media (device-width : 320px) 
   {
        .Passwordchange-portlet .well {
            padding : 0 !important;
        }
   }
   @media (max-width: 840px) and (min-width: 770px){
         .Passwordchange-portlet .find-app-btn {
            line-height: 15px;
        }
   }
    /* Tablet */
    @media (max-width: 979px) and (min-width: 768px) {
        .Passwordchange-portlet .well {
            padding : 30px !important;
        }
        /* .Passwordchange-portlet .manage-pm-app-dropdown {
            left: 10%;
        } */
       /*  .Passwordchange-portlet .find-app-btn {
            line-height: 15px;
        } */
        .page4-text-center {
            text-align: center;
        }
        .Passwordchange-portlet .btn-continue {
            margin-right: 5%;
        }
        .updated-secu-check-mobile-tab {
            float: left !important;
        }
        .Passwordchange-portlet .row .col-lg-7 {
            font-size: 14px !important;
        }
        .Passwordchange-portlet input[type="submit"] {
            max-width: 100% !important;
        }
        .Passwordchange-portlet .exis-user-app-find-app-btn{
            width: 47%;
            margin-right: 15px;
        }
        .ups-capcha-wrapper a.taglib-icon img {
            margin: 50% 20px 20px -8px !important;
        }
        
    }
    @media (max-width: 979px) {
        .Passwordchange-portlet body {
            /* padding: 6px; */
        }
        .Passwordchange-portlet input[type="text"] {
            font-size: 13px !important;
        }
        .Passwordchange-portlet .table-tr1-td2 {
            width: 5%;
            min-width: 5%;
        }
        .Passwordchange-portlet input {
            max-width: 100% !important;
        }
        .ups-capcha-wrapper .taglib-captcha { 
            float: left;
            width: 85% !important;
        }
        .Passwordchange-portlet .parent-th-1 {
            width: 55.33% !important;
        }
    }

    /*lanscape*/
    @media (min-width: 980px) and (max-width: 995px){
            
    }

    /*top navigation*/
    @media screen and (max-width:700px) {
        .topnav a:not(:first-child) {display: none;}
        .topnav a.icon {
            float: right;
            display: inline-block;
        }
    }

    @media screen and (max-width:680px) {
        .topnav.responsive {position: relative;width: 204.156px;}
        .topnav.responsive a.icon {
                position: absolute;
                right: 0;
                top: 0;
        }
            .topnav.responsive a {
                float: none;
                display: inline;
            }
           .topnav.responsive a {
                display: block;
                text-align: left;
            }
    }
    /*End top navigation*/

    
        
        /*added by Eskendir*/
    .no-application-records-found {
        text-align: left;
        margin-left: 0;
        font-weight: normal !important;
        font-size: 12px !important;
        color: #f00;
        font-family: calibri;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 20px;
    }   
         .Passwordchange-portlet .progress-div {
            margin-left:40% !important; 
        }
      .required:after { 
      content:"*"; 
      color:red;
      }
      .fa-lg {
    color: #00838f !important;
}
.form-submit-big-text {
        font-family: calibri;
        font-size: 22px;
        font-weight: bold;
        color: #31859B !important;
 }
.form-submit-link-text {               
        font-weight: bold !important;
		text-decoration: underline !important;
        color: red !important;
 }
 
   /*added by Eskendir for unique id box*/
#close_uniqueid_box {
	cursor: pointer;
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}

#close_uniqueid_box:hover {
		cursor: pointer;
        float:right;
        display:inline-block;
        padding:2px 5px;
        background:#ccc;
    color:#fff;
 }
 .close_training_box {
	cursor: pointer;
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}

.close_training_box:hover {
		cursor: pointer;
        float:right;
        display:inline-block;
        padding:2px 5px;
        background:#ccc;
    color:#fff;
 }
 .training_check_box{
	 border-style: outset;
	 background-color: #fcf8e3;
	 width:200%;
 }
 .training_btn{
	 min-width: 65px !important;
	 margin-left: 5px !important;
	 margin-bottom: 7px !important;
 }
 
 .manage-approvers-wrapper label {
        text-align: left !important;
        font-weight: bold;
     }

.Passwordchange-portlet .manage-training-wrapper {
            padding: 1%;
            height: auto;
            font-weight: 300;
            color: rgba(0,0,0, 0.87);
        }

.Passwordchange-portlet .manage-training-wrapper .row .updated-span4-application {
            margin-left: 5.5%;
        }

 .Passwordchange-portlet .manage-training-wrapper hr {
            border-top: 1px solid rgba(89, 116, 130, 0.43) !important;
         }
  .Passwordchange-portlet .manage-training-wrapper .row .updated-span4 {
            margin-left: 0;
        }
        
  /* Yes Or no Slider For Application*/
  
  .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 11px;
}

.slider.round:before {
  border-radius: 50%;
}
 /* Import styles */
 .import_header{
 	font-weight: BOLD;
    color: black;
 }
 
 .Passwordchange-portlet .input-error{
      border-color: red;
 }
 
  @-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

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

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.Passwordchange-portlet .new_password .col-lg-12,.col-lg-3{margin-left:0px!important}
.Passwordchange-portlet .e-mail .col-lg-12,.col-lg-3{margin-left:0px!important}

/* change By Eskendir*/

.aui .form-horizontal .form-group {
    margin-bottom: 0px;
}
.aui .form-horizontal .control-label {
    width: 30%;
}
.taglib-captcha {
    margin: 0em 0;
}
.reset_buttons {
    text-align: center;
}
.reset_footer_buttons{
	display: inline-block; 
}
.col-lg-12{
	margin-left: 0 !important;
}
 /* change by Ashish */
.email2-text-security{
 	-webkit-text-security: disc;
 }
 
  #footer {
    background: #eee;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
 }
 
 input#_Passwordchange_WAR_Passwordchangeportlet_captchaText {
    width: 50%;
    display:initial;
}

.Passwordchange-portlet .form-text{
	
	display:table-cell !important;
}

.Passwordchange-portlet .ups-capcha-wrapper{
	width:100%;
	
}

 .Passwordchange-portlet .well {
	    padding: 19px;
	    margin-bottom: 20px;
	    background-color: whitesmoke;
	    border: 1px solid #e3e3e3;
	    border-radius: 2px;
}

.company_logo img { width:100%;}

.applications-menu-nav-columns{ /*31Mar2021:MG: to change the background color of Menu*/
background-color: white;
	}
	
/*16Apr2021:MG:To add the same behavior to input text fields when clicked on them*/
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

.row .cls-inc-wid{width:24% ! important; float:left;}  /* 22Apr2021:MG:*/
.taglib-captcha .input-text-wrapper .control-label{float:left;}

.col-lg-12 input[disabled]{ /*22Apr2021:MG: To make the Re-Type Email Id field RO*/

    cursor: not-allowed;
    background-color: #eee;
}

.progress_div .cls-mv-lft{width:90%;left: 23%;} /*22Apr2021:MG:*/

.taglib-captcha .input-text-wrapper input{height:2%;} /*22Apr2021:MG:*/

.form-horizontal .cls-add-btm-pad{ /*22Apr2021:MG:*/
    padding-bottom: 15px;
 }
 
  .form-horizontal .cls-fix-fmt /*28Apr2021:MG:*/
 {
    background-color: #fee5e2;
    border-color: #fcaca5;
    color: #b50303;
}

.taglib-captcha .form-group .control-label{
float:left;
}