.dpooldatapool{
    display: none;
}
.dpoolfrstTable{
    display: none;
}

.popupTableindpool {
    position: absolute;
    top: 106px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    z-index: 999;
}
.closepopupTableindpool {
    position: absolute;
    right: 11px;
    top: 0;
    font-size: 20px;
    z-index: 999;
}

.relationDataops{
    display: none;
}
.dataDataops{
    display: none;
}



.relationpop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    z-index: 9999999;
  }
  .closerelationpop {
    position: absolute;
    right: 11px;
    top: 0;
    font-size: 20px;
    z-index: 9999999;
  }


  .columntabset .tab .nav-tabs{
   
    margin: 0 0 10px 0;
    border: none;
}
.columntabset .tab-custom .nav-tabs-custom{
   
    margin: 0 0 10px 0;
    border: none;
}

.columntabset .tab .nav-tabs li a{
    color: #ffffff;
    /* background: linear-gradient(to top right, #62cb31 49%,#5ed028  50%) !important; */
    background: #939393 !important;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    /* text-transform: lowercase; */
    padding: 6px 5px;
    margin-right: 0px !important;
    border: none;
    border-radius: 0;
    /* box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); */
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.columntabset .tab-custom .nav-tabs-custom li a{
    color: #ffffff;
    /* background: linear-gradient(to top right, #62cb31 49%,#5ed028  50%) !important; */
    background: #939393 !important;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    /* text-transform: lowercase; */
    padding: 6px 5px;
    margin-right: 0px !important;
    border: none;
    border-radius: 0;
    /* box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); */
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.columntabset .tab .nav-tabs li:last-child a{ margin-right: 0; }

.columntabset .tab-custom .nav-tabs-custom li:last-child a{ margin-right: 0; }

.columntabset .tab .nav-tabs li.active a{
    /* color: #000000 !important; */
    color: #62cb31 !important;
    border-color: transparent;
    border: none;
    background: #fff !important;
    font-weight: 500;
    border-bottom: 1px solid #fff !important;
}
.columntabset .tab-custom .nav-tabs-custom li.active a{
    /* color: #000000 !important; */
    color: #62cb31 !important;
    border-color: transparent;
    border: none;
    background: #fff !important;
    font-weight: 500;
    border-bottom: 1px solid #fff !important;
}
/* .columntabset .tab .nav-tabs li.active a:hover{background: transparent !important;} */
.columntabset .tab .nav-tabs li.active a:hover{background: #fff !important;}
.columntabset .tab-custom .nav-tabs-custom li.active a:hover{background: #fff !important;}

.columntabset .tab .nav-tabs li a:hover{
    background: #62cb31 !important;
    border-color: transparent;
    border: none;
    color: #fff;
}
.columntabset .tab-custom .nav-tabs-custom li a:hover{
    background: #62cb31 !important;
    border-color: transparent;
    border: none;
    color: #fff;
}
.columntabset .tab .nav-tabs li a:before{
    content: "";
    /* background: linear-gradient(to right, #2F80ED, #56CCF2); */
    /* background: linear-gradient(to right, #62CB31, #62CB31); */
    background: #fff;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
.columntabset .tab-custom .nav-tabs-custom li a:before{
    content: "";
    /* background: linear-gradient(to right, #2F80ED, #56CCF2); */
    /* background: linear-gradient(to right, #62CB31, #62CB31); */
    background: #fff;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease-out 0s;
}
/* .columntabset .tab .nav-tabs li.active a:before,
.columntabset .tab .nav-tabs li a:hover:before{
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} */
.columntabset .tab .tab-content{
    color: #444;
    background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 25px 20px;
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
    position: relative;
}
.columntabset .tab-custom .tab-content-custom{
    color: #444;
    background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 25px 20px;
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
    position: relative;
}
.columntabset .tab .tab-content h3{
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 14px;
}
.columntabset .tab-custom .tab-content-custom h3{
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 14px;
}
@media only screen and (max-width: 767px){
    .columntabset .tab .nav-tabs li a{ padding: 10px 20px; }
    .columntabset .tab-custom .nav-tabs-custom li a{ padding: 10px 20px; }

}
@media only screen and (max-width: 479px){
    .columntabset .tab .nav-tabs li{
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }
    .columntabset .tab-custom .nav-tabs-custom li{
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }
}
.fresearch{
    margin-top: 6px;
}
.fresearch .form-control{
    width: 169px !important;
    float: left;
    border-radius: 3px;
    height: 29px;
    font-size: 12px;
    border: solid 1px #dedede;
}
#collectReco{
    display: none;
}
.relationDataopstree{
    display: none;
}

.shownigdata #example_wrapper .dataTables_length, .dataTables_filter {
    display: block !important;
}
.shownigdata #example_wrapper{
    margin-top: 0 !important;
}

.popupser {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 999999999999;
    overflow: scroll;

}
 
/* Inner */
.popup-inner {
    max-width: 900px;
    width: 100%;
    min-height: 500px;
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
    padding-bottom: 50px;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
  
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}



.popup-scroll{
  overflow-y: scroll;
  max-height: 300px;
  padding:0 1em 0 0;
}


.criteriathings{
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}

.criteriathings .btn-group .btn {
padding: 3px 9px;
font-size: 12px;
/* margin-top: 6px; */
margin-top: 4px;
}
.criteriathings .form-group {
    margin-bottom: 0 !important;
    margin: 5px 0px 5px 0px !important;
}
.criteriathings .form-control {
    margin-bottom: 0 !important;
    margin: 5px 0px 5px 0px !important;
    height: 28px;
    padding: 2px;
    font-size: 13px;
}
.criteriathings2{
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}

.criteriathings2 .btn-group .btn {
    padding: 3px 9px;
font-size: 12px;
margin-top: 6px;
}
.criteriathings2 .form-group {
    margin-bottom: 0 !important;
    margin: 5px 0px 5px 0px !important;
}
.criteriathings2 .form-control {
    margin-bottom: 0 !important;
    margin: 5px 0px 5px 0px !important;
    height: 28px;
    padding: 2px;
    font-size: 12px;
}
.popup-inner .table>tbody>tr>td {
    padding: 8px !important;
    font-size: 12px !important;
}
.critareatable{
    display: none;
}
.frst-in{
    padding-left: 16px;
    display: none;
}
.frst-in2{
    padding-left: 16px;
    display: none;
}
.frst-in a{
    padding-left: 16px;
    border-bottom: none !important;
}
.scnd-in{
    padding-left: 30px;
    display: none;
}
.scnd-in a{
    padding-left: 16px;
    border-bottom: none !important;
}
.sub-it{
    background-color: rgba(0, 0, 0, 0.23);
}
.columnDataops{
    display: none;
}
.columnDetail{
    display: none;
}
.selectFrst{
    width: 100%;
    display: inline-block;
    padding: 0px;
    /* background-color: red; */
    font-size: 13px;
/* padding-left: 10px; */
padding-left: 4px;
padding-right: 4px;
}
.selectScnd{
    width: 100%;
    display: inline-block;
    padding: 0;
    background-color: #fff;
    padding-left: 0;
font-size: 12px;
    /* background-color: yellow; */
}
.selectScndA{
    width: 44%;
    display: inline-block;
    /* background-color: red; */
    float: left;
    padding: 2px;
    margin-right: 5px;
    border: solid 1px #eee;
    padding-bottom: 10px;

}
.selectScndB{
    width: 54%;
    display: inline-block;
    /* background-color: red; */
    float: left;
    padding: 2px;
    display: none;
}
.selectScndB h4 {
    background-color: #d2d2d2;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}
.selectScndA h4 {
    background-color: #f9f9f9;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}
.lftdt{
    border: solid 1px #bfb9b9;
}
.lftdt {
    background-color: #fff;
    min-height: 380px !important;
}

.switch{
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  .switch + .lable{
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
  }
  .switch + .lable::before{
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
  }
  .switch:checked + .lable::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  }
  /* CSS3 on/off switches */
  .switch + .lable {
    margin: 0 4px;
    min-height: 24px;
  }
  .switch + .lable::before {
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
  }
  .switch.switch-bootstrap + .lable::before {
    font-family: FontAwesome;
    content: "\f00d";
    box-shadow: none;
    border-width: 0;
    font-size: 16px;
    background-color: #a9a9a9;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
  }
  .switch.switch-bootstrap + .lable::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .switch.switch-bootstrap:checked + .lable::before {
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #b7d3e5;
    
  }
  .switch-primary >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #62cb31;
  }
  .switch-success >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #5cb85c;
  }
  .switch-danger >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #d9534f;
  }
  .switch-info >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #5bc0de;
  }
  .switch-warning >.switch.switch-bootstrap:checked + .lable::before {
      background-color: #f0ad4e;
  }
  .switch.switch-bootstrap:checked + .lable::after {
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
  }
  /* square */
  .switch-square{
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  .switch-square + .lable{
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
  }
  .switch-square + .lable::before{
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
  }
  .switch-square:checked + .lable::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  }
  /* CSS3 on/off switches */
  .switch-square + .lable {
    margin: 0 4px;
    min-height: 24px;
  }
  .switch-square + .lable::before {
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
  }
  .switch-square.switch-bootstrap + .lable::before {
    font-family: FontAwesome;
    content: "\f00d";
    box-shadow: none;
    border-width: 0;
    font-size: 16px;
    background-color: #a9a9a9;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
  }
  .switch-square.switch-bootstrap + .lable::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .switch-square.switch-bootstrap:checked + .lable::before {
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #b7d3e5;
    
  }
  .switch-primary >.switch-square.switch-bootstrap:checked + .lable::before {
      background-color: #337ab7;
  }
  .switch-success >.switch-square.switch-bootstrap:checked + .lable::before {
      background-color: #5cb85c;
  }
  .switch-danger >.switch-square.switch-bootstrap:checked + .lable::before {
      background-color: #d9534f;
  }
  .switch-info >.switch-square.switch-bootstrap:checked + .lable::before {
      background-color: #5bc0de;
  }
  .switch-warning >.switch-square.switch-bootstrap:checked + .lable::before {
      background-color: #f0ad4e;
  }
  .switch-square.switch-bootstrap:checked + .lable::after {
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
  }
  .switch-square.switch-bootstrap + .lable::after {
      border-radius: 2px;
  } 

  .secondStep{
      width: 37%;
      float: left;
  }
  .firstStep{
    width: 26%;
    float: left;
}
.thirdStep{
    width: 37%;
    float: left;
}
.clmlist{
    padding: 0;
    margin: 0;
}
.clmlist li{
    width: 100%;
display: inline-block;
min-height: 30px;
text-align: left;
background-color: #846868;
color: #fff;
line-height: 30px;
padding-left: 12px;
margin-bottom: 2px;
}
#myModalshowfull .table > tbody > tr > td {
    padding: 8px !important;
    font-size: 12px !important;
}
.connectDet{
    width: 100%;
display: inline-block;
padding: 14px;
background-color: #fff;
/* box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); */
min-height: 277px;
border-radius: 10px;
}
.task-notify{
    cursor: pointer;
}



#accordionrevqD p{
    font-size: 12px;
    margin-bottom: 0;
}
    #accordionrevqD .panel{
        border: none;
        border-radius: 3px;
        box-shadow: none;
        margin-bottom: 15px;
    }
    #accordionrevqD .panel-heading{
        padding: 0;
        border: none;
        border-radius: 3px;
    }
    #accordionrevqD .panel-title{
        display: block;
        padding: 8px 15px;
        background: #fff;
        font-size: 18px;
        font-weight: 600;
        color: #5716a4;
        border-bottom: 1px solid #ececec;
        box-shadow: none;
        position: relative;
        transition: all 0.5s ease 0s;
        font-size: 12px;
    }


    







    
    #accordionrevqD .panel-title a{
        padding: 0 !important;
        padding-left: 14px !important;
    }
    #accordionrevqD .panel-title a.collapsed{
        box-shadow: none;
        color: #676767;
    }
    #accordionrevqD .panel-title a:before,
    #accordionrevqD .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    /* background: #fafafa; */
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 27px;
    transform: none;
    padding: 0;


    }
    #accordionrevqD.panel-group .panel + .panel {
        margin-top: 0px !important;
    }
    /* #accordionrevqD.panel-group .panel + .panel .panel-title {
        background-color: #f7f7f7;
    } */
    #accordionrevqD .panel:nth-child(2n-1) .panel-title {
        background: #f7f7f7;
    }
    #accordionrevqD .panel-title a.collapsed:before{
        /* content: "\f105"; */
        color: #808080;
        /* background: #fff; */
        /* background-color: #fafafa; */
    }

    #accordionrevqD .panel-title a:after{
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 55px;
        display: none;
    }
    #accordionrevqD .panel-body{
        padding: 10px 15px 15px;
        border: none;
        font-size: 15px;
        color: #615f5f;
        line-height: 27px;
        background-color: #efefef;
        padding-bottom: 0;
    }
    .frmOne .form-group {
        margin-bottom: 5px !important;
    }
    .frmTwo .form-group {
        margin-bottom: 5px !important;
    }
    .frmThree .form-group {
        margin-bottom: 5px !important;
    }
    .frmFour .form-group {
        margin-bottom: 5px !important;
    }
    /* .frmFour .col-md-4{
        padding: 1px !important;
    } */
    /* .frmThree .col-md-4{
        padding: 1px !important;
    } */
    /* .frmTwo .col-md-4{
        padding: 1px !important;
    } */
    /* .frmOne .col-md-4{
        padding: 1px !important;
    } */
    .frmgrpmar .form-group {
        margin-bottom: 5px !important;
    }
  #selecridpool h3{
    font-size: 15px;
    padding: 10px;
    border-bottom: solid 1px #bfb9b9;
  }
  #selecriupool h3{
    font-size: 15px;
    padding: 10px;
    border-bottom: solid 1px #bfb9b9;
  }
  #selecrispool h3{
    font-size: 15px;
    padding: 10px;
    border-bottom: solid 1px #bfb9b9;
  }
  #selecrigpool h3{
    font-size: 15px;
    padding: 10px;
    border-bottom: solid 1px #bfb9b9;
  }
  #p1, #p2, #p3
{
  color: #FF0000;
}
.showingDataintrpse{
    display: none;
}
.showingDataOperation{
    display: none;
}
.showingeachintrpse{
    display: none;
}
.showingeinterApi{
    display: none;
}

.showingeinterApi{
    display: none;
}



#accordioneachintr p{
    font-size: 12px;
    margin-bottom: 0;
}
    #accordioneachintr .panel{
        border: none;
        border-radius: 3px;
        box-shadow: none;
        margin-bottom: 15px;
    }
    #accordioneachintr .panel-heading{
        padding: 0;
        border: none;
        border-radius: 3px;
    }
    #accordioneachintr .panel-title{
        display: block;
        padding: 12px 15px;
        background: #fff;
        font-size: 18px;
        font-weight: bold;
        color: #5716a4;
        border: 1px solid #ececec;
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        position: relative;
        transition: all 0.5s ease 0s;
        font-size: 14px;
    }
    #accordioneachintr .panel-title a{
        padding: 0 !important;
    }
    #accordioneachintr .panel-title a.collapsed{
        box-shadow: none;
        color: #676767;
    }
    #accordioneachintr .panel-title a:before,
    #accordioneachintr .panel-title a.collapsed:before{
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        width: 25px;
        height: 25px;
        line-height: 28px;
        font-size: 15px;
        font-weight: 900;
        color: #f81ac1;
        text-align: center;
        position: absolute;
        top: 8px;
        right: 15px;
        transform: rotate(135deg);
        transition: all 0.3s ease 0s;
        display: none;
    }
    #accordioneachintr .panel-title a.collapsed:before{
        color: #676767;
        transform: rotate(0);
        display: none;
    }
    #accordioneachintr .panel-title a:after{
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 69px;
    }
    #accordioneachintr .panel-body{
        padding: 10px 15px 15px;
        border: none;
        font-size: 15px;
        color: #615f5f;
        line-height: 27px;
        background-color: #efefef;
        padding-bottom: 0;
    }










.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.stepwizard-step .btn-circle {
    width: 45px !important;
height: 45px !important;
text-align: center !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.428571429;
border-radius: 50% !important;
line-height: 45px !important;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.stepwizard-step .btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.showingencriPtern{
    display: none;
    position: relative;
}




#accordionencripat p{
    font-size: 12px;
    margin-bottom: 0;
}
    #accordionencripat .panel{
        border: none;
        border-radius: 3px;
        box-shadow: none;
        margin-bottom: 0;
    }
    #accordionencripat .panel-heading{
        padding: 0;
        border: none;
        border-radius: 3px;
    }
    #accordionencripat .panel-title{
        display: block;
        padding: 8px 15px;
        background: #fff;
        /* font-size: 18px; */
        font-weight: bold;
        color: #5716a4;
        border-bottom: 1px solid #ececec;
        box-shadow:none;
        position: relative;
        transition: all 0.5s ease 0s;
        font-size: 11px;
    }
    #accordionencripat .panel-title a{
        padding: 0 !important;
        padding-left: 15px !important;
    }
    #accordionencripat .panel-title a.collapsed{
        box-shadow: none;
        color: #676767;
    }
    #accordionencripat .panel-title a:before,
    #accordionencripat .panel-title a.collapsed:before{
        content: "\f107";
        font-family: "FontAwesome";
        font-weight: normal;
        position: absolute;
        top: 3px;
        left: 0;
        font-size: 16px;
        color: #808080;
        padding: 20px;
        text-align: center;
        /* background: #fafafa; */
        transition: all 0.30s ease-in-out 0s;
        width: 27px;
        height: 30px;
        line-height: 24px;
        transform: none;
        padding: 0;
    }
    #accordionencripat .panel-title a.collapsed:before{
        content: "\f105";
color: #808080;
/* background: #fff; */
/* background-color: #fafafa; */
    }
    #accordionencripat .panel-title a:after{
        content: "";
        width: 1px;
        height: 100%;
        background: #ececec;
        position: absolute;
        top: 0;
        right: 69px;
    }

    #accordionencripat.panel-group .panel + .panel {
        margin-top: 0px !important;
    }
    /* #accordionrevqD.panel-group .panel + .panel .panel-title {
        background-color: #f7f7f7;
    } */
    #accordionencripat .panel:nth-child(2n-1) .panel-title {
        background: #f7f7f7;
    }
    #accordionencripat .panel-body{
        padding: 10px 15px 15px;
        border: none;
        font-size: 15px;
        color: #615f5f;
        line-height: 27px;
        background-color: #fdfdfd;
        padding-bottom: 0;
        border-bottom: solid 1px #ececec;
    }

    .addEncPopup {
        position: absolute;
        right: 0px;
        top: 0;
        left: 0;
        width: 80%;
        height: 85vh;
        background-color: #fff;
        display: none;
        z-index: 999;
        margin: 0px auto;
        border: 8px solid #c5c5c5;
    }
    .closeaddEncPopup, .closemyModaladdRulestoApi {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 14px;
        z-index: 999;
        /* -webkit-text-stroke: 2px #f4f4f4; */
        cursor: pointer;
        color: #9d9fa2;
    }
    .closeaddEncPopup:hover, .closemyModaladdRulestoApi:hover{color: #000;}
.sethead h3{
    display: inline-block;
}
.sethead .btn{
    margin-top: -7px;
    border-radius: 50% !important;
background: rgb(206, 12, 2) !important;
color: #fff !important;
height: 35px;
width: 35px;
}
#resreq .nav-tabs > li.active a {
    margin: 0 !important;
line-height: 20px;
height: auto;
width: auto;
padding: 5px;
opacity: 1;
background-color: #707070;
background-color: #2d2d2d;
background: #b39eb5 ;
/* color: #fff !important; */
font-size: 14px !important;
/* border: transparent !important; */
border-bottom: 1px solid #fff;
border-radius: 0 !important;
}
#resreq .nav-tabs > li a {
    margin: 0 !important;
line-height: 20px;
height: auto;
width: auto;
padding: 5px;
opacity: 1;
background-color: #707070;
background-color: #2d2d2d;
background: #2d2d2d ;
color: antiquewhite;
font-size: 14px !important;
/* border: transparent !important; */
border: 1px solid #ccc;
border-bottom: 0;
border-radius: 0 !important;
}
#resreq .nav li {
    padding: 0 !important;
    margin-right: 2px;
}



#resreq .nav-tabs-custom > li.active a {
    margin: 0 !important;
line-height: 20px;
height: auto;
width: auto;
padding: 5px;
opacity: 1;
background-color: #707070;
background-color: #2d2d2d;
background: #b39eb5 ;
/* color: #fff !important; */
font-size: 14px !important;
/* border: transparent !important; */
border-bottom: 1px solid #fff;
border-radius: 0 !important;
}
#resreq .nav-tabs-custom > li a {
    margin: 0 !important;
line-height: 20px;
height: auto;
width: auto;
padding: 5px;
opacity: 1;
background-color: #707070;
background-color: #2d2d2d;
background: #2d2d2d ;
color: antiquewhite;
font-size: 14px !important;
/* border: transparent !important; */
border: 1px solid #ccc;
border-bottom: 0;
border-radius: 0 !important;
}
#resreq .nav-custom li {
    padding: 0 !important;
    margin-right: 2px;
}


.topulo li{
    float:  left !important;
}




#accordionresreq .panel{
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 5px;
}
#accordionresreq .panel-heading{
    padding: 0;
    border: none;
    border-radius: 3px;
}
#accordionresreq .panel-title{
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#accordionresreq .panel-title a{
    display: block;
    padding: 12px 15px;
    background: #fff !important;
    font-size: 14px;
    font-weight: 500;
    color: #ff8700;
    border: transparent;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordionresreq .panel-title a.collapsed{
    box-shadow: none;
    color: #676767;
}
#accordionresreq .panel-title a:before,
#accordionresreq .panel-title a.collapsed:before{
    content: "\f067" !important;
    font-family: "FontAwesome" !important;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    color: #676767;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 15px;
    transform: rotate(135deg);
    transition: all 0.3s ease 0s;
}
#accordionresreq .panel-title a.collapsed:before{
    color: #62cb31;
    transform: rotate(0);
}
#accordionresreq .panel-title a:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #ececec;
    position: absolute;
    top: 0;
    right: 55px;
}
#accordionresreq .panel-body{
    padding: 10px 15px 15px;
    border: none;
    font-size: 15px;
    color: #615f5f;
    line-height: 27px;
}
.dpooldatapoolImport{
    display: none;
    position: relative;
}
.ms-box{
    cursor: pointer;
    overflow: hidden;
    border: solid 2px #fff;
}
.ms-box:hover .item-overlay.top {
    top: 0;
  }
.ms-box:hover{
    border: solid 2px rgb(172, 215, 240);
}
  .item-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    
    background: rgba(0,0,0,0.5);
    color: #fff;
    overflow: hidden;
    text-align: center;
    /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
    width: 100%; 
    
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  }
  .item-overlay.top {
    top: 100%;
  }

  .item-overlay .btn{
    color: white;
    background-color: #DCE0E3;
    font-size: 1.1em;
    font-weight: 700;
    border-radius: 18px;
    height: 38px;
    width: 100px;
    cursor: pointer;
    margin-right: 1px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    width: 70px;
    font-size: 12px;
    border-radius: 4px;
border: none;
background: #b39eb5;
}
.item-overlay .sec-bt {
    position: absolute;
    color: white;
    background-color: #DCE0E3;
    font-size: 1.1em;
    font-weight: 700;
    border-radius: 18px;
    height: 38px;
    width: 100px !important;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translateX(-48%) translateY(-47%);
    padding: 0;
    height: 30px;
    line-height: 30px;
    width: 177px !important;
    font-size: 12px;
    border-radius: 4px;
    border: none;
    background: transparent;
}
.tbl-setng{
    width: 100px;
}
.tbl-setng .ui-sortable-handle{
    display: block !important;
}
.tbl-setng .table > tbody > tr > td {
    padding: 23px !important;
    width: 100%;
    display: inline-block !important;
}
#mainFirstSe {
    width: 20%;
    display: inline-block;
}


.mainSecdSec {
    width: 80%;
    display: inline-block;
}
#mainSecdSecThird{
    /* width: 33%; */
    width: 67%;
}
#mainSecdSecTwo{
    width: 33%;
}
#mainSecdSecOne{
    width: 33%;
    display: none;
}
.fOne{
    width: 37%;
float: left;
margin: 10px;
}
#relaInfo{
    display: none;
}
#rectable{
    display: none;
}
#schemfilttable{
    display: none;
}
#datapooltable{
    display: none;
}
.fTwo{
    width: 13%;
    float: left;
    text-align: center;
    padding-top: 72px;
}
.fOne .form-group {
    margin-bottom: 0 !important;
}
.fOne .form-group label {
    font-size: 11px !important;
    margin-bottom: 0 !important;
}
.relateElement {
    width: 40px;
    height: 40px;
    background-color: red;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    margin: auto;
}
#myTable tbody .ui-sortable-handle {
    display: inline-block;
    width: 100%;
    display: revert;
}

#myTablecc tbody .ui-sortable-handle {
    display: inline-block;
    width: 100%;
    display: revert;
}

.table-wrapper {
    width: 700px;
    margin: 30px auto;
    background: #fff;
    padding: 20px;	
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {
    padding-bottom: 10px;
    margin: 0 0 10px;
}
.table-title h2 {
    margin: 6px 0 0;
    font-size: 22px;
}
.table-title .add-new {
    float: right;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    text-shadow: none;
    min-width: 100px;
    border-radius: 50px;
    line-height: 13px;
}
.table-title .add-new i {
    margin-right: 4px;
}
table.table {
    table-layout: fixed;
}
table.table tr th, table.table tr td {
    border-color: #e9e9e9;
}
table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}
table.table th:last-child {
    width: 100px;
}
table.table td a {
    cursor: pointer;
    /* display: inline-block; */
    margin: 0 5px;
    min-width: 24px;
}    
table.table td a.add {
    color: #27C46B;
}
table.table td a.edit {
    color: #FFC107;
}
table.table td a.delete {
    color: #E34724;
}
table.table td i {
    font-size: 15px;
color: #000;
}
table.table td a.add i {
    font-size: 20px;
    margin-right: -1px;
    position: relative;
    top: 3px;
}    
table.table .form-control {
    height: 32px;
    line-height: 32px;
    box-shadow: none;
    border-radius: 2px;
}
table.table .form-control.error {
    border-color: #f50000;
}
table.table td .add {
    display: none;
}


table.table td .adds {
    display: none;
}

table.table td a.adds i {
    font-size: 24px;
    margin-right: -1px;
    position: relative;
    top: 3px;
} 
table.table td a.adds {
    color: #27C46B;
}
table.table td a.edits {
    color: #484848;
}
#hdc .nav-tabs > li::after{
    display: none;
}
#hdc .nav-tabs > li::before{
    display: none;
}
#sectorColumn .nav-tabs li.active a{
    color: white !important;
    background-color: #62cb31 !important;
}

#sectorColumn .nav-tabs li a{
    color: #fff !important;
    background-color: #B1B1B1 !important;
    border-radius: 0;
}
#sectorColumn{
    display: contents;
}


.signup-step-container{
	padding: 0px 0px;
	padding-bottom:0px;
}




    .wizarda .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

    .wizarda > div.wizard-inner {
        position: relative;
        background-color: #a6a6a6;
        padding-top: 5px;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 78%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizarda .nav-tabs > li.active > a, .wizarda .nav-tabs > li.active > a:hover, .wizarda .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}
span.round-tab i{
    color:#555555;
}
.wizarda li.active span.round-tab {
        background: #0db02b;
    color: #fff;
    border-color: #0db02b;
}
.wizarda li.active span.round-tab i{
    color: #5bc0de;
}
.wizarda .nav-tabs > li.active > a i{
	color: #fff;
}

.wizarda .nav-tabs > li {
    width: 33%;
}

.wizarda li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizarda .nav-tabs > li a {
    width: 50px;
    height: 50px;
    margin: 20px auto;
    margin-bottom: 10px;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}
.wizarda .nav-tabs > li a i{
	position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

    .wizarda .nav-tabs > li a:hover {
        background: transparent;
    }

.wizarda .tab-pane {
    position: relative;
    padding-top: 10px;
}


.wizarda h3 {
    margin-top: 0;
}
.prev-stepa,
.next-stepa{
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
}
#main_form .tab-content > .tab-pane h4{
    display: none;
}
.next-stepa{
    background-color:#62cb31;
    color: #fff;
}
.skip-btna{
	background-color: #cec12d;
}
.step-head{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.term-check{
	font-size: 14px;
	font-weight: 400;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.footer-link{
	margin-top: 30px;
}
.all-info-container{

}
.list-content{
	margin-bottom: 10px;
}
.list-content a{
	padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}
.list-content a[aria-expanded="true"] i{
	transform: rotate(180deg);
}
.list-content a i{
	text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}
.list-box{
	padding: 10px;
}
.signup-logo-header .logo_area{
	width: 200px;
}
.signup-logo-header .nav > li{
	padding: 0;
}
.signup-logo-header .header-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*-----------custom-checkbox-----------*/
/*----------Custom-Checkbox---------*/
input[type="checkbox"]{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;   
}
input[type="checkbox"]::before{
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px;
}
input[type="checkbox"]::after{
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px;
}
input[type="checkbox"]:checked::after{
    content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}
input[type="checkbox"]:checked::before{
    background-color: #18ba60;
    border-color: #18ba60;
}






@media (max-width: 767px){
	.sign-content h3{
		font-size: 40px;
	}
	.wizarda .nav-tabs > li a i{
		display: none;
	}
	.signup-logo-header .navbar-toggle{
		margin: 0;
		margin-top: 8px;
	}
	.signup-logo-header .logo_area{
		margin-top: 0;
	}
	.signup-logo-header .header-flex{
		display: block;
	}
}


#myModalAddcoldirec .modal-body .icon {
    color: #26de81;
    font-size: 30px;
    text-align: center;
    text-shadow: 4px 0 0 #fff, 0 -3px 0 #fff;
    line-height: 40px;
    height: 50px;
    width: 50px;
    margin: 0 auto 10px;
    position: relative;
    z-index: 1;
}
#myModalAddcoldirec .modal-body .icon::after {
    content: '';
    height: 35px;
    width: 35px;
    border: 5px solid #c1c1c1;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 3px;
    z-index: -1;
}
/* #myModalAddcoldirec .modal-body .title {
    margin: 0 0 20px 0;
    font-size: 20px;
    color: #222;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
} */
#myModalAddcoldirec .modal-body .title {
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #aeaeae;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
}
#myModalAddcoldirec .modal-body .description {
    color: #000 !important;
    text-align: center;
    margin: 0;
    font-size: 15px !important;
}

#userdirecT{
    /* width: 420px !important; */
    width: 100%;
    margin: auto;
    display: table !important;
}
#rfallgene{
    background-color: #e1d5c5;
padding: 10px;
}
#rfallsource{
    background-color: #e1d5c5;
padding: 10px;
}
#showOthrclsel{
    background-color: #fff;
    padding: 12px 0;
    float: left;
    width: 100%;
}
#showOthrclsel .form-group label {
    /* font-size: 12px; */
    font-size: 14px;
    margin-bottom: 0;
}
#showOthrclsel .form-control{
    height: 30px;
}
#showOthrclsela{
    background-color: #eaeaea;
    padding: 10px;
    float: left;
    width: 100%;
}
#relaInfoasd{
    display: none;
    margin-top: 15px;
}
#joinreltable{
    display: none;
    margin-top: 15px;
}
#showFinal{
    /* display: none; */
}
.ricoIn{
    width: 80px;
    height: 80px;
    background-color: #26de81;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ricoIn.active{
    border: solid 3px #fff;
}
.ricoIn2.active{
    border: solid 3px #fff;
}
.ricoIn2{
    width: 80px;
height: 80px;
background-color: #1b80b5;
text-align: center;
line-height: 80px;
border-radius: 50%;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.generateRound{
    float: left;
    margin-right: 20px;
}
.sourceRound{
    float: left;
}
.mainGenSor {
    margin: auto;
    display: inline-block;
}
.sourceRoundIn{
    display: none;
    /* background-color: #eaeaea; */
padding: 14px 0;
}
.genroundIn{
    display: none;
    /* background-color: #eaeaea; */
    padding: 15px;
    float: left;
    width: 100%;
    border: solid 1px #eee;
}
.genroundIn h5{
    padding-left: 0 !important;
font-size: 23px !important;
color: #000 !important;
font-weight: bold !important;
}
.sourceRoundIn h5{
    padding-left: 0 !important;
font-size: 16px !important;
color: #686868 !important;
font-weight: bold !important;
}
#myModalAddcoldirec .modal-dialog {
    width: 1100px;}


    .nav-pills.nav-wizard li {
        position: relative;
        overflow: visible;
        border-right: 15px solid #fff;
        border-left: 15px solid #fff;
        width: 30%;
      }
      .nav-pills.nav-wizard li:first-child {
        border-left: 0;
      }
      .nav-pills.nav-wizard li:first-child a {
        border-radius: 5px 0 0 5px;
      }
      .nav-pills.nav-wizard li:last-child {
        border-right: 0;
      }
      .nav-pills.nav-wizard li a {
        border-radius: 0;
        background-color: #eee;
      }
      .nav-pills.nav-wizard li .nav-arrow {
        position: absolute;
        top: 0px;
        right: -20px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #eee;
        z-index: 150;
      }
      .nav-pills.nav-wizard li .nav-wedge {
        position: absolute;
        top: 0px;
        left: -20px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: #eee #eee #eee transparent;
        z-index: 150;
      }
      .nav-pills.nav-wizard li:hover .nav-arrow {
        border-color: transparent transparent transparent #aaa;
      }
      .nav-pills.nav-wizard li:hover .nav-wedge {
        border-color: #aaa #aaa #aaa transparent;
      }
      .nav-pills.nav-wizard li:hover a {
        background-color: #aaa;
        color: #fff;
      }
      .nav-pills.nav-wizard li.active .nav-arrow {
        border-color: transparent transparent transparent #428bca;
      }
      .nav-pills.nav-wizard li.active .nav-wedge {
        border-color: #428bca #428bca #428bca transparent;
      }
      .nav-pills.nav-wizard li.active a {
        background-color: #428bca;
      }

      .gtre li{
        border-right: none !important;
        background-color: #26DE81 !important;
        padding: 0 !important;
        width: 174px !important;
        border-left: none !important;
        width: 118px !important;
      }
      .gtre li.active a{
          background-color: #26DE81 !important;
          border-color: #26DE81 !important;
      }

      .gtre li a{
        background-color: #1b80b5 !important;
        padding: 5px !important;
      }
      .dataimporpop {
        position: absolute;
        top: 106px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        display: none;
        z-index: 9999999;
      }
      .closedataimporpop {
        position: absolute;
        right: 11px;
        top: 0;
        font-size: 20px;
        z-index: 9999999;
      }
      .showchannelImpoin{
          display: none;
      }
    .showparseImpoin{
        display: none;
    }
    .mapedch{
        position: relative;
padding: 0px;
text-align: left;
width: 111px;
border: solid 1px #c8c8c8;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
float: left;
margin-right: 5px;    
  padding: 5px;
    }
    .mapedch h4{
        font-size: 13px;
        font-weight: bold;

    }
    .mapedch h5{
        font-size: 12px;
        padding-left: 0;
        font-weight: normal !important;
        border-bottom: none !important;
        margin-bottom: 0;
    }
    .mpedchClose{
        position: absolute;
right: 0;
top: -5px;
color: red;

    }

    .parser-box {
        width: 100%;
        min-height: 166px;
        background-color: #d6d6d6;
        background-color: #ffffff;
        box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
        -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
        padding: 15px;
        margin-bottom: 18px;
        position: relative;
        border: solid 1px #ebebeb;
        text-align: left;
        position: relative;
        margin-top: 33px;
    }




    .page {
        margin: 1em auto;
        max-width: 768px;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        height: 100%;
    }
    
    .box {
        padding: 0.5em;
        width: 100%;
        margin:0.5em;
    }
    
    .box-2 {
        padding: 0.5em;
        width: calc(100%/2 - 1em);
    }
    
    .options label,
    .options input{
        width:4em;
        padding:0.5em 1em;
    }
    .btn{
        background:white;
        color:black;
        border:1px solid black;
        padding: 0.5em 1em;
        text-decoration:none;
        margin:0.8em 0.3em;
        display:inline-block;
        cursor:pointer;
    }
    
    .hide {
        display: none;
    }
    
    img {
        max-width: 100%;
    }

    .fill3{
        width: 40% !important;
        float: left !important;
position: relative;
    }
    .fill1{
        width: 40% !important;
float: left !important;
position: relative;
    }
    #fill2{
        width: 20%;
        float: left;
        background-color: #e1cfb7;
height: 97px;
padding-top: 20px;
    }

.dpooldatapoolImportCategory{
    display: none;
}
.dpoolDatachannel{
    display:none ;
}


.playbtncd {
    /* border: solid 1px #000; */
    border-radius: 50px;
    height: 30px;
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-top: -20px;
}
.playbtncd i.fa-play{
    color: green;
}
.playbtncd i.fa-pause{
    color: red;
}
.frststa{
    color: green;
}
.secondsta{
    color: red;
}

.addchaPopup {
    position: absolute;
    /* top: -65px; */
    top: -5px;
    left: -3px;
    width: 100%;
    /* height: 100vh; */
    background-color: #fff;
    display: none;
    z-index: 999;
}
.closeaddchaPopup{
    position: absolute;
    right: 11px;
    top: 0;
    font-size: 20px;
    z-index: 999;
}

.sectionAddforparse, .sectionAddforparseNew {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    z-index: 999;
}
.leftMapped{
    width: 100%;
min-height: 240px;
background-color: #d6d6d6;
background-color: #ffffff;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
padding: 15px;
margin-bottom: 18px;
position: relative;
border: solid 1px #ebebeb;
text-align: left;
position: relative;
margin-top: 33px;
}
.rightParsed{
    width: 100%;
min-height: 240px;
background-color: #d6d6d6;
background-color: #ffffff;
/* box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); */
padding: 15px;
margin-bottom: 18px;
position: relative;
border: solid 1px #ebebeb;
text-align: left;
position: relative;
margin-top: 33px;
}

.rightParsed h5 {
    padding-left: 0;
    margin-top: 0;
    font-weight: 500;
    border-bottom: solid 1px #bfbfbf;
    padding-bottom: 8px;
}
.rightParsed2{
    width: 100%;
min-height: 240px;
background-color: #d6d6d6;
background-color: #ffffff;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
padding: 15px;
margin-bottom: 18px;
position: relative;
border: solid 1px #ebebeb;
text-align: left;
position: relative;
margin-top: 33px;
display: none;
}

.rightParsed2 h5 {
    padding-left: 0;
    margin-top: 0;
    font-weight: 500;
    border-bottom: solid 1px #bfbfbf;
    padding-bottom: 8px;
}
.leftMapped h5 {
    padding-left: 0;
    margin-top: 0;
    font-weight: 500;
    border-bottom: solid 1px #bfbfbf;
    padding-bottom: 8px;
}
/* .butonmaprule{
position: absolute;
right: 10px;
color: #9d9fa2;
padding: 5px;
top: 10px;
background-color: transparent;
font-size: 25px;
cursor: pointer;
} */
.butonmaprule{
    position: absolute;
    right: 10px;
    color: #787878;
    padding: 5px;
    background-color: transparent;
    font-size: 25px;
    cursor: pointer;
    background: #ededed;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding-left: 7px;
    top: 8px;
    }
.butonmaprule:hover{background: #62cb31;color: #fff;}


.mappingCh {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    /* height: 100vh; */
    height: 85vh;
    background-color: #fff;
    display: none;
    z-index: 9999;
}
.closemappingCh{
    position: absolute;
    right: 11px;
    top: 10px;
    font-size: 18px;
    z-index: 999;
    cursor: pointer;
    opacity: 0.2;
}
.closemappingCh:hover{opacity: 1;}
.savertyu{
    background-color: #1b80b5;
font-size: 12px;
padding: 5px;
float: right;
margin-right: 22px;
width: 60px;
text-align: center;
color: #fff;
font-weight: bold;
}
.savertyu:hover{background-color: #398217;}
.parserulesec {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: none;
    z-index: 999;
}
.closeparserulesec{
    position: absolute;
    right: 11px;
    top: 0;
    font-size: 20px;
    z-index: 999;
}
.closeparserulesec:hover, .closeparserulesecjson:hover{opacity: 0.8 !important;}
.parserleft{
    width: 100%;
min-height: 240px;
background-color: #d6d6d6;
background-color: #ffffff;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
padding: 15px;
margin-bottom: 18px;
position: relative;
border: solid 1px #ebebeb;
text-align: left;
position: relative;
margin-top: 33px;
display: inline-block;
}
.parserright{
    width: 100%;
min-height: 240px;
background-color: #d6d6d6;
background-color: #ffffff;
box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
padding: 15px;
margin-bottom: 18px;
position: relative;
border: solid 1px #ebebeb;
text-align: left;
position: relative;
margin-top: 33px;
display: inline-block;
}
.parseflede{
    width: 48%;
    float: left;
    border: solid 1px #d5d5d5;
    min-height: 140px;
    padding: 10px;
    margin-right: 10px;
}
.cropflede{
    width: 48%;
    float: left;
    border:solid 1px #d5d5d5;
    min-height: 140px;
    padding: 10px;
}
.parseflede h5 {
    padding-left: 0;
    background-color: antiquewhite;
padding: 5px;
    margin-top: 0;
}
.cropflede h5 {
    padding-left: 0;
    /* background-color: antiquewhite; */
padding: 5px;
    margin-top: 0;
}
.parseflede .form-group {
    margin-bottom: 0 !important;
}
.parseflede .table > tbody > tr > td {
    padding: 0 !important;
    font-size: 12px !important;
    border-top: none !important;
}
.parseflede .table tbody tr:nth-child(2n) {
    background-color: transparent !important;
}
.cropflede .form-group {
    margin-bottom: 0 !important;
}
.cropflede .table > tbody > tr > td {
    padding: 0 !important;
    font-size: 12px !important;
    border-top: none !important;
}
.cropflede .table tbody tr:nth-child(2n) {
    background-color: transparent !important;
}

.parseflede table.table tr td{
    border-color: transparent !important;
}
.cropflede table.table tr td{
    border-color: transparent !important;
}
.cropflede .table{
    border-bottom: transparent !important;
}
.parseflede .table{
    border-bottom: transparent !important;
}

#test {position: relative; height: auto; width: auto; }

.parserulesec2 {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: none;
    z-index: 999;
}
.closeparserulesec2, .closeparserulesecjson{
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 20px;
    z-index: 999;
}
.parseflede2 {
    width: 100%;
    float: left;
    border: solid 1px #d5d5d5;
    minsetjsoncl-height: 140px;
    padding: 15px;
    margin-right: 10px;
}

.parseflede2 h5 {
    padding-left: 0;
    background-color: antiquewhite;
padding: 5px;
    margin-top: 0;
}
.setjsoncl .col-md-4{
    padding: 0;
}
.setjsoncl .form-group {
    margin-bottom: 0 !important;
}
.setjsoncl {
    padding-left: 20px;
padding-right: 15px;
position: relative;
margin-left: 0px !important;
}
.plusjdat{
    position: absolute;
    padding: 5px;
    background-color: red;
    color: #fff;

}
.parserright img:hover{
    cursor: crosshair;
}
.wizarda{
    /* border: solid 1px bisque; */
}

/* new styles */

.schemadiagram{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
display: none;
z-index: 999;
}
.closeschemadiagram {
position: absolute;
right: 11px;
top: 0;
font-size: 20px;
z-index: 999;
}

/* er diagram style */
.ERtree .tree_mk li:before{outline: solid 1px #545353 !important;}
.ERtree .tree_mk ul:before{outline: solid 1px #545353 !important;}
.ERtree  .tree_mk code:before{outline: solid 1px #545353 !important;}
#shwgenval{display: none;}
#showgenfor{display: none;}
.showPooldatafrst{display: none;}
.firstSchemaselectsec{display: none;}
#relationSel{display: none;}
#setterFillll{display: none;}
#myModaladdclmn input[type="checkbox"]::before{display: none;}
#eacher{display: none;}
#showFinalnew{display: none;}
.frmOne{display: none;}
.frmTwo{display: none;}
.frmThree{display: none;}
.frmFour{display: none;}
.frststa{display: none;}
.formNxta{display: none;}
.formNxtb{display: none;}
.formNxtc{display: none;}
#textboxesd1{display: none;}
#textboxes1{display: none;}
#textboxesd11{display: none;}
#textboxes11{display: none;}
#dimpjsoneditor .tree_mk li{display: block !important;}
#dimpjsoneditor .tree_mk > li > code:before{outline: none;}
#dimpjsoneditor .tree_mk li:before{outline: none;}
#mapselct1{display: none;}
#mapselct2{display: none;}
/* #dimpjsoneditor .tree_mk ul{margin-left: 24px;} */
#dimpjsoneditor .tree_mk code{background: none !important;}
/* #dimpjsoneditor .tree_js .x-tree-node-el{background: #fff;
padding: 0px 6px;
border-radius: 4px;
display: inline-block;
font-size: 9px;
margin-top: 3px;} */

#dimpjsoneditor .tree_js li ul,#dimpjsoneditor .tree_json li ul {
    display: none;
  }
.topbreadcrumb{float:right;margin-top: 4px;margin-right: 10px;}
.topbreadcrumb button{background: #f9f9f9;
    box-shadow: 0px 0px 0px 1px #f5f3f3;
    border: 1px solid #dad7d7;
    border-radius: 4px;
    padding: 0;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: 20px;}
.topbreadcrumb button i{margin-right: 0;
    color: #676565;
    font-size: 10px;}
#dimpjsoneditor{
    margin-top: 35px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#dimpjsoneditor::-webkit-scrollbar{
    display: none;
}
.x-panel-body .pagination>li>a{padding: 8px !important;}
.x-grid3-scroller .catogoryms-lia{color: #333 !important;font-weight: bold;}
.x-panel-body input[type="checkbox"]:checked::after{border-left: none !important;
    border-bottom: none !important;}
.x-panel-body input[type="checkbox"]{margin-left: 3px;}
.x-panel-body input[type="checkbox"]::before {width: 0;height: 0;}
.x-grid3-scroller h3{
    font-size: 14px;
    font-weight: bold;
    color: #4e6096;
    padding: 10px 0 0 10px;
    text-decoration: underline;
    text-transform: uppercase;
}
.nodehlght{color: red!important;}
.x-panel-bwrap h3{font-size: 14px;
    font-weight: bold;
    color: #4e6096;
    padding: 10px 0 0 10px;
    text-decoration: underline;
    text-transform: uppercase;}
.x-panel-bwrap #dimpjsoneditor .x-tree-lines{padding: 0;}


#iframer {
    position: absolute;
left: 0;
top: 0;
  }
  #canvas {
    width:100%;
    height:300px;
    border: 1px solid transparent;
    /* background-size: contain; */
}
.rectangleg {
    border: 1px dotted red;
    position: absolute;
    /* left: 30px !important;
    top:30px !important; */
}

  /* #canvas {
    border: 2px solid #000000;
position: absolute;
top: 28px;
left: 0;
  } */
  .setstyle .round-tab img{
      width: 22px;
  }
  .formNxta {
    /* border: solid 1px #ebebeb; */
    border: solid 1px #ddd;
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding: 25px;
    position: relative;
    /* box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); */
}
.formNxta h5 {
    position: absolute;
    top: -22px;
    left: 11px;
padding-left: 9px;
padding-right: 9px;
    background-color: #fff;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}
.formNxtb {
    /* border: solid 1px #ebebeb; */
    border: solid 1px #ddd;
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding: 25px;
    position: relative;
    /* box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); */
}
.formNxtb h5 {
    position: absolute;
    top: -22px;
    left: 11px;
padding-left: 9px;
padding-right: 9px;
    background-color: #fff;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}
.formNxtc {
    /* border: solid 1px #ebebeb; */
    border: solid 1px #ddd;
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding: 25px;
    position: relative;
    /* box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); */
}
.formNxtc h5 {
    position: absolute;
    top: -22px;
    left: 11px;
padding-left: 9px;
padding-right: 9px;
    background-color: #fff;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}
.formNxtc label{
    color: #242424 !important;
}
.formNxta label{
    color: #242424 !important;
}

.formNxtb label{
    color: #242424 !important;
}
.formNxtc label{
    color: #242424 !important;
}

.formNxtb .form-group {
    display: inline-block;
    width: 100%;
}
.formNxta .form-group {
    display: inline-block;
    width: 100%;
}
.formNxtc .form-group {
    display: inline-block;
    width: 100%;
}
.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}
.design-process-content {
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 16px 3% 30px 30px;
}
.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}
.design-process-content h3 {
    margin-bottom: 16px;
background-color: #f4f4f4;
padding: 10px;
font-size: 18px;
}
.design-process-content p {
    line-height: 26px;
    margin-bottom: 12px;
}
.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    max-width: 600px;
    margin: 20px auto 26px;
    border: none;
    z-index: 0;
}
.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    right: -38px;
    top: 48px;
    width: 85%;
    z-index: -1;
}
.process-model li.visited::after {
    background: #57b87b;
}
.process-model li:last-child::after {
    width: 0;
}
.process-model li {
    display: inline-block;
    width: 16%;
    text-align: center;
    float: none;
}
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}
.process-model li a {
    padding: 0;
    border: none;
    color: #606060 !important;
    background-color: transparent !important;
    padding-bottom: 0 !important;
}
.process-model li.active,
.process-model li.visited {
    color: #57b87b;
}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #57b87b;
}
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
}
.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}
.process-model li.active i, .process-model li.visited i  {
    background: #fff;
    border-color: #57b87b;
    color: #fff;
}
.process-model li p {
    font-size: 14px;
    margin-top: 11px;
}
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
    color: #606060!important;
    font-weight: normal
}
.process-model.contact-us-tab li::after  {
    display: none; 
}
.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5; 
}



@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
}

.design-process-section{
    background-color: #fff;
}
.parseContr{
    width: 50px;
height: auto;
background-color: rgba(255,255,255, 0.7);
position: absolute;
z-index: 999;
bottom: 61px;
right: 12px;
}
.parseContr2{
    width: 50px;
    height: auto;
    /* background-color: rgba(255,255,255, 0.7); */
    position: absolute;
    z-index: 999;
    top: 58px;
right: -12px;
}
.parseContr .selCntr{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    border-bottom: solid 1px #e1dede;
    padding-top: 8px;
    padding-bottom: 8px;
    color: green;
}
.zoominout{
    position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-left: 10px;
padding-bottom: 8px;
padding-top: 8px;
/* border-top: solid 1px #e1dede; */
color: #777;
}
.zoominout i{
    text-align: center;
background-color: #fff;
color: #101010;
z-index: 1;
font-size: 15px;
border-radius: 50%;
z-index: 1;
padding: 0;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 26px;
height: 26px;
line-height: 26px;
margin-bottom: 2px;
}



.carbonads {
    border-radius: .25rem;
    border: 1px solid #ccc;
    font-size: .875rem;
    overflow: hidden;
    padding: 1rem;
  }
  
  .carbon-wrap {
    overflow: hidden;
  }
  
  .carbon-img {
    clear: left;
    display: block;
    float: left;
  }
  
  .carbon-text,
  .carbon-poweredby {
    display: block;
    margin-left: 140px;
  }
  
  .carbon-text,
  .carbon-text:hover,
  .carbon-text:focus {
    color: #fff;
    text-decoration: none;
  }
  
  .carbon-poweredby,
  .carbon-poweredby:hover,
  .carbon-poweredby:focus {
    color: #ddd;
    text-decoration: none;
  }
  
  @media (min-width: 768px) {
    .carbonads {
      float: right;
      margin-bottom: -1rem;
      margin-top: -1rem;
      max-width: 360px;
    }
  }
  
  .footer {
    font-size: .875rem;
    overflow: hidden;
  }
  
  .heart {
    color: #ddd;
    display: block;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 0;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    width: 100%;
  }
  
  .heart:hover {
    color: #ff4136;
  }
  
  .heart::before {
    border-top: 1px solid #eee;
    content: " ";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
  }
  
  .heart::after {
    background-color: #fff;
    content: "♥";
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    z-index: 1;
  }
  
  .img-container,
  .img-preview {
    background-color: #f7f7f7;
    text-align: center;
    width: 100%;
  }
  
  .img-container {
    margin-bottom: 1rem;
    max-height: 497px;
    min-height: 200px;
  }
  
  @media (min-width: 768px) {
    .img-container {
      min-height: 497px;
    }
  }
  
  .img-container > img {
    max-width: 100%;
  }
  
  .docs-preview {
    margin-right: -1rem;
  }
  
  .img-preview {
    float: left;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
  }
  
  .img-preview > img {
    max-width: 100%;
  }
  
  .preview-lg {
    height: 9rem;
    width: 16rem;
  }
  
  .preview-md {
    height: 4.5rem;
    width: 8rem;
  }
  
  .preview-sm {
    height: 2.25rem;
    width: 4rem;
  }
  
  .preview-xs {
    height: 1.125rem;
    margin-right: 0;
    width: 2rem;
  }
  
  .docs-data > .input-group {
    margin-bottom: .5rem;
  }
  
  .docs-data .input-group-prepend .input-group-text {
    min-width: 4rem;
  }
  
  .docs-data .input-group-append .input-group-text {
    min-width: 3rem;
  }
  
  .docs-buttons > .btn,
  .docs-buttons > .btn-group,
  .docs-buttons > .form-control {
    margin-bottom: .5rem;
    margin-right: .25rem;
  }
  
  .docs-toggles > .btn,
  .docs-toggles > .btn-group,
  .docs-toggles > .dropdown {
    margin-bottom: .5rem;
  }
  
  .docs-tooltip {
    display: block;
    margin: -.5rem -.75rem;
    padding: .5rem .75rem;
  }
  
  .docs-tooltip > .icon {
    margin: 0 -.25rem;
    vertical-align: top;
  }
  
  .tooltip-inner {
    white-space: normal;
  }
  
  .btn-upload .tooltip-inner,
  .btn-toggle .tooltip-inner {
    white-space: nowrap;
  }
  
  .btn-toggle {
    padding: .5rem;
  }
  
  .btn-toggle > .docs-tooltip {
    margin: -.5rem;
    padding: .5rem;
  }
  
  @media (max-width: 400px) {
    .btn-group-crop {
      margin-right: -1rem!important;
    }
  
    .btn-group-crop > .btn {
      padding-left: .5rem;
      padding-right: .5rem;
    }
  
    .btn-group-crop .docs-tooltip {
      margin-left: -.5rem;
      margin-right: -.5rem;
      padding-left: .5rem;
      padding-right: .5rem;
    }
  }
  
  .docs-options .dropdown-menu {
    width: 100%;
  }
  
  .docs-options .dropdown-menu > li {
    font-size: .875rem;
    padding: .125rem 1rem;
  }
  
  .docs-options .dropdown-menu .form-check-label {
    display: block;
  }
  
  .docs-cropped .modal-body {
    text-align: center;
  }
  
  .docs-cropped .modal-body > img,
  .docs-cropped .modal-body > canvas {
    max-width: 100%;
  }
  
  .loader{
      position: absolute;
      height: 100%; 
      width: 100%;
      top: 0;
      left: 0;
      background: #000;
  }
  .frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #000;
    color: #fff;
  }
  
  .center {
      position: absolute;
      width: 220px;
      height: 220px;
      top: calc(50% - 110px);
      left: calc(50% - 110px);
  }
  
  .dot-1 {
    position: absolute;
    z-index: 3;
    width: 30px;
    height: 30px;
    top: 95px;
    left: 95px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
            animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  }
  
  .dot-2 {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    top: 80px;
    left: 80px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
            animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  }
  
  .dot-3 {
    position: absolute;
    z-index: 1;
    width: 90px;
    height: 90px;
    top: 65px;
    left: 65px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
            animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate;
  }
  
  @-webkit-keyframes jump-jump-1 {
    0%, 70% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes jump-jump-1 {
    0%, 70% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes jump-jump-2 {
    0%, 40% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes jump-jump-2 {
    0%, 40% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes jump-jump-3 {
    0%, 10% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes jump-jump-3 {
    0%, 10% {
      box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: scale(1);
              transform: scale(1);
      }
  }
  

  #output2{
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: green;
      padding: 5px;
      display: none;
      color: #fff;
  }

  /* new styles */
  /* #udata{display: none;} */
  #pdata{display: none;}
  #sdata{display: none;}
  #gdata{display: none;}
  #selecridpool{display: none;}
  /* #selecriupool{display: none;} */
  #selecrispool{display: none;}
  #selecrigpool{display: none;}
  .addEncPopup .head-pge-cmn:after{display: none !important;}
  #sectorColumn .nav li:hover {
    background-color: #fff;
}
#sectorColumn .nav li.active{
    /* background-color: #b39eb5; */
    background-color: #fff;
    background-color: #fff;
margin-right: 0;
/* border-right: solid 5px #fff !important; */
}
.leftRel h4{    
    padding: 10px;
    margin: 0 !important;
    font-size: 15px;
    color: #000;
    background-color: #f7f9fa;}
.leftRel  {border: 1px solid #dededf;
        height: 100vh;}
#myModalshowfull .lftdt .head-pge-cmn:after{display: none;}
.columntabset table.table td i{font-size: 15px;}
.columntabset table.table td a{min-width: 0;}

label.active{display: inline-block !important;}
textarea:focus, input:focus{border-color: #d2d6de !important;}
.showingeachintrpse .head-pge-cmn:after{display: none;}
.showinter input[type="text"]{position: relative;bottom: 28px;left:48px;width: 94%;}
.showinter{margin-top:20px;}
.tab1pooldata .rrq_bg #accordionrevq .panel:nth-child(2n-1) {
    background: #f7f7f7 !important;
}
/* .tab1pooldata .innercollapse .panel-title{box-shadow: none !important;} */
.tab1pooldata .rrq_bg  #accordionrevq .panel-title{box-shadow: none !important;}
#DatamapDiv .nav-tabs li{float: left !important;}
.showscherow1{    
    background-color: #eaeaea;
    padding: 12px 0;
    float: left;
    width: 100%;}

.lefternaver{
    border: solid 1px #5b5b5b !important;
    border-right: none !important;
}
.rectMap{
    background: #62cb31;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 5px;
    border-radius: 5px;
    /* box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); */
    cursor: pointer;
    /* -webkit-transition: all ease-in-out 300ms; */
    /* transition: all ease-in-out 300ms; */
    font-size: 11px;
    border: 2px dotted #eaeaea !important;
}
.rectMap:hover {
    box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0px, -5px) scale(1);
    transform: translate(0px, -5px) scale(1);
  }
  #addChannelmain {
    float: right;
    background-color: #62cb31;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px #59a636;
    font-size: 12px;
    margin-right: 15px;
    border: 2px dotted #eaeaea !important;
border-radius: 2px;
}
#addChannelmain i{
    font-size: 17px;
-webkit-text-stroke: 2px #62cb31;
}

.checkerrDataops{
    padding-right: 0px !important;
    background-color: transparent !important;
    border-bottom: none !important;
    border: solid 1px #cecccc;
    border-right: none !important;
  }
  
  .checkerrDataops li{
    padding: 0 !important;
    /* padding-right: 42px; */
  }
  .checkerrDataops li i{
    height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 12px;
  background-color: #ff8612 !important;
  color: #fff;
  border: none !important;
  text-align: center;
  border-radius: 50%;
  }
  .kebabMenuStyle .dropdown-menu i{color: #f78205;}
  /* .kebabMenuStyle .dropdown-menu a:hover{color: #fff !important;} */
  .contrlOverTble{
    position: absolute;
right: 6px;
top: -2px;
height: 40px;
width: 78px;
display: none;
  }
  .contrlOverTble a{
      width: 26px !important;
      float: left;
  }
  .contrlOverTble a i {
    height: 20px !important;
width: 20px !important;
line-height: 20px !important;
font-size: 10px;
background-color:transparent !important;
border: transparent !important;
text-align: center;
border-radius: 50%;
/* text-shadow: 1px 2px 1px #000 !important; */
background: white;
box-shadow: 0 0 0 1px #ccc;
font-weight: bold;
text-align: center;
color: #6a6c6f !important;
}
.contrlOverTble a i:hover{
    color: #62cb31 !important;
}
.contrlOverTble a.active i{
    color: #fff !important;
background-color: #62cb31 !important;
}
.dot-op:hover {
    background-color:transparent !important;
}
/* .checkerrDataops li:hover .contrlOverTble{
    display: block;
} */
.checkerrDataops li.active .contrlOverTble{
    display: block;
}
  .checkerrDataops li.active {
    background-color:#fff !important;
  }
  .checkerrDataops li.active a {
   color:#62cb31 !important;
  }
  .checkerrDataops li {
    border-bottom: transparent;
    /* border-bottom: none; */
    margin-bottom: 0px !important;
    padding: 0px !important;
    text-align: left;
    position: relative;
    background-color: #B1B1B1;
    display: inline-block !important;
    width: 100%;
    border-bottom: solid 1px #eee;
  }
  .checkerrDataops li a{
    border: transparent !important;
    color: #fff !important;
  font-weight: bold;
  background: transparent !important;
  padding: 6px 15px !important;
  /* padding-left: 50px !important; */
  font-weight: normal !important;
  font-size: 12px;
  width: 84px;
padding-left: 6px !important;
padding-right: 0 !important;
  }
  .tabSchesec{
      /* display: inline-block; */
      width: 100%;
      float: left;
  }
  .popAddscgh .countStepflow{
    width: 25px !important;
height: 25px !important;
border: solid 1px #ff8612 !important;
line-height: 25px !important;
text-align: center !important;
padding: 0 !important;
border-radius: 50% !important;
margin-top: 10px !important;
margin-left: 5px !important;
color: black;
font-size: 12px;
  }
  .popAddscgh .stepTop {
    color: #393939;
    font-weight: bold;
}

.popAddscgh .checkerrAp li{

}
.schemapoolbtn{
    position: absolute;
right: 210px;
top: 21px;
    display: none;
    border: solid 1px #eee;
padding-left: 10px;
padding-right: 10px;
background-color: #eee;
}
.creIntask:hover{
    color: #fff;
}

#shwgenval {
    position: absolute;
    left: 93px;
    top: -2px;
}
#showgenfor {
    position: absolute;
    left: 93px;
    top: 0;
}
.showerpopmapIn{
    display: block;
}

.mptoClum{
    background-color: tomato;
    padding: 5px;
    color: #fff;
}
.insideMaData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff !important;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    /* padding: 0; */
    padding: 0px 10px;
}
.closeinsideMaData {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.closeinsideMaData:hover{
    color: #000;
}
.selectobksecColumn {
    color: #393939;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
}
.selectparsedrop {
    
    display: inline-block;
    width: 100%;
    background-color: #eaeaea;
    padding-bottom: 8px;
}
.mptoClum {
    padding: 1px 6px;
    font-size: 9px;
    float: left;
    border-radius: 3px;
    background-color: #939393;
    border: solid 1px #4d4d4d;
    font-size: 13px;
    margin: 0 !important;
}
#sectionDber .table > tbody > tr > td > a.mptoClum{
    color: #fff !important;
}
.mptoClum:hover{
    background-color: #62cb31 ;
    color: #fff;
}
.addingRulesr{
    margin-left: 0;
background-color: #62cb31;
margin-bottom: 4px;
display: inline-block;
padding: 1px;
font-size: 13px;
color: #fff;
border: 2px dotted #eaeaea !important;
border-radius: 2px;
text-align: center;
cursor: pointer;
}
.addingRulesr i {
    font-size: 17px;
    -webkit-text-stroke: 2px #62cb31;
}
.addingRulesr:hover{
    color: #fff !important;
}


.checkerrApdreft li.active .shwactv{
    /* display: block; */
}
.shwactv i {
    background-color: transparent !important;
    color: #ff8612 !important;
    font-size: 25px !important;
}
.checkerrApdreft li {
    border-bottom: transparent;
    /* border-bottom: none; */
    margin-bottom: 0px !important;
    padding: 0px !important;
    text-align: left;
    position: relative;
    background-color: #f7f7f7;
    display: inline-block !important;
    width: 100%;
    border: solid 1px #bdbdbd;
    border-top: none;
border-left: none;
/* border-right: none; */
float: left !important;
width: 147px !important;
border-bottom: none;
}
.checkerrApdreft li:after{
    content: "\f061";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    /* background: #ea526f; */
    font-size: 14px;
    color: #797979;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 0;
    opacity: 1;
    transform: scale(1);
    transition: all 0.3s ease 0s;
    font-weight: normal !important;
}
.checkerrApdreft li a{
    border: transparent !important;
    color: #a6a6a6 !important;
font-weight: bold;
background: transparent !important;
padding: 6px 15px !important;
padding-left: 50px !important;
font-weight: normal !important;
font-size: 13px;
margin: 0 !important;
}
.checkerrApdreft > li + li {
    margin-top: 0px !important;
    margin-left: 0;
}

.checkerrApdreft{
    padding-right: 0 !important;
    background-color: transparent !important;
    border-bottom: none !important;
    border: solid 1px #b39eb5;
}

.checkerrApdreft li{
    padding: 0 !important;
    /* padding-right: 42px; */
}
.checkerrApdreft li i{
    height: 25px;
width: 25px;
line-height: 25px;
font-size: 12px;
background-color: #ff8612 ;
color: #fff;
border: none !important;
text-align: center;
border-radius: 50%;
}
.checkerrApdreft li.active {
    background-color:#fff !important;
    /* border-bottom: transparent; */
    /* margin-bottom: 0 !important; */
    /* border-right: solid 2px #ff8612; */
    /* border-right: solid 9px #fff; */
margin-left: 0px;
}
.checkerrApdreft li.active:after{
    content: "\f00c";
    color: #06c806;
    right: -8px;
    border: solid 1px;
    border-radius: 50px;
    left: 2px;
    background-color: #fff;
    
}
.subHeadscClumn {
    margin: 10px 0px 5px 0px;
    margin-bottom: 0;
    font-size: 14px;
    border-bottom: solid 1px #eee;
    padding-bottom: 5px;
    padding-left: 10px;
}
.relatPopuper {
    position: absolute;
    left: 0;
    top: -10px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    /* z-index: 9999; */
    display: none;
    padding: 15px;
}
.closerelatPopuper {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    background: #dedede;
    padding: 0px 11px;
    border: 1px solid #c5c5c5;
    z-index: 9999;
}
.closerelatPopuper .fa-remove:before, .fa-close:before, .fa-times:before{
    position: relative;
    bottom: 5px;
    right: 4px;
}
button.createprjbtn:focus,button.createprjbtn:active{background-color: #18ba60;}
button.createprjbtn:hover{background-color: #b65b06;}
.insideApiGrpData {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff !important;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    /* padding: 0; */
    padding: 0px 10px;
}
.closeinsideApiGrpData {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.closeinsideApiGrpData:hover{
    color: #000;
}



.insideApiGrpDataAdd {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff !important;
    z-index: 9;
    display: none;
    padding: 0;
    z-index: 999;
    padding: 0px 10px;
}
.closeinsideApiGrpDataAdd {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    z-index: 999999999999999999;
}
.closeFilterOperaAdd {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    z-index: 999999999999999999;
}
.closeinsideApiGrpDataAdd:hover{
    color: #000;
}

.listingofApiGrppss{
    display: inline-block;
    width: 100%;
    padding: 0px 10px 10px 10px;
}

.setforDatapool{
    display: none;
}
#setterforSchema{
    display: none;
}
.head-pge-cmn{
    display: none;
}
.main_sub_tit{
    margin: 10px 10px 5px 10px;
margin-bottom: 0;
font-size: 15px;
/* border-bottom: solid 1px #eee; */
padding-bottom: 5px;
display: inline-block;
font-weight: 500;
color: #000;
}
.around_box{
    /* border: solid 1px #ccc6c6; */
    border: solid 1px #ddd;
    margin: 7px;
min-height: 535px;
position: relative;
}

.stepbsteprout{
    border-radius: 4px;
margin-right: 16px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
background-color: transparent !important;
color: #9d9fa2 !important;
font-size: 14px;
margin-top: 51px !important;
border: solid 1px #62cb31 !important;
}
.stepbsteprout-new{
    border-radius: 3px;
    display: inline-block;
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    background-color: #62cb31 !important;
    color: #fff !important;
    font-size: 14px;
    margin-bottom: 20px;
    border: none !important;
}
.stepbsteprout-new:hover{background-color: #398217 !important;}


#iframer {
    position: absolute;
left: 0;
top: 0;
  }
  #canvas {
    width:100%;
    height:300px;
    border: 1px solid transparent;
    /* background-size: contain; */
}
.rectangleg {
    border: 1px dotted red;
    position: absolute;
    /* left: 30px !important;
    top:30px !important; */
}
#pWhiterep .form-control {
    height: 16px !important;
    font-size: 11px;
}

.dataopeFilterGrid{
    float: left;
    width: 100%;
    display: none;
}

.bkToOperationGrp{
    color:  #62cb31;
    font-weight: bold;
}
.insideOperatFilterAdd{
    display: none;
}


.leftSecAbtSchemas{
    font-size: 13px;
    font-weight: 400;
    /* background-color:#656565; */
    background-color: #484848;
    float: left;
    width: 19%;
    height: 100%;
    min-height: 564px;
    position: relative;
    z-index: 9;
}
.rightSecAbtSchemas {
    float: left;
    background-color: #ececec;
    min-height: 540px;
    width: 81%;
    padding: 10px;
    position: relative;
}
.divAllSchemasData{
    display: none;
}
.poperApplTableIn {
    overflow: auto;
    /* font-family: verdana; */
    font-size: 13px;
    font-weight: 400;
    background-color: #484848;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #e1ffff;
    z-index: 99999;
    /* padding-left: 1.25rem!important; */
    padding-right: 1.25rem!important;
    /* display: none; */
    /* box-shadow: 0 5px 10px 5px rgb(0 0 0 / 14%); */
    /* padding-top: 1.25rem!important; */
    display: none;
    /* background-color: #565656; */
}
.closepoperApplTableIn{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 15px;
    z-index: 999999;
    width: 26px;
    height: 30px;
    opacity: .6;
}
.closepoperApplTableIn:before, .closepoperApplTableIn:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: #fff;
}
.closepoperApplTableIn:before {
    transform: rotate(
45deg
);
}
.closepoperApplTableIn:after {
    transform: rotate(
-45deg
);
}


.diagramLister {
    padding: 17px;
    background-color: #ffffff;
    position: relative;
    min-height: 566px;
}
.diagCntr{
    background: linear-gradient(
-90deg
, rgba(0,0,0,.05) 1px, transparent 1px), linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), linear-gradient(
-90deg
, rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px), linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(
-90deg
, #fff 1px, transparent 1px), linear-gradient(
-90deg
, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(#fff 1px, transparent 1px), #f2f2f2;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    width: 100% !important;
    background-color: #eee !important;
    height: 79vh;
}

.tableAllDataLister {
    padding: 0;
    background-color: #ffffff;
    min-height: 566px;
    display: none;
}
.encriptionDataLister{
    padding: 0;
    background-color: #ffffff;
    min-height: 566px;
    display: none;
}
.columnDataLister{
    padding: 0;
    background-color: #ffffff;
    min-height: 566px;
    display: none;
}
.rulesDataLister{
    padding: 0;
    background-color: #ffffff;
    min-height: 566px;
    display: none;
}
.relationsDataLister{
    padding: 0;
    background-color: #ffffff;
    min-height: 566px;
    display: none;
}
.rulesDataAddPopup{
    display: none;
}

.poperdataApiIn {
    overflow: auto;
    /* font-family: verdana; */
    font-size: 13px;
    font-weight: 400;
    background-color: #484848;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #e1ffff;
    z-index: 99999;
    /* padding-left: 1.25rem!important; */
    padding-right: 1.25rem!important;
    /* display: none; */
    /* box-shadow: 0 5px 10px 5px rgb(0 0 0 / 14%); */
    /* padding-top: 1.25rem!important; */
    display: none;
    background-color: #565656;
}
.closepoperdataApiIn{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 15px;
    z-index: 999999;
    width: 26px;
    height: 30px;
    opacity: .6;
}
.closepoperdataApiIn:before, .closepoperdataApiIn:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: #fff;
}
.closepoperdataApiIn:before {
    transform: rotate(
45deg
);
}
.closepoperdataApiIn:after {
    transform: rotate(
-45deg
);
}

.apiinsideRulers {
    padding: 0;
    background-color: #ffffff;
    min-height: 545px;
    display: none;
}
.operationinsideRulers{
    padding: 0;
    background-color: #ffffff;
    min-height: 545px;
    display: none;
}
.datachannelinsideData{
    padding: 0;
    background-color: #ffffff;
    min-height: 545px;
}
.parsergrpinsideData{
    padding: 0;
    background-color: #ffffff;
    min-height: 545px;
    display: none;
}
.dropdown-visible{padding: 0 6px !important;}
.parsestyle{border: 10px solid #fff;padding-top: 10px;}
.btn-dataops{border-radius: 3px;padding: 6px 12px;color: #fff;background-color: #62cb31;border: none;}
.btn-dataops:hover, .btn-dataops-next:hover{background-color: #398217 !important; color: #fff !important;}
.btn-dataops-next, .btn-orange-next{border-radius: 3px;padding: 6px 12px;color: #fff;background-color: #62cb31;border: none;font-size: 15px;font-weight: 500;}
.btn-orange-next{background-color: #f78205;}
.btn-dataops-next i, .btn-orange-next i{font-size: 22px;font-weight: 700;vertical-align: -2px;}
.btn-orange-next:hover{background-color: #c36500 !important;color: #fff !important;}
.lastbutton-finish{position: absolute;right: 3%; top: 2%;z-index: 9;}
.tabs-custom li a{background: #474d45;color: #fff !important;padding: 5px 15px !important;font-weight: normal !important;}
/* .tabs-custom li a:hover{color: #84de41 !important;} */
.tabs-custom li.active a{background: #535353 !important;color: #84de41 !important;}
.tabs-custom li{margin-right: 0;}
.tabs-content-custom #accordionresreq .panel-title a{color: #398217;}
.tabs-content-custom #accordionresreq .panel-title a.collapsed{color: #676767 !important;}
.tabs-content-custom #accordionresreq .panel-title{box-shadow: 0 1px 8px rgb(0 0 0 / 10%), 0 4px 6px 0 rgb(0 0 0 / 9%);}
.setHoverSchemaBox,.setHoverTableBox{
    position: absolute;
    width: 73%;
    height: auto;
    background-color: #fff;
    display: block;
    z-index: 9999;
    top: 14px;
    padding: 0px;
    left: 19%;
    border: 6px solid #d0d0d0;
}
.setHoverSchemaBox .main_sub_tit,.setHoverTableBox .main_sub_tit {
    margin: 9px 10px 5px -16px !important;
}
.setHoverTableBox{
    /* width: 950px;
    left: 80%; */
    /* top: 72px; */
    z-index: 99999;
}
/* .setHoverSchemaBox .ms-box ,.setHoverTableBox .ms-box{
    height: 90px;
    margin-top:0;
    margin-bottom: 0;
    padding: 6px;
    min-height: 86px;
} */
.setHoverSchemaBox .ms-box p ,.setHoverTableBox .ms-box p{
    margin-top:-8px;
}

/* .setHoverSchemaBox .ms-box h4,.setHoverTableBox .ms-box h4{ 
    font-size: 12px;
} */
.setHoverSchemaBox .ms-box .fontawer i,.setHoverTableBox .ms-box .fontawer i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px !important;
    margin-top: 10px;
}
/* .schemaMouseshow:hover,.setTablehover:hover {
    background: #ffffff !important;
} */
.flowgridBtn.schemaMouseshow{background: none !important;}
.schemahovicon::after{
    display: inline-block;
    content: "";
    position: relative;
    bottom: 8px;
    right: 22px;
    border: 8px solid transparent;
    border-bottom-color: #d0d0d0;
    transform: rotate( 
270deg);
}
.setHoverTableBox .schemahovicon::after{bottom: -72px;}
.btn-border{padding: 4px 12px;border: 1px solid #565555 !important;background: none;color: #565555;border-radius: 3px;}
.btn-border:hover{color: #000 !important;border: 1px solid #000 !important;}
.closeinterphaseApiGroupList{position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.interphaseApiGroupList{position: absolute;
    border: 8px solid rgb(197, 197, 197);
    background-color: #fff;
    right: 21px;
    min-height: 400px;
    z-index: 99999;
    display: none;
    padding: 0;
    bottom: 0;
    width: 90%;
    margin: 0 auto;
    height: 83vh;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 45.5%;}
.modal_sub_title{font-size: 15px;font-weight: 500;color: #000;padding: 10px 5px;text-align: left;margin: 0;}
.deleteHover:hover{background-color: #ea5a5a !important;}
.poperApplTableIn .catogoryms-lia-icon::before, .mainApplTableIn .catogoryms-lia-icon::before{top: 9px;}
.setheadico-dataops{color: #fff;
    background: #62cb31;
    border-bottom: 1px solid #ddd;
    margin: 0 !important;
    text-transform: uppercase;
    padding: 8px 0 8px 8px;
    text-align: left;font-weight: 500;font-size: 14px;line-height: 20px;}
.btn-dataops.settabl:hover{background: #398217 !important;}
#Section2resvb .panel-title a::after, #Section2resvb1 .panel-title a::after, #Section2resvb2 .panel-title a::after, #Section2resvb3 .panel-title a::after{  content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    color: #1a1a1a;
}
#Section2resvb .panel-title a.collapsed::after, #Section2resvb1 .panel-title a.collapsed::after, #Section2resvb2 .panel-title a.collapsed::after, #Section2resvb3 .panel-title a.collapsed::after{content: "\f107";}
#Section2resvb .panel-title a.collapsed, #Section2resvb1 .panel-title a.collapsed, #Section2resvb2 .panel-title a.collapsed, #Section2resvb3 .panel-title a.collapsed{padding: 12px 15px;color: #398217;}
#Section2resvb .panel-title a:hover, #Section2resvb1 .panel-title a:hover, #Section2resvb2 .panel-title a:hover, #Section2resvb3 .panel-title a:hover, #Section2resvb .panel-title a:focus, #Section2resvb1 .panel-title a:focus, #Section2resvb2 .panel-title a:focus, #Section2resvb3 .panel-title a:focus{color: #398217;}
#Section2resvb .panel-heading, #Section2resvb1 .panel-heading, #Section2resvb2 .panel-heading, #Section2resvb3 .panel-heading{background: #e4e4e4;color: #000;}
#resreq .add-tabs-style > li.active a{color: #62cb31 !important;background: #fff !important;}
#Section2resvb .panel-title a:hover, #Section2resvb1 .panel-title a:hover, #Section2resvb2 .panel-title a:active, #Section2resvb3 .panel-title a:active{color: #398217 !important;}
.closeRulesDataAddPopup:hover{color: #000;opacity: 0.8 !important;}
.breadcrumbRules a:hover{color: #398217 !important;}
#resreq .add-tabs-style > li a{color: #ffffff;background: linear-gradient(to top right, #62cb31 49%,#5ed028 50%);}
.tabFormStyles{padding: 50px;border: 1px solid #ddd;margin-top: 5%;}
.gridNewBtn .btn-dataops:hover{background-color: #62cb31 !important;}
/* Datapool grid, Tree component data group right side and all grids */
.gridAddIndicateArrow, .gridAddIndicateArrowComp, .gridAddIndicateArrowStyle{float: left;padding:31vh 0 0;height: 70.3vh;border: 1px solid #ddd;background: #fff;border-left: 1px solid #7c7b7b;border-bottom: 1px solid #7c7b7b;width: 1.5%;text-align: center;border: 4px solid #fff;border-top: 6vh solid #fff;}
.gridAddorEditForm a i:hover, .gridAddorEditFormStyle a i:hover{border: 1px solid #398217;}
.gridAddIndicateArrow i, .gridAddIndicateArrowComp i, .gridAddIndicateArrowStyle i{color: #fff;}
.gridAddIndicateArrow:hover, .gridAddIndicateArrowComp:hover, .gridAddIndicateArrowStyle:hover{background: #808080 !important;}
.gridAddorEditForm .form-group, .gridAddorEditFormStyle .form-group{margin-bottom: 0;}
.datapool-grid-left, .data-grid-left, .column-grid-left, .grid-left-area-style{min-height: 70.5vh;height: 70.5vh;background: #fff;padding: 15px;float: left;}
.datapool-grid-right, .data-grid-right, .column-grid-right, .column-grid-right_Alt .grid-right-area-style{background: #fff;padding: 7px 15px 15px;width: 24%;display: none;min-height: 82vh;height: 82vh;overflow-y: hidden;margin-top: 6px;border: solid 1px #e3e3e3;border-bottom: 10px solid #efefef;}
/* Datapool grid right side ends*/

.fontstyleChange th{font-size: 12px;}
.tabsStyleChange li a{background: #62cb31;}
.tabsStyleChange li a:hover{background: #398217;}
.tabsStyleChange li.active a{color: #000;background: #fff;}
.interphaseMenuLevels .adderItemDv:hover::before, .interphaseMenuLevels .adderItemDv:hover::after, .createparsericon:hover::before, .createparsericon:hover::after, .flowDataGrpMenuLevels .adderItemDv:hover::before, .flowDataGrpMenuLevels .adderItemDv:hover::after{background-color: #fff !important;}
.filterDetailsTabContent{display: block;padding: 25px;border: solid 1px #ddd;margin:15% auto 0;width:80%;min-height: 90px;}
.saveprocreLast.btn-dataops{background-color: #398217 !important;}
.interpahseMapDataStyle .description{position: absolute;top: 40%;left: 55%;margin-top: -50px;margin-left: -50px;}
.interphaseMenuLevels .adderItemDv{top: 10px;}
.interphaseMenuLevels .adderItemDv:hover, .createparsericon:hover, .flowDataGrpMenuLevels .adderItemDv:hover{width: 24px;height: 24px;background: #585858;}
.interphaseMenuLevels .adderItemDv:before, .interphaseMenuLevels .adderItemDv:after, .flowDataGrpMenuLevels .adderItemDv:before, .flowDataGrpMenuLevels .adderItemDv:after{left: 11px;top: 4px;}
.closeBtnPopup{top:6px;position: absolute;z-index: 9;right: 5px;cursor: pointer;opacity: 0.2;background: none;border: none;}
.closeBtnPopup:hover{opacity: 0.7 !important;}
.setActiveSchemas .nav-side-menu li:hover{background: #434343 !important;}
.main_sub_sub_tit{margin: 0;font-size: 14px;padding-bottom: 15px;display: inline-block;font-weight: 500;color: #494949;width: 100%;}
#myModaladdclmn12Query .form-group{margin-bottom: 5px;}
.settablescroll thead th{position: sticky; top: 0; z-index: 1;}
/* Dataops main menu style starts */
.main-menu-dataops ul, .main-menu-whiterepo .main-menu-whiterepo-lev1{padding: 15px 0 15px 15px;}
.main-menu-dataops ul li, .main-menu-whiterepo .main-menu-whiterepo-lev1 li, .main-menu-whiterepo .main-menu-whiterepo-lev2 li, .main-menu-whiterepo .main-menu-whiterepo-lev3 li{cursor: pointer;border-bottom: 0 !important;}

.main-menu-dataops ul li{height: 15vh;padding-right: 15px;}
.main-menu-dash ul li{height: 9vh;padding-right: 5px !important;margin-bottom:5px !important}
.main-menu-dash .main-menu-whiterepo ul li{height: 10vh !important;}
.main-menu-dataops ul li.active, .main-menu-dash ul li.active{padding-right: 0 !important;}
.main-menu-dataops ul li.active a:hover, .main-menu-dash ul li.active a:hover{background: #c5c5c5 !important}

.main-menu-dataops ul li a, .main-menu-whiterepo .main-menu-whiterepo-lev1 li a.setWRHoverStyle, .main-menu-whiterepo .main-menu-whiterepo-lev2 li a.setWRHoverStyle-lev1, .main-menu-whiterepo .main-menu-whiterepo-lev3 li a.setWRHoverStyle-lev2{text-align: center;font-size: 11px !important;padding: 15px 15px 15px 0;position:relative;width:100%;color: #fff;text-transform: uppercase;font-weight: 300 !important;display: inline-block;padding-right: 0;}
.main-menu-dash ul li a, .main-menu-dash ul li a:hover{padding: 5px 5px 5px 0 !important;height: 9.5vh;}
.main-menu-dash ul li a i{font-size: 32px !important;}
.main-menu-dataops ul li a i, .main-menu-whiterepo .main-menu-whiterepo-lev1 li a.setWRHoverStyle i, .main-menu-whiterepo .main-menu-whiterepo-lev2 li a.setWRHoverStyle-lev1 i, .main-menu-whiterepo .main-menu-whiterepo-lev3 li a.setWRHoverStyle-lev2 i{font-size: 36px;display: block;text-shadow: 1px 1px 1px #000;padding-bottom: 2px;}
.main-menu-dataops ul li.active a, .main-menu-whiterepo .main-menu-whiterepo-lev1 li.active a.setWRHoverStyle, .main-menu-whiterepo .main-menu-whiterepo-lev2 li.active a.setWRHoverStyle-lev1, .main-menu-whiterepo .main-menu-whiterepo-lev3 li.active a.setWRHoverStyle-lev2{background:#c5c5c5 !important;color: #000 !important;border-radius: 10px 0 0 10px;}
.main-menu-dash ul li.active a, .main-menu-dash ul li a.active{border-radius: 10px 0 0 10px !important;height: 9.5vh;}
.main-menu-dash .main-menu-whiterepo ul li.active a{height: 10vh !important;}
.main-menu-dash ul li a:hover{border-radius: 10px !important;}
.main-dashPanel-style .nav-tabs li a:hover, .main-dashPanel-style .nav-tabs li a:active{color: #000 !important;}
/* .main-dashPanel-style .nav-tabs li a:hover, .main-dashPanel-style .nav-tabs li a:active{color: #84de41 !important;} */
.main-menu-dataops ul li a:hover, .main-menu-whiterepo .main-menu-whiterepo-lev1 li a.setWRHoverStyle:hover, .main-menu-whiterepo .main-menu-whiterepo-lev2 li a.setWRHoverStyle-lev1:hover, .main-menu-whiterepo .main-menu-whiterepo-lev3 li a.setWRHoverStyle-lev2:hover{background:#808080 !important;color: #000 !important;border-radius: 10px;transition: none !important;}
.main-menu-whiterepo .main-menu-whiterepo-lev1 li.active a.setWRHoverStyle:hover, .main-menu-whiterepo .main-menu-whiterepo-lev2 li.active a.setWRHoverStyle-lev1:hover, .main-menu-whiterepo .main-menu-whiterepo-lev3 li.active a.setWRHoverStyle-lev2:hover{background: #c5c5c5 !important}
.main-menu-whiterepo ul li.active #repoSubmenu a{background: none !important;color: #fff !important;}
.main-menu-whiterepo #repoSubmenu, .main-menu-whiterepo #inputSubmenu, .main-menu-whiterepo #outputSubmenu{padding: 0 !important;}
.main-menu-dataops ul li.active a::before, .main-menu-whiterepo .main-menu-whiterepo-lev1 li.active a.setWRHoverStyle::before, .main-menu-whiterepo .main-menu-whiterepo-lev2 li.active a.setWRHoverStyle-lev1::before, .main-menu-whiterepo-lev3 li.active a.setWRHoverStyle-lev2::before{
    content: '';
    position: absolute;
    right: 0px;
    top: -16px;
    border-radius: 0 0 8px 0;
    border: transparent 8px solid;
    box-shadow: 0.5em 0.5em 0 0 #c5c5c5;
}
/* .main-menu-dataops ul li a:hover::before, .main-menu-whiterepo .main-menu-whiterepo-lev1 li a.setWRHoverStyle:hover::before, .main-menu-whiterepo .main-menu-whiterepo-lev2 li a.setWRHoverStyle-lev1:hover::before, .main-menu-whiterepo .main-menu-whiterepo-lev3 li a.setWRHoverStyle-lev2:hover::before{
    content: '';
    position: absolute;
    right: 0px;
    top: -16px;
    border-radius: 0 0 8px 0;
    border: transparent 8px solid;
    box-shadow: 0.5em 0.5em 0 0 #808080;} */
.main-menu-dataops ul li.active a::after, .main-menu-whiterepo .main-menu-whiterepo-lev1 li.active a.setWRHoverStyle::after, .main-menu-whiterepo .main-menu-whiterepo-lev2 li.active a.setWRHoverStyle-lev1::after, .main-menu-whiterepo .main-menu-whiterepo-lev3 li.active a.setWRHoverStyle-lev2::after{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -16px;
    border-radius: 0 8px 8px 0;
    border: transparent 8px solid;
    box-shadow: 0.5em -0.5em 0 0 #c5c5c5;
}
/* .main-menu-dataops ul li a:hover::after, .main-menu-whiterepo .main-menu-whiterepo-lev1 li a.setWRHoverStyle:hover::after, .main-menu-whiterepo .main-menu-whiterepo-lev2 li a.setWRHoverStyle-lev1:hover::after, .main-menu-whiterepo .main-menu-whiterepo-lev3 li a.setWRHoverStyle-lev2:hover::after{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -16px;
    border-radius: 0 8px 8px 0;
    border: transparent 8px solid;
    box-shadow: 0.5em -0.5em 0 0 #808080;} */
.menu-mainer-dataops{width: 110px !important;}
.wrapper-mainer-dataops{margin: 0px 0 0 110px !important;}
/* Dataops main menu style ends */
/* .tblarrowhighlight{position: absolute;right: -30px;color: #90f760;font-size: 20px;top: 32px;display: none;}
.rowContentClick.active .tblarrowhighlight{display: block;} */
.gridAddorEditForm span:hover i{color: #398217;}

@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

.tabinsidetabs .checkerrAp li.active:after{display: none;}
#discoverInterAPI .tabinsidetabs .nav-tabs li.active:hover, .myModalscheaddactivater .tabinsidetabs .nav-tabs li.active:hover, #myModaladdDataChannel .tabinsidetabs .nav-tabs li.active:hover{background: #fff !important; color: #403f3f !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li a, .myModalscheaddactivater .tabinsidetabs .nav-tabs li a, #myModaladdDataChannel .tabinsidetabs .nav-tabs li a{color: #403f3f !important;font-size: 13px !important;background: none !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li a:hover, .myModalscheaddactivater .tabinsidetabs .nav-tabs li a:hover, #myModaladdDataChannel .tabinsidetabs .nav-tabs li a:hover{background: none !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li:hover, .myModalscheaddactivater .tabinsidetabs .nav-tabs li:hover, #myModaladdDataChannel .tabinsidetabs .nav-tabs li:hover{background: #62cb31 !important;cursor: pointer;}
#discoverInterAPI .tabinsidetabs .nav-tabs .catogoryms-lia:after, .myModalscheaddactivater .tabinsidetabs .nav-tabs .catogoryms-lia:after{top:48% !important;border-width: 12px 10px 12px 0;}
#myModaladdDataChannel .tabinsidetabs .nav-tabs .catogoryms-lia:after{top:47% !important;border-width: 10px 8px 10px 0;}
#discoverInterAPI .tabinsidetabs .nav-tabs li.active a:hover, .myModalscheaddactivater .tabinsidetabs .nav-tabs li.active a:hover, #myModaladdDataChannel .tabinsidetabs .nav-tabs li.active a:hover{background: none !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li.active a, .myModalscheaddactivater .tabinsidetabs .nav-tabs li.active a, #myModaladdDataChannel .tabinsidetabs .nav-tabs li.active a{background: none !important;}
#discoverInterAPI .createProjStyle .checkerrAp li.active, .myModalscheaddactivater .createProjStyle .checkerrAp li.active, #myModaladdDataChannel .createProjStyle .checkerrAp li.active{background: #fff !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li:hover i, .myModalscheaddactivater .tabinsidetabs .nav-tabs li:hover i, #myModaladdDataChannel .tabinsidetabs .nav-tabs li:hover i{background: #fff !important;color: #62cb31 !important;}
#discoverInterAPI .tabinsidetabs .nav-tabs li.active:hover i, .myModalscheaddactivater .tabinsidetabs .nav-tabs li.active:hover i, #myModaladdDataChannel .tabinsidetabs .nav-tabs li.active:hover i{background: #62cb31 !important;color: #fff !important;}
#discoverInterAPI .createProjStyle, .myModalscheaddactivater .createProjStyle, #myModaladdDataChannel .createProjStyle{background-color:#888888 !important;}
#discoverInterAPI .createProjStyle .checkerrAp li, .myModalscheaddactivater .createProjStyle .checkerrAp li, #myModaladdDataChannel .createProjStyle .checkerrAp li{background: #c3c3c3 !important;}
#tab1ForReqHeadtry1, #tab1ForReqHeadtry2, #tab1ForReqHeadtry3, #tab1ForReqHeadtry4, #tab1ForReqHeadtry5, #tab1ForReqHeadtry6, #tab1ForReqHeadtry7, #tab1ForReqHeadtry8 {
    background-color: #eee !important;
    height: 100%;
    width: 100% !important;
    background: linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px), linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px), linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px), linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(-90deg, #fff 1px, transparent 1px), linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px), linear-gradient(#fff 1px, transparent 1px), #f2f2f2;
    background-color: rgb(242, 242, 242);
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
}
.gridSaveBtn.disabled{pointer-events: none;cursor: default;background-color: initial;}
.disabledAnchor{pointer-events: none;cursor: default;}
.greenTxtDark:hover{color: #398217 !important;}
#myModaladdclmn12 .form-group{margin-bottom: 10px;}
.diMenuStyle .catogoryms-lia-icon::before{top:12px;}
@keyframes fadeOutAnimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* .kebabMenuStyle .dropdown-menu.dropdown-menu-right, .kebabMenuStyle .dropdown-toggle.active{animation: fadeOutAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;} */
/* .collapsed.interphaseMenuLevels:hover{background-color: none !important;} */
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background-color: #62cb31;}
.topbreadcrumbStyle button{width: initial;padding: 2px 5px;height: initial;}
.topbreadcrumbStyle button:hover{background: #62cb31;}
.schemahoviconalign::after, .schemahoviconStyle::after{top: 27px;border-style: solid;border-width: 8px 6px 8px 0;border-color: transparent #c5c5c5 transparent transparent;right: 12px;transform: initial;}
.schemahoviconStyle::after{top: 72px;}

#deletedatagrp .modal-dialog, #deletepooldata .modal-dialog, #createdataschema .modal-dialog, #deletedatadb .modal-dialog, #createdatatable .modal-dialog, #deletedatatb .modal-dialog, #myModaladdclmn12 .modal-dialog, #myModalclmnencrip12 .modal-dialog, #myModalclmnMap12 .modal-dialog, #deletedatamap1 .modal-dialog, #createdataApigroup .modal-dialog, #createdataApi .modal-dialog, #myModalscheaddactivater .modal-dialog, #deleteencryption .modal-dialog, #deletedataApigrp .modal-dialog, #exposeModal123 .modal-dialog, #deletedataoper .modal-dialog, #createdataoperation .modal-dialog, #deletedafilter .modal-dialog, #deletesource .modal-dialog, #myModalpolk .modal-dialog, #deleteparsegrp .modal-dialog, #deleteparser .modal-dialog, #myModaladdDataChannel .modal-dialog, #addOrPopupencryEx .modal-dialog, #addOrPopupencry .modal-dialog, #deleteRule11 .modal-dialog, #newApiCreateConfirmation .modal-dialog, #deletedatacol .modal-dialog, #myModaladdclmn12Query .modal-dialog, #myModalclmnencripQueries .modal-dialog, #deletedatacolQueries .modal-dialog, #deletedatatbQueries .modal-dialog, #createdatatableQueries .modal-dialog, #deleteencryptfilter .modal-dialog, #imgCropDetailsPop .modal-dialog, #imgCropDetailsColumnPop .modal-dialog, #deletecomponentdata .modal-dialog, #deletecolumndata .modal-dialog, #deleteencriptiondata .modal-dialog, #deleterelationdata .modal-dialog, #deleteflowdatadynamic .modal-dialog, #myModaladdclmn12Query1 .modal-dialog, #createdatatableQueries1 .modal-dialog, #myModalclmnencripQueries1 .modal-dialog, #deletedatacolQueries1 .modal-dialog, #deletedrow1 .modal-dialog, #jsonDetailsColumnPop .modal-dialog, #addOrPopup123coldbrel .modal-dialog, #addOrPopup123 .modal-dialog, #addOrPopupQueries .modal-dialog, #addOrPopupfiltQueries .modal-dialog, #addOrPopupDataRel .modal-dialog, #deletefiltercondition .modal-dialog, #deletedataselect .modal-dialog{border: 8px solid #c5c5c5;position: absolute !important;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0 auto !important;border-radius: 0 !important;}
#deletedatagrp .modal-header, #deletepooldata .modal-header, #createdataschema .modal-header, #deletedatadb .modal-header, #createdatatable .modal-header, #deletedatatb .modal-header, #myModaladdclmn12 .modal-header, #myModalclmnencrip12 .modal-header, #myModalclmnMap12 .modal-header, #deletedatamap1 .modal-header, #createdataApigroup .modal-header, #createdataApi .modal-header, #myModalscheaddactivater .modal-header, #deleteencryption .modal-header, #deletedataApigrp .modal-header, #exposeModal123 .modal-header, #deletedataoper .modal-header, #createdataoperation .modal-header, #deletedafilter .modal-header, #deletesource .modal-header, #myModalpolk .modal-header, #deleteparsegrp .modal-header, #deleteparser .modal-header, #myModaladdDataChannel .modal-header, #addOrPopupencryEx .modal-header, #addOrPopupencry .modal-header, #deleteRule11 .modal-header, #newApiCreateConfirmation .modal-header, #deletedatacol .modal-header, #myModaladdclmn12Query .modal-header, #myModalclmnencripQueries .modal-header, #deletedatacolQueries .modal-header, #deletedatatbQueries .modal-header, #createdatatableQueries .modal-header, #deleteencryptfilter .modal-header, #imgCropDetailsPop .modal-header, #imgCropDetailsColumnPop .modal-header, #deletecomponentdata .modal-header, #deletecolumndata .modal-header, #deleteencriptiondata .modal-header, #deleterelationdata .modal-header, #deleteflowdatadynamic .modal-header, #myModaladdclmn12Query1 .modal-header, #createdatatableQueries1 .modal-header, #myModalclmnencripQueries1 .modal-header, #deletedatacolQueries1 .modal-header, #deletedrow1 .modal-header, #jsonDetailsColumnPop .modal-header, #addOrPopup123coldbrel .modal-header, #addOrPopup123 .modal-header, #addOrPopupQueries .modal-header, #addOrPopupfiltQueries .modal-header, #addOrPopupDataRel .modal-header, #deletefiltercondition .modal-header, #deletedataselect .modal-header{background: none !important;box-shadow: none;border-bottom: none;}
#deletedatagrp .modal-body p, #deletepooldata .modal-body p, #deletedatadb .modal-body p, #deletedatatb .modal-body p, #deletedatamap1 .modal-body p, #deleteencryption .modal-body p, #deletedataApigrp .modal-body p, #exposeModal123 .modal-body p, #deletedataoper .modal-body p, #deletedafilter .modal-body p, #deletesource .modal-body p, #deleteparsegrp .modal-body p, #deleteparser .modal-body p, #addOrPopupencryEx .modal-body p, #addOrPopupencry .modal-body p, #deleteRule11 .modal-body p, #newApiCreateConfirmation .modal-body p, #deletedatacol .modal-body p, #myModaladdclmn12Query .modal-body p, #myModalclmnencripQueries .modal-body p, #deletedatacolQueries .modal-body p, #deletedatatbQueries .modal-body p, #createdatatableQueries .modal-body p, #deleteencryptfilter .modal-body p, #imgCropDetailsPop .modal-body p, #imgCropDetailsColumnPop .modal-body p, #deletecomponentdata .modal-body p, #deletecolumndata .modal-body p, #deleteencriptiondata .modal-body p, #deleterelationdata .modal-body p, #deleteflowdatadynamic .modal-body p, #myModaladdclmn12Query1 .modal-body p, #createdatatableQueries1 .modal-body p, #myModalclmnencripQueries1 .modal-body p, #deletedatacolQueries1 .modal-body p, #deletedrow1 .modal-body p, #jsonDetailsColumnPop .modal-body p, #addOrPopup123coldbrel .modal-body p, #addOrPopup123 .modal-body p, #addOrPopupQueries .modal-body p, #addOrPopupfiltQueries .modal-body p, #addOrPopupDataRel .modal-body p, #deletefiltercondition .modal-body p, #deletedataselect .modal-body p{color:#1a1a1a !important;text-align: left;}
/* #deletedatagrp .modal-header h4, #deletepooldata .modal-header h4, #createdataschema .modal-header h4, #deletedatadb .modal-header h4, #createdatatable .modal-header h4, #deletedatatb .modal-header h4, #myModaladdclmn12 .modal-header h4, #myModalclmnencrip12 .modal-header h4, #myModalclmnMap12 .modal-header h4, #deletedatamap1 .modal-header h4, #createdataApigroup .modal-header h4, #createdataApi .modal-header h4, #myModalscheaddactivater .modal-header h4, #deleteencryption .modal-header h4, #deletedataApigrp .modal-header h4, #exposeModal123 .modal-header h4, #deletedataoper .modal-header h4, #createdataoperation .modal-header h4, #deletedafilter .modal-header h4, #deletesource .modal-header h4, #myModalpolk .modal-header h4, #deleteparsegrp .modal-header h4, #deleteparser .modal-header h4{color:#424242 !important;} */