/*comon css*/
ul,li,a,p, form, ul,li{
    list-style: none;
    text-decoration: none; padding: 0;
}
a,a:hover,a:focus, button,.btn,.btn:disabled,.btn.disabled,a.active,a:hover{
    transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    -ms-transition: .5s all;
    --moz-transition: .5s all;
}
a{
    color: #000;
}
h1,h2,h3,h4,h5,h6{margin: 0}
h1{font-size: 26px; font-weight: normal; color: #000}
h2{font-size: 24px; line-height: 28px;color: #000}
h3{font-size: 20px;color: #000000;}
h4{font-size: 18px; font-weight: normal; color: #000;}
/*nav tabs*/
.nav-tabs {border-bottom: 1px solid #D6D6D6;}
.nav-tabs .nav-item{margin-right: 66px;}
.nav-tabs .nav-item:last-child{margin-right: 0}
.nav-tabs .nav-link{border: 0; font-size: 20px; line-height: 26px; font-family: 'Lato-Regular'; font-weight:normal; ; color: #000; 
border:0; border-bottom: 3px solid transparent; padding: 7px 0;}
/*.nav-tabs .nav-item{margin-bottom: 0;}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,.nav-tabs .nav-item:hover  .nav-link.active,
.nav-tabs .nav-link:focus{font-weight: bold;font-family: 'Lato-Bold'; border-bottom-color: #861F41}
.nav-tabs .nav-link:hover{border-bottom-color: transparent;}

/*custom checkbox and radio*/
/*radio button*/
.custom-checkbox .custom-control-label::before,
.custom-control-label::after{   
    height: 20px;
    width: 20px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: none;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: transparent;}
.custom-radio .custom-control-label:before{
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-color: #97144D;
    border-style: solid;
    border-width: 1px; left: -2.2rem; top: 2px;
    border-radius: 50%;content: "";
}
.custom-radio .custom-control-label:after{
    left: -31px;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #97144D;content: "";
    position: absolute;    display: none;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    display: block;
}
.custom-control-label::before{background: #fff;}
.custom-control{position: relative;}

.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(151 ,20, 77, .25)
}
.custom-control-input:checked~.custom-control-label::before{
    background-color: #97144D;
    border-color: #97144D;
}
.custom-control{min-height: 0;padding-left: 2.2rem;margin-top: 0px;display: inline-block;vertical-align: middle;}
.custom-control-label::before,.custom-control-label::after{top:0;left: -2.1rem;}
.custom-control-input{width: 20px!important;height: 20px;}
.custom-checkbox .custom-control-label::before{border-radius: 0;}


.btn-primary{
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;background: #97144D;border-color:#97144D;border-radius: 5px;
}
.modal .btn-primary{
    min-width: 188px;
    min-height: 43px;
}
.modal textarea.form-control{
    border: 1px solid #000000; padding: 4px 11px;
}
.modal label{
    font-weight: normal;
    font-size: 17px;color: #000000;
}
.modal .modal-header .modal-title,.modal-header h3{
    font-weight: bold;
    font-size: 19px;
    line-height: 28px; color: #000;
}
.modal .modal-header{padding: 35px;padding-top: 22px;border: none;}
.modal .modal-body{padding: 32px 35px;padding-top: 0px;}


/*select2*/
.select2-container{display: block;}
.select2-container--default .select2-selection--single{border: 0; border-bottom: 1px solid #656565;
border-radius: 0;}
.select2-container--open .select2-selection--single{border-bottom: 0}
.select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 17px;
    line-height: 26px;
    color: #000;
    padding-left: 0;
}
.select2-results ul li{padding-left: 2rem;font-weight: normal;font-size: 16px;
    line-height: 25px; position: relative; 
}
.select2-results ul li:first-child{display: none;}
.select2-container--default .select2-results__option--selected{background: none;color: #000;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: transparent; color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: 0; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    position: absolute;
    top: 50%; font-size: 15px;  
    transform: translateY(-50%);
    border: 0;
    content: "\f078";
    font-weight: 900;    color: #000;
    font-family: 'Font Awesome 5 Free';
}
.select2-search--dropdown{display: none;}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{
    transform: translateY(-50%) rotate(180deg);    color: #000;
}
.select2-dropdown .select2-results__options{
    padding: 13px 16px;
    border-radius: 4px;
}
.select2-container--open .select2-dropdown--below{
    border-radius: 4px;border-top: 1px solid #656565;
}
.select2-results ul li:before{
    border: 1px solid #A4A4A4;width: 20px;
    height: 20px;border-radius: 50%; content: '';position: absolute; left: 0;z-index: 2;
    top: 9px;
    /*top: 50%;
    transform: translateY(-50%);*/
}
.select2-results ul li.select2-results__option--selected:before{
    border: 1px solid #97144d;
}
.select2-results ul li.select2-results__option--selected:after{
    content: '';
    font-family: 'Fone Awesome 5 Free';
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #97144d;
    position: absolute;
    left: 0px;
    top: 9px;
    border: 4px solid #fff;
    z-index: 1;
}
.custom-dropdown .select2-results ul li{padding-left: 0}
.custom-dropdown .select2-results ul li::before {
    display: none;
}
.custom-dropdown .select2-results ul li.select2-results__option--selected:after{display: none;}
.select2-container--open .custom-dropdown.select2-dropdown--below{border: 0}
.custom-dropdown .select2-results ul {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.custom-dropdown .select2-results ul li {
    padding-left: 0;
    padding: 10px 16px;
    border-radius: 5px;
    border: 1px solid #97144d; font-size: 13px;color: #000;
}
/*global backgorund*/
.bg_gray{background-color: #C8C8C8}
.bg_brwn{background-color: #97144D}

hr {
    margin-top: 4px;
    margin-bottom: 4px; 
    border-top: 1px solid #cecece;
}


#files-area{
    width: 100%;
}
.btn-attach{
    border: 1px solid #97144D;
    color: #97144D;
    border-radius: 8px;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    padding: 9px 13px; padding-right: 0;font-family: 'Lato-Bold';
}
.btn-attach:hover,.btn-attach:focus{color: #97144d;}
.btn-attach:after{
    content: '';
    background-image: url(images/upload.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    padding: 9px 15px;
    border-left: 0;
}
.file-block{
    border: 1px solid #97144D;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #97144D;
    font-size: 13px;
    line-height: 13px;
    padding: 10px 23px;
    margin-right: 5px; margin-bottom: 10px;
    
}
.file-block > span.name{
        padding-right: 10px;
        width: max-content;
        display: inline-flex;
    }
.file-delete{
    width: 24px;
    color: initial;
    background-color: #6eb4ff00;
    font-size: large;
    justify-content: center;
    margin-right: 3px;
    cursor: pointer;
    
}

.file-delete > span{
    color: #97144d; font-size: 14px;
}

.status-span  {width: 15px;height: 15px;border-radius: 50%;float: left;margin-right: 10px;margin-top: 2px;}
.status-span-success{
    background-color: #1FC24E;
}
.status-span-danger{
    background-color: #FF2121;
}
.status-span-info{
    background-color: #FEC600;
}


.responsive-td, .api-table tbody tr.responsive-td td{display: none;}
.main_content{margin-bottom: 10px;}






.delete_ip_popup .modal-header {border: none;padding: 40px 20px 0;}
.delete_ip_popup .modal-body{text-align: center;padding: 20px 0 50px;}
.delete_ip_popup .modal-body p{color: #000; font-size: 17px; padding-bottom: 15px;}
.delete_ip_popup .modal-body button{padding: 10px 66px;margin-right: 11px;text-transform: uppercase;font-size: 13px;}
.delete_ip_popup .modal-body button:last-child{color: #fff;}


/* Breadcrumb Content*/
.breadcrumb_section{padding: 50px 0 50px;}
.breadcrumb_section .breadcrumb_header{padding: 0px 0px 20px;position: relative;box-shadow: 0px 4px 0px rgb(0 0 0 / 25%);}
.breadcrumb_section .breadcrumb_header h2{font-size: 16px;display: flex;padding-left: 17%;}
.breadcrumb_section .breadcrumb_header h1::before{border-bottom: 1px solid #4c4c4c;content: " ";position: relative;left: 0px;width: 160px;height: 0.01em;background: #000;display: inline-block;margin-right: 3%;vertical-align: middle;}
.breadcrumb_section .breadcrumb_header h1::after{content: " ";position: absolute;left: 159px;top: 16px;width: 5px;height: 5px;background: #000;border-radius: 50%;}


.upload-btn-wrapper   .custom-file{width: 10%;}
.upload-btn-wrapper-case .custom-file{width: 17%;}
.upload-btn-wrapper  .custom-file-label::after{
  content: '';
  background-image: url(images/download.svg);
  background-repeat: no-repeat;
    background-position: center center; background-color: transparent; padding: 15px;
    border-left: 0;
}
.upload-btn-wrapper .custom-file-label {
    border: 1px solid #97144D;
    color: #97144D;
    border-radius: 8px;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    padding: 11px 13px;
}

#access .modal-body,#getProdAccess .modal-body{min-height: 400px;}






/*main table css*/
.ip_address_section .ip_table table th {text-align: inherit;background-color: #97144D;color: #fff;border: 1px solid #8c2946;padding: 13px 20px;font-weight: 400;}
.ip_address_section .ip_table table th:first-child,
.ip_address_section .ip_table table tbody td:first-child{text-align: center;}

.ip_address_section .ip_table table th:first-child .custom-checkbox .custom-control-label::before{
    background: transparent;    border-color: #fff;
}
.ip_address_section .ip_table table td{color: #000;border: 1px solid #DEDEDE;background-color: #F9F9FA;height: 45px;padding: 13px 20px;}
.ip_address_section .ip_table .custom-control {min-height: 0;}
.ip_address_section .ip_table th .custom-control-input:checked~.custom-control-label::before,
.table .custom-control-input:checked~.custom-control-label::before {border-color: #ffffff;}
.ip_address_section .ip_table .custom-checkbox .custom-control-label::before, .custom-control-label::after {
    height: 20px;width: 20px;}
.ip_address_section .ip_table .custom-checkbox .custom-control-label::before {border-radius: 0;}
.ip_address_section .comment_box .form-control {border: 1px solid #000000; font-size: 12px;line-height: 18px;height: 66px;border-radius: 0px;color: #787878;}
.ip_address_section .comment_box .button .btn-warning{background-color: #1FC24E; border-color: #1FC24E}
.ip_address_section .comment_box .button .btn-success{background-color: #FF2121; border-color: #FF2121}
.ip_address_section .comment_box .button .btn {padding: 10px 65px;margin-right: 15px;color: #fff;}
.ip_address_section .comment_box textarea{padding: 4px 13px;}

/*choose list css*/
.choose_list ul {list-style: none;margin: 0;padding: 0;}
.choose_list .actiive{background: #97144D;}
.choose_list .actiive span {color: #fff;}
.choose_list ul {    border: 1px solid #dedede;}
.choose_list ul li {border:0;border-bottom: 1px solid #DEDEDE;line-height: 30px;background-color: #F9F9FA;/*padding: 0px 10px 0;*/}
.choose_list ul li:first-child .custom-control-input:checked~.custom-control-label::before{border-color: #fff;}
.choose_list ul li:first-child  .custom-control-label::after,.choose_list ul li:first-child  .custom-control-label::before{
border-color: #fff;}
.choose_list ul li:first-child .custom-checkbox .custom-control-label::before,
.choose_list ul li:first-child .custom-control-label::after{background-color: transparent;}

.choose_list ul li .custom-control-label::before{border-color: #97144D}
/*.choose_list ul li .custom-checkbox .custom-control-label::before,
.choose_list ul li .custom-control-label::after{    background-color: #97144D;}*/

.choose_list ul li:first-child{border-bottom: 0;}
.choose_list ul li:first-child  .custom-control{border-right: 0;}
.choose_list ul li:last-child{border-bottom: 0;}
.custom-checkbox .custom-control-label::before, .custom-control-label::after{left: -32px;top: 4px;}
.dashboard_table .custom-checkbox .custom-control-label::before, .dashboard_table .custom-control-label::after {
    left: -22px;
    top: 4px;
}

.choose_list .custom-control{border-right: 1px solid #DEDEDE;margin: 0;margin-right: 17px;}
.choose_list .custom-control {min-height: 0; padding: .5rem 0;padding-left: 3rem;/*margin-top: 6px;*/display: inline-block;vertical-align: middle;}
.prod .choose_list ul li{padding: 6px 23px}
.choose_list p {
    margin-bottom: 0px;
}
/*thankyou page*/
.thankyou_info .check-icon{width: 85px;height: 85px;background-color: #04AF49;border-radius: 50%;line-height: 85px;color: #fff;margin: 0px auto;position: relative;}
.thankyou_info .check-icon::before{content: '';width: 13px;height: 3px;background-color: #ffffff;left: 22px;position: absolute;bottom: 30px;z-index: 1;transform: rotate(45deg);}
.thankyou_info .check-icon::after{content: '';width: 43px;height: 3px;background-color: #ffffff;right: 16px;position: absolute;top: 41px;z-index: 1;transform: rotate(137deg);}
 .thank_main{background-color: transparent; height: 100%;padding-bottom: 50px;}
 .thankyou_info a, p{font-size: 16px; color: #000000;margin-bottom: 0;}
.thankyou_info a, p {margin-bottom: 20px;}
.thankyou_info a:hover{text-decoration: none;}
/*choose uat access popup*/
.uat-acceess-list ul{list-style: none; padding: 0; margin: 0;}
.uat-acceess-list{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 5px;border: 1px solid #C0C0C0; padding: 10px 22px;}
.uat-acceess-list li{vertical-align: middle; margin-bottom: 5px}
.uat-acceess-list li:last-child{margin-bottom: 0;}
.uat-acceess-list li a{margin-left: 5px;}
.uat-acceess-list li a:last-child{margin-left: 0}
.uat-certificate{margin-top: 22px;}
.uat-certificate h6{font-weight: normal;font-size: 16px;}
.info{position: absolute;right: 14px;color: #000;top: 14px;border: 1px solid #000;height: 15px;width: 15px;text-align: center;border-radius: 50%;font-size: 9px;line-height: 15px;}
.warning {color: #FF2121;height: 40px;display: flex;}
.warning_info {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #FF2121;
    color: #FF2121;
    text-align: center;
    font-size: 8px;
    line-height: 14px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 3px;
    align-items: center;
}

/*for hierchy select*/
.hierarchy-select .btn{
        background: #97144D; width: 85%;
    border-radius: 5px;
    border-color: #97144D; padding: 15px 17px; padding-right: 34px; position: relative;
    text-align: left;
}
.hierarchy-select .dropdown-toggle:hover,
.hierarchy-select .dropdown-toggle:focus{
    box-shadow: none;
}
.hierarchy-select .dropdown-toggle::after{
     position: absolute;
    top: 50%; font-size: 15px;  
    transform: translateY(-50%);
    border: 0; right: 15px;
    border: 0;content: "\f078";
    font-weight: 900;    color: #fff;
    font-family: 'Font Awesome 5 Free';
}
.hierarchy-select.show .dropdown-toggle::after{
    transform: rotate(-180deg) translateY(-50%); top: 20%;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background: #97144D;border-color: #97144D; 
}
.hierarchy-select .dropdown-item{
    padding: 15px 17px;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
}
.hierarchy-select .dropdown-item.active, .hierarchy-select .dropdown-item:active{
     background: #97144D;border-color: #97144D; 
}
.hs-searchbox{display: none;}
.hierarchy-select .dropdown-menu.show{padding: 0;width: 90%;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.title_one{color: #aaa;font-size: 12px;}

/*uat access popup*/
.table-popup thead th{background: #97144d; border-bottom: 0; border-color: #97144d; color: #fff;}
.table-popup tbody td{background: #F9F9FA; border-color:  #DEDEDE;}
/*popup css*/
.choose_list .form-group{ margin-bottom: 15px;}
/*AS dashboard UAT acess css start*/


.comment_box span{color: #000; margin-right: 25px}
.comment_box span:last-child{margin-right: 0}
.api-table .table{margin-bottom: 0}
.ip_address_section  .api-table .table td{border-bottom: 0;}
.ip_address_section  .api-table .table tfoot td{border-bottom: 1px solid #dedede}


/*input css*/

.formRow {
  position: relative;
  width: 100%;
}
.formRow--item {
  display: block;
  width: 100%;
}
.formRow--input {
  position: relative;
  padding: 15px 0px 1px;
  width: 100%;
  outline: none;
  border-bottom: 1px solid #eee !important;
  color: #2c3235;
  font-weight: 400;
  font-size: 16px;
  resize: none;
  transition: all 0.2s ease;
  border: none;
}
.formRow--input-wrapper {
  position: relative;
  display: block;
  width: 100%;
}
.formRow--input-wrapper.active .placeholder {
  top: -5px;
  background-color: #ffffff;
  color: #4b1427;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-size: 11px;
  line-height: 14px;
  transform: translateY(0);
}
.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
  color: #fec8c9;
}
.formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
  border-color: #4b1427;
}
.formRow .placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  padding: 0 0px;
  color: #000;
  white-space: nowrap;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-size: 17px;
  transition: all, 0.2s;
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ip-form-group .custom-checkbox .custom-control-label::before, 
.ip-form-group  .custom-control-label::after{
    top: 0;
}

@media only screen and (max-width: 1024px){
    
    .dashboard_section #report .delete button {
        width: auto !important; 
        float: right !important; 
    }
}
@media only screen and (max-width: 992px){
    .hierarchy-select .dropdown-menu.show {width: 66%;}
    .tab-order-1{order: 1; display: flex;     flex-wrap: wrap;}
    .tab-order-2{order: 2;}
    .nav-tabs .nav-item {margin-right: 25px;}
    .sidebar{flex:0 0 46%; max-width: 46%; margin-right: 22px;}
    .sidebar:last-child{margin-right: 0;}
    .upload-btn-wrapper .custom-file {width: 15%;}
    .upload-btn-wrapper-case .custom-file {width: 25%;}
    .access_info .select2-container {
        width: calc(100% - 60%) !important;
    }
     .form-group {margin-bottom: 22px;}
    .padding_right{padding-right: 0px;}
    .padding_left{padding-left: 0px;}
    
    
    .paddingNone{padding: 0px 0px 0 15px;}
    .hierarchy-select .btn{width: 66%;}
}

@media only screen and (max-width: 768px) { 
    .sidebar {  
        margin-right: 52px;
    }
.dashboard_section .table_content .add_button button { 
    margin-bottom: 20px;
    }
       .dashboard_section #report .delete button {
    width: auto !important; 
    float: right !important; 
}
       .select2-container--open .select2-dropdown--below {
    width: 180px !important;
}
}



@media only screen and (max-width: 767px) {
     h1 {
        font-size: 19px;
    }
    .d-md-none{display: none;}
    .tab-content{margin-top: 23px}
    .nav-tabs .nav-item,.nav-tabs .nav-link {
        margin-right: 0px;
    }
    .nav-tabs {border-bottom: 0; margin-top: 0;}
    .table-responsive{overflow: hidden;}
    .nav-tabs .nav-item {width: 100%;}
    .form-group {margin-bottom: 22px;}
    .padding_right{padding-right: 0px;}
    .padding_left{padding-left: 0px;}
    .responsive-td {
        display: block;
    }
    .upload-btn-wrapper .custom-file {
        width: 35%;
    }
    .upload-btn-wrapper-case .custom-file{width: 50%;}
    .breadcrumb_section .breadcrumb_header h1::before{width: 53px;}
   
    .breadcrumb_section .breadcrumb_header h1::after{left: 53px;top: 10px;}
    .tab-order-1{order: 1; display: block;}
    
   
    .container-fluid{justify-content: center;}
    .dashboard_section .card-body{margin-top: 0}
    .sidebar{flex:0 0 100%; max-width: 100%; margin-right: 0;} 
    .add_button{margin-bottom: 15px;}
    
    .ip_address_section .comment_box .button .btn{width: 100%; margin-bottom: 15px;}
    
    .img-header{margin-bottom: 0}

    .ip-report-table table tbody tr td.status{
        position: absolute;
        top: 21px;
        right: 0;
        border-left: 0;
        border-radius: 5px 0px 0px 5px;
        padding: 3px 10px;
        text-transform: uppercase;
    }
    .ip-report-table table tbody tr td.status.status-success{
        color: #1FC24E;background: #EFF9EB;
    }
    .ip-report-table table tbody tr td.status.status-danger{
        color: #FF2121;background: #F9F1EB;
    }
    .ip-report-table table tbody tr td.status.status-info{
        color: #856404;
        background-color: #fff3cd;
    }
    /*ip report table*/
    .ip-report-table table tbody tr td:first-child{display: block;}
    
    .ip-report-table table tbody tr td:nth-child(2):before{padding: 0; margin: 0;}
    .ip-report-table table tbody tr td:nth-child(2){border-left: 1px solid rgba(0, 0, 0, 0.12);
        border-top-left-radius: 8px;}


    .ip_address_section table thead,.ip-report-table table thead{ display: none;}
    .ip_address_section .ip_table table tr,
    .ip-report-table table tbody tr{
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
        border-radius: 8px;
        position: relative;
        margin-bottom: 10px;
    }
    .ip_address_section .ip_table table td,
    .dashboard_section  .ip-report-table table tbody tr td{
        border:0;
        background-color:#fff;
        display: block;
        height: auto;
        font-size: 12px;
        line-height: 16px;
        padding: 7px 15px;
        /* border: 1px solid rgba(0, 0, 0, 0.12); */
        border-bottom: 0;
        border-top:0;
    }
   .ip_address_section .ip_table table td.status, .dashboard_section .ip-report-table table tbody tr td.status{
    padding: 3px 6px;
   }
    .ip_address_section .ip_table table tbody td:first-child{
        text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
    .ip_address_section .ip_table table td:first-child{
        width: 100%;
        float: left;
        border-right: 0;
        border-bottom: 0;
        border-top-left-radius: 8px;
    }
    .ip_address_section .ip_table table td:nth-child(2),
    .ip-report-table table tbody tr td:nth-child(2){
        font-weight: bold;
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-top-right-radius: 8px;
    }
    .ip_address_section .ip_table table td .custom-control-label::before{    border: 1px solid #000;}

    .ip_address_section .ip_table table td:nth-child(3),
    .ip_address_section .ip_table table td:nth-child(4),
    .ip_address_section .ip_table table td:nth-child(5){
        width: 50%; float: left;border-radius: 0; clear: both;width: 100%; 
    }

    .ip_address_section .ip_table table td:nth-child(3),
    .ip_address_section .ip_table table td:nth-child(4),
    .ip_address_section .ip_table table td:nth-child(5){
        position: relative;
    }
    .ip_address_section .ip_table table td:nth-child(3):before,
    .ip_address_section .ip_table table td:nth-child(4):before,
    .ip_address_section .ip_table table td:nth-child(5):before,
    .ip-report-table table tbody tr td:before{
        content: attr(data-title);
        color: #858585;
        font-size: 10px;
        line-height: 14px;
        width: 100%;
        position: relative;
        left: 0;
        padding-left: 0px;
        margin-top: 5px;    margin-right: 5px;
    } 
    .ip_address_section .ip_table table td:last-child{
        border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;
        border-bottom:  1px solid rgba(0, 0, 0, 0.12)
    }
    
    .ip_address_section .ip_table table tr.responsive-td td:first-child,
    .ip-report-table table tr.responsive-td td:first-child{width: 100%;float: none;
        clear: both;
        padding: 0;
    }
    .ip_address_section .ip_table table .responsive-td,
    .ip-report-table table tr.responsive-td{width: 100%;border:0;display: block;height: 11px;border-radius: 0;box-shadow: none;}
    
    .ip_address_section .ip_table table  .responsive-td td,
    .ip-report-table table tr.responsive-td td{border:0;}

    .uat-access-table table tbody tr td:nth-child(3),
    .uat-access-table table tbody tr td:nth-child(4){padding-top: 20px;}

    .uat-access-table table tbody tr td:nth-child(2){
        border-top-left-radius: 8px;
    }
    .uat-access-table table tbody tr td:first-child{display: none;}
    .responsive-select{background: #F1F4F7;padding: 20px;margin: 0 -15px;margin-bottom: 22px;line-height: 40px;}

    .ip_address_section .uat-access-table table tbody tr td:before{position: absolute!important;
        left: 15px!important;top: 0;}

    .ip_address_section .uat-access-table table td:first-child{width: 100%}


    .dashboard_section .status-span{margin-right: 0;}
    .dashboard_section .status-span {width: 8px;height: 8px;margin-top: 4px;margin-right: 0px;}
    .responsive-select i{margin-right: 5px; color: #fff; font-size: 19px;}
    .select-nav.form-control{background: #97144d;width: 100%;color: #fff;border-radius: 4px;padding: 10px 11px;height: auto;}
    .table-popup tbody td{    word-break: break-all;}
    
    .container-fluid{justify-content: center;}
}

@media only screen and (max-width: 480px) { 
    .dashboard_section table { width: 99%; margin: 10px auto;}
    .dashboard_section table tbody tr {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
    .dashboard_section {
        padding: 33px 0px !important;
    }
    .dashboard_section .button_text {
        margin: 0px 0px 0 18px !important;
    }
    .dashboard_section .goole_chat_button .button_text {margin: 0px 0 0 !important;}
    .dashboard_section .button_text a { 
        display: inline-block;
        margin-bottom: 10px;
    }
    .modal-dialog { 
        /*margin: 0 30px 0px 10px; */
        margin: auto 20px;
    }
    .upload-btn-wrapper .custom-file-label { 
        font-size: 11px; 
        padding: 9px 13px;
    }
    .d-xs-none{display: none;}
   .api-table tbody{overflow-x: hidden;} 
   /* .select2-container--open .select2-dropdown--below {
        width: 100% !important;
    }*/
    .modal .modal-body{padding: 20px}
    .select2-container--open .select2-dropdown--below{border-top: 0}
    .select2-container--default .select2-selection--single{    border-bottom: 1px solid #656565;}
    .table{    margin: auto; width: 99%;}
    .ip_address_section  .uat-access-table table tbody tr td{background: transparent; border-top: 0}
    .breadcrumb_section .breadcrumb_header h2{    padding-left: 18%;}
}
@media only screen and (max-width: 320px){
    h1 { font-size: 18px;}
    .breadcrumb_section .breadcrumb_header h2{padding-left: 20%;}
    .hierarchy-select .btn {width: 71%;}
}

//dashboard css
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css') ;  */
    
.mobile-select select{
    appearance:none; 
    -webkit-appearance:none;
       -moz-appearance:none;
    appearance:none; 
    position: relative;
}
.mobile-select::after {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    color: #fff;
    right: 13px;
    top: 20px;
    position: absolute;
    transform: translateY(-50%);
    font-weight: 900;
}

/* dashboard pagee start */
.dashboard_section{padding:33px 35px;}
.dashboard_section .flex-row a.link,.link{color: #97144d}
.dashboard_section .card{border:0; border-radius: 0;}
.dashboard_section .card-header{border:0; background: none;padding: 0}
.dashboard_section .card-body{padding: 0;margin-top: 23px;}

.dashboard_section .main_content {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border: 1px solid #CBBFBF; padding: 43px 23px;
}
.main_content_heading{margin: 0 0 34px 0}
.dashboard_section .table_content {margin-top: 0px;width: 100%;}
.dashboard_section #report .table_content {border: none;margin-top: 0;}
.dashboard_section .table_content .table-container{margin-top: 30px;}
.dashboard_section #report .table_content .select2-container{width: 100% !important;}
.dashboard_section #report .delete button {width: 80%;margin: 0px auto;display: inherit;text-align: center;     margin-top: 10px;}
.dashboard_section .sidebar {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border: 1px solid #CBBFBF;padding: 30px 18px;margin-bottom: 24px;}
.dashboard_section  .sidebar h2{margin-bottom: 13px;}
.dashboard_section .sidebar ul li ul h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #000;
    margin-bottom: 10px;
}
.dashboard_section .sidebar .nav.expired li a {
    text-decoration: none;
    color: #000;
}
.dashboard_section  .sidebar .nav>li>a:hover, 
.tabbable-panel  .sidebar .nav>li>a:focus {text-decoration: underline;background-color: transparent;} 
.dashboard_section .fontsize {font-size: 28px;}
.dashboard_section .fontsize i{font-size: 18px;}
.dashboard_section .fontsize[ aria-expanded="true"] i{
    transform: rotate(180deg);
}
.dashboard_section  .sidebar nav {margin-top: 11px;}
.dashboard_section  .sidebar .nav>li>a{padding-left: 0;color: #97144D;}
.dashboard_section  .sidebar .nav>li>ul li{border-bottom: 1px solid #eee;}
.dashboard_section  .text_heading {display: inline-block;}
.dashboard_section .text_heading h2{font-size: 20px;margin: 0;color: #000000;}
.dashboard_section .button_text {float: right;align-items: center;margin: 0px 0 0;}
.dashboard_section .goole_chat_button .button_text {float: right;align-items: center;margin: 0px 0 0;position: relative;z-index: 1;}
.dashboard_section  .button_text a{color: #333333; margin-left: 2px;}
.dashboard_section .button_text a:hover{text-decoration: none;}
.dashboard_section  .button_text a i{font-size: 20px;height: 36px;width: 36px;border: 1px solid #97144D;border-radius: 5px;line-height: 34px;text-align: center;color: #97144D;}


.dashboard_section .dropdown_list button {border: none;background-color: transparent;text-decoration: none;position: relative;width: 100%;text-align: left;font-size: 17px;border-bottom: 1px solid #656565;padding: 0px 0px 3px;}
.dashboard_section .dropdown_list button:focus{outline: none;}
.dashboard_section .dropdown_list button ins{text-decoration: none;}
.dashboard_section .dropdown-toggle::after {text-align: right;position: absolute;right: 0;top: 50%; transform: translateY(-50%);
    border: 0; content: "\f078"; font-weight: 900; font-family: 'Font Awesome 5 Free'; right: 0;
}

.dashboard_section .dropdown-item i{font-style: normal;}
.dashboard_section .dropdown-menu ul{list-style: none;padding: 0;}
.dashboard_section .dropdown-menu {
    min-width: 100%;
    padding: 13px 16px;
    border-radius: 4px;
}
 .dashboard_section  .dropdown.show .dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
}
 .dashboard_section .dropdown-item {
    cursor: pointer;  
    padding: 0;
      font-size: 17px;
    color: #000;
    line-height: 25px;
    background-color: transparent;margin-bottom: 15px;}
.dashboard_section .dropdown-item:last-child{margin-bottom: 0}
.dashboard_section  .dropdown-item i{font-style: normal;}


.dashboard_section .dropdown-menu ul li a{color: #000; display: block;}
.dashboard_section .dropdown-menu ul li a:hover{text-decoration: none;}
.dashboard_section .dropdown-menu ul li:hover{background-color: #9a0049;}
.dashboard_section .dropdown-menu ul li:hover a{color: #fff;}



.dashboard_section  .sidebar nav {margin-top: 11px;}
.dashboard_section  .sidebar ul {padding: 0px;margin: 0px;list-style: none;}
.dashboard_section  .sidebar ul li a{ color: #333333;display: block;}
.dashboard_section  .sidebar ul li ul li{line-height: 18px;font-size: 15px;margin-bottom: 20px;}
.dashboard_section  .sidebar ul li ul li a{font-size:15px; line-height: 18px; text-decoration: underline; }
.dashboard_section .sidebar ul li ul li:last-child {
    margin-bottom: 0;
}
.dashboard_section .sidebar ul li ul li:hover a{/* opacity: 0.5; */text-decoration: underline;}
.dashboard_section  .sidebar ul li ul{border: 1px solid #eee;padding: 20px;margin-top: 20px;}
.dashboard_section  .sidebar ul li ul h1{font-size: 18px;}
.dashboard_section  .sidebar ul li a:hover, .tabbable-panel aside .sidebar .nav>li>a:focus {text-decoration: none; background-color: transparent;}
select::-ms-expand {
        display: none;
      }

/* GraphContent */
.label1 {font-size: 17px;font-weight: 700;fill: #5A6872;text-anchor: middle;}
.graph-container svg.graph{width: 100%}
.bx--graph-header {font-weight: 300;font-size: 24px;}
.overlay {fill: #3d70b2;opacity: .1;display: none;pointer-events: none;}
.line { stroke-width: 2;stroke: #FF00FF;fill: none; pointer-events: none;}
.axis path {stroke: #5A6872;}
.tick line {stroke: #5A6872;}
.tick text {fill: #5A6872;}
.graph-container {  position: relative;}
.tooltip {font-weight: 700;padding-left: 1rem 2rem;background-color: #fff;position: absolute;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);  border: 1px solid #DFE3E6;padding: .25rem .5rem;pointer-events: none;display: none;}
.y path {display: none;}
.label2 {display: none;}
/* dropdown Radio */
.days. radio .dropdown-item {position:relative;overflow:hidden;cursor:pointer; }
.days .radio input {visibility: hidden;position:absolute; left: -30px; }
.days .radio i {font-weight:normal; font-style:normal;  display:block; }



/* TableContent */
.dashboard_section .table thead{
        background: #9a0049;
    color: white;
    border-color: #8c0545;
}
.dashboard_section .table thead tr th{
        border-right-color: #8c0545; border-color: #8c0545;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;color: #FFFFFF;
}
.dashboard_section .table.table-custom thead tr th:first-child{
    width: 5%;
}
.dashboard_section .table  tbody td{
    background-color: #f4f2f1;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}

.dashboard_section .table  thead .custom-control-label::before {
    background: transparent;
    border: 1px solid #fff;
}
.dashboard_section .table  tbody .custom-control-label::before {
    border-color: #444849;background: transparent;
}
.dashboard_section .table  tbody  .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    border: 1px solid #97144d;background-color: #97144d;
}


.dashboard_section .table_content {display: block;width: 100%;margin-top: 30px;}
.dashboard_section .table_content .add_button{text-align: right;}
.dashboard_section .table_content .add_button button{background-color: #9b2f4a;color: #fff;height: 45px;text-transform: uppercase;padding: 0 30px;}
.dashboard_section .table_content .add_button button i{padding-left: 10px;}
.dashboard_section .flag-icon {margin-right: 0.1em;}
.dashboard_section .page_navigation{float: right;}
.dashboard_section .pagination {margin-top: 26px;}
.dashboard_section .pagination li {}
.dashboard_section .pagination .active a {color: #fff;background-color: transparent;font-weight: 600;background-color: #000;border-radius: 9px;}
.dashboard_section .pagination .active a:hover {background-color: transparent;color: #143361;border: 0px;}
.dashboard_section .pagination .active a:focus {background-color: transparent;color: #143361;outline: none;}
.dashboard_section .pagination li a {border: 1px;color: #707070; margin-right: 10px;
    width: 30px;height: 30px; 
 display: block;  text-align: center;  line-height: 30px;}
.dashboard_section .pagination li a:hover {  background-color: transparent;color: #fff;padding-bottom: 2px;border-bottom: 1px solid;text-decoration: none;  background-color: #000;  border-radius: 9px;}
.dashboard_section .pagination li a:focus {outline: none;background-color: transparent;/*color:#707070;*/}

.dashboard_section .pagination li:first-child a, .pagination li:last-child a {border: 2px solid #f4f2f1 !important;
  border-radius: 29%; border: 2px solid;font-size: 14px;color: #143361;height: 35px;width: 35px;
  display: inline-block;text-align: center;background-color: #f4f2f1;line-height: 33px;
  margin-top: -2px;}
 .pagination li:last-child a{margin-right: 0;}
.dashboard_section .pagination li:first-child a:hover, .pagination li:last-child a:hover {text-decoration: none !important;color: #fff;background-color: #9b2f4a;}
.dashboard_section .pagination li:first-child a:focus, .pagination li:last-child a:focus {outline: none;}
.dashboard_section .row_page {text-align: right;margin-top: 28px;padding-right: 72px;}
.dashboard_section .row_page h2 {font-size: 14px;display: inline-block;margin-right: 23px;color: #000;}
.dashboard_section .page_list {width: 82px;border: none;display: inline-block;}
.dashboard_section .page_list .form-control {border: 1px solid #dcd8d8 !important;padding: 0px 6px;height: 31px;border-radius: 5px;}
.dashboard_section .custom-checkbox .custom-control-label::before {border-radius: 0;}


#zoomModal .modal-body{padding-top: 32px;}

/* drop off tabe*/

.tracker_bar h2{color: #000000; font-size: 24px; line-height: 25px; margin-bottom: 30px;}

.tracker_bar .multi-steps {display: table;table-layout: fixed;width: 100%;}
.tracker_bar .multi-steps > li {counter-increment: stepNum;text-align: center;  display: table-cell; 
 position: relative;  }
.tracker_bar .multi-steps > li:last-child:after {display: none;}

 .tracker_bar .multi-steps > li  span {margin-top: 11px;display: block;color: #000;line-height: 22px;font-size: 14px;}
.tracker_bar .multi-steps > li  span:last-child{margin-top: 0px;}
.tracker_bar .activebox {height: 9px;width: 9px;background-color: #ffffff;position: absolute;top: 11px;left: 0;right: 0; margin:auto; z-index: 999999999;border-radius: 50%;}
.tracker_bar .multi-steps > li:last-child:after {display: none;}

.tracker_bar .multi-steps > li:after {content: "";height: 2px;width: 75%;background-color: #E2E2E2;
position: absolute;top: 16px;  left: 50%;z-index: 1;margin-left: 29px; z-index: 1;}

.tracker_bar .multi-steps > li:before {
    content: ''; display: block;color: #fff;  top: -5px;  
    position: relative; border-radius: 50%;
    background-color: #ededed;border-color: #ededed;
    width: 16px;height: 16px; margin: auto; z-index: 2;
}

.tracker_bar .multi-steps > li.completed:before{
    content: "\f00c";
    font-family: "font Awesome 5 free";
    width: 30px;  height: 30px;
    line-height: 30px;text-align: center;
    font-weight: bold; z-index: 2;
    background-color: #1FC24E; position:absolute; left: 0; right: 0; margin: auto; top: 0;
}

.tracker_bar .multi-steps > li.is-active:before {
    background-color: #1FC24E;
    border-color: #1FC24E;
    top: 0;
    position: relative;    font-family: inherit;
    font-weight: 700;
    color: transparent; width: 30px;
    height: 30px; z-index: 2;
}
.tracker_bar .multi-steps > li.is-inactive:before{
    background-color: red;
    border-color: red;top: 0;
    position: relative;    font-family: inherit;
    font-weight: 700;
    color: transparent; width: 30px;
    height: 30px; z-index: 2;
}

.tracker_bar .activebox {
    height: 9px;
    width: 9px;
    background-color: #ffffff;
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999999999;
    border-radius: 50%;
}

.google-chart-btn span {vertical-align: middle;}
.google-chart-btn span i{font-size: 20px; vertical-align: middle;}
.icon-success{color: #97144d}
.icon-failure{color: #575757}
.delete{display: none;}

@media only screen and (max-width: 768px){
.dashboard_section .row_page {padding-right: 2px;}
.dashboard_section .sidebar #dropdown-lvl1{position: absolute;z-index: 1;background-color: rgb(255, 255, 255);width: 300px;right: 17px;}
    
}
@media only screen and (max-width: 767px){
    .dashboard_section .sidebar #dropdown-lvl1{position: absolute; right: 15px;    width: 90%;    left: 17px;}
    .tracker_bar .multi-steps > li:after{    width: 100%;
    left: 30%;    margin: 0 20px;}
    .graph-container svg{width: 100%}    
     .dashboard_section .main_content {margin-left: 0;margin-right: 0;padding: 35px 0px 0 15px;}
    .dashboard_section .table_content .add_button button{width: 100%;}
    .dashboard_section .table_content{margin-left: 0px;margin-right: 0px;}
    .delete_ip_popup .modal-body button {padding: 10px 46px;margin-right: 5px;}
    .dashboard_section {
        padding: 33px 15px;
    }
    .ip-report-table table.admin-table tbody tr td:first-child{display: none;}
    .dashboard_section .main_content .select2-container {
    width: 100% !important;
}
    
    .dashboard_section .ticket-report-table table td:nth-child(2){
    line-height: 31px;
    }
    .ip-report-table .dashboard_table tbody tr td:first-child {
        display: block;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
        width: 100%;
        position: absolute;
        z-index: 1;
        background: none;
        padding-left: 0;
    }
    .ip-report-table .dashboard_table tbody tr td:nth-child(2) {
       border-top: 0;
       border-radius: 0;
       padding-left: 42px;
       padding-top: 8px;
    }
    .ip-report-table .dashboard_table tbody tr td:last-child{
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
         /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
    }
    .ip-report-table .dashboard_table tbody tr.responsive-td td{
        border: 0; border-radius: 0;
    } 
    .ticket-report-table tbody tr td:first-child{ display: none !important;}
    .google_chart {margin-top: 40px;}
    .google-chart-btn{margin-bottom: 20px}
    .delete {display: block;}
}

/* commented out by sid
div[dir="ltr"],svg {
        width: 100%!important;
}
*/
/* dashboard pagee end */

/* dashboard design by sonali */
.dashboard_container_main {
      	width: 94%;
    	margin: 0 auto;
}
.dashboard_container_main .views-exposed-form.bef-exposed-form {
	margin-bottom:30px;
}
.dashboard_container_main .views-exposed-form.bef-exposed-form .form--inline {
	width: 60%;
    	display: flex;
    	text-align: left;
	flex-direction: row;
    	justify-content: space-between;
}
.dashboard_container_main .views-exposed-form.bef-exposed-form .form--inline > div {
	width:40%;
}
.dashboard_container_main .views-exposed-form.bef-exposed-form .form--inline > div .bx--label {
	justify-content: left;
	font-size: 17px;
    	color: #000;
}
.dashboard_container_main .views-exposed-form.bef-exposed-form .form--inline > div .form-select {
	width: 100%;
    	border: 0px;
    	border-bottom: 1px solid #000;
}

.dashboard_container_main .ticket-report-table table.table thead {
	background-color: #8c0545;
    	color: #fff;
   	border-color: #8c0545;
    	font-weight: normal;
}	
.dashboard_container_main .ticket-report-table table.table thead th {
	border-color: #8c0545;
	border-width: 1px;
	color: #fff;
	font-weight: normal;
}
.dashboard_container_main .ticket-report-table table.table thead th a {
	color: #fff;
	font-weight: normal;
}
.dashboard_container_main .ticket-report-table table.table tbody{
	background-color: #f4f2f1;
}
.dashboard_container_main .pager{
	display: flex;
    	width: auto;
    	float: right;
}
.dashboard_container_main .pager ul {
	display: flex;
}
.dashboard_container_main .pager ul li.pager__item {
	width: 35px;
    	height: 35px;
    	background-color: #f4f2f1;
    	text-align: center;
    	line-height: 35px;
    	margin: 10px;
}
.dashboard_container_main .pager ul li.pager__item a {
	color :#000;
}
.dashboard_container_main .pager ul li.pager__item.is-active {
    	background-color: #8c0545;
}
.dashboard_container_main .pager ul li.pager__item.is-active a {
	color: #fff;
}
.dashboard_container_main .pager ul li.pager__item.pager__item--next, .dashboard_container_main .pager ul li.pager__item.pager__item--last {
	padding: 0px 10px;
    	width: auto;
}

/*get uat access dropdown*/
.apicMainContent.main-container.js-quickedit-main-content section article {
	width: 94%;
    	margin: 0 auto;
}
.dropdown.hierarchy-select  button.btn {
	width: auto;
}
.dropdown.hierarchy-select .dropdown-menu {
	width: auto;
    	padding: .5rem 0;
    	margin: .125rem 0 0 -15px;
    	border: 1px solid rgba(0,0,0,.15);
}
.dropdown.hierarchy-select .dropdown-menu .hs-menu-inner {
	display: flex;
    	padding: 0px 10px;
    	width: 100%;
    	flex-direction: column;
    	justify-content: flex-start;
}
.dropdown.hierarchy-select .dropdown-menu .hs-menu-inner a {
	margin: 0px 0px 8px!important;
}
.hierarchy-select .dropdown-menu.show {
	margin-left: 0px!important;
	display: none;
}

/* partner onboarding*/
.partners-onboarding-form .custom-form-element{
    width: 95%;
    display: flex;
    flex-direction: column;
}
.partners-onboarding-form .custom-form-element .bx--label {
        color: #000;
	font-weight: bold;
    margin-bottom: 0px;
    line-height: 28px;
}
.partners-onboarding-form .custom-form-element .bx--label span.children{
    color: #000;
	font-weight: bold;
}
.partners-onboarding-form .custom-form-element .select.form-select {
    border: 0px;
    border-bottom: 1px solid #000;
    color: #444;
    font-size: 1rem
}
.partners-onboarding-form #issue-description-feild span {
    font-family: Lato-Bold !important;
    font-size: 1rem !important;
    color: #000000;
    margin-bottom: 0px;
    line-height: 28px;
}
.partners-onboarding-form .js-form-submit.form-submit {
    color: #fff;
}
.uat-prod-access-form #uatDropdown{
    position: relative;
}
.uat-prod-access-form #uatDropdown .uat-dropdown {
    position: absolute;
    width: 100%;
    z-index: 99;
}