.dropperdiv {
    /* border: 1px solid #000; */
    /* border: 1px solid #bdbdbd; */
height: 67vh;
background-color: #fff;
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);
}
.dropperstyle{
    /* border: 1px solid #000; */
    /* width: 47%; */
    height: 27vh;
    /* padding: 10px !important; */
    padding: 0px !important;
    margin-top: 0px;
}
.treediv {
    display: inline-block;
    width: 100%;
    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); */
    /* padding: 15px; */
    /* border: 1px solid #bdbdbd; */
    margin-top: -7px;
}
.treepanel{
    margin: 0px 0 0 0px;
width: 96%;
float: left;
}
.propOther{
    width: 0;
float: left;
background-color: #484848;
border: 1px solid #ddd;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}
.propOtherReference
{
    width: auto;
    float: left;
    background-color: #484848;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

@media screen and (max-width:1281px) {
    .mddecr{
        width: 30vw !important;
    }
  }


@media screen and (max-width:1328px) {
  .txtdef{
    width: 61.33% !important;
  }
}


@media screen and (max-width:1401px) {
    .infomaincl{
        height: 19vw !important;
    }
    .infotitl{
        left: 75px !important;
    }
}


@media screen and (max-width:1367px) {
    .infomaincl{
        height: 19vw !important;
    }
    .infotitl{
        left: 75px !important;
    }
}




.propnav li {
    padding: 4px 0px 3px 4px;
}
.propnav li a {
    padding: 2px !important;
font-size: 11px;
border-radius: 0 !important;
}
.propnavCont .tab-pane{
    padding: 0 !important;
}
.propOther{
    height: 74.8vh;
position: absolute;
right: 1px;
top: 0px;
z-index: 999;
/* z-index: 99999; */
}

.propOtherReference
{
    height: 74.8vh;
position: absolute;
right: 1px;
top: 0px;
z-index: 9999999;

}
.controloverProp{
    position: absolute;
top: 0px;
right: 5px;
z-index: 9999;
}
.fgtuMid, .fgtuMidData{
    /* float: left;
border-radius: 4px;
padding: 0;
height: 20px;
line-height: 18px;
text-align: center;
width: 20px;
color:#777;
font-size: 14px;
margin-left: 2px; */
float: left;
background: transparent;
/* box-shadow: 0px 0px 0px 1px #f5f3f3; */
border: 1px solid #959595;
border-radius: 0;
padding: 0;
/* height: 20px; */
line-height: 29px;
text-align: center;
width: 30px;
color: #fff;
font-size: 10px;
margin-left: 2px;
/* display: none; */
margin-top: 0;

}
.fgtuMid:hover, .fgtuMidData:hover{
    color: #272727;
    cursor: pointer;
}
.fgtuMid:active, .fgtuMidData:active {
    transform: scale(0.96);
}
.fgtuBk:hover{
    color: #272727;
    cursor: pointer;
}
.fgtuBk:active {
    transform: scale(0.96);
}

.fgtuFull:hover, .fgtuFullData:hover{
    color: #272727;
    cursor: pointer;
}
.fgtuFull:active, .fgtuFullData:active {
    transform: scale(0.96);
}

.fgtuFull, .fgtuFullData{
    float: left;
    background: transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: 1px solid #959595;
    border-radius: 0;
    padding: 0;
    /* height: 20px; */
    line-height: 29px;
    text-align: center;
    width: 30px;
    color: #fff;
    font-size: 10px;
    margin-left: 2px;
    display: none;
    margin-top: 0;
}
.fgtuBkMid, .fgtuBkMidData{
    float: left;
    background: transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: 1px solid #959595;
    border-radius: 0;
    padding: 0;
    /* height: 20px; */
    line-height: 29px;
    text-align: center;
    width: 30px;
    color: #fff;
    font-size: 10px;
    margin-left: 2px;
    display: none;
    margin-top: 0;
}
.fgtuBkMidData:hover{
    color: #272727;
    cursor: pointer;
}
.fgtuBk{
    float: left;
    background: transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: 1px solid #959595;
    border-radius: 0;
    padding: 0;
    /* height: 20px; */
    line-height: 29px;
    text-align: center;
    width: 30px;
    color: #fff;
    font-size: 10px;
    margin-left: 2px;
    display: none;
    margin-top: 0;
}
.propnav{
    display: none;
}
.propnavCont{
    display: none;
    background-color:#484848;
margin-top: -6px;
padding-left: 0;
padding-right: 0;
float: left;
width: 100%;
/* border: 1px solid #6f6e6e !important; */
border: none !important;
}

.bottomLogsec{
    width: 100%;
    height: 35px;
    float: left;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    bottom: 11px;
    /* left: -90px; */
    /* left: 6px; */
    display: none;
    overflow-y: hidden;
    z-index: 99;
    padding-left: 362px;
}
.bottomLogsec2{
    width: 100%;
height: 35px;
float: left;
background-color: #fff;
border: 1px solid #ddd;
position: absolute;
bottom: 0;
display: none;
    /* left: -91px; */
}


.infoNavcntnt{
    display: none;
}
.infoNavcntnt2{
    display: none;
}
.infoNav li {
    padding: 4px 0px 3px 4px;
}
.infoNav li a {
    padding: 2px !important;
font-size: 12px;
border-radius: 0 !important;
background-color: #4a4a4a !important;
text-shadow: 1px 2px 1px #000;
}
.infoNav2 li {
    padding: 4px 0px 3px 4px;
}
.infoNav2 li a {
    padding: 2px !important;
font-size: 12px;
border-radius: 0 !important;
}
.closebottomLogsec{
    position: absolute;
    left: 0;
top: 0;
    font-size: 10px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 22px;
    height: 19px;
    cursor: pointer;
    font-weight: bold;
    display: none;
    text-align: center;
    background-color: #626262;
    line-height: 19px;
    border: solid 1px #cacaca !important;
}
.closebottomLogsec:hover{
    background: #868686 !important;
}
.closebottomLogsec2{
    position: absolute;
right: 1px;
top: 0;
font-size: 12px;
color: #9d9fa2;
z-index: 999;
background-position: 0 -0;
width: 15px;
height: 15px;
cursor: pointer;
font-weight: bold;
display: none;
}
.dropper_area{
    min-height: 443px !important;
    position: relative;
}
.dropper_area:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fbfbcf transparent transparent transparent;
    left: 38%;
    bottom: -10px;

}

.form_builder_area{
    /* min-height: 432px !important; */
    /* min-height: 466px !important; */
    min-height: 438px !important;
}
.setbgforDrop{
    display: inline-block;
    padding: 0px;
    width: 100%;
    background-color:#484848;
}

.leftSectMaker{
    width: 20%;
    float: left;
    /* border: 1px solid #ccc; */
    /* border: 1px solid #484747; */
    /* border: 3px solid #b7b7b7; */
    /* border: 1px solid #e5e5e5; */
    /* border-top: none; */
    position: relative;
    height: 67.6vh;
}
.rightSectMaker{
    width: 100%;
    float: left;
    /* border: 1px solid #ccc; */
    /* border: 1px solid #484747; */
    /* border: 3px solid #b7b7b7; */
    border: 1px solid #e5e5e5;
    /* border-top: none;
    border-left: none;
    border-top: none; */
    margin-left: 0;
    border-left: none;
    border-bottom: none;
}
.middleSectMaker{
    width: 0%;
    float: left;
    /* border: 1px solid #e5e5e5; */
    /* border-top: none; */
    border-left: none;
    /* border-top: none; */
    background-color: #fff;
    /* min-height: 90.2vh; */
    min-height: 86vh;
    display: none;
    background-color:#484848 !important;
    margin-top: 38px !important;
z-index: 99;

}
.togDroper{
    position: absolute;
    right: 0;
    padding: 2px;
    /* background-color: #fff; */
    top: -25px;
    color: #aaa;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 9999;
    font-size: 9px;
    /* border: 1px solid #e5e5e5; */
    /* 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: 22px;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 2px 1px #000;
}

.togDroperBig{
    position: absolute;
    right: 0;
    padding: 2px;
    /* background-color: #fff; */
    top: -25px;
    color: #aaa;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 9999;
    font-size: 9px;
    border-radius: 4px;
    padding: 0;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: 22px;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 2px 1px #000;
    display: none;
}

.t-hd2::after {
    content: "";
    height: 2px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 0;
    bottom: -1px;
    box-shadow: .6px .6px 0px #fff;
    position: absolute;
    right: 0;
}
.topbreadcrumbA::before {
    content: "";
    /* width: 654px;
    height: 1px;
    position: absolute;
    background-color: #000;
    left: 0px;
    bottom: -3px;
    box-shadow: 2px -1px 0px #ececec;
    z-index: 99999; */
right: 0;
    height: 1px;
position: absolute;
background-color: #000;
left: 0px;
bottom: -4px;
box-shadow: 0px -1px 0px #828282;
z-index: 99999;
}
.topbreadcrumbB::before {
    content: "";
    /* width: 654px;
    height: 1px;
    position: absolute;
    background-color: #000;
    left: 0px;
    bottom: -3px;
    box-shadow: 2px -1px 0px #ececec;
    z-index: 99999; */
right: 0;
    height: 1px;
position: absolute;
background-color: #000;
left: 0px;
bottom: -4px;
box-shadow: 0px -1px 0px #828282;
z-index: 99999;
}
.togDroperNon{
    position: absolute;
    right: 0;
    padding: 2px;
    /* background-color: #fff; */
    top: -25px;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index: 9999;
    font-size: 9px;
    /* border: 1px solid #e5e5e5; */
    /* 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;
    color: #fff;
    font-size: 10px;
    display: none;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body{
    border-color: transparent !important;
}
.x-border-layout-ct {
    /* background: #b7b7b7 !important; */
    background: #dbdbdb !important;
}
.creationpfc .ininVert li a{
    transform: none !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding-left: 8px !important;
padding-right: 8px !important;
border-radius: 0 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
color: #393939 !important;
}
.creationpfc .tabs-left > li{
    writing-mode: initial !important;
}
.creationpfc .nav-tabs {
    border-bottom: solid 1px #dfdddd !important;
    padding: 0;
    width: 100%;
    background-color: #fafafa;
    min-height: 28px;
    float: left;
margin-bottom: -1px;
}
#tab2 .sidebar-menu > li{
    background-color: #a3a3ad !important;
float: left;
margin: 2px;
width: 46%;
}
#tab2 .sidebar-menu > li a{
    font-size: 9px !important;
padding: 5px !important;
color: #fff;
}
.tbshow{
    padding-top: 0;
    width: 99%;
    float: left;
}

.x-tree .x-panel-body {
    /* background-color: #b7b7b7 !important; */
    background-color: #eee !important;
    /* background-image: linear-gradient(0deg, transparent 9%, rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent), linear-gradient(90deg, transparent 9%, rgba(255, 255, 255, .2) 10%, rgba(255, 255, 255, .2) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, .1) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, .1) 70%, rgba(255, 255, 255, .1) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, .1) 90%, rgba(255, 255, 255, .1) 91%, transparent 92%, transparent); */
height: 100%;
/* background-size: 50px 50px; */
/* background-color: #888 !important; */
width: 100vw !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: auto, auto, auto, auto, auto, auto, auto, auto, auto;
background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body{
    border: none !important;
}
#tab2{
    padding: 0 !important;
}
.autonewSec{
    width: 100%;
    display: inline-block;
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 5px;
display: inline-block;
width: 100%;
border-top: none;
}
.btmReccntrl{
    position: absolute;
bottom: -35px;
left: 0;
right: 0;
min-height: 32px;
background-color: #dddcdc;
border: solid 1px #acaaaa;
display: block;
}
.leftAuto{
    width: 74%;
float: left;
/* border: 1px solid #484747; */
border: 1px solid #e5e5e5;
height: 80vh;
margin-right: 10px;
border-left: none;

}

.rightAutocontain{
    /* width: 25%; */
    width: 100%;
    /* margin-left: 5px; */
float: left;
/* border: solid 1px #cecece; */
border: none;
/* height: 80vh; */
/* height: 68vh; */
/* height: 74vh; */
position: relative;
border-right: none;
/* background-color: #a4a4a4; */
background-color: #626262 !important;
border: solid 2px #828282;

}
.subAutocntrls{
    width:32%;
float: left;
/* border: 1px solid #e5e5e5; */
border: 1px solid #888;
height: 68vh;
/* border-right: none; */
border-top: none;
/* position: absolute; */
/* left: 0; */
z-index: 9;
/* width: 0; */
/* background-color: #fff; */
background-color: #a4a4a4;
background-color: #626262;


}
.subAutoprop{
    width: 68%;
    /* width: 100%; */
float: left;
border: transparent;
/* height: 76vh; */
height: 69vh;
border-top: none;
/* background-color: #fff; */
/* background-color: #a4a4a4; */
background-color: #626262 !important;
background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
}

.subAutoprop2w{
    width: 68%;
    /* width: 100%; */
float: left;
border: 1px solid #e5e5e5;
/* height: 76vh; */
height: 59vh;
border-top: none;
/* background-color: #fff; */
background-color: #a4a4a4;
display: none;
}
.subAutocntrls .iconocic li {
    border: solid 1px #c6c6c6;
    padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
    /* line-height: 30px; */
    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);
    margin-left: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}
.subAutocntrls .iconocic {
    padding: 2px;
    margin: 0;
    display: inline-block;
    /* margin-top: 100px; */
    border: solid 1px #d2d2d2;
padding-top: 15px;
padding-bottom: 15px;
}
.subAutocntrls .iconocic li a i {
    font-size: 16px;
    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);
}


.trees {
    margin-left: 10px;
    padding: 0;
  }
  
  .trees li {
    /* border-left: dotted 1px #bcbec0; */
    border-left: dotted 1px #000000;
    padding: 1px 0 1px 10px;
    position: relative;
    text-align: left;
  }
  
  .trees li > label {
    position: relative;
    left: -11px;
    font-size: 9px;
    font-weight: normal;
    margin-bottom: -6px;
    color: #000;
    /* color: #fff; */
    /* text-shadow: 1px 2px 1px #000; */
  }
  
  .trees li:before {
    content: "";
    width: 13px;
    height: 1px;
    border-bottom: dotted 1px #bcbec0;
    position: absolute;
    top: 10px;
    left: 0
  }
  
  .trees li:last-child:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 13px;
    background:#626262;
    left: -1px;
    bottom: 0px;
    visibility: hidden;
  }
  
  .trees li input {
    /* margin-right: 5px;
    margin-left: 5px; */
    margin: 0;
  }


  .trees li input[type=checkbox]:focus
{
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

.trees li input[type=checkbox]
{
    background-color: #DDD;
    border-radius: 2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 13px;
height: 13px;
cursor: pointer;
position: relative;
top: 3px;
}
.trees li input[type="checkbox"]:checked::after{
    visibility: hidden !important;
}

.trees li input[type=checkbox]:checked
{
    background-color: #409fd6;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
    background-size: 59%;
}
  
  .trees li.has-child > ul {
    display: none;
    padding-left: 0;
  }
  
  .trees li.has-child > input {
    opacity: 0;
    position: absolute;
    left: -14px;
    z-index: 9999;
    width: 22px;
    height: 22px;
    top: -5px
  }
  
  .trees li.has-child > input + .tree-control {
    position: absolute;
    left: -4px;
    top: 6px;
    width: 8px;
    height: 8px;
    line-height: 8px;
    z-index: 2;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
  }
  
  .trees li.has-child > input + .tree-control:after {
    font-family: 'FontAwesome';
    content: "";
    font-size: 8px;
    color: #183955;
    position: absolute;
    left: 1px
  }
  
  .trees li.has-child > input:checked + .tree-control:after {
    font-family: 'FontAwesome';
    content: "";
    font-size: 8px;
    color: #183955;
    position: absolute;
    left: 1px
  }
  
  .trees li.has-child > input:checked ~ ul {
    display: block
  }
  
  .trees ul li.has-child:last-child {
    border-left: none
  }
  
  .trees ul li.has-child:nth-last-child(2):after {
    content: "";
    width: 1px;
    height: 5px;
    border-left: dotted 1px #bcbec0;
    position: absolute;
    bottom: -5px;
    left: -1px
  }
  
  .tree-alt li {
    padding: 4px 0
  }

  .Pagefrt {
    height: 206px;
    border-bottom: solid 1px #eaeaea;
}
.fullwidthA {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 3px;
    border: solid 1px #c6c6c6;
    padding: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
    line-height: 30px;
    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);
    margin-left: 2px;
    background-color: #fff;
}
.fullwidthA img {
    width: 58%;
}


#maximize-widwauto2ab {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 3px;
    border: solid 1px #c6c6c6;
    padding: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
    line-height: 30px;
    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);
    margin-left: 2px;
    background-color: #fff;
}
#maximize-widwauto2ab img {
    width: 58%;
}

#minimize-widwauto2aB {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 3px;
    border: solid 1px #c6c6c6;
    padding: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
    line-height: 30px;
    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);
    margin-left: 2px;
    background-color: #fff;
    display: none;
}
#minimize-widwauto2aB img {
    width: 58%;
}
.fordrdrLivtab li a{
    position: relative;
width: 34px;
height: 34px;
display: block;
text-align: center;
margin: 0 5px;
border-radius: 50% !important;
padding: 6px !important;
box-sizing: border-box;
text-decoration: none;
box-shadow: 0 10px 15px rgba(0,0,0,0.3);
background: linear-gradient(0deg, #ddd, #fff) !important;
transition: .5s;
}

.fordrdrLivtab li a i {
    height: 100%;
    display: block;
    background: linear-gradient(0deg, #fff, #ddd);
    border-radius: 50%;
    line-height: calc(34px - 12px);
    font-size: 13px;
    color: #3c3c3c;
    color: #e00000;
    transition: .5s;
}

.forFull {
    border: solid 1px #c6c6c6;
    padding: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    /* float: left; */
    text-align: center;
    /* line-height: 30px; */
    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);
    margin-left: 2px;
    background-color: #fff;
    margin-bottom: 6px;
    position: absolute;
    top: 0;
    right: 0;
}
.forFull img{
    width: 58%;
}

.forMin {
    border: solid 1px #c6c6c6;
    padding: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    float: left;
    text-align: center;
    /* line-height: 30px; */
    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);
    margin-left: 2px;
    background-color: #fff;
    margin-bottom: 6px;
    position: absolute;
    top: 0;
    right: 0;
}
.forMin img{
    width: 58%;
}

.navSwitcCntrol{
    width: 100%;
    display: inline-block;
}
.spytreeCntrls{
    width: 100%;
    display: inline-block;
    display: none;
}
.spyTreesr{
    min-height: 250px;
}
.spyTreesr .trees{
    display: none;
}
.tickTrueoth{
    position: relative;
display: none;
float: right;
margin-left: 9px;
text-shadow: 1px 2px 1px #000;
}
.notRunstaSear{
    position: absolute;
    width: 147px;
    /* background-color: red; */
    padding: 5px;
    z-index: 99;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 999;
    background-color: #fff;
    display: none;
    right: 0;
}
.notRunstaSear .input-group .form-control{
    height: 26px;
}
.notRunstaSear .input-group-btn > .btn{
    height: 26px;
    margin: 0;
padding: 3px;
}
.notRunsta{
    color: red;
}
.notRunsta:hover .notRunstaSear{
    display: block;
}
.notRunstaSucc{
    color: green;
}

.rectreeCntrls{
    width: 100%;
    display: inline-block;
    display: none;
}
.recTreesr{
    min-height: 250px;
}
.recTreesr .trees{
    display: none;
}
.scansubtreeSee{
    display: none;
}
.recsubtreeSee{
    display: none;
}
.scansubtreeSee .trees li > label:hover{
    border: solid 1px #85cde3;
width: 100%;
}
.lefset{
    position: relative;
    width: 100%;
}
.loadMachiner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #979797;
    display: none;
    z-index: 9999;
    /* padding-top: 1px; */
    /* padding-left: 22px;
    padding-right: 22px; */
    /* padding-left: 0px;
    padding-right: 0px; */
    padding: 8px;
    height: 443px;
}
.closeloadMachiner {
    position: absolute;
right: 1px;
top: -7px;
z-index: 9999;
font-size: 8px;
color: #fff;
}
.loadingMachines{
    display: none;
    background-color:#484848 !important;
}
#machhomeby{
    padding-left: 34px !important;
background-color: #484848 !important;
}
.torecorderSelec{
    cursor: pointer;
position: absolute;
right: 2px;
top: 3px;
border: solid 1px #c6c6c6;
padding: 0;
height: 30px;
width: 30px;
border-radius: 50%;
float: left;
text-align: center;
line-height: 30px;
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);
margin-left: 2px;
background-color: #00b6fd;
color: #fff;
z-index: 9;
display: none;
}
.torecorderSelec a{
    color: #000;
}
.btmReccntrl .iconocic li {
    border: solid 1px #c6c6c6;
    padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    float: left;
    text-align: center;
    /* line-height: 30px; */
    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);
    margin-left: 2px;
    background-color: #fff;
    margin-bottom: 6px;
}
.btmReccntrl .iconocic li a i {
    font-size: 16px;
    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);
}
.closebtmReccntrl {
    position: absolute;
right: 105px;
top: 7px;
z-index: 9999;
font-size: 14px;
color: #fb0000;
/* font-weight: bold; */
}
.closebtmReccntrl a{
    border: solid 1px #000;
padding: 5px;
}
.settingRecWi{
    cursor: pointer;
position: absolute;
/* right: 37px; */
right: 2px;
top: 3px;
border: solid 1px #c6c6c6;
padding: 0;
height: 30px;
width: 30px;
border-radius: 50%;
float: left;
text-align: center;
line-height: 30px;
/* 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); */
margin-left: 2px;
background-color: #fff;
z-index: 99;
}
.settingRecWiA{
    cursor: pointer;
position: absolute;
/* right: 37px; */
right: 2px;
top: 3px;
border: solid 1px #c6c6c6;
padding: 0;
height: 30px;
width: 30px;
border-radius: 50%;
float: left;
text-align: center;
line-height: 30px;
/* 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); */
margin-left: 2px;
background-color: #fff;
z-index: 99;
}
.side_droppeshow {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    background-color: #a3a3ad;
    padding: 2px;
    height: auto;
    color: #fffafa;
    width: 14px;
    line-height: 23px;
    height: 26px;
    text-align: center;
    font-size: 10px;
}
.recCountin{
    position: absolute;
right: -1px;
top: -2px;
background-color: red;
color: #fff;
padding: 0;
display: none;
width: 11px;
height: 13px;
font-size: 9px;
text-align: center;
line-height: 13px;
border-radius: 50px;
}
.creSectre{background-color: transparent;
    box-shadow: none;
    border: none;
    float: right;
    font-size: 12px;
    padding: 0;
}

.pageview{
    display: none;
    border: solid 1px #ccc;
}

.technondPage{
    width: 100%;
    display: inline-block;
}
.addingSecpaget{
    width: 100%;
    display: inline-block;
    height: 100%;
    position: relative;
    background-color: #484848;
    /* min-height: 433px; */
}
.urlInnercntrlsLst {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    z-index: 9999;
    padding-top: 1px;
    padding-left: 22px;
    padding-right: 22px;
    padding-left: 1px;
    padding-right: 1px;
    height: 392px;
    padding-bottom: 1px;
}
.closeurlInnercntrlsLst{
    position: absolute;
right: 1px;
top: -7px;
z-index: 9999;
font-size: 8px;
color: #9d9fa2;
}
.techAdds1{
    width: 100%;
    display: inline-block;
    float: left;
    border-right: 1px solid #e5e5e5;
    font-size: 10px;
text-align: center;
min-height: 24px;
height: 100%;
border-bottom: 1px solid #e5e5e5;
min-height: 310px;
}
.techAdds1Head{
    border: 1px solid #6f6e6e !important;
    border-bottom-color: rgb(187, 187, 187);
    border-bottom-style: solid;
    border-bottom-width: 1px;
padding-left: 0;
border-bottom: 1px solid #6f6e6e !important;
display: inline-block;
}
.pageAdds1Head{
    border-bottom: 1px solid #e5e5e5;
}
.pageAdds1{
    width: 100%;
    display: inline-block;
    float: left;
    border-bottom: solid 1px #cecece;
    font-size: 10px;
text-align: center;
min-height: 24px;
height: 100%;
background-color: #484848 !important;

}
.pageAdds1a{
    width: 100%;
    display: inline-block;
    float: left;
    border-bottom: solid 1px #cecece;
    font-size: 10px;
text-align: center;
min-height: 24px;
height: 100%;
background-color: #626262 !important;
border-top: solid 1px;
}
.runConfigcntr{
    /* border: solid 1px #dfdddd !important; */
    padding: 4px;
    min-height: 399px;
    position: relative;
    background-color: #fff;
}
/* .pageAdds1 a{
    display: none;
} */
.loaddedItems{
    display: inline-block;
    width: 100%;
    /* border: solid 1px #cecece; */
padding: 5px;
min-height: 388px;
border-left: 2px solid rgb(47, 47, 51);
border-right: 1px solid rgb(47, 47, 51);
height: 587px;
background-color: #484848;
}
/* .loadMachbx{
    width: 31%;
    float: left;
    border: solid 1px #cecece;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 76px;
    position: relative;
} */
.loadMachbx, .loadMachbx1 {
    width: 48%;
    float: left;
    border: solid 2px #045180;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 130px;
    position: relative;
    overflow: hidden;
}
.loadMachbx img, .loadMachbx1 img{
    width: 100%;
height: 100%;
}

.loadMachbx img:hover, .loadMachbx1 img:hover{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
}
.loadMachbx:hover .statusMach, .loadMachbx1:hover .statusMach{
    display: block;
}
.statusMach{
    position: absolute;
bottom: 28%;
left: 0;
width: 100%;
text-align: center;
padding: 3px;
color: #fff;
background-color: rgba(0,0,0,.2);
display: none;
}
.toslideConfl {
    cursor: pointer;
    position: absolute;
    left: -2px;
    top: 1px;
    /* border: solid 1px #c6c6c6; */
    padding: 0;
    height: 26px;
    width: 26px;
    /* border-radius: 50%; */
    float: left;
    text-align: center;
    line-height: 26px;
    /* 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); */
    margin-left: 2px;
    background-color: #fff;
    color: #aaa;
    border: 1px solid #e5e5e5;
border-top: none;
border-bottom: none;
border-left: none;
    z-index: 9;
    /* display: none; */
}
.toslideConfl a{
    color: #aaa;
}
.merger{
    display: none;
    background-color: #e1c3c3;
color: #fff;
text-align: center;
padding: 0;
font-size: 11px;
width: auto;
}
.mergev:hover .merger{
    display: block;
}



#tcustom-search-input {
    margin: 0;
    margin-top: 0px;
margin-top: 0;
padding: 0;
width: 100%;
float: left;
background-color: #ddd;
border-bottom: transparent;
}
#tcustom-search-input .form-control::placeholder{
    color:#e8e8e8;
}
#tcustom-search-input .tsearch-query {
    padding-right: 3px;
padding-right: 4px \9;
padding-left: 16px;
padding-left: 4px \9;
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 11px;
height: 30px;
border-top: none;
    border-top-color: currentcolor;
border-bottom: none;
    border-bottom-color: currentcolor;
background-color: #404040;
color: #fff !important;
opacity: 1 !important;
padding-left: 24px !important;
padding: 0;
    padding-left: 0px;
border-left: transparent;
border-right: transparent;
}

#tcustom-search-input button {
    border: 0;
    background: none;
    padding: 0;
    margin-top: 2px;
    position: absolute;
    left: 0px;
    margin-bottom: 0;
    color: #bfbfbf;
    z-index: 9;
    font-size: 11px;
    top: 6px;
    /* text-shadow: 1px 2px 1px #000; */
    font-size: 12px;
}

.tsearch-query:focus + button {
    z-index: 3;   
}
.listigPagein{
    padding: 0;
    margin: 0;
    margin: 3px;
    margin-top: 3px;
}
.listigPagein li{
    width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #fff;
cursor: pointer;
background-color: #626262;
margin-bottom: 2px;
border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;

padding: 5px;
    padding-left: 5px;
cursor: pointer;
text-align: left;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .15s linear;
color: hsla(0,0%,100%,.6);
background-color: hsla(0,0%,100%,.04);
width: 100%;
float: left;
margin-bottom: 4px;
padding-left: 15px;
}
.listigPagein li:hover{
    border: solid 1px #fff !important;
}
.listigPagein li a{
    color: #fff; 
}
.listigPagein li.selected a{
    color: #FF8612; 
}
.listigPagein li a:hover{
    color:#FF8612;
}
.listigTechin{
    padding: 0;
    margin: 0;
    margin: 3px;
    margin-top: 0;
}
.listigTechin li{
    width: 100%;
    display: inline-block;
    padding-left: 5px;
/* border-bottom: solid 1px #e0e1e1; */
text-align: left;
color: #666;
cursor: pointer;
}

.listigTechin li a{
    color: #666; 
}
.listigTechin li.selected a{
    color: #FF8612; 
}
.listigTechin li a:hover{
    color:#FF8612;
}
.addTechnoPop{
    position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #fff;
z-index: 9;
display: none;
padding: 15px;
padding-top: 0;
}
.closeaddTechnoPop {
    position: absolute;
    right: 1px;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.addPagePop{
    position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #fff;
z-index: 9;
display: none;
padding: 15px;
padding-top: 0;
}
.closeaddPagePop {
    position: absolute;
    right: 1px;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.addTechnoPop h4{
    text-align: center;
font-size: 14px;
}
.addTechnoPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}
.addTechnoPop .form-control {
    font-size: 11px;
    height: 25px !important;
}

.addPagePop h4{
    text-align: center;
font-size: 14px;
}
.addPagePop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}
.addPagePop .form-control {
    font-size: 11px;
    height: 25px !important;
}
.submitery {
    font-size: 13px;
    padding: 4px 17px;
    border: none;
    border-radius: 4px;
    margin-top: 8px;
    background-color: #ff8612;
    color: #fff;
    position: relative !important;
    display: inline-block;
    /* float: right; */
}

#frtyyA .sidebar-menu > li {
    /* background-color: #0003 !important; */
    background-color: #403f3f !important;
    float: left;
    margin: 2px;
    width: 22%;
    /* border: solid 1px #737373; */
    border: dotted 2px #797777;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 8px;
}
#frtyyA .sidebar-menu > li > a {
    padding: 0px;
display: block;
color: #fff;
font-size: 10px;
text-align: center;
line-height: 11px;
/* text-shadow: 1px 2px 1px #000; */
}
.btnert{
    display: none;
    font-size: 13px;
/* padding: 8px 24px; */
border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
border-radius: 4px;
/* margin-top: 30px; */
background-color: #fff !important;
color: red !important;
position: relative !important;
padding-right: 8px;
float: right;
/* background: transparent !important; */
}
.setRunTomachine{
    position: absolute;
    right: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #00ace1;
    display: none;
    line-height: 25px;
}
.setRunTomachinebet{
    /* position: absolute; */
    /* right: 26px; */
    /* top: 5px; */
    width: auto;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    text-align: left;
    /* padding-left: 8px; */
    /* background-color: #00ace1; */
    /* display: none; */
    line-height: 25px;
    padding-right: 0px;
}
.cmmnbtnrA {
    font-size: 10px;
    padding: 0px 11px;
    border: none;
    border-radius: 4px;
    margin-top: -1px;
    background-color: #c4c4c4;
    color: #fff;
    position: relative !important;
    display: inline-block;
    float: right;
    line-height: 20px;
    margin-right: 5px;
}
.setRunTosave {
    float: right;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    color: #8e8e8e;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    line-height: 24px;
    margin-top: 1px;
    border: 1px solid #e5e5e5;
}
.toShowtechIt{
    display: none;
}
.enterToStartbtn{
    font-size: 13px;
border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-radius: 0;
/* margin-top: 30px; */
background-color: transparent !important;
position: relative !important;
padding-right: 8px;
color: #0add7a !important;
float: left;
}
.addFlwPop{
    position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #626262 !important;
z-index: 9;
display: none;
padding: 15px;
}
.closeaddFlwPop {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.addFlwPop h4 {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.addFlwPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
}
.addFlwPop .form-control {
    font-size: 11px;
    height: 25px !important;
    background: #a4a4a4;
border: solid 1px #bdbdbd;
}


.addCompPop{
    position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #fff;
z-index: 99;
display: none;
padding: 15px;
}
.closeaddCompPop {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.addCompPop h4 {
    text-align: center;
    font-size: 14px;
}
.addCompPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}
.addCompPop .form-control {
    font-size: 11px;
    height: 25px !important;
}

.historyAlltree {
    position: absolute;
right: 0;
top: 1px;
width: 25px;
height: 25px;
/* border-radius: 50px; */
color: #aaa;
font-size: 12px;
text-align: center;
background-color: #fff;
border: 1px solid #e5e5e5;
border-top: none;
border-bottom: none;
border-right: none;
    line-height: 25px;
    display: none;
}
.historyAlltree:hover{
    background-color:#FF8612;
}
.compAlltree:hover{
    background-color:#FF8612;
}
.recAlltree:hover{
    background-color:#FF8612;
}
.topPagFlwsecA{
    /* height: 491px; */
padding: 5px;
display: inline-block;
/* scrollbar-width: thin;
overflow-x: hidden; */
width: 100%;
position: relative;
/* background-color: #b3b3b3; */
background-color: #484848 !important;
padding-left: 0;
padding-top: 0;
}
.recAlltree{

    position: absolute;
    right: 28px;
    top: 1px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #aaa;
        line-height: 25px;

}
.compAlltree{

    position: absolute;
    right: 54px;
    top: 1px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #aaa;
        line-height: 25px;

}





#accordionpo .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpo .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
}

#accordionpo .panel-title a:hover{
    text-decoration: none;
}
#accordionpo .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionpo .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo .panel-title a:before,
#accordionpo .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordionpo .panel-title a:after{
    content: none;
}
#accordionpo .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordionpo .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
}





#accordionpo2 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpo2 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo2 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
}

#accordionpo2 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo2 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionpo .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo2 .panel-title a:before,
#accordionpo2 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordionpo2 .panel-title a:after{
    content: none;
}
#accordionpo2 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordionpo2 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
}



#accordionpo4 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpo4 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo4 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
}

#accordionpo4 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo4 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionpo4 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo4 .panel-title a:before,
#accordionpo4 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordionpo4 .panel-title a:after{
    content: none;
}
#accordionpo4 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordionpo4 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
}






#accordionpo4a1 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    border: solid 1px #979797;
}
#accordionpo4a1 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo4a1 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    /* background-color:#b7b7b7 !important; */
    background-color: #828282 !important;
border: solid 1px #ddd !important;
}

#accordionpo4a1 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo4a1 .panel-title a.collapsed{
    color: #fff;
    border: 1px solid #4a4a4a;
}
#accordionpo4a1 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo4a1 .panel-title a:before,
#accordionpo4a1 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    background: transparent; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionpo4a1 .panel-title a:after{
    content: none;
}
#accordionpo4a1 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:transparent;
}
#accordionpo4a1 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: transparent;
    padding: 0px 7px 0px;
}





#accordionpo4a1Flow .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpo4a1Flow .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo4a1Flow .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    /* background-color: #b7b7b7 !important; */
    background-color: #828282 !important;
}

#accordionpo4a1Flow .panel-title a:hover{
    text-decoration: none;
}
#accordionpo4a1Flow .panel-title a.collapsed{
    color: #fff;
    border: 1px solid #4a4a4a;
}
#accordionpo4a1Flow .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo4a1Flow .panel-title a:before,
#accordionpo4a1Flow .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    background: #b7b7b7; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionpo4a1Flow .panel-title a:after{
    content: none;
}
#accordionpo4a1Flow .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:transparent;
}
#accordionpo4a1Flow .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #919090;
    padding: 0px 7px 0px;
}




#accordionpageWcntrl .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpageWcntrl .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpageWcntrl .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #515151 !important;
    text-transform: capitalize;
    padding: 10px 10px 10px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    /* background-color: #b7b7b7 !important; */
    background-color: #353535 !important;
    border-bottom: none !important;
}

#accordionpageWcntrl .panel-title a:hover{
    text-decoration: none;
}
#accordionpageWcntrl .panel-title a.collapsed{
    color: #fff;
    border: 1px solid #4a4a4a;
}
#accordionpageWcntrl .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpageWcntrl .panel-title a:before,
#accordionpageWcntrl .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 22px;
    color: #fff;
    padding: 20px;
    text-align: center;
    background:transparent; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionpageWcntrl .panel-title a:after{
    content: none;
}
#accordionpageWcntrl .panel-title a.collapsed:before{
    content: "\f0da";
    color: #fff;
    background: #fff;
    background-color:transparent;
}
#accordionpageWcntrl .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #515151 !important;
    padding: 0px 7px 0px;
}







#accordionTechOthr .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionTechOthr .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionTechOthr .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #515151 !important;
    text-transform: capitalize;
    padding: 10px 10px 10px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    /* background-color: #b7b7b7 !important; */
    background-color: #353535 !important;
}

#accordionTechOthr .panel-title a:hover{
    text-decoration: none;
}
#accordionTechOthr .panel-title a.collapsed{
    color: #fff;
    border: 1px solid #4a4a4a;
}
#accordionTechOthr .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionTechOthr .panel-title a:before,
#accordionTechOthr .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 22px;
    color: #fff;
    padding: 20px;
    text-align: center;
    background:transparent; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionTechOthr .panel-title a:after{
    content: none;
}
#accordionTechOthr .panel-title a.collapsed:before{
    content: "\f0da";
    color: #fff;
    background: #fff;
    background-color:transparent;
}
#accordionTechOthr .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #919090;
    padding: 0px 7px 0px;
}








#accordionpo5 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    border: none;
}
#accordionpo5 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo5 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
    border: solid 1px #eee !important;
    background-color: #b7b7b7 !important;
}

#accordionpo5 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo5 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
    background-color: #b7b7b7 !important;
}
#accordionpo5 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo5 .panel-title a:before,
#accordionpo5 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
    background-color: #b7b7b7;
}
#accordionpo5 .panel-title a:after{
    content: none;
}
#accordionpo5 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#b7b7b7;
}
#accordionpo5 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    /* border: solid 1px #e5e5e5; */
    border: none;
    padding: 0px 7px 0px;
    background-color: #626262;
border: solid 1px #c6c6c6;
}



#accordionpo6 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionpo6 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo6 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
}

#accordionpo6 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo6 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionpo6 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo6 .panel-title a:before,
#accordionpo6 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordionpo6 .panel-title a:after{
    content: none;
}
#accordionpo6 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordionpo6 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
}






#accordion21 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordion21 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordion21 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
}

#accordion21 .panel-title a:hover{
    text-decoration: none;
}
#accordion21 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordion21 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordion21 .panel-title a:before,
#accordion21 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordion21 .panel-title a:after{
    content: none;
}
#accordion21 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordion21 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
    min-height: 286px;
    overflow-y: scroll;
    scrollbar-width: thin;
overflow-x: hidden;
}





#accordionpo3 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    border: none;
}
#accordionpo3 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionpo3 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
    border: solid 1px #eee !important;
}

#accordionpo3 .panel-title a:hover{
    text-decoration: none;
}
#accordionpo3 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionpo .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionpo3 .panel-title a:before,
#accordionpo3 .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    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: 30px;
    transform: none;
    padding: 0;
}
#accordionpo3 .panel-title a:after{
    content: none;
}
#accordionpo3 .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordionpo3 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    /* border: solid 1px #e5e5e5; */
    border:none;
    padding: 0px 7px 0px;
    /* min-height: 348px; */
}





.historyTeePop {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closehistoryTeePop {
    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;
}

.inCreeWid {
    position: absolute;
    top: 6px;
    right: -12px;
    background-color: #b7b7b7;
    z-index: 9;
    display: none;
    padding-left: 2px;
    padding-right: 2px;
    color: #fff;
}
.deCreeWid {
    position: absolute;
    top: 6px;
    right: -12px;
    background-color: #b7b7b7;
    z-index: 9;
    display: none;
    padding-left: 2px;
    padding-right: 2px;
    color: #fff;
}

.hisStus {
    float: right;
    color: #15b515;
}
.spyTreeCntrl .table > thead > tr > th{
    padding: 0 !important;
width: 20px !important;
}

.listigFlowin {
    padding: 0;
    margin: 0;
    margin: 3px;
    margin-top: 3px;
    background-color: #626262 !important;
}
.listigFlowin li {
    width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #666;
cursor: pointer;
background-color: #fafafa;
margin-bottom: 2px;
border: solid 1px #eee !important;
padding: 2px 10px 2px 7px;

color: #fff;
cursor: pointer;
background-color: #626262;
margin-bottom: 2px;
border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;
}
.listigFlowin li:hover{
    border: solid 1px #fff !important;
}
.listigFlowin li a {
    color: #fff;
    font-size: 10px;
}

.listigApiin{
    width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #666;
cursor: pointer;
}
.listigApiin {
    padding: 1px;
    margin: 0;
    margin: 0px;
        margin-top: 3px;
    margin-top: 0;
}
.listigApiin li{
    width: 100%;
display: inline-block;
text-align: left;
color: #666;
cursor: pointer;
background-color: #fafafa;
margin-bottom: 2px;
border: solid 1px #eee !important;
padding: 2px 2px 2px 3px;

width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #fff;
cursor: pointer;
background-color: #626262;
margin-bottom: 2px;
border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;
}
.listigApilinkin {
    padding: 0;
    margin: 0;
    margin: 3px;
        margin-top: 3px;
    margin-top: 0;
}
.listigApilinkin li {
    width: 100%;
    display: inline-block;
    padding-left: 5px;
    text-align: left;
    color: #666;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 2px;
    border: solid 1px #eee !important;
    padding: 2px 2px 2px 3px;

    width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #fff;
cursor: pointer;
background-color: #626262;
margin-bottom: 2px;
border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;

}
.listigApilinkin li a{
    color: #fff;
}
.listigApilinkin li a i {
    font-size: 14px;
    margin-right: 8px;
}
.loadApireres {
    position: absolute;
    top: 2px;
    left: 36px;
    height: 100%;
    background-color: #626262;
    display: none;
    z-index: 9999;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    height: 64vh;
    right: 7px;
}

/* .loadApireres {
    position: relative;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #626262;
    display: none;
    z-index: 9999;
    padding-top: 17px;
    padding-left: 5px;
    padding-right: 5px;
    height: 68.3vh;
    left: 0;
} */
.closeloadApireres {
    position: absolute;
    right: 4px;
top: -3px;
    z-index: 9999;
    font-size: 12px;
    color: #9d9fa2;
}

.urlCntrapi {
    /* border: solid 1px #dfdddd !important; */
    padding: 0;
    min-height: 416px;
    position: relative;
}
.buttonRunner {
    position: absolute;
    bottom: 5px;
    left: 40%;
}
.pauseAlltree{
   
}
.playAlltree{

color: #28d94b !important;

}

.stopAlltree{
 
color: red;

display: none;
}
.loadMach {
    width: 15px;
    position: absolute;
    left: 3px;
    top: 5px;
    display: none;
}
.floEdt{
    float: right;
    margin-right: 4px;
    display: none;
}
.floDlt{
    float: right;
    display: none;
}
.tchEdt{
    float: right;
    margin-right: 4px;
   
}
.tchDlt{
    float: right;
}
.pgeEdt{
    float: right;
    margin-right: 4px;
    display: none;
}
.pgeDlt{
    float: right;
    display: none;
}
.apiEdt{
    float: right;
    margin-right: 4px;
    display: none;
}
.apiDlt{
    float: right;
    margin-right: 5px;
    display: none;
}
.linkEdt{
    float: right;
    margin-right: 3px;
    display: none;
}
.linkTik{
    float: right;
    margin-right: 0;
    color: #00a800;
    display: none;
}
.linkRes{
    float: right;
    margin-right: 3px;
    display: none;
}
.linkDlt{
    float: right;
    margin-right: 3px;
    display: none;
}
.addApiPop{
    position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 200px;
background-color: #828282 !important;
z-index: 9;
display: none;
padding: 5px;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
z-index: 9999;
}
.closeaddApiPop {
    position: absolute;
right: 0;
top: 0;
font-size: 12px;
color: #ccc;
z-index: 999;
background-position: 0 -0;
width: 15px;
height: 15px;
cursor: pointer;
font-weight: bold;
background-color: #aaa;
line-height: 15px;
border-radius: 50px;
text-align: center;
}
.addApiPop h4 {
    text-align: center;
    font-size: 14px;
    color: #eee;
}
.addApiPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
    color: #eee;
}
.addApiPop .form-control {
    font-size: 11px;
    height: 25px !important;
}
.addPagePop .form-control {
    font-size: 11px;
    height: 25px !important;
}
.toknwLinkres{
    display: inline-block;
width: 100%;
}
.subapiset {
    background-color: #626262;
    padding: 1px;
    width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    color: #eee;
    margin-left: 0px;
    margin-top: 0;
    height: 25px;
    border: solid 1px #ccc;
    box-shadow: 1px 1px 2px 0px #000;
    border-radius: 4px;
}
#sectionDberBlk {
    background-color: #979797;
}

.showRunTomachine {
position: absolute;
right: 0px;
top: 0px;
width: 25px;
height: 25px;
border-radius: 50px;
color: #00ace1;
font-size: 12px;
text-align: center;
background-color: #fff;
line-height: 25px;
border: solid 1px #c6c6c6;
}
.showRunTomachineA {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: #00ace1;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    line-height: 25px;
    border: solid 1px #c6c6c6;
    }
.termiTomachine {
    position: absolute;
    right: 26px;
    top: 0px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    color: red;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #c6c6c6;
    line-height: 25px;
}

.newloadMachiner {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: none;
    z-index: 9999;
    padding-top: 1px;
    padding-left: 22px;
    padding-right: 22px;
    padding-left: 5px;
    padding-right: 5px;
    height: 75vh;
}
.closenewloadMachiner {
    position: absolute;
    right: 11px;
    top: 0;
    z-index: 9999;
    font-size: 12px;
    color: #9d9fa2;
}
.hflowtree {
    border: 1px solid #e5e5e5;
    padding: 5px;
    display: inline-block;
    width: 100%;
    border-top: none;
}
.cmmnbtnr{
    font-size: 10px;
padding: 5px 10px;
border: none;
border-radius: 4px;
margin-top: 30px;
background-color: #c4c4c4;
color: #fff;
position: relative !important;
}
.topbreadcrumbA{
    margin-right:0px;
/* margin-top: 1px !important; */
float: left !important;
margin-left: 0px;
position: relative;
padding-left: 2px;
height: 30px;
width: 35%;
border-top: solid 1px #d5d5d5;
margin-top: 2px !important;
}
.topbreadcrumbB{
    margin-right:0px;
/* margin-top: 1px !important; */
float: left !important;
margin-left: 0px;
position: relative;
padding-left: 2px;
height: 30px;
width: 35%;
border-top: solid 1px #d5d5d5;
margin-top: 2px !important;
}
.topbreadcrumbA button {
    background:transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: transparent;
    border-radius: 0;
    padding: 0;
    height: 26px;
    line-height: 18px;
    text-align: center;
    width: 32px;
    /* border-top: none; */
    /* border-bottom: none; */
    float: left;
    font-size: 14px;
color: #fff;
/* border-left: none; */
margin-right: 0px;
border-radius: 4px;

/* text-shadow: 1px 2px 1px #000; */
margin-top: 2px;
margin-bottom: 1px;
/* border: solid 1px #929191; */
    margin-left: 2px;
    position: relative;
}

.topbreadcrumbB button {
    background:transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: transparent;
    border-radius: 0;
    padding: 0;
    height: 26px;
    line-height: 18px;
    text-align: center;
    width: 32px;
    /* border-top: none; */
    /* border-bottom: none; */
    float: left;
    font-size: 14px;
color: #fff;
/* border-left: none; */
margin-right: 0px;
border-radius: 4px;

/* text-shadow: 1px 2px 1px #000; */
margin-top: 2px;
margin-bottom: 1px;
/* border: solid 1px #929191; */
    margin-left: 2px;
    position: relative;
}
.topbreadcrumbA button:after{
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 51px;
    background-color: #9a9999;
    top: -2px;
}
.topbreadcrumbA button#prflSetter:after{
    display: none;
}
.topbreadcrumbB button:after{
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 51px;
    background-color: #9a9999;
    top: -2px;
}
.topbreadcrumbB button#prflSetter:after{
    display: none;
}
.depressed{
    /* text-shadow: -1px -1px 0px #b9b9b9, -1px -1px 0px #b9b9b9;
box-shadow: inset 1px 1px 3px #d0d0d0;
transform: translateY(1px);
background-color: #f4f4f4 !important;
color: #000 !important; */

background: #575757 !important;
color:#fff !important;
/* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
/* box-shadow: inset 1px 1px 3px #717171; */
/* transform: translateY(1px); */
border: solid 1px #c1c1c1 !important;


}
.vester .dropdown-menu a {
    display: inline-block;
    width: 100%;
    color: white;
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom: solid 1px #687684 !important;
}
.vester{
    display: none;
    right: 11px;
}
.vester .dropdown-menu a i {
    background-color: #979797 !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50px;
    font-size: 10px;
    text-shadow: 1px 2px 1px #000;
}
.vester .dropdown-menu a:hover i{
    background-color: #24a3ca !important;
}
.topbreadcrumbA button:hover{
    color: #fff;
border: solid 1px #b3b3b3;
/* text-shadow: 0px 1px 0px #fff; */
background-color: #717171;
}
.topbreadcrumbA button:hover:after{
    display: none;
}
.topbreadcrumbB button:hover{
    color: #fff;
border: solid 1px #b3b3b3;
/* text-shadow: 0px 1px 0px #fff; */
background-color: #717171;
}
.topbreadcrumbB button:hover:after{
    display: none;
}
.treeTracercn {
    float: left;
    z-index: 9999;
    text-align: center;
    height: 25px;
    display: inline-block;
    background-color: #fff;
    line-height: 25px;
    border-right: 1px solid #e5e5e5;
    width: 89px;
    display: none;
}
.treeTracercn img {
    width: 37%;
    transform: rotate(-79deg);
    transform: skew(9deg);
height: 23px;
}
.tpReqResSel{
    border-top: solid 1px #dfdddd !important;
border-bottom: solid 1px #dfdddd !important;
padding: 0;
width: 100%;
background-color: #fafafa;
min-height: 28px;
}

.tpReqResSel li a {
    font-size: 11px !important;
    font-weight: normal !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    border-radius: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #393939 !important;
    /* border: none !important; */
    /* border-right: 1px solid #e5e5e5 !important; */
/* background-color: #828282 !important; */

/* background: #757575 !important; */
    background-color: rgb(129, 129, 129) !important;
color: #fff !important;
text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
/* box-shadow: inset 1px 1px 3px #0d0d0d; */
transform: translateY(-1px);
text-shadow: 0px 1px 0px #000 !important;
/* border: solid 1px #c6c6c6 !important; */
border: solid 1px #c6c6c6 !important;
border-radius: 5px 5px 0px 0px !important;
width: 79px;
}
.tpReqResSel li.active a{
    /* background-color: #575757 !important;
    border: solid 1px #c6c6c6 !important; */
    background-color: #626262 !important;
border: solid 1px #c6c6c6 !important;
border-bottom: solid 1px #626262 !important;
} 
.tpReqResSel li{
    padding: 0 !important;
}

select.minimal {
    /* background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%),
      linear-gradient(to right, #fff, #fff);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat; */
  }
  
  select.minimal:focus {
    /* background-image:
      linear-gradient(45deg, green 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, green 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0; */
  }
.cmmnbtnrA{
    float: right;
    /* font-size: 10px; */
    padding: 0px 2px 0px 2px;
    background-color: #626262;
    color: #fff;
    border: solid 1px #bbb;
    border-radius: 0;
    text-shadow: 1px 2px 1px #000;
    font-size: 13px;
    margin-top: 0;
    margin-right: 0;
    height: 21px;
line-height: 21px;
}
.addrowers {
    background-color: #5e5e5e;
    border: solid 1px #bfbfbf;
    height: 21px;
    color: #fff;
}
.addrowersb {
    background-color: #5e5e5e;
    border: solid 1px #bfbfbf;
    height: 21px;
    color: #fff;
}
.t-hd2{
    border: solid 1px #dfdddd !important;
    border-top: none !important;
    border-right: none !important;
border-left: none !important;

}
.ghyui li {
    border: solid 1px #c6c6c6;
padding-left: 10px;
height: 30px;
width: 102px;
border-radius: 14px;
float: left;
text-align: center;
line-height: 30px;
/* 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); */
margin-left: 2px;
background-color:rgb(183, 183, 183) !important;
margin-bottom: 2px;
padding-right: 10px;
margin-top: 2px

}
.ghyui li a{
    color: #fff;
}
.treeAreaspsc{
    display: none;
}

.cntrThreebt{
    padding: 5px 10px 0 10px !important;
    background-color: #fff !important; 
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}


#torecNew a{
    color: red;
}
.spysubtreeSee{
    display: none;
}
.hovCntrcontrol{
    position: absolute;
/* top: -57px; */
top: -157px;
width: 100%;
height: auto;
left: 0;
z-index: 999;
display: block;
}
.hovCntrcontrol:hover{
    top: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.recoWindwMain{
    display: inline-block;
width: auto;
height: auto;
background-color: #a4a4a4;
padding: 7px;
color: #fff;
margin-top: -7px;
border-radius: 0px 0px 5px 5px;
}
.cntrlSecadd{
    display: inline-block;
width: 100%;
height: auto;
background-color: #575551;
padding-left: 40%;
padding-right: 60px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 0;
}
.disabler{
    pointer-events: none;
opacity: 0.8;
}
.disabler2{
    pointer-events: none ;
opacity: 0.4;
}

.highlighter{
    opacity: 9;
}

.poprecordstrtOp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    background-color: #f1f3f6;
    display: none;
    z-index: 9999;
    padding-top: 19px;
    padding-left: 20px;
padding-right: 20px;
border: solid 1px #cecece !important;
border-top: none !important;
bottom: 0;
border-bottom: none !important;
}
.closepoprecordstrtOp {
    position: absolute;
    right: 11px;
    top: 0;
    z-index: 9999;
    font-size: 12px;
    color: #9d9fa2;
    
}
.subpoprecordstrtOp {
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
    background-color: #ff8612;
    color: #fff;
    position: relative !important;
}

.select-cssA {
    display: block;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: 3px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    /* -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; */
    background-color: #fff;
    /* background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0%, #fff 100%); */
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    display: inline-block;
    height: 36px;
    background: #a4a4a4;
    color: #fff;
}
.rightSectMaker .propOther {
    width: 0;}
    .rightSectMaker .treepanel {
        width: 100%;}

.rightSectMaker .propOtherReference {
            width: 0;}
           

        
.treePath{
    left: 47px;
z-index: 9;
width: 0;
top: 8px;
position: absolute;
display: none;
}
.treepathCntrLef{
    position: absolute;
left: 0;
top: 0;
height: 35px;
width: 40px;
line-height: 35px;
text-shadow: 1px 1px 1px #000;
color: #d2d2d2;
font-size: 17px;
}
.treepathCntrRgt{
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 40px;
    line-height: 35px;
    text-shadow: 1px 1px 1px #000;
    color: #d2d2d2;
    font-size: 17px;
}
.controloverProp2 {
    position: absolute;
    top: 0;
/* left: 40px; */
right: 0;
}
.controloverProp3{
    position: absolute;
    top: 6px;
    left: 5px;
}
.fgtuMidAs {
    float: left;
    /* 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;
    color: #676565;
    font-size: 21px;
    margin-left: 2px;
    display: none;
}
.fgtuMidAsbk{
    float: left;
    /* 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;
    color: #676565;
    font-size: 10px;
    margin-left: 2px;
    display: none;
}


.fgtuMidAs3 {
    float: left;
    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;
    color: #676565;
    font-size: 10px;
    margin-left: 2px;
}
.fgtuMidAsbk3{
    float: left;
    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;
    color: #676565;
    font-size: 10px;
    margin-left: 2px;
    display: none;
}

.treeMaintab{
    /* background-color: #484848 !important; */
    padding: 6px !important;
    border-bottom: none !important;
background-color: #1a1a1a !important;
}
.treeMaintab li{
    padding: 0 !important;
    margin-bottom: 0 !important;
    /* box-shadow: 0 5px 15px rgb(65 65 65 / 40%); */
}
.treeMaintab li a{
    padding: 7px 12px !important;
    border-radius: 0 !important;
    background: hsla(0, 0%, 100%, 0.21) !important;
    margin-right: 5px !important;
    border-radius: 5px !important;
    color: hsla(0,0%,100%,.6) !important;

}
.treeMaintab li.active a{
    /* background: hsla(0, 0%, 100%, 0) !important; */
    background: hsl(0deg 0% 10%) !important;
    color: #33dff6 !important;
    border: solid 1px #404040 !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0px 0px !important;
}
.treeMaintab li a:hover{
    color: #fff !important;
    color: #fff;
    border: none !important;
    background-color: #5e5e5e !important;

}

.bkmainRuntreeSet::after {
    /* content: ""; */
    content: "";
width: 267px;
height: 2px;
position: absolute !important;
background-color: #0b0b0b;
left: -4px;
bottom: -9px;
box-shadow: .6px .6px 0px #fff;
display: none;
}
.drIcls {
    /* background-color: #828282;
    display: inline-block;
    padding: 11px;
    border-radius: 6px;
    color: #fff;
    font-size: 19px;
    margin-bottom: 5px; */
    background-color: #828282;
display: inline-block;
padding: 6px;
border-radius: 6px;
color: #fff;
font-size: 17px;
margin-bottom: 5px;
min-width: 28px;
min-height: 29px;
text-shadow: 1px 2px 1px #000;
box-shadow: 0 1px 1px black, 0 4px 14px rgb(0 0 0 / 70%) !important;
}
.drIcls:hover{
    -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);
}

.msetico {
    float: right;
    margin-left: 5px;
}
.mseticoA {
    float: right;
    margin-left: 5px;
}
.psetico {
    float: right;
    margin-left: 5px;
}
.pseticoA {
    float: right;
    margin-left: 5px;
}

.usetico {
    float: right;
    margin-right: 5px;
}
.useticoA {
    float: right;
    margin-right: 5px;
}
.lsetico {
    float: right;
    margin-left: 5px;
}
.lseticoA {
    float: right;
    margin-left: 5px;
}

.btmcontrolesonPage{
    /* display: inline-block; */
    background-color: #484848;
    float: left;
    padding: 0px !important;
    min-height: 469px;
display: none;
}
.propnav li{
    padding: 0 !important;
}
.propnav li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 5px 8px 5px 9px !important;
border-radius: 0 !important;
margin-right: 0 !important;
background: rgb(183, 183, 183) !important;


font-weight: normal !important;
/* padding: 2px 6px !important; */
border-radius: 0 !important;
margin-right: 0 !important;
background: rgb(183, 183, 183) !important;
    background-color: rgb(183, 183, 183);
background-color: rgb(183, 183, 183);
/* border-bottom: solid 1px #cacaca !important; */
/* border-top: solid 1px #cacaca !important; */
background-color: #929292 !important;
/* text-shadow: 1px 2px 1px #000 !important; */
font-size: 14px;
}

.propnav li a:hover{
    border: solid 1px #b3b3b3 !important;
background-color: #717171 !important;
color: #fff !important;
border-radius: 4px !important;
}
.propnav {
    background-color: #828282;
    padding-top: 0;
    padding-bottom: 0px;
    padding-left: 0px !important;
    position: relative;
    float: left;
    width: 100%;
}

.propnav::after {
    width: 609px;
    height: 2px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 0;
    bottom: 0px;
    box-shadow: -0.4px 1px 0px #fff;
    line-height: 0;
    display: none !important;
}
.propnav li.active a {
    margin-bottom: 0 !important;
    /* text-shadow: 1px 2px 1px #000 !important; */
    background: #484848 !important;
    color: #fff !important;
    border: transparent !important;
    border-radius: 0px !important;
    min-height: 34px;
}
.propCntntin label{
    font-size: 12px;
    color: #f0f0f0;
    font-weight: normal;
    margin-bottom: 0;
}
.propCntntin {
    height: 403px;
    padding: 15px;
    margin: 15px;
    /* padding-top: 15px; */
}

.propCntntin input[type="checkbox"]:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f096";
    opacity: 1 !important;
    margin-top: 11px;
    background: transparent;
border: none;
appearance: none !important;
color: #fff;
-webkit-appearance: none;
  }
  
  .propCntntin input[type="checkbox"]:checked:before {
    content: "\f00c";
    color: #fff;
    background-color: #0a1e30;
    font-size: 15px;
  }
  
  .propCntntin input[type="checkbox"] {
    font-size: 22px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .propCntntin input[type="checkbox"]:checked:after{
      display: none;
  }

  /* .propCntntin select {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #686868;
        background-position-x: right;
    -webkit-appearance: none;
    background-position-x: 213px;
} */
.pathchcBx{
    position: absolute;
    right: 0;
    top: 23px;
    width: 57px;
}
.pathchcBx i {
    background-color: #939393;
    height: 30px;
    width: 39px;
    margin-left: 2px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.pathchcBx img {
    background-color: #939393;
    height: 30px;
    width: 28px;
    margin-left: 2px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    padding: 4px;
}
#messagesbyMain1{
    height: 436px;
}
.propCntntin .form-control{
    height: 32px;
    background-color: transparent;
    border-color: #919191 !important;
    color: #ddd !important;
    border-radius: 0;
    /* -webkit-box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 3px #0000005c; */
}
.propCntntin .form-control:focus{
    border-color: #00c3ff !important;
}
#frtyyA .sidebar-menu > li:hover, .frtyyAFlow .selectFrmTreeFlows.active{
    /* border: solid 1px #acacac; */
    border: dotted 2px #3397da  ;
}
#frtyyA .sidebar-menu > li:hover a{
    color: #09c;
}
#frtyyA .sidebar-menu > li:hover a span, .frtyyAFlow .selectFrmTreeFlows.active a span{
    background-color: #09c;
}
#frtyyA .sidebar-menu > li p{
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.normalmainMnuSec{
    display: none;
}
.toignrmlMnu{
    position: absolute;
    right: 6px;
    top: 5px;
    z-index: 999;
}
#dropcomp{
    padding: 5px;
min-height: 186px;
}






.mpropnav li{
    /* padding: 0 !important;
    margin-right: 10px;
    text-align: center;
    width: 28% !important; */

    padding: 0 !important;
    margin-right: 2px;
    text-align: center;
    width: 19% !important;

    border: transparent;
    border-right: none;
}
/* .mpropnav li:first-child{
    margin-right: 5px !important;
} */
.mpropnav li:last-child{
    border-right: transparent;
}
.mpropnav li a{
    margin-right: 0 !important;
font-weight: normal !important;
padding: 8px 4px !important;
font-size: 14px;
border-radius: 0px !important;
float: left;
width: 100%;
height: auto;
line-height: 20px !important;
background: #484848 !important;
font-size: 11px !important;
color: hsla(0,0%,100%,.6) !important;
    background-color: hsla(0,0%,100%,.08) !important;
    border: none !important;
}
.mpropnav li a i{
    font-size: 16px !important;
}
.mpropnav li a:hover{
    color: #32dffb !important;
    background-color: hsla(0,0%,100%,.08) !important;
    border-color: transparent !important;
}
.mpropnav li.active a{
    /* background: hsla(0,0%,100%,.15) !important; */
    background: hsl(0deg 0% 28%) !important;
    color: #32dffb !important;
    /* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
    box-shadow: inset 1px 1px 3px #0d0d0d;
    transform: translateY(-1px); */
    border: none !important;
    /* border-bottom: solid 4px #09c !important; */
}
.mpropnav li.active{
    border-bottom: none !important;
    /* border: solid 1px #0483b5; */
    border: none;
}
.mpropnav {
    display: inline-block;
    width: 100%;
    border-bottom: none !important;
    /* padding-left: 15px !important; */
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background-color: #484848 !important;
    margin-top: 15px !important;
}


#tcustom-search-input .input-group[class*=col-]{
    width: 100%;
}

.compoDatagrps li{
    padding: 0 !important;
    margin-right: 0;
    text-align: center;
    width: 49% !important;
    border: transparent;
border-right: none;
}
.compoDatagrps li:first-child{
    margin-right: 5px !important;
}
.compoDatagrps li:last-child{
    border-right: transparent;
}
.compoDatagrps li a{
    margin-right: 0 !important;
font-weight: normal !important;
padding: 14px 8px !important;
font-size: 14px;
border-radius: 6px !important;
float: left;
width: 100%;
height: auto;
line-height: 20px !important;
background: #484848 !important;
font-size: 14px !important;
color: hsla(0,0%,100%,.6) !important;
    background-color: hsla(0,0%,100%,.08) !important;
}
.compoDatagrps li a i{
    font-size: 23px !important;
}
.compoDatagrps li a:hover{
    color: #32dffb !important;
    background-color: hsla(0,0%,100%,.08) !important;
    border-color: transparent !important;
}
.compoDatagrps li.active a{
    background: hsla(0,0%,100%,.15) !important;
    color: #32dffb !important;
    /* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
    box-shadow: inset 1px 1px 3px #0d0d0d;
    transform: translateY(-1px); */
    border: none !important;
    /* border-bottom: solid 4px #09c !important; */
}
.compoDatagrps li.active{
    border-bottom: none !important;
    /* border: solid 1px #0483b5; */
    border: none;
}
.compoDatagrps {
    display: inline-block;
    width: 100%;
    border-bottom: none !important;
    /* padding-left: 15px !important; */
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background-color: #484848 !important;
}
.absalReqRes{
    position: absolute;
    z-index: 99;
    left: 6px;
    width: 35px;
    top: 38px;
    border-bottom: none !important;
}
.absalReqRes li {
    width: 30px;
    padding: 0 !important;
    position: relative;
    height: 30px;
    margin-bottom: 3px !important;
}
.absalReqRes > li a {
    color: #9d9d9d !important;
    font-weight: bold !important;
    background: #ffffff !important;
    padding: 0px !important;
    font-size: 29px !important;
    border-radius: 0px !important;
    font-size: 13px;
    text-align: center;
    width: 30px;
    height: 33px;
    border: solid 2px #000 !important;
    line-height: 25px !important;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    border-left: 1px solid #cacaca !important;
    border-right: 1px solid #cacaca !important;
    border-top: 1px solid #cacaca !important;
    background-color: #f9f9f9 !important;
    border-bottom: none !important;
}
.absalReqRes > li a:hover {
    background-color: #0483b5 !important;
}
.absalReqRes > li.active a {
    color: #00c4ff !important;
    font-weight: bold !important;
    background: #fff !important;
    /* border: solid 2px #00c4ff !important; */
}
.absalReqRes > li.active a:after{
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
height: 0;
border: 0 solid transparent;
border-bottom-width: 14px;
border-top-width: 14px;
border-left: 15px solid #c8c8c8;
display: none;
}

.reqreshverCnt{
    width: 70px;
    height: 30px;
    position: absolute;
    left: 28px;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: none;
    line-height: 30px;
    padding-left: 0;
    text-align: center;
}
.absalReqRes > li:hover .reqreshverCnt{
    display: block;
}





.lefrhcetp li{
    padding: 0 !important;
    margin-right: 0;
    text-align: center;
    width: 25%;
    border: solid 1px #aea6a6;
border-right: none;
}
.lefrhcetp li:last-child{
    border-right: solid 1px #aea6a6;
}
.lefrhcetp li a{
    margin-right: 0 !important;
font-weight: normal !important;
padding: 0px !important;
font-size: 12px;
border-radius: 0 !important;
float: left;
width: 100%;
height: 25px;
line-height: 25px !important;
background: #0483b5 !important;
}
.lefrhcetp li a:hover{
    color: #fff !important;
}
.lefrhcetp li.active a{
    background: #484848 !important;
    color: #fff !important;
    /* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
    box-shadow: inset 1px 1px 3px #0d0d0d;
    transform: translateY(-1px); */
    border: none !important;
}
.lefrhcetp li.active{
    /* border-bottom: none !important; */
}
.lefrhcetp {
    display: inline-block;
    width: 100%;
    border-bottom: none !important;
    /* padding-left: 15px !important; */
    padding-top: 11px !important;
    padding-left: 0 !important;
}
.sourceCounterBx{
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    padding: 0px 12px 0px 12px;
    text-decoration: none;
    border: none;
    margin-top: 5px;
    position: absolute;
    top: 41px;
    right: 50px;
    z-index: 9;
    border: solid 1px red;
    color: #fff;
    background-color: #757575;
    cursor: pointer;
}

.countSetBx{
    position: absolute;
width: 20px;
height: 20px;
border-radius: 50px;
background-color: red;
text-align: center;
color: #fff;
line-height: 21px;
top: -12px;
right: -5px;
font-size: 10px;
}

.interropnav li{
    padding: 0 !important;
    margin-right: 5px;
    text-align: center;
}
.interropnav li a{
    margin-right: 0 !important;
font-weight: normal !important;
padding: 0px !important;
font-size: 13px;
border-radius: 0 !important;
float: left;
width: auto;
height: 25px;
line-height: 25px !important;
padding-left: 2px !important;
padding-right: 2px !important;
background-color: #626262 !important;
}
.interropnav li a:hover {
    border: solid 1px #b3b3b3 !important;
    background-color: #717171 !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.interropnav li.active a{
    /* text-shadow: 1px 2px 1px #000 !important; */
    background: #0483b5 !important;
    color: #fff !important;
    border: solid 1px #c1c1c1 !important;
    border-radius: 4px !important;
}
.interropnav {
    display: inline-block;
    width: 100%;
    border-bottom: none !important;
    padding-left: 15px !important;
    padding-top: 11px !important;
}



#frtyyA {
    display: inline-block;
    width: 100%;
    min-height: 315px;
    border: 1px solid #6f6e6e !important;
    margin-top: 5px;
    padding: 5px;
}
.topPagFlwsecA .tab-content > .tab-pane{
    height: 269px;
    scrollbar-width: thin;
/* overflow: hidden; */
padding: 10px !important;
/* background-color: #484848 !important; */
background-color: #1a1a1a !important;
min-height: 244px;
}
.topPagFlwsecA .panel{
    margin-bottom: 0;
    border: none;
}

.gpropnav li{
    padding: 0 !important;
    
}
.gpropnav li a{
    background-color: #828282 !important;
    text-shadow: none !important;
    font-weight: normal !important;
    padding: 2px 6px !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    text-align: center;
font-size: 11px;
}
.gpropnav li a:hover{
    border: solid 1px #b3b3b3 !important;
background-color: #717171 !important;
color: #fff !important;
border-radius: 4px !important;
}
.gpropnav {
    background-color: #828282 !important;
}

.gpropnav li.active a {
    /* background: #868686 !important;
    color: #fff !important;
    background: #595959 !important;
color: #fff !important;
text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
box-shadow: inset 1px 1px 3px #0d0d0d;
transform: translateY(-1px);
text-shadow: 1px 2px 1px #000; */
background: #0483b5 !important;
color: #fff !important;
border: solid 1px #c1c1c1 !important;
border-radius: 4px !important;
}




.comCntrLog li{
    padding: 0 !important;
}
.comCntrLog li a{
    background-color: #828282 !important;
    text-shadow: 1px 2px 1px #000 !important;
    font-weight: normal !important;
    padding: 2px 6px !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
}
.comCntrLog {
    background-color: #484848 !important;
}

.comCntrLog li.active a {
    background: #484848 !important;
}
.comCntrLog li a:focus {
    /* background: #fff !important; */
    text-shadow: 1px 2px 1px #000 !important;
background: #575757 !important;
color: #fff !important;
border: solid 1px #c1c1c1 !important;
border-radius: 4px !important;
}
.Blinkend {
    animation: blinkeryy .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
  }
  @keyframes blinkeryy {  
    from { opacity: 1; }
    to { opacity: 0; }
  }
#arithhomeby {
    min-height: 154px;
    padding: 5px 0 5px 0;
}
#logyby {
    min-height: 154px;
    padding: 5px 0 5px 0;
}
#stringby {
    min-height: 154px;
    padding: 5px 0 5px 0;
}
#pageby {
    padding: 5px 0 5px 0;
}
.listigPagein li a i{
    font-size: 14px;
margin-right: 8px;
text-shadow: 1px 2px 1px #000;
}
/* .listigFlowin li a i{
    font-size: 11px;
} */
.listigFlowin li a i{
    font-size: 14px;
margin-right: 8px;
}
.listigApiin li i{
    /* font-size: 11px; */
    font-size: 14px;
margin-right: 8px;
}
.apilinkinShow li a i{
    font-size: 11px;
}
.tofinalSub{
    display: none;
}
.mainRuntreeSet{
    position: absolute;
top: 0px;
left: 0px;
background-color: #626262;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
color: #c4c4c4;
/* border-radius: 50%; */
z-index: 99;
text-shadow: 1px 2px 1px #000;
display: none;
}
.mainRuntreeSet:hover{
    cursor: pointer;
    background-color: #797979 !important;
    color: #fff !important;
}
.bkmainRuntreeSet{
    position: absolute;
    top: 1px;
    left: 0px;
    background-color: #828282;
    height: 33px;
    width: 34px;
    line-height: 22px;
    text-align: center;
    color: #fdfdfd;
    z-index: 99;
    display: block;
    font-size: 11px;
    text-shadow: 1px 2px 1px #000;
    right: 0;
}
.bkmainRuntreeSet:hover{
    cursor: pointer;
    color: #fff !important;
    background-color: #797979 !important;
}
.leftSecmainer{
    position: fixed;
top: 0px;
left: 0px;
z-index: 99;
/* width: 267px ; */
width: 315px;
padding: 0 !important;
z-index: 99999;
}
.contentAllleft {
    /* position: absolute;
    left: 0; */
    /* width: 267px; */
    /* width: 100%; */
    display: block;
}


.degpropnava li{
    padding: 0 !important;
    border: transparent !important;
     padding: 0 !important;
     margin-bottom: 0 !important;
     width: 40px;
text-align: center;
}
.degpropnava li a{
    margin-right: 0 !important;
font-weight: normal !important;
padding: 2px 8px !important;
border-radius: 0 !important;
margin-right: 0 !important;
background: rgb(183, 183, 183) !important;
    background-color: #b7b7b7 !important;
/* border-bottom: solid 1px #cacaca !important; */
/* border-top: solid 1px #cacaca !important; */
background-color: #939393 !important;
/* text-shadow: 1px 2px 1px #000 !important; */
font-size: 19px;
border: none !important;
}
.degpropnava li a:hover{
    border: none !important;
background-color: #5e5e5e !important;
/* color: #fff !important; */
color: #87c659 !important;
border-radius: 0px !important;
}
.degpropnava {
    /* background-color: #b3b3b3 !important; */
    background-color:#828282 !important;
    width: 100%;
float: left;
/* height: 69vh; */
/* padding-top: 33px; */
/* padding-left: 27px !important; */
padding-left: 35px !important;
position: relative;
padding-top: 2px;
padding-bottom: 0;
}

.degpropnava li.active a {
    /* background: #979797 !important; */
color: #fff !important;
/* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
/* box-shadow: inset 1px 1px 3px #0d0d0d; */
/* transform: translateY(-1px); */
/* text-shadow: 1px 2px 1px #000 !important; */

background:#484848 !important;
color: #fff !important;
border: none !important;
border-radius: 0px !important;
/* padding: 2px 8px !important; */
/* border-left: solid 4px #09c !important; */
}




.degpropnav li{
    padding: 0 !important;
    margin-bottom: 3px !important;
    width: 40px;
text-align: center;
float: left;
}
.degpropnav li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    /* padding: 2px 7px !important; */
    border-radius: 5px !important;
    margin-right: 0 !important;
    background: #5e5e5e !important;
    border-bottom: transparent !important;
    border-top: transparent !important;
    /* text-shadow: 1px 2px 1px #000; */
    font-size: 19px;
    /* color: hsla(0,0%,100%,.8) !important; */
    /* color: hsl(0, 0%, 100%) !important; */
    color: #fff !important;
}
.degpropnav li a img{
    width: 24px;
}
.degpropnav {
    /* background-color: #b3b3b3 !important; */
    background-color: #484848 !important;
    width: 100%;
    float: left;
    /* height: 84.7vh; */
    /* padding-top: 33px; */
    /* margin-top: 31px !important; */
    position: relative;
    padding: 10px 12px 10px 12px !important;
    display: none;
}
.degpropnav::after {
    content: '';
    content: "";
    width: 26px;
    height: 2px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 0px;
    top: -4px;
    box-shadow: .6px .6px 0px #fff;
    rotate: 90%;
    transform: rotate(80);
    position: absolute;
    display: none;
}

.degpropnav li.active a {
    /* background: #595959 !important; */
color: #fff ;
/* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
/* box-shadow: inset 1px 1px 3px #0d0d0d; */
/* transform: translateY(-1px); */
/* text-shadow: 1px 2px 1px #000 !important; */
/* background: #5e5e5e !important; */
color: #fff;
border: none !important;
border-radius: 5px !important;
/* border-bottom: solid 4px #09c !important; */
}

.degpropnava::after {
    content: "";
    width: 2px;
    height: 32px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 30px;
    top: 0;
    box-shadow: .6px 0px 0px #fff;
    position: absolute;
    display: none !important;
}
.degpropnavCont{
    width: 90%;
float: left;
}
.mainLogSet{
    position: absolute;
bottom: 8px;
left: 9px;
padding: 0;
height: 20px;
line-height: 18px;
text-align: center;
width: 20px;
color: #777;
font-size: 14px;
margin-left: 2px;
z-index: 99;
}

.mainlrtbcSet{
    position: absolute;
    bottom: 8px;
    right: 9px;
    /* padding: 5px; */
    background-color: #fff;
    height: 50px;
    width: 50px;
    line-height: 41px;
    text-align: center;
    color: #5b5b5b;
    font-size: 20px;
    z-index: 99;
    border-radius: 50%;

}
.leftPaner{
    position: absolute;
    left: -2px;
    top: 9px;
    font-size: 33px;
    height: 20px;
    line-height: 20px;
    /* -webkit-text-stroke: 1px #fff; */
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    /* -webkit-text-stroke: 1px #fff; */
    -webkit-text-stroke: 1px #000;
}
.leftPaner:hover{
    color: #000 !important;
    cursor: pointer;
}
.rightPaner:hover{
    color: #000 !important;
    cursor: pointer;
}
.centerPaner:hover{
    color: #000 !important;
    cursor: pointer;
}
.topPaner:hover{
    color: #000 !important;
    cursor: pointer;
}
.bottomPaner:hover{
    color: #000 !important;
    cursor: pointer;
}
.rightPaner{
    position: absolute;
right: -2px;
top: 8px;
font-weight: normal !important;
font-size: 33px;
height: 20px;
line-height: 20px;
-webkit-text-stroke: 1px #000;
color: #fff;
text-shadow: 1px 1px 2px #000;
    /* -webkit-text-stroke: 1px #fff; */
}
.clickSpn{
    color:#039903 !important;
}
.centerPaner{
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 12px;
    border: solid 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 99;
    /* -webkit-text-stroke: 1px #fff; */
}
.topPaner{
    position: absolute;
    left: 17px;
    top: -2px;
    font-size: 33px;
    height: 20px;
    line-height: 20px;
    -webkit-text-stroke: 1px #000;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}
.bottomPaner{
    position: absolute;
    bottom: 10px;
    left: 18px;
    height: 20px;
    line-height: 20px;
    font-size: 33px;
    -webkit-text-stroke: 1px #000;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}
.fgtuMidAsTop{
    color: red !important;
}
.breadcrmbNew i {
    text-align: center;
background-color: #fff;
color: #101010;
z-index: 1;
font-size: 12px;
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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 3px;
}
.breadcrmbNew {
    float: left;
    font-size: 11px;
    margin-left: 7px;
    display: none;
}

.breadcrmbNew1 i {
    text-align: center;
/* background-color: #fff; */
color: #00bcff;
z-index: 1;
font-size: 12px;
/* 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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 3px;
text-shadow: 1px 1px 1px #000;
}
.breadcrmbNew2 i {
    text-align: center;
/* background-color: #fff; */
color: #00bcff;
z-index: 1;
font-size: 12px;
/* 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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 3px;
text-shadow: 1px 1px 1px #000;
}
.breadcrmbNew1 {
    float: left;
font-size: 11px;
margin-left: 0;
/* display: none; */
color: #fff;
height: 23px;
/* border-right: dotted 3px #bfbfbf; */
width: 273px;
/* background-color: #666565; */
/* padding-left: 7px; */
/* padding-top: 4px; */
text-shadow: 1px 2px 1px #000;
margin-top: 3px;
position: relative;


}

.breadcrmbNew2 {
    float: left;
font-size: 11px;
margin-left: 0;
/* display: none; */
color: #fff;
height: 23px;
/* border-right: dotted 3px #bfbfbf; */
width: 273px;
/* background-color: #666565; */
/* padding-left: 7px; */
/* padding-top: 4px; */
text-shadow: 1px 2px 1px #000;
margin-top: 3px;
position: relative;


}


#right-triangleTaber{
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 10px solid #b7b7b7;
    border-right: 10px solid transparent;
    -webkit-border-top-right-radius: 6px 6px;
    display: none;
 }

 #right-triangleTaberHight {
    position: absolute;
    left: 0;
    top: 0px;
    width: 2px;
    height: 33px;
    z-index: 99999999999;
    background-color: #b7b7b7;
}
#left-triangleTaberHight {
    position: absolute;
    right: 0;
    top: 0px;
    width: 2px;
    height: 33px;
    z-index: 99999999999;
    background-color: #b7b7b7;
}

 #right-triangleTaber::after {
    content: "";
position: absolute;
width: 15px;
height: 20px;
background-color: #626262;
border-radius: 70%;
top: -9px;
left: 1px;
}
.desBrdcrmb{
    width: 174px;
    line-height: 25px;
    /* z-index: 9999999; */
    border: solid 1px #fff !important;
    background-color: #828282;
padding: 0px;
border-radius: 0px 0px 0px 0px;
padding-right: 0;
position: relative;
margin-right: 0px;
margin-top: 2px;
border-bottom: transparent !important;
height: 29px;
top: 0px;
left: -2px;
float: left;
}
.desBrdcrmb:hover {
    border: solid 1px #fff !important;
        border-bottom-color: rgb(255, 255, 255);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: transparent !important;
    border-radius: 6px 6px 0px 0px !important;
}
.breadcrmbNew1{
    float: left;
    font-size: 11px;
    margin-left: 0;
    /* display: none; */
    color: #fff;
    height: 34px;
    /* border-right: dotted 3px #bfbfbf; */
    width: 65%;
    /* background-color: #666565; */
    padding-left: 366px;
    /* padding-top: 4px; */
    text-shadow: 1px 2px 1px #000;
    margin-top: 2px;
    position: relative;
    padding-top: 0;
    background-color: #828282;
    border: solid 1px #d5d5d5;
    border-radius: 0px 0px 0px 0px;
}

.breadcrmbNew2{
    float: left;
    font-size: 11px;
    margin-left: 0;
    /* display: none; */
    color: #fff;
    height: 34px;
    /* border-right: dotted 3px #bfbfbf; */
    width: 65%;
    /* background-color: #666565; */
    padding-left: 366px;
    /* padding-top: 4px; */
    text-shadow: 1px 2px 1px #000;
    margin-top: 2px;
    position: relative;
    padding-top: 0;
    background-color: #828282;
    border: solid 1px #d5d5d5;
    border-radius: 0px 0px 0px 0px;
}

.tpClsera{
    position: absolute !important;top: -5px;font-size: 8px !important;text-shadow: none;right: 0;width: auto;position: absolute;top: 3px !important;font-size: 8px;text-shadow: none;right: 0px;width: 10px !important;height: 10px !important;border: solid 1px #d0d0d0;padding-top: 0;text-align: center !important;line-height: 8px !important;text-shadow: 1px 2px 1px #000;box-shadow: 1px 2px #d7d7d7c9;background-color: #575757;color: #fff;
}
.tpClserb{
    position: absolute !important;
top: 7px !important;
font-size: 8px !important;
text-shadow: none;
right: -1px !important;
width: 10px !important;
height: 10px !important;
border: solid 1px #6f6f6f;
padding-top: 0;
text-align: center;
line-height: 8px !important;
/* text-shadow: 1px 0px 2px #000; */
box-shadow: 1px 2px #3c3939bd;
background-color: #eee;
color: #000;
}
.tpClserb:hover{
    background-color: #575757;
color: #f2f2f2;
}
.tpClsera:hover{
    background-color: #e1e1e1;
    color: #575757;
    text-shadow: none;
}
#dropst{
    margin-top: 0 !important; float: left;
          width: 100%;
}

.topSwtch {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
.topSwtch li{
    padding: 0 !important;
margin-bottom: 0 !important;
float:left;
}
.topSwtch li a{
    padding: 3px 6px !important;
border-radius: 0 !important;
margin-right: 0 !important;
background: rgb(183, 183, 183) !important;
color: #fff;
font-weight: bold;
}
.topSwtch li.active a {
    background: #868686 !important;
    color: #fff !important;
}
.topSwtch li a:hover{
    background-color: #848484 !important
}

.pageInnercntrlsLst {
    position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #484848;
display: none;
z-index: 9999;
padding-top: 1px;
padding-left: 22px;
padding-right: 22px;
padding-left: 1px;
padding-right: 1px;
height: 392px;
padding-bottom: 1px;
}
.closepageInnercntrlsLst {
    position: absolute;
right: 7px;
top: 0;
z-index: 9999;
font-size: 15px;
color: #9d9fa2;
}
.breadcrmbNewTech {
    float: left;
    font-size: 11px;
    margin-left: 0px;
    background-color: #757575;
width: 100%;
padding: 4px;
}
.breadcrmbNewTech a{
    float: left;
    font-size: 13px;
    margin-left: 1px;
    color: #33dffb;
    text-shadow: 1px 2px 1px #000;
}
.breadcrmbNewTech a i {
    text-align: center;
    /* background-color: #fff; */
    color: #fff;
    z-index: 1;
    font-size: 9px;
    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);
    box-shadow: 0 0 0 1px #ccc;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-right: 3px;
}


.breadcrmbNewTechSel {
    float: left;
    font-size: 11px;
    margin-left: 0px;
    display: none;
}
.breadcrmbNewTechSel a{
    float: left;
font-size: 11px;
margin-left: 1px;
color: #33dffb;
text-shadow: 1px 2px 1px #000;
}
.breadcrmbNewTechSel a i {
    text-align: center;
/* background-color: #fff; */
color: #fff;
z-index: 1;
font-size: 9px;
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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 15px;
height: 15px;
line-height: 15px;
margin-right: 3px;
}


.breadcrmbNewflw {
    float: left;
    font-size: 11px;
    margin-left: 0px;
    width: 100%;
margin-bottom: 2px;
background-color: #757575;
    display: none;
    padding: 4px;
}
.breadcrmbNewflw a{
    float: left;
    font-size: 13px;
    margin-left: 1px;
    color: #33dffb;
    text-shadow: 1px 2px 1px #000;
}
.breadcrmbNewflw a i {
    text-align: center;
/* background-color: #fff; */
color: #fff;
z-index: 1;
font-size: 9px;
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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 15px;
height: 15px;
line-height: 15px;
margin-right: 3px;
}



.degpropnava .rectbTop{
    display: none;
}
.showwinnpan{
    display: none;
}
.showMobpan{
    display: none;
}
.toomainRuntreeSet {
    position: absolute;
top: 13px;
left: 8px;
background-color: #f0f0ef;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
color: #5b5b5b;
border-radius: 50%;
z-index: 99;
/* display: none; */
font-size: 11px;
}

.toodesigSect {
    position: absolute;
    top: 13px;
    right: 35px;
    background-color: #f0f0ef;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #5b5b5b;
    border-radius: 50%;
    z-index: 99;
    /* display: none; */
    font-size: 11px;
}


#recordhomeby{
    background-color: #b3b3b3;
padding: 5px !important;
}
.live-window{
    border: solid 4px #aaa !important;
    height: 542px;
    /* border-top: none !important; */
}
.middlebottomLogsec{
    position: absolute;
    right: 22px;
top: 0;
    font-size: 10px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 22px;
    height: 19px;
    cursor: pointer;
    font-weight: bold;
    display: block;
    text-align: center;
    background-color: #626262;
    line-height: 19px;
    border: solid 1px #cacaca !important;
    text-shadow: 1px 2px 1px #000;

}
.fullbottomLogsec{
    position: absolute;
    right: 1px;
top: 0;
    font-size: 10px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 22px;
    height: 19px;
    cursor: pointer;
    font-weight: bold;
    display: block;
    text-align: center;
    background-color: #626262;
    line-height: 19px;
    border: solid 1px #cacaca !important;
    text-shadow: 1px 2px 1px #000;

}
.defaltbottomLogsec{
    position: absolute;
    /* left: 40px; */
    right: 40px;
    top: 0;
    font-size: 10px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 22px;
    height: 19px;
    cursor: pointer;
    font-weight: bold;
    display: block;
    text-align: center;
    background-color: #626262;
    line-height: 19px;
    border: solid 1px #cacaca !important;
    text-shadow: 1px 2px 1px #000;
    display: block;
}
.btrouter{
    position: absolute;
left: 66px;
bottom: -16px;
width: 20px;
height: 20px;
/* background-color: #b7b7b7; */
text-align: center;
line-height: 20px;
color: #020202;
/* text-shadow: 0px 2px 1px #000 !important; */
font-size: 22px !important;
display: none;
}

.directRecdCon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #626262 !important;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closedirectRecdCon {
    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;
}


.dctRcrdnav li{
    padding: 0 !important;
    border-right: solid 1px #ddd;
    margin-right: 14px;
}
.dctRcrdnav li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 3px 6px !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    background: rgba(183, 183, 183, 0) !important;
    font-size: 11px;
    position: relative;
    width: 51px;
    font-size: 9px;
    border: solid 1px #fff !important;
    padding-left: 1px !important;
}
.dctRcrdnav li a i{
    display: none;
}
.dctRcrdnav {
    background-color: #828282;
    border: transparent !important;
    padding-left: 2px !important;
    min-height: 31px;
    padding-top: 6px;
}
.dctRcrdnav li a:hover {
    background-color: #828282 !important;
    color: #fff !important;
}
.dctRcrdnav li.active a {
    /* background: #828282 !important; */
    background: #00abff !important;
color: #fff !important;
/* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
/* box-shadow: inset 1px 1px 3px #0d0d0d; */

border: solid 1px #646464 !important;
/* transform: translateY(-1px); */
}
.dctRcrdnav li.active a::before{
    background-color: #00abff;
}
.dctRcrdnav li.active a .tbcnutr{
    border: solid 1px #f7f7f7 !important;
background-color: #00abff !important;
}
.dctRcrdnavCont .tab-pane{
    padding: 0 !important;
}
.dctRcrdnav li.active a::after{
    stroke: white;
    -webkit-text-stroke-color: #0087ff;
    -webkit-text-fill-color: #00abff;
    text-shadow: 1px 0px #0b0b0b !important;
    text-shadow: 1px 0px #0b0b0b !important;
}
.directRecordCon {
    /* display: inline-block; */
    width: 100%;
    padding: 0px;
    float: left;
    height: 317px;
/* background-color: #979797; */
background-color: #626262 !important;
/* scrollbar-width: thin;
overflow-x: hidden; */
}
.dctRcrdnav li.active a:after{
    border-left: 17px solid #757575;
}


#accordiondrctRec .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordiondrctRec .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #b7b7b7 !important;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(123, 126, 131, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    line-height: 0px;
}
#accordiondrctRec .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 5px 7px 5px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efe fef; */
    /* background-color: #cecece; */
    background-color: #b7b7b7 !important;
    width: 100%;
float: left;
}
#accordiondrctRec .panel-title{
    display: inline-block;
    width: 100%;
}

#accordiondrctRec .panel-title a:hover{
    text-decoration: none;
}
#accordiondrctRec .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordiondrctRec .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordiondrctRec .panel-title a:before,
#accordiondrctRec .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 16px;
    color: #fff;
    padding: 20px;
    text-align: center;
    background: transparent; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 22px;
    line-height: 22px;
    transform: none;
    padding: 0;
}
#accordiondrctRec .panel-title a:after{
    content: none;
}
#accordiondrctRec .panel-title a.collapsed:before{
    content: "\f105";
    color: #fff;
    background: transparent;
    background-color:transparent;
}
#accordiondrctRec .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
    /* background-color: #fff; */

    background-color: #626262 !important;
padding-top: 10px;
padding-bottom: 10px;
}








#accordiondrctRec1 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordiondrctRec1 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(123, 126, 131, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordiondrctRec1 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 5px 7px 5px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
    width: 115px;
float: left;
}
#accordiondrctRec1 .panel-title{
    display: inline-block;
    width: 100%;
}

#accordiondrctRec1 .panel-title a:hover{
    text-decoration: none;
}
#accordiondrctRec1 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordiondrctRec1 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordiondrctRec1 .panel-title a:before,
#accordiondrctRec1 .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    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: 22px;
    line-height: 22px;
    transform: none;
    padding: 0;
}
#accordiondrctRec1 .panel-title a:after{
    content: none;
}
#accordiondrctRec1 .panel-title a.collapsed:before{
    content: "\f105";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordiondrctRec1 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
    background-color: #fff;
}



.browsetTp{
    float: left;
    margin: 0;
    padding: 0;
}
.browsetTp li{
    float: left;
}







#accordiondrctRecDev .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordiondrctRecDev .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(123, 126, 131, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordiondrctRecDev .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 5px 7px 5px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
    width: 115px;
float: left;
}
#accordiondrctRecDev .panel-title{
    display: inline-block;
    width: 100%;
}
#accordiondrctRecDev .panel-title a:hover{
    text-decoration: none;
}
#accordiondrctRecDev .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordiondrctRecDev .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordiondrctRecDev .panel-title a:before,
#accordiondrctRecDev .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    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: 22px;
    line-height: 22px;
    transform: none;
    padding: 0;
}
#accordiondrctRecDev .panel-title a:after{
    content: none;
}
#accordiondrctRecDev .panel-title a.collapsed:before{
    content: "\f105";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordiondrctRecDev .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
    background-color: #fff;
}








#accordiondrctRecDev1 .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordiondrctRecDev1 .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(123, 126, 131, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordiondrctRecDev1 .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 5px 7px 5px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #e7e7e7;
    width: 115px;
float: left;
}
#accordiondrctRecDev1 .panel-title{
    display: inline-block;
    width: 100%;
}
#accordiondrctRecDev1 .panel-title a:hover{
    text-decoration: none;
}
#accordiondrctRecDev1 .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordiondrctRecDev1 .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordiondrctRecDev1 .panel-title a:before,
#accordiondrctRecDev1 .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: 0px;
    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: 22px;
    line-height: 22px;
    transform: none;
    padding: 0;
}
#accordiondrctRecDev1 .panel-title a:after{
    content: none;
}
#accordiondrctRecDev1 .panel-title a.collapsed:before{
    content: "\f105";
    color: #808080;
    background: #fff;
    background-color:#fafafa;
}
#accordiondrctRecDev1 .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #e5e5e5;
    padding: 0px 7px 0px;
    background-color: #fff;
}
.disConrec{
    display: none;
}

.machdetailIn{
    color: #fff;
}
.machdetailIn p{
    color: #fff;
    margin-bottom: 0;
font-size: 12px;
padding: 0px 5px 0px 5px;
}
.profileDtailsed .form-group label{
    font-size: 12px;
    color: #fff;
}
.profileDtailsed .form-control-static{
    padding-top: 0 !important;
    color: #fff;
    font-size: 12px;
    min-height: auto;
}
.profaddset {
    /* position: absolute;
top: -8px;
right: 0px;
background-color: #ff8612 !important;
font-size: 12px;
z-index: 9;
width: 20px;
height: 20px;
line-height: 20px !important;
padding: 0 !important;
text-align: center !important;
border-radius: 50px !important; */
}
.browfaddset{
    /* position: absolute;
top: -8px;
right: 0px;
background-color: #ff8612 !important;
font-size: 12px;
z-index: 9;
width: 20px;
height: 20px;
line-height: 20px !important;
padding: 0 !important;
text-align: center !important;
border-radius: 50px !important; */
}

.profileDtailsed {
    display: inline-block;
    border: solid 1px #fff;
    padding-top: 0;
    padding-bottom: 5px;
    display: none;
    float: left;
}
.profileDtailsed input{
    width: 100% !important;
color: #262626 !important;
height: 23px !important;
}
.profileDtailsed h5 {
    background-color: #979797;
    margin: 0;
    padding: 5px 0 5px 15px;
    font-size: 12px;
    margin-bottom: 5px;
}





.profileDtailsedNew {
    display: inline-block;
    border: solid 1px #fff;
    padding-top: 0;
    padding-bottom: 5px;
    display: none;
    float: left;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background-color: #626262;
    z-index: 99;
}
.profileDtailsedNew input{
    width: 100% !important;
color: #262626 !important;
height: 23px !important;
}
.profileDtailsedNew h5 {
    background-color: #979797;
    margin: 0;
    padding: 5px 0 5px 15px;
    font-size: 12px;
    margin-bottom: 5px;
}

.profileDtailsedNew .form-group label{
    font-size: 12px;
    color: #fff;
}
.profileDtailsedNew .form-control-static{
    padding-top: 0 !important;
    color: #fff;
    font-size: 12px;}
    



.machdetailIn{
    display: inline-block;
    border: solid 1px #fff;
    padding-top: 0;
    padding-bottom: 5px;
    width: 100%;
    background-color: #626262 !important;
}
.machdetailIn h5 {
    background-color: #979797;
    margin: 0;
    padding: 0px 0 5px 15px;
    font-size: 12px;
    margin-bottom: 5px;
}
.addProfPop{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closeaddProfPop {
    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;
}
.addProfPop .form-control {
    font-size: 11px;
    height: 25px !important;
}
.addProfPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}
.addProfPop .form-group {
    /* font-size: 12px; */
    margin-bottom: 0;
}



.addBrowPop{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #626262;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
    padding: 6px;
padding-top: 0px;
}
.closeaddBrowPop {
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}

.installBrowPop{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #626262;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closeinstallBrowPop {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.dirctRcrd{
    color: red !important;
font-size: 19px !important;
}

.rcrdstrstp{
    color: red !important;
    display: none;
}
#toPlayrectree{
    display: none;
}

.insuninst .btn{
    padding: 3px !important;
    background-color: #595959 !important;
    font-size: 10px !important;
    color: #fff !important;
    background: #595959 !important;
    margin-top: 0;
}
.tbcnutr {
    width: 13px;
    height: 13px;
    display: inline-block;
    text-align: center;
    /* line-height: 10px; */
    background-color: #828282 !important;
    border-radius: 50px;
    position: absolute;
    right: -6px;
    z-index: 999999999;
    top: 2.3px;
    text-shadow: 1px 2px 1px #000;
    /* line-height: 12px; */
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
}
.dctRcrdnav li a::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 18px;
    background-color: #828282;
    right: -1px;
    top: 0;
    z-index: 999999;
}
.dctRcrdnavcn {
    padding: 2px;
    display: inline-block;
    width: 100%;
    height: 287px;
    position: relative;
    padding-top: 0px;
    border: solid 1px #999;
background-color: #828282;
}
.fordrdrLiv .tab-pane{
    min-height: 290px;
}


.machunpwPop{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closemachunpwPop {
    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;
}
.machunpwPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}
.machunpwPop .form-group{
    margin-bottom: 0 !important;
}
.machunpwPop .form-control {
    font-size: 11px;
    height: 25px !important;
}



.selectedrecDev{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    display: none;
    padding: 15px;
    z-index: 999;
    padding: 0;
}
.closeselectedrecDev {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}





.listDevRec {
    list-style: none;
    margin: 0;
    padding: 0;
}
.listDevRec li {
    background-color: transparent !important;
    float: left;
    margin: 2px;
    width: 48%;
    border: solid 1px #737373;
    padding: 3px;
    background-color: #b7b7b7 !important;
}
.listDevRec li p{
    font-size: 12px;
    color: #1a1a1a;
    padding: 0;
    margin: 0;
}
.listDevRec li h5{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
}


.listProfRec {
    list-style: none;
    margin: 0;
    padding: 0;
}
.listProfRec li {
    background-color: transparent !important;
    float: left;
    margin: 2px;
    width: 48%;
    border: solid 1px #737373;
    padding: 3px;
    background-color: #b7b7b7 !important;
}
.listProfRec li p{
    font-size: 12px;
    color: #1a1a1a;
    padding: 0;
    margin: 0;
}
.listProfRec li h5{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
}


.divVer{
    width: 31% !important;
}
.divVer a{
    padding: 3px !important;
}

.enterTouninbtn{
    font-size: 12px;
border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-radius: 0;
/* margin-top: 30px; */
position: relative !important;
padding-right: 4px;
color: #000 !important;
float: left;
/* background-color: transparent !important; */
background-color: #777 !important;
border: solid 1px #979797;
border-radius: 5px;
padding-left: 4px;
}
.enterTouninbtn i {
    width: 15px;
    height: 15px;
    /* background-color: red; */
    font-size: 10px !important;
    color: #aaa;
    text-align: center;
    line-height: 15px;
    border-radius: 50px;
}

.enterToininbtn{
    font-size: 12px;
border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-radius: 0;
/* margin-top: 30px; */
/* background-color: #fff !important; */
position: relative !important;
padding-right: 8px;
    /* color: #02b526 !important; */
    float: left;
    position: relative !important;
padding-right: 4px;
color: #fff !important;
float: left;
background-color: #01821b !important;
border: solid 1px #02b526;
border-radius: 5px;
padding-left: 4px;
}
.enterToininbtn i {
    width: 15px;
height: 15px;
/* background-color: #02b526; */
font-size: 10px !important;
color: #02b526;
text-align: center;
line-height: 15px;
border-radius: 50px;
}
.shwhdTree{
    display: none;
}
.shwhdTree2{
    display: none;
}
#toPlayrectreeStop{
    display: none;
    color: red !important;
}


.recordescspyTree, .recordescspyTree1 {
    position: absolute;
    top: 8px;
    right: 9px;
    z-index: 99999999;
    /* width: 267px !important; */
    width: 333px !important;
    padding: 0 !important;
    display: none;
}

.propOther2w{
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 99;
}
.propOther2w{
    width: 0;
float: left;
background-color: #626262;
border: transparent;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}
.fgtuMid2w{
    float: left;
/* 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;
color:#777;
font-size: 14px;
margin-left: 2px;
}
.fgtuBk2w{
    float: left;
/* 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;
color: #646464;
font-size: 10px;
margin-left: 2px;
display: none;
}
.propnavCont2w .tab-pane{
    padding: 0 !important;
}
.propnavCont2w{
    display: none;
}

.propnav2w li{
    padding: 0 !important;
}
.propnav2w li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 3px 6px !important;
border-radius: 0 !important;
margin-right: 0 !important;
background: rgb(183, 183, 183) !important;
}
.propnav2w {
    background-color: #979797;
}
.propnav2w li.active a {
    background: #757575 !important;
color: #fff !important;
text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
box-shadow: inset 1px 1px 3px #0d0d0d;
transform: translateY(-1px);
font-size: 10px;
}
.propnav2w{
    display: none;
}
.toinstbox{
    display: inline-block;
    width: 100%;
}
.toinstbox ul{
    padding: 0;
    margin: 0;
}
.toinstbox ul li{
    float: left;
width: 100%;
border: solid 1px #686868;
border-top: transparent;
padding: 7px 3px 3px 3px;
color: #fff;
font-size: 12px;
height: 37px;
}
.toinstbox ul li button{
    float: right;
width: 100px;
padding: 0 !important;
height: 22px;
line-height: 20px;
}
.headBrwsea{
    display: inline-block;
    width: 100%;
    background-color: #b7b7b7;
    position: relative;
    padding: 4px;
}
.headBrwsea h5 {
    margin: 0;
    padding: 0;
}
.addbrtoin {
    position: absolute;
    top: -1px;
    right: -4px;
    color: #fff;
    background-color: #6a6c6f;
    padding: 1px;
    width: 27px;
    text-align: center;
    border: solid 1px #eee;
    border-radius: 3px;
}
.nxtprerec li button{
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 !important;
    text-align: center;
    background: #979797 !important;
border-color: transparent;
}
.topbreadcrumbA::after {
    content: "";
    width: 1px;
    height: 31px;
    position: absolute;
    background-color: #0b0b0b;
    left: 0px;
    top: 1px;
    box-shadow: .6px 0px 0px #fff;
    z-index: 99999;
}
.topbreadcrumbB::after {
    content: "";
    width: 1px;
    height: 31px;
    position: absolute;
    background-color: #0b0b0b;
    left: 0px;
    top: 1px;
    box-shadow: .6px 0px 0px #fff;
    z-index: 99999;
}
.t-hd{
    padding-right: 0 !important;
}
.breadcrmbNew1::after {
    content: "";
    /* width: 691.6px; */
    height: 1px;
    position: absolute;
    background-color: #000;
    left: 0px;
    bottom: -1px;
    /* box-shadow: 0px -1px 0px #ececec; */
    z-index: 99999;
    right: 0;
}
.breadcrmbNew2::after {
    content: "";
    /* width: 691.6px; */
    height: 1px;
    position: absolute;
    background-color: #000;
    left: 0px;
    bottom: -1px;
    /* box-shadow: 0px -1px 0px #ececec; */
    z-index: 99999;
    right: 0;
}

.dctRcrdnav li a::after {
    /* content: '';
    position: absolute;
    right: -15px;
    top: -6px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 18px solid #b7b7b7;
    clear: both;
    z-index: 99999;
 */

    content: '\f0da';
    position: absolute;
    right: 1px;
    top: -21.2px;
    width: 0;
    height: 0;
    clear: both;
    z-index: 99999;
    font-family: "Fontawesome";
    font-size: 42px;
    color: #828282;
    border: solid 1px #5e5d5d !important;
    text-shadow: 0 0 0 1px #ccc !important;
    stroke: white;
    stroke-width: 32px;
    -webkit-text-fill-color: #828282;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
}

.rectoProfiCntr{
    width: 100%;
    display: inline-block;
    position: relative;
}
.closeprofileDtailsedNew {
    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;
}
/* .tohidTreerec{
    position: absolute;
    background-color: #828282 !important;
    text-align: center;
    left: -2px;
    cursor: pointer;
    top: 0;
    color: #fff;
    text-shadow: 1px 2px 1px #000;
    font-size: 10px;
    height: 30px;
    line-height: 17px;
    text-align: center;
    width: 21px;
} */
/* .tohidTreerec{
    position: absolute;
    background-color: #828282 !important;
    text-align: center;
    left: -23px;
    cursor: pointer;
    top: -3px;
    color: #fff;
    text-shadow: 1px 2px 1px #000;
    font-size: 10px;
    height: 31px;
    line-height: 28px;
    text-align: center;
    width: 21px;
} */
.tohidTreerec, .toshowTreerec {
    position: absolute;
    /* width: 20px; */
    background-color: transparent;
    text-align: center;
    left: -9px;
    cursor: pointer;
    top: -20px;
    color: #fff;
    text-shadow: 1px 2px 1px #000;
    font-size: 10px;
    height: 31px;
    line-height: 28px;
    text-align: center;
    width: 21px;
    z-index: 99;
}
.tohidTreerec::after, .toshowTreerec::after {
    content: "";
    width: 286px;
    height: 2px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 0;
    bottom: 0;
    box-shadow: 0.6px 0.6px 0px #fff;
    right: 0;
    z-index: 99;
    visibility: hidden;
}
.tohidTreerec::before, .toshowTreerec::before {
    width: 2px;
    /* height: 23px; */
    position: absolute !important;
    background-color: #0b0b0b;
    right: 0;
    top: -2px;
    bottom: 0;
    box-shadow: 1px 0px 0px #ffffff82;
    content: "";
    z-index: 9999;
    visibility: hidden;
}
.tohidTreerec i, .toshowTreerec i{
    -webkit-transform: rotate(-90deg);
    color: #fff;
}
.tohidTreerec i:hover, .toshowTreerec i:hover{color: #84de41;}
.pipelineTreemnCntr{
width: 100%;
display: inline-block;
padding-left: 5px;
text-align: left;
color: #fff;
cursor: pointer;
background-color: #484848;
margin-bottom: 2px;
/* border: solid 1px #888 !important; */
padding: 7px 10px 2px 7px;
position: relative;
border-left: 2px solid rgb(47, 47, 51);
border-right: 1px solid rgb(47, 47, 51);
height: 587px;
}
.boxpipe {
    width: 23%;
    text-align: center;
    background-color: #797979;
    min-height: 100px;
    padding: 20px 5px 10px 5px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    -webkit-box-shadow:0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    border: solid 2px #797979;
border-radius: 4px;
position: relative;
}
.boxpipe:hover{
    cursor: pointer;
    border-color:#0471fd;
}
/* .boxpipe:hover .overlaypipe{
    display: block;
} */

.contPipeCntr {
    min-height: 406px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
.boxpipe i {
    font-size: 41px;
color: #ccc;
-webkit-text-stroke: 2px #797979;
}
.boxpipe h5 {
    padding: 0;
    color: #b0b0b0;
    font-size: 12px;
}



.overlaypipe {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(1,1,1,0.6);
    display: none;
    z-index: 9;
    bottom: 0;
}

.overlaypipe__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlaypipe__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.overlaypipe__content span{
    font-size: 39px;
color: #28d94b;
display: none;
}

.contPipeTaskCntr {
    min-height: 406px;
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    display: none;
}
.pipeTskLster{
    padding: 0;
    margin: 0;
}
.pipeTskLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    background-color: #b7b7b7 !important;
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #333;
    border: solid 1px #eee;
    border-radius: 2px;
}



.breadcrmbPiptsk {
    float: left;
    font-size: 11px;
    margin-left: 0px;
    width: 100%;
    margin-bottom: 2px;
    background-color: #757575;
margin-top: 5px;
    /* display: none; */
}
.breadcrmbPiptsk a{
    float: left;
    font-size: 11px;
    margin-left: 4px;
    color: #33dffb;
    text-shadow: 1px 1px 1px #000;
}
.breadcrmbPiptsk a i {
    text-align: center;
/* background-color: #fff; */
color: #fff;
z-index: 1;
font-size: 9px;
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);
box-shadow: 0 0 0 1px #ccc;
-webkit-box-shadow: 0 0 0 1px #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 15px;
height: 15px;
line-height: 15px;
margin-right: 3px;
}




.contPipeFlowCntr {
    min-height: 406px;
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    display: none;
}
.pipeFlowLster{
    padding: 0;
    margin: 0;
}
.pipeFlowLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    background-color: #b7b7b7 !important;
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #333;
    border: solid 1px #eee;
    border-radius: 2px;
}



.contDatacntr {
    min-height: 406px;
    padding: 0;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    position: relative;
    /* display: none; */
}
.dataScemaLster{
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataScemaLster li{
    width: 23%;
text-align: center;
background-color: #797979;
min-height: 100px;
padding: 20px 5px 10px 5px;
float: left;
margin-right: 10px;
margin-top: 10px;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
border: solid 2px #797979;
border-radius: 4px;
}
.dataScemaLster li i{
    font-size: 41px;
color: #f2f2f2;
-webkit-text-stroke: 2px #797979;
}
.dataScemaLster li h5 {
    padding: 0;
    color: #f2f2f2;
    font-size: 12px;
}
.dataScemaLster li:hover {
    cursor: pointer;
    border-color: #0471fd;
}
.contTablecntr {
    min-height: 406px;
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    display: none;
}
.dataTableLster{
    padding: 4px;
    margin: 0;
    display: inline-block;
}
.dataTableLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    /* background-color: #828282 !important; */
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
    border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;
padding: 5px;
    padding-left: 5px;
padding-left: 5px;
cursor: pointer;
text-align: left;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .15s linear;
color: hsla(0,0%,100%,.6);
background-color: hsla(0,0%,100%,.04);
width: 100%;
float: left;
margin-bottom: 4px;
padding-left: 15px;
font-size: 14px !important;
}
.dataTableLster li:hover {
    border: solid 2px #7dbdee;
}

.contCompColuncntr{
    min-height: 406px;
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
    width: 100%;
    display: none;
}

ul.dctRcrdnav li a:visited{
    color:red;
        background: lime !important;
    }
.spyscnBtns{
    float: left;
width: 100%;
background-color: #828282 !important;
padding: 3px;
margin-top: 4px;
position: relative;
z-index: 999;
display: none;
}
.spyscnBtns button {
    background: transparent;
    /* box-shadow: 0px 0px 0px 1px #f5f3f3; */
    border: transparent;
    border-radius: 0;
    padding: 0;
    height: 26px;
    line-height: 18px;
    text-align: center;
    width: 32px;
    border-top: none;
    border-bottom: none;
    float: left;
    font-size: 14px;
    color: #fff;
    border-left: none;
    margin-right: 0px;
    border-radius: 4px;
    text-shadow: 1px 2px 1px #000;
    margin-top: 2px;
    margin-bottom: 1px;
}

.spyerIco {
    font-size: 23px;
    margin-top: 2px;
    position: relative;
    color: #fff;
}
.fa.fa-square-o.spyerIco::after {
    content: "\f245";
    position: absolute;
    width: 20px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #00abff;
    font-size: 18px;
    right: -4px;
    bottom: 3px;
    transform: rotate(335deg);
    z-index: 9;
}

.scanerIco {
    font-size: 24px;
    margin-top: 2px;
    position: relative;
    color: #fff;
}
.fa.fa-square-o.scanerIco::after {
    content: "\f002";
    position: absolute;
    width: 20px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #00abff;
    font-size: 17px;
    right: -2px;
    bottom: 3px;
    /* transform: rotate(60deg);
    -webkit-text-stroke: 1px #040404; */
    z-index: 9;
}

.matcherIco {
    font-size: 23px;
    margin-top: 2px;
    position: relative;
    color: #fff;
    /* -webkit-text-stroke: 1px #828282;
    text-shadow: none; */
    text-shadow: 1px 2px 1px #000;
}
.fa.fa-square-o.matcherIco::after {
    content: "\f00c";
    position: absolute;
    width: 21px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #00abff;
    font-size: 17px;
    right: -4px;
    bottom: 5px;
    /* transform: rotate(60deg); */
    -webkit-text-stroke: 1px #828282;
    z-index: 9;
}

.spyscnBtns button:hover {
    color: #fff;
    border: solid 1px #b3b3b3 !important;
    background-color: #717171;
}

.overlaypo {
    left: 0;
    top: 0;
    width: 267px;
    height: 462px;
    position: absolute;
    background: rgba(1,1,1,0.8);
    display: none;
    z-index: 9;
    bottom: 0;
}

.overlaypo__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlaypo__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.spinner-livescreen {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spinlivescreen 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spinlivescreen {
  100% {
    transform: rotate(360deg);
  }
}
.pipeBrdcrmb{
    display: none;
}
.desTreePipeadd{
    position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 200px;
background-color: #828282 !important;
z-index: 9;
display: none;
padding: 5px;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
z-index: 9999;
}
.closedesTreePipeadd{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #ccc;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    background-color: #aaa;
    line-height: 15px;
    border-radius: 50px;
    text-align: center;
}
.closedesTreePipeadd:hover{
    color: #fff;
    cursor: pointer;
}
.desTreePipeadd h4 {
    text-align: center;
    font-size: 14px;
}
.desTreePipeadd .form-control {
    font-size: 11px;
    height: 25px !important;
}
.desTreePipeadd .form-group label {
    font-size: 12px;
    margin-bottom: 0;
}




.desTreeSchemaadd{
    position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 200px;
background-color: #828282 !important;
z-index: 9;
display: none;
padding: 5px;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
z-index: 9999;
}
.closedesTreeSchemaadd{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #ccc;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    background-color: #aaa;
    line-height: 15px;
    border-radius: 50px;
    text-align: center;
}
.closedesTreeSchemaadd:hover{
    color: #fff;
    cursor: pointer;
}
.desTreeSchemaadd h4 {
    text-align: center;
    font-size: 14px;
    color: #eee;
}
.desTreeSchemaadd .form-control {
    font-size: 11px;
    height: 25px !important;
}
.desTreeSchemaadd .form-group label {
    font-size: 12px;
    margin-bottom: 0;
    color: #eee;
}




.contApicntr{
    min-height: 406px;
padding: 0px;
    padding-bottom: 10px;
padding-bottom: 15px;
float: left;
width: 100%;
position: relative;
}

.dataApiLster {
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataApiLster li {
    width: 23%;
    text-align: center;
    background-color: #797979;
    min-height: 100px;
    padding: 20px 5px 10px 5px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    border: solid 2px #797979;
    border-radius: 4px;
}
.dataApiLster li i {
    font-size: 41px;
    color: #f2f2f2;
    -webkit-text-stroke: 2px #797979;
}
.dataApiLster li h5 {
    padding: 0;
    color: #f2f2f2;
    font-size: 12px;
}
.dataApiLster li:hover {
    cursor: pointer;
    border-color: #0471fd;
}

.contApiiOpercntr{
    min-height: 406px;
padding-top: 0;
padding-bottom: 15px;
float: left;
width: 100%;
display: none;
}
.apiOperanLster{
    padding: 4px;
margin: 0;
display: inline-block;
}
.apiOperanLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    /* background-color: #828282 !important; */
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
    border: solid 1px #888 !important;
padding: 2px 10px 2px 7px;
padding: 5px;
    padding-left: 5px;
padding-left: 5px;
cursor: pointer;
text-align: left;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .15s linear;
color: hsla(0,0%,100%,.6);
background-color: hsla(0,0%,100%,.04);
width: 100%;
float: left;
margin-bottom: 4px;
padding-left: 15px;
font-size: 14px !important;
}

.apiOperanLster li:hover {
    border: solid 2px #7dbdee;
}



.contApiiTranscntr{
    min-height: 406px;
padding-top: 0;
padding-bottom: 15px;
float: left;
width: 100%;
display: none;
}
.apiTransLster{
    padding: 4px;
margin: 0;
display: inline-block;
}
.apiTransLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    /* background-color: #828282 !important; */
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
    padding: 5px;
    padding-left: 5px;
padding-left: 5px;
cursor: pointer;
text-align: left;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .15s linear;
color: hsla(0,0%,100%,.6);
background-color: hsla(0,0%,100%,.04);
width: 100%;
float: left;
margin-bottom: 4px;
padding-left: 15px;
font-size: 14px !important;
}

.apiTransLster li:hover {
    border: solid 2px #7dbdee;
}




.contIntercntr{
    min-height: 406px;
padding: 10px;
    padding-bottom: 10px;
padding-bottom: 15px;
float: left;
width: 100%;
position: relative;
}

.dataInterLster {
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataInterLster li {
    width: 22.7%;
    text-align: center;
    background-color: #797979;
    min-height: 100px;
    padding: 20px 4px 10px 4px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    border: solid 2px #797979;
    border-radius: 4px;
}
.dataInterLster li i {
    font-size: 41px;
    color: #f2f2f2;
    -webkit-text-stroke: 2px #797979;
}
.dataInterLster li h5 {
    padding: 0;
    color: #f2f2f2;
    font-size: 12px;
}
.dataInterLster li:hover {
    cursor: pointer;
    border-color: #0471fd;
}




.contInterOpercntr{
    min-height: 406px;
padding-top: 0;
padding-bottom: 15px;
float: left;
width: 100%;
display: none;
}
.interOperanLster{
    padding: 4px;
margin: 0;
display: inline-block;
}
.interOperanLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    background-color: #828282 !important;
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
    /* box-shadow: inset 0px 0px 2px 0px #000; */
}

.interOperanLster li:hover {
    border: solid 2px #7dbdee;
}

.contiInterTranscntr{
    min-height: 406px;
padding-top: 0;
padding-bottom: 15px;
float: left;
width: 100%;
display: none;
}
.interTransLster{
    padding: 4px;
margin: 0;
display: inline-block;
}
.interTransLster li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    background-color: #828282 !important;
    padding: 2px 10px 2px 34px;
    padding-left: 3px !important;
    font-size: 11px !important;
    color: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
}

.interTransLster li:hover {
    border: solid 2px #7dbdee;
}

.addInterPop {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    background-color: #828282 !important;
    z-index: 9;
    display: none;
    padding: 5px;
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    z-index: 9999;
}
.closeaddInterPop {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #ccc;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
    background-color: #aaa;
    line-height: 15px;
    border-radius: 50px;
    text-align: center;
}
.addInterPop h4 {
    text-align: center;
    font-size: 14px;
    color: #eee;
}
.addInterPop .form-group label {
    font-size: 12px;
    margin-bottom: 0;
    color: #eee;
}
.addInterPop .form-control {
    font-size: 11px;
    height: 25px !important;
}





#accordionPipeRunTask .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionPipeRunTask .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionPipeRunTask .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #b7b7b7 !important;
}

#accordionPipeRunTask .panel-title a:hover{
    text-decoration: none;
}
#accordionPipeRunTask .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionPipeRunTask .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionPipeRunTask .panel-title a:before,
#accordionPipeRunTask .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    background: #b7b7b7; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionPipeRunTask .panel-title a:after{
    content: none;
}
#accordionPipeRunTask .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:transparent;
}
#accordionPipeRunTask .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #919090;
    padding: 0px 7px 0px;
}

#accordionPipeRunTask .panel-title a .loader1r{
    visibility: visible;
}
#accordionPipeRunTask .panel-title a.collapsed .loader1r{
    visibility: visible;
}

#accordionPipeRunTask .panel-title a .spinnerery{
    visibility: hidden;
}
#accordionPipeRunTask .panel-title a.collapsed .spinnerery{
    visibility: visible;
}

#accordionDesgnOp .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionDesgnOp .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionDesgnOp .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #b7b7b7 !important;
}

#accordionDesgnOp .panel-title a:hover{
    text-decoration: none;
}
#accordionDesgnOp .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionDesgnOp .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionDesgnOp .panel-title a:before,
#accordionDesgnOp .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    background: #b7b7b7; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionDesgnOp .panel-title a:after{
    content: none;
}
#accordionDesgnOp .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:transparent;
}
#accordionDesgnOp .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #919090;
    padding: 0px 7px 0px;
}




#accordionDesgnIntOp .panel{
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#accordionDesgnIntOp .panel-heading{
    padding: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
}
#accordionDesgnIntOp .panel-title a{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #172b4d;
    border: 1px solid #bcbcbd;
    text-transform: capitalize;
    padding: 7px 10px 7px 34px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    /* background-color: #efefef; */
    /* background-color: #cecece; */
    background-color: #b7b7b7 !important;
}

#accordionDesgnIntOp .panel-title a:hover{
    text-decoration: none;
}
#accordionDesgnIntOp .panel-title a.collapsed{
    color: #333;
    border: 1px solid #4a4a4a;
}
#accordionDesgnIntOp .panel-title a.collapsed:hover{
    color: #569ece;
}
#accordionDesgnIntOp .panel-title a:before,
#accordionDesgnIntOp .panel-title a.collapsed:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    font-weight: normal;
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 16px;
    color: #808080;
    padding: 20px;
    text-align: center;
    background: #b7b7b7; 
    transition: all 0.30s ease-in-out 0s;
    width: 27px;
    height: 30px;
    line-height: 30px;
    transform: none;
    padding: 0;
}
#accordionDesgnIntOp .panel-title a:after{
    content: none;
}
#accordionDesgnIntOp .panel-title a.collapsed:before{
    content: "\f0da";
    color: #808080;
    background: #fff;
    background-color:transparent;
}
#accordionDesgnIntOp .panel-body{
    font-size: 14px;
    color: #888;
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    border: solid 1px #919090;
    padding: 0px 7px 0px;
}






.inPipelirunData{
    width: 100%;
    float: left;
    display: none;
}
.piFlwSta{
    color: #00d700;
font-size: 12px;
float: right;
margin-top: 6px;
}


.dctRcrdnav li.active a{
    background-color: #00abff !important;
    box-shadow: 1px 1px 0px #00000069;
border: solid 1px #060606 !important;
}
.dctRcrdnav li.visiterr a {
    /* background: #828282 !important; */
    background: #00abff !important;
color: #000 !important;
/* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
/* box-shadow: inset 1px 1px 3px #0d0d0d; */

box-shadow: 1px 1px 0px #00000069;
border: solid 1px #060606 !important;
/* transform: translateY(-1px); */
}
.dctRcrdnav li.visiterr a::before{
    background-color: #00abff;
}
.dctRcrdnav li.visiterr a .tbcnutr{
    border: solid 1px #000 !important;
    background-color: #00abff !important;
    color: #000;
    text-shadow: none;
}
.dctRcrdnavCont .tab-pane{
    padding: 0 !important;
}
.dctRcrdnav li.visiterr a::after{
    stroke: white;
    -webkit-text-stroke-color: #000;
    -webkit-text-fill-color:#00abff;
}
.dctRcrdnav li.visiterr a:after{
    border-left: 17px solid #757575;
}
.filterinScan{
    display: none;
}


.loader1r {
    display:inline-block;
    font-size:0px;
    padding:0px;
    float: right;
margin-right: 12px;
 }
 .loader1r span {
    vertical-align:middle;
    border-radius:100%;
    
    display:inline-block;
    width:10px;
    height:10px;
    margin:3px 2px;
    -webkit-animation:loader1r 0.8s linear infinite alternate;
    animation:loader1r 0.8s linear infinite alternate;
 }
 .loader1r span:nth-child(1) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
   background:rgb(30, 247, 114);
 }
 .loader1r span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
   background:rgb(30, 247, 114);
 }
 .loader1r span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
   background:rgb(30, 247, 114);
 }
 .loader1r span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
   background:rgb(30, 247, 114);
   
 }
 .loader1r span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
   background:rgb(30, 247, 114);
 }
 
 @keyframes loader1r {
    from {transform: scale(0, 0);}
    to {transform: scale(1, 1);}
 }
 @-webkit-keyframes loader1r {
    from {-webkit-transform: scale(0, 0);}
    to {-webkit-transform: scale(1, 1);}
 }
 

 .piperliner{
     display: none;
     color: #28d94b !important;
 }
.pausePlayPipetree{
    color: red;
    display: none;
    background: #575757 !important;
color: red !important;
border: solid 1px #c1c1c1 !important;
}

.vester .open .dropdown-toggle{
    background: #575757 !important;
border: solid 1px #c1c1c1 !important;
padding: 0px 4px !important;
}
 .dataScemaLsterRight{
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataScemaLsterRight li{
    width: 23%;
text-align: center;
background-color: #797979;
min-height: 100px;
padding: 20px 5px 10px 5px;
float: left;
margin-right: 10px;
margin-top: 10px;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
border: solid 2px #797979;
border-radius: 4px;
}
.dataScemaLsterRight li i{
    font-size: 41px;
color: #ccc;
-webkit-text-stroke: 2px #797979;
}
.dataScemaLsterRight li h5 {
    padding: 0;
    color: #b0b0b0;
    font-size: 12px;
}
.dataScemaLsterRight li:hover {
    cursor: pointer;
    border-color: #0471fd;
}
.rightSideDataTableCntr{
    display: none;
    float: left;
width: 100%;
padding: 5px;
}
.rightSideDataschCntr{
    padding-top: 0;
    padding: 8px;
}

.rightmpropnav{
    background-color: #797979;
}
.rightmpropnav li{
    padding: 0 !important;
    margin-right: 2px;
    text-align: center;
    width: 78px;
}

.rightmpropnav li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 0px 6px 0px 6px !important;
    font-size: 11px;
    border-radius: 0 !important;
    float: left;
    width: auto;
    height: auto;
    line-height: 18px !important;
    background: rgb(121, 121, 121) !important;
    text-shadow: 0px 1px 6px #000 !important;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: white;
    margin-bottom: 2px !important;
    /* border: solid 1px #c6c6c6 !important;
    border-radius: 5px !important; */
    width: 76px;
}
.rightmpropnav li a:hover {
    border: solid 1px #c6c6c6 !important;
    border-radius: 5px !important;
}
.rightmpropnav li.active a{
    background: #757575 !important;
    color: #fff !important;
    /* text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important; */
    /* box-shadow: inset 1px 1px 3px #0d0d0d; */
    /* transform: translateY(-1px); */
    text-shadow: 0px 1px 0px #000 !important;
    border: solid 1px #c6c6c6 !important;
    border-radius: 5px !important;
    width: 76px;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.rightmpropnav li a i{
    font-size: 19px;
}
.rightmpropnav {
    display: inline-block;
    width: 100%;
    border-bottom: none !important;
    padding-left: 11px !important;
    padding-top: 3px !important;
    /* border: solid; */
    border-bottom: solid 1px #797979 !important;
    padding-bottom: 2px !important;
}



#sectionDberBlk .dataTables_wrapper {
    margin-top: 0 !important;
    background: #fff !important;
}
#sectionDberBlk .dataTables_length, #sectionDberBlk .dataTables_filter {
    display: block !important;
}

#sectionDberBlk .table thead tr th, #sectionDberBlk .table thead tr th {
    font-size: 12px;
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
        background-color: rgba(0, 0, 0, 0) !important;
    border: 2px groove #ffffff !important;
        border-top-color: rgb(255, 255, 255);
        border-top-style: groove;
        border-top-width: 2px;
    border-top: 1px solid #bcbcbc !important;
}
#sectionDberBlk .table > tbody > tr:hover {
    background-color: #f5f5f5 !important;
}
#sectionDberBlk .table-bordered > tbody > tr > td:first-child{
    background: no-repeat !important;
}
#sectionDberBlk .dataTables_wrapper .input-sm {
    /* height: 26px; */
    background: transparent !important;
    height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
border-color: #eaeaea !important;
margin-left: 0.5em;
    
}
#sectionDberBlk .table tbody tr:nth-child(2n) {
    /* background-color: #f9f9f9 !important; */
    background-color: #a2a2a2 !important;
}
#sectionDberBlk .table tbody tr:nth-of-type(2n+1) {
    background-color: #b5b5b5 !important;
}
#sectionDberBlk .dataTables_wrapper .pagination > li > a {
    background: transparent !important;}
    .modal-body{
        background-color: #fff !important;
    }
    #sectionDberBlk .table > tbody > tr > td{
        padding: 8px !important;
    }
    #sectionDberBlk .dataTables_wrapper {
        margin-top: 0 !important;
        background: #fff !important;
    }
    #sectionDberBlk .dataTables_length, #sectionDberBlk .dataTables_filter {
        display: block !important;
    }
    
    #sectionDberBlk .table thead tr th, #sectionDberBlk .table thead tr th {
        font-size: 11px;
        background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
            background-color: rgba(0, 0, 0, 0) !important;
        border: 2px groove #ffffff !important;
            border-top-color: rgb(255, 255, 255);
            border-top-style: groove;
            border-top-width: 2px;
            border-top: none !important;
            border-left: none !important;
            border-bottom:1px solid #656565 !important;
    color: #fff;
    border-right: 1px solid #656565 !important;
    font-weight: bold;
    padding: 3px;
    background: #939393 !important;
/* color: #6a6c6f; */
text-shadow: 0px .7px 0px black;
            /* color: #6a6c6f; */
    }
    #sectionDberBlk .table-bordered > tbody > tr > td:first-child{
        background: no-repeat !important;
    }
    #sectionDberBlk .dataTables_wrapper .input-sm {
        /* height: 26px; */
        background: transparent !important;
        height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border-color: #eaeaea !important;
    margin-left: 0.5em;
        
    }
    #sectionDberBlk .table tbody tr:nth-child(2n) {
        /* background-color: #f9f9f9 !important; */
        background-color: #c8c8c8 !important;
    }
    #sectionDberBlk .table tbody tr:nth-of-type(2n+1) {
        background-color: #d7d7d7 !important;
    }
    #sectionDberBlk .dataTables_wrapper .pagination > li > a {
        background: transparent !important;}
        .modal-body{
            background-color: #fff !important;
        }
        #sectionDberBlk .table tbody tr:hover {
            background-color:#f5f5f5 !important;
         } 
         #sectionDberBlk .table tbody tr:nth-child(2n):hover {
            background-color:#f5f5f5 !important;
         } 
         #sectionDberBlk .table > tbody > tr > td{
            border: 1px solid #ddd !important;
            border-left: none !important;
    border-top: none !important;
         }
         #sectionDberBlk .table-bordered {
            border: 1px solid #656565 !important;
            border-bottom: none !important;
            border-right: none !important;
        }
    
     
        #sectionDberBlk .dataTables_wrapper .pagination > li > a {
            padding: 2px;
font-size: 13px;
            background: transparent !important;}
            .modal-body{
                background-color: #fff !important;
            }
            #sectionDberBlk .table > tbody > tr > td{
                padding: 3px !important;
font-size: 10px !important;
            }

.mbnTreee{
    position: relative;
}

.mbnTreee::after {
    content: "";
    /* width: 267px; */
    height: 2px;
    position: absolute !important;
    background-color: #0b0b0b;
    left: 0;
    bottom: 0;
    box-shadow: 0.6px 0.6px 0px #fff;
    right: 0;
    z-index: 99;
}



.checkerr2crTabl{
    padding-right: 9px !important;
    background-color: transparent !important;
    border-bottom: none !important;
  }
  
  .checkerr2crTabl li{
    border-bottom: transparent;
    /* border-bottom: none; */
    margin-bottom: 2px !important;
    padding: 0px !important;
    text-align: left;
    position: relative;
    background-color: #939393;
    display: inline-block !important;
    width: 100%;
    border: solid 1px #b7b7b7 !important;
    border-radius: 4px;
  }
  .checkerr2crTabl li i{
    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;
    text-shadow: 0px .7px 0px black;
  }
  .checkerr2crTabl li:hover {
    background-color: #626262;
}
  .checkerr2crTabl li.active {
    background-color: #24a3ca !important;
    /* margin-bottom: 0 !important; */
    /* border-right: solid 2px #ff8612; */
  }
  .checkerr2crTabl li.active:hover {
    background-color: #00c3ff !important;
}
  /* .checkerr2 li.active:after{
    border-color: transparent transparent transparent #ff8612 !important;
  } */
  .checkerr2crTabl li {
    margin-bottom: 2px !important;
    /* padding: 0px !important; */
    text-align: left;
    position: relative;
    background-color: #939393;
    display: inline-block !important;
    width: 100%;
    border: solid 1px #b7b7b7 !important;
    border-radius: 4px;
  }
  .checkerr2crTabl 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;
  text-shadow: 0px .7px 0px black;
  }
  .scheTabRigtPgntn{
    padding-right: 5px;
    position: absolute;
    right: 3px;
    bottom: -4px;
  }
  .reqinMaintab{
    width: 8%;
  }
  .reqinMaintab{
    width: 8% !important;
    float: left;
  }
  .logInnerCntr{
    display: inline-block;
    width: 100%;
    min-height: 100%;
    background-color: #dfdfdf;
  }
  
  /* .reqinMaintab li a {
    width: 100% !important;
    border-radius: 0 !important;
    padding: 5px !important;
    margin-bottom: 2px !important;
    background-color: #818181 !important;
border: solid 1px #c1c1c1 !important;
height: 33px;
width: 26px !important;
} */
.reqinMaintab li a{
    padding: 5px !important;
margin-bottom: 2px !important;
background-color: #818181 !important;
border: solid 1px #c1c1c1 !important;
height: 33px;
width: 33px !important;
text-align: center;
border-radius: 50px !important;
}
/* .reqinMaintab li.active a{
    border-radius: 0 !important;
background-color: #626262 !important;
border-right: solid 1px #626262 !important;
color: #55e6f4 !important;
height: 33px;
width: 26px !important;
} */
.reqinMaintab li.active a{
    background-color: #626262 !important;
color: #55e6f4 !important;
}
.reqinMaintab li{
    padding: 0 !important;
}
.reqinMaintabCont {
    padding: 1px;
    width: 92%;
    float: left;
    background-color: #626262;
    border: solid 1px #8a8a8a;
    padding: 5px !important;
}



  .osinMaintab{
    width: 100% !important;
    float: left;
    margin-bottom: -2px !important;
  }
  .osinMaintab li a {
    width: 25px !important;
    border-radius: 0 !important;
    padding: 1px !important;
    margin-bottom: 2px !important;
    background-color: #818181 !important;
    border: solid 1px #c1c1c1 !important;
    text-align: center;
    text-shadow: 1px 2px 1px #000;
}
.osinMaintabCont .tab-pane{
    min-height: 233px !important;
}
.osinMaintab li.active a{
    border-radius: 0 !important;
background-color: #626262 !important;
border-bottom: solid 1px #626262 !important;
color: #55e6f4 !important;
}
.osinMaintab li{
    padding: 0 !important;
}
.osinMaintabCont {
    padding: 1px;
    width: 100%;
    float: left;
    background-color: #626262;
    border: solid 1px #c6c6c6;
    padding: 5px !important;
}
.linea{
    position: absolute;
    width: 4px;
    height: 2px;
    background-color: #fff;
    left: 9px;
    top: 10px;
}
.lineb{
    position: absolute;
    width: 9px;
    height: 2px;
    background-color: #fff;
    left: 9px;
    top: 14px;
}
.linec{
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #fff;
    left: 9px;
    top: 18px;
}
.reqinMaintab li.active .linec{
    background-color: #53e6f4;
}
.reqinMaintab li.active .lineb{
    background-color: #53e6f4;
}
.reqinMaintab li.active .linea{
    background-color: #53e6f4;
}
.reqinMaintab li.active .linec{
    background-color: #53e6f4;
}
.reqinMaintab li.active .lineb{
    background-color: #53e6f4;
}
.reqinMaintab li.active .linea{
    background-color: #53e6f4;
}




.mainTreeSetup {
    position: absolute;
    left: 34%;
    top: 0;
    display: none;
    width: 65%;
    bottom: 0;
    padding-bottom:100px;
    box-sizing: border-box;
    transition: width 0.3s, left 0.3s;
    transition-timing-function: linear;
}
#overlayTree, .overlayTreePage{ 
    /* position: absolute; */
    position: fixed;
    top: 0;
    z-index: 9999999999;
    /* width: 100%; */
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    left: 0;
    right: 0;
  }
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #05a2ff solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }
.mainTreeSetup2a {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
}
.adderJsonBox{
    position: absolute;
    right: 138px;
    z-index: 9;
    top: 37px;
}
.mainTreeSetup .trees li > label{
    color: #000 !important;
text-shadow: none !important;
font-size: 11px;
}
.mainTreeSetup .trees li {
    border-left: dotted 1px #000 !important;
}

.mainTreeSetup .trees li input[type="checkbox"]{
    border: solid 1px #757575 !important;
}

.mainTreeSetup .trees li:last-child::after{
    display: none;
}


.onnert {
    display: inline-block;
    /* background-color:#4a4a4a; */
    background-color: #636363;
    padding: 0px;
    border-radius: 2px 2px 0px 0px;
    padding-right: 0;
    position: relative;
    border: solid 1px #fff !important;
    /* margin-left: -1px; */
    margin-left: 1px;
    height: 29px;
    top: 0px;
    left: -2px;
    /* z-index: 9999999; */
    border-bottom: none !important;
    margin-bottom: -5px !important;
    color: #fff;
    text-align: left;
padding-left: 1px;
}
.onnert a{
    padding-bottom: 7px;
color: #fff;
}
.desBrdcrmb.onnert a{
    color: #fff !important;
}
.desBrdcrmb a::after {
    content: "";
    position: absolute;
    width: 160px;
    left: 5px;
    right: 0;
    background-color: #0570c4;
    height: 2px;
    border: 0;
    bottom: 0px;
    border-radius: 25px;
    /* border: solid 1px #33dffb; */
    border: solid 1px #87c659;
    box-shadow: 1px 1px 1px #000;
    display: none;
}
.desBrdcrmb a:hover::after{
    display: block;
}
.desBrdcrmb a:hover{
    color: #fff;
}
.desBrdcrmb a{
   color: #ddd;
   font-size: 12px;
}
.desBrdcrmb.onnert a::after{
    display: block;
}
.desBrdcrmb.onnert::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #fff;
    bottom: -2px;
    left: -7px;
    transform: rotate(-15deg);
    visibility: hidden;
}

.desBrdcrmb.onnert::after {
    right: -7px;
    content: "";
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #fff;
    bottom: -2px;
    transform: rotate(15deg);
    visibility: hidden;
}

.hiderTria {
    position: absolute;
    width: 11px;
    height: 16px;
    background-color: #828282;
    top: 8px;
    left: 19px;
}
.hiderTrib {
    position: absolute;
    width: 15px;
    height: 18px;
    background-color: #828282;
    top: 8px;
    left: 15px;
}
.hiderTric {
    position: absolute;
    width: 12px;
    height: 17px;
    background-color: #828282;
    top: 2px;
    left: 16px;
}
.spyscnBtns button.depressed .hiderTria{
    background-color: #575757;
}
.spyscnBtns button.depressed .hiderTrib{
    background-color: #575757;
}
.spyscnBtns button.depressed .hiderTric{
    background-color: #575757;
}

.arrowRounddRgt {
    margin: 0;
    width: 4px;
    height: 9px;
    border-radius: 1px;
    background: #fff;
    transform: rotateX(50deg) rotate(-90deg);
    overflow: hidden;
    position: absolute;
    top: 21px;
    right: -7px;
    z-index: 99;
    display: none;
  }
  
  .arrowRounddRgt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 177%;
    width: 158%;
    border-radius: 90% 0 0 0;
    background: #626262;
  }
  .arrowRounddLft{
    margin: 0;
    width: 9px;
    height: 4px;
    border-radius: 1px;
    background: #fff;
    transform: rotateX(50deg) rotate(180deg);
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: -9px;
    z-index: 99;
    display: none;
  }
  .arrowRounddLft:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 177%;
    width: 158%;
    border-radius: 90% 0 0 0;
    background: #626262;
  }




  .spinnerery {
    /* margin: 100px auto 0; */
    width: 70px;
    text-align: center;
    float: right;
  }
  
  .spinnerery > div {
    width: 12px;
    height: 12px;
    background-color: #00ff34;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation-delay: 0s;
    border: solid 1px #777;
  }
  
  .spinnerery .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  
  .spinnerery .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  
  @-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
  }


  .addJsontoReq {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}


.runhisGridInner{
    display: none;
    position: relative;
}
.closerunhisGridInner{
    position: absolute;
right: 2px;
top: 0;
font-size: 12px;
color: #9d9fa2;
z-index: 999;
background-position: 0 -0;
width: 15px;
height: 15px;
cursor: pointer;
font-weight: bold;
}
.propCntntin .row {
    margin-bottom: 2px;
}
/* .degpropnava li a:before {
    content: attr(data-text); 
    position:absolute;
    
    top:50%;
    transform:translateY(-50%);
    
    left:100%;
    margin-left:15px; 
    
    width:200px;
    padding:10px;
    border-radius:10px;
    background:#000;
    color: #fff;
    text-align:center;
  
    display:none; 
  }
  .degpropnava li a:hover:before {
    display:block;
  }
  .degpropnava li a.left:before {
    left:initial;
    margin:initial;
  
    right:100%;
    margin-right:15px;
  }

  .degpropnava li a:after {
    content: "";
    position:absolute;
    
    left:100%;
    margin-left:-5px;
   
    top:50%;
    transform:translateY(-50%);
   
    border:10px solid #000;
    border-color: transparent black transparent transparent;
    
    display:none;
  }
  .degpropnava li a:hover:before, .degpropnava li a:hover:after {
    display:block;
  }

  .degpropnava li a:after {
    opacity:0;
    transition:.3s;
  }
  .degpropnava li a:hover:after {
    opacity:1;
  }

  .degpropnava li a:hover:before {
    opacity:1;
  } */

  
.socialas1 {
    position: fixed;
    top: 155px;
    z-index: 999;
    width: 150px;
  }
  .socialas1 ul {
    padding: 0px;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-270px, 0);
  }
  .socialas1 ul li {
    display: block;
    margin: 3px;
    background:rgba(0, 0, 0, 0.19);
    width: 300px;
    text-align: right;
    padding: 4px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative;
  }
  .socialas1 ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
    background: rgba(0, 0, 0, 0.19);
  }
  .socialas1 ul li:hover a {
    color: #000;
  }
  .socialas1 ul li:hover i {
    color: #fff;
    background: #62cb31;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .socialas1 ul li:hover .detailDes{
    display: block;
  }
  .socialas1 ul li i {
    margin-left: 10px;
    /* color:#000; */
    /* background: #fff; */
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 15px;
    /* background: #ffffff; */
    color: #fff;
    background: #62cb31;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
    text-shadow: 1px 2px 1px #000;
  }
  .detailDes{
    position: absolute;
    right: 5px;
    height: 204px;
    background-color:#6a6c6c;
    z-index: 99999999999999;
    padding: 9px;
    text-align: center;
    display: none;
    left: 145px;
    width: 350px;
  border: solid 1px #6a6c6c;
  padding-left: 13px;
  }
  .detailDes h5 {
    background-color: #62cb31;
    padding: 5px;
    text-shadow: 1px 2px 1px #000;
  color: #fff;
  margin-top: 0;
  }
  .detailDes .btn {
    background-color: #f78205;
    border: none;
    color: #fff;
    margin: 0;
    border-radius: 10px;
    box-shadow: 0 4px 15px -5px #0046d5 !important;
  }
  .detailDes p {
    font-size: 12px;
    color: #fff;
  }
  .closedetailDes {
    position: absolute;
    right: -3px;
    top: -3px;
    font-size: 12px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotatinger {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }

  #notfoundCntrMain{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 999999;
      background-color: #fff;
      display: none;
  }
  
  .closenotfoundCntrMain {
    position: absolute;
    right: -3px;
    top: -3px;
    font-size: 12px;
    color: #000;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
#notfound {
    position: relative;
height: 85vh;
    background-color: #fff;
background-image: url(https://global-uploads.webflow.com/5b68a7080512e9bdaab5721d/5b98338ad05a70f480ab5470_group-6.svg);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat;
}
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.notfound {
    /* max-width: 410px; */
    max-width: 910px;
    width: 100%;
    text-align: center;
}
.notfound .notfound-404 {
    height: 125px;
    position: relative;
    z-index: -1;
}
.notfound .notfound-404 h1 {
    /* font-family: montserrat,sans-serif; */
    font-size: 37px;
    margin: 0;
    font-weight: 900;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* background: url(../img/bg.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-clip: border-box; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    background-size: cover;
    background-position: center;
    color: #424242;
}
.notfound h2 {
    /* font-family: montserrat,sans-serif; */
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}
.notfound p {
    /* font-family: montserrat,sans-serif; */
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0;
}
.notfound a {
    /* font-family: montserrat,sans-serif; */
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f78205;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 4px 15px -5px #0046d5;
    box-shadow: 0 4px 15px -5px #0046d5;
}
.hidderBg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,1,.5);
    z-index: 9;
    display: none;
}
.closedetailDes {
    position: absolute;
    right: -3px;
    top: -3px;
    font-size: 12px;
    color: #fff;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.firstFlowMake{
    display: none;
}
.thirdSelOsBrow{
    display: none;
}
.forthProfDev{
    display: none;
}



    .sliderwe-wrapper {
        font-size: 40px;
        color:#aaa;
        font-weight: bold;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .sliderwe{
        height: 50px;
        padding-left:15px;
        overflow: hidden;
      }
      .sliderwe div {
        color:#fff;
        height: 50px;
        margin-bottom: 50px;
        padding: 15px 15px;
        text-align: center;
        box-sizing: border-box;
      }
      .sliderwe-text1 {
        background: lightgreen;
        animation: slide 5s linear infinite;
      }
      .slider-text2 {
        background: #f78205ab;
      }
      .sliderwe-text3 {
        background: lightcoral;
      }
      .sliderwe-text2 {
        background-color: #f78205ab;
    }
      @keyframes slide {
        0% {margin-top:-300px;}
        5% {margin-top:-200px;}
        33% {margin-top:-200px;}
        38% {margin-top:-100px;}
        66% {margin-top:-100px;}
        71% {margin-top:0px;}
        100% {margin-top:0px;}
      }

.selectionTech .info-box-content{
    padding: 20px 0px !important;
}
.selectionTech .info-box{
    -webkit-box-shadow: 0 4px 15px -5px #0046d5 !important;
box-shadow: 0 4px 15px -5px #0046d5 !important;
cursor: pointer;
border: solid 1px #595959;
border: none;
overflow: hidden;
border-radius: 10px;
position: relative;
}
.selectionTech .info-box-icon{
    height: 91px ​!important;
}
.selectionTech .info-box:hover{
    cursor: pointer;
    box-shadow: none !important;
}
.selectionTech .info-box-text{
    font-size: 8px !important;
}
.selectionTech .info-box-number{
    color: #575757;
    font-size: 15px;
}
.appliListerbx{
    width: 23%;
text-align: center;
/* background-color: #00b585; */
min-height: 71px;
padding: 34px 5px 5px 5px;
float: left;
margin-right: 8px;
margin-top: 10px;
box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
-webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
border: solid 2px #fff;
border-radius: 4px;
position: relative;
/* background: #00467F;
background: -webkit-linear-gradient(to right, #A5CC82, #00467F);
background: linear-gradient(to right, #A5CC82, #00467F); */


/* background: #1A2980;  
background: -webkit-linear-gradient(to right, #26D0CE, #1A2980);
background: linear-gradient(to right, #26D0CE, #1A2980);  */


/* background: #f46b45;
background: -webkit-linear-gradient(to right, #eea849, #f46b45);
background: linear-gradient(to right, #eea849, #f46b45); */
background: #56CCF2;
background: -webkit-linear-gradient(to right, #49cfee, #4592f4);
background: linear-gradient(to right, #49cfee, #4592f4);
}
.appliListerbx i {
    font-size: 23px;
    color: #fff;
    -webkit-text-stroke: 1px #4fbff1;
    background-color: red;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: 30%;
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    border: solid 3px #fff;
}
.appliListerbx h5 {
    padding: 0;
    color: #fff;
    font-size: 13px;
}
.hovAppliRec{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.78);
    display: none;
}
.appliListerbx:hover .hovAppliRec{
    display: block;
}
.hovAppliRec span {
    top: 31%;
    position: absolute;
    left: 26%;
    background-color: #f78205;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.selecOsBox, .selecOsBoxWeb, .selecOsBoxMob, .selecOsBoxDesk, .selecOsBoxTech, .selecOsBoxRec {
    width: 100%;
float: left;
background-color: #fff;
text-align: left;
/* color: #fff; */
min-height: 25px;
line-height: 24px;
padding: 3px;
    /* -webkit-box-shadow: 0 4px 15px -5px #0046d5;
box-shadow: 0 4px 15px -5px #0046d5; */
margin-right: 5px;

background: #ADA996;  /* fallback for old browsers */
border: solid 1px #9d9d9d;
background: #e8e8e8;  /* fallback for old browsers */
cursor: pointer;
margin-bottom: 2px;
}
.selecOsBox:hover, .selecOsBoxWeb:hover, .selecOsBoxMob:hover, .selecOsBoxDesk:hover{
    box-shadow: none;
    /* background-color: #db9b58; */
    background-color: #f78205;
}
.selecOsBox p, .selecOsBoxWeb p, .selecOsBoxMob p, .selecOsBoxDesk p {
    margin: 0;
    color: #000;
    font-size: 11px;
}
.selecOsBox p i, .selecOsBoxWeb p i, .selecOsBoxMob p i, .selecOsBoxDesk p i {
    background-color: #f47045;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    color: #fff;

}

.selecOsBox.active, .selecOsBoxWeb.active, .selecOsBoxMob.active, .selecOsBoxDesk.active{
    /* background-color: #db9b58; */
    background-color: #f78205;
}
.selecOsBox.active p, .selecOsBoxWeb.active p, .selecOsBoxMob.active p, .selecOsBoxDesk.active p, .selectionTech.active p{
    color: #fff;
}
.selecOsBox:hover p, .selecOsBoxWeb:hover p, .selecOsBoxMob:hover p, .selecOsBoxDesk:hover p, .selectionTech:hover p{
    color: #fff;
}
.desgnIdebtn {
    position: absolute;
    right: 16px;
    /* top: 4px; */
    background: #3498db;
        background-image: none;
    background-image: none;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    color: #ffffff;
    font-size: 16px;
    /* padding: 0px 12px 0px 12px; */
    text-decoration: none;
    border: none;
    z-index: 9;
    height: 23px;
width: 23px;
position: absolute;
bottom: 0;  
right: 4px !important;
-webkit-text-stroke: 1px #3191d2;
padding-left: 5px;

}









.defaultOsBrBox {
    width: 95%;
    float: left;
    background-color: #fff;
    text-align: left;
    color: #fff;
    min-height: 35px;
    line-height: 35px;
    padding: 4px;
    -webkit-box-shadow: 0 4px 15px -5px #0046d5;
box-shadow: 0 4px 15px -5px #0046d5;
margin-right: 5px;

border: solid 2px #f9f9f9;
background: #f46b45;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #49cfee, #4592f4);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #49cfee, #4592f4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
cursor: pointer;
position: relative;
}
.defaultOsBrBoxAdd{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    background-color: #fff;
    color: #868686;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
}
.defaultOsBrBoxAdd i{
    position: relative;
}
.defaultOsBrBox:hover{
    box-shadow: none;
}
.defaultOsBrBox p {
    margin: 0;
    color: #fff;
}
.defaultOsBrBox p i {
    background-color: #f47045;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    color: #fff;

}


.secOslist{
    width: 19%;
    float: left;
    /* border: solid 1px #a6a6a6; */
    border: solid 1px #7070708c;
    min-height: 280px;
    padding: 5px;
}
.secOsVerlist{
    width: 81%;
    float: left;
    border: solid 1px #a6a6a6;
    min-height: 280px;
    padding: 5px;
    border-left: none;
}
.secOsVer {
    width: 80px;
    /* background-color: #aeaeae; */
    background-color: #777;
    float: left;
    margin: 5px;
    border-radius: 5px;
    min-height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 4px 15px -5px #868686;
    box-shadow: 0 4px 15px -5px #868686;
    cursor: pointer;
}
.secOsVerSelected {

    width: 80px;
    /* background-color: #aeaeae; */
    background-color: blue;
    float: left;
    margin: 5px;
    border-radius: 5px;
    min-height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 4px 15px -5px #868686;
    box-shadow: 0 4px 15px -5px #868686;
    cursor: pointer;

}
.secOsVer:hover{
    box-shadow: none;
}
.secOslist h3 {
    font-size: 13px;
    margin: 0;
    min-height: 25px;
    line-height: 25px;
    font-weight: bold;
    /* border-bottom: solid 1px #a6a6a6; */
}
.secOsVerlist h3 {
    font-size: 13px;
    margin: 0;
    min-height: 25px;
    line-height: 25px;
    font-weight: bold;
    /* border-bottom: solid 1px #a6a6a6; */
}














.selecBrwBox {
    width: 19%;
    float: left;
    background-color: #fff;
    text-align: left;
    color: #fff;
    min-height: 35px;
    line-height: 35px;
    padding: 4px;
    -webkit-box-shadow: 0 4px 15px -5px #0046d5;
box-shadow: 0 4px 15px -5px #0046d5;
margin-right: 5px;

background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border: solid 2px #f9f9f9;
background: #f46b45;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #eea849, #f46b45);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #eea849, #f46b45); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
cursor: pointer;
}
.selecBrwBox:hover{
    box-shadow: none;
}
.selecBrwBox p {
    margin: 0;
    color: #fff;
}
.selecBrwBox p i {
    background-color: #f47045;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    color: #fff;

}





.secCntrOs{
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.setFlowList::-webkit-scrollbar {
    display: none; 
  }
.preloaderui{
    width: 50%;
    height: 50%;
    position: fixed;
    top: 0;
    left: 0;
    /* background: rgb(0 0 0 / 55%); */
    background: rgb(0 0 0 / 100%);
    z-index: 99999999;
    display: none;
}
.preloader{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 55%);
    z-index: 99999999;
    display: none;
}

.preloader-livescreen{
    width: 100%;
    height: 100px;
    /* position: fixed; */
    /* top: 0;
    left: 0; */
    /* background: rgb(0 0 0 / 55%); */
    z-index: 99999999;
    /* display: none; */
}
.preloader123 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.9);
    z-index: 99999999;
    display: none;
}

#preloader123-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#ballsWaveG{
    position: relative;
    width: 83px;
    height: 10px;
    margin: auto;
    display: inline-block;
    margin-left: 6px;
}

.ballsWaveG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:10px;
	height:10px;
	animation-name:ballsWaveG;
		-o-animation-name:ballsWaveG;
		-ms-animation-name:ballsWaveG;
		-webkit-animation-name:ballsWaveG;
		-moz-animation-name:ballsWaveG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
}

#ballsWaveG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#ballsWaveG_2{
	left:10px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#ballsWaveG_3{
	left:21px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#ballsWaveG_4{
	left:31px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#ballsWaveG_5{
	left:42px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#ballsWaveG_6{
	left:52px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#ballsWaveG_7{
	left:62px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#ballsWaveG_8{
	left:73px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes ballsWaveG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes ballsWaveG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes ballsWaveG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes ballsWaveG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes ballsWaveG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

.loading123-msg {
    width: 100%;
    font-size: 0.75em;
    color: #f9f9f9;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
}
.loading123-msg a.directRecored:hover{
    color: #fff !important;
}
.loading123-msg a.bktoMachByter:hover{
    color: #fff !important;
}
.connectMegr{
    display: none;
    zoom: 0.7;
}
.spinner {
    width: 80px;
    height: 80px;
    /* border: 2px solid #f3f3f3; */
    border-top: 5px solid #eff0f1;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* animation: spin 1s infinite ease; */
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
 





#loading-msg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9d9d9d;
font-size: 1.8em;
}


.mainSelectnTechn{
    width: 50% ;
    float: left;
}
.techNologSelData{
    width: 47%;
    float: left;
    height: 96vh;
    /* border: solid 1px #ddd; */
    margin-left: 15px;
    box-shadow: 10px 10px 33px 0px #c3b6b6;
    background-color: rgb(255 255 255);
    position: relative;
    margin-top: 0;
    border: solid 6px #a7a5a5;
    border-bottom: solid 10px #a7a5a5;
}
.openDetaTech {
    padding-top: 50px;
}
.openDetaTech h3{
    font-weight: bold;
    text-align: center;
}
.openDetaTech p {
    padding: 15px;
}

.SelectionOfWeb{
    height: 85vh;
    background-color: #fff;
/* background-image: url(../../../../../assets/images/compuBg.jpg);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat; */
display: none;
}
.ifGusWeb2{
    background-image: url(../../../../../assets/images/compuBg.jpg);
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 85vh;
    padding: 57px;
    padding-top: 107px;
    margin: 0px 55px 0px 55px;
    position: relative;
}


.recordeGuster {
    font-family: montserrat,sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f78205;
    display: inline-block;
    padding: 7px 22px;
    border-radius: 40px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 4px 15px -5px #0046d5;
    box-shadow: 0 4px 15px -5px #0046d5;
}
.SelectionOfAndroid{
    height: 85vh;
    background-color: #fff;
/* background-image: url(../../../../../assets/images/androVer.jpg); */
/* background-image: url(../../../../../assets/images/mobScreeAndr.png);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat; */
display: none;
}

.SelectionOfWebAndroid{
    height: 85vh;
    background-color: #fff;
/* background-image: url(../../../../../assets/images/androVer.jpg); */
/* background-image: url(../../../../../assets/images/mobScreeAndr.png);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat; */
display: none;
}
.SelectionOfWebios{
    height: 85vh;
    background-color: #fff;
/* background-image: url(../../../../../assets/images/androVer.jpg); */
/* background-image: url(../../../../../assets/images/mobScreeAndr.png);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat; */
display: none;
}


.redtre2 {
    background-image: url(../../../../../assets/images/mobScreeios.png);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat;
    height: 85vh;
    padding: 71px;
    padding-top: 40px;
    margin: 0px 135px 0px 135px;
    position: relative;
}
.redtre21a {
    background-image: url(../../../../../assets/images/mobScreeios21.png);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat;
    height: 85vh;
    padding: 57px;
    padding-top: 40px;
    margin: 18px 135px 0px 135px;
    position: relative;
}
.redtre4 {
    
    background-image: url(../../../../../assets/images/mobScreeAndr2.png);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat;
    height: 85vh;
    padding: 74px;
    padding-top: 40px;
    margin: 0px 135px 0px 135px;
    position: relative;
}

.setInAppli {
    position: absolute;
    right: 5px;
    width: 70px;
    background-color: #fff;
    padding: 3px;
    color: #a8a8a8;
    border-radius: 5px;
    text-align: center;
    top: 5px;
    /* border: solid 1px #bbb; */
    width: 95px;
padding: 2px;
background-color: white;
color: #555;
text-align: center;
font-size: 12px;
border: solid 1px #e78bea;
border-radius: 5px;
cursor: pointer;
}
.SelectionOfIoss{
    height: 85vh;
    background-color: #fff;
/* background-image: url(../../../../../assets/images/iosBg.png);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat; */
display: none;
}
.SelectionOfDesktop, .computerBgImage{
    height: 85vh;
    background-color: #fff;
background-image: url(../../../../../assets/images/compuBg.jpg);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat;
position: relative;
display: none;
}

.selectionOfApisWeb{
    height: 85vh;
    background-color: #fff;
background-image: url(../../../../../assets/images/compuBg.jpg);
background-position: 50% 0;
background-size: contain;
background-repeat: no-repeat;
position: relative;
display: none;
}
.redtre3 {
    padding-left: 87px;
    padding-right: 90px;
    padding-top: 53px;
}
.listBrowsers{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}
.listBrowsers li{
    float: left;
    width: 65px;
    height: auto;
    /* background-color: red; */
    margin: 1px;
}
.browInsid{
    float: left;
    width: 60px;
    height: 55px;
    background-color: #f2f2f2;
    margin: 1px;
    line-height: 55px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
    box-shadow: 0 4px 15px -5px #6d6d6f;
    border: solid 1px #ccc;
    cursor: pointer;
}
.browInsid.activertye{
    border: solid 1px #00b7ff !important;
}
.browInsid:hover{
    box-shadow: none;
    cursor: pointer;
}
.listBrowsers li p{
    color: #000;
font-size: 10px;
text-align: center;
}
.dfltOs{
    position: absolute;
    right: 25px;
    top: 50px;
    width: 75px;
    padding: 0;
    background-color: white;
    color: #555;
    text-align: center;
    font-size: 12px;
    border: solid 1px #e78bea;
    border-radius: 5px;
    cursor: pointer;
}
.macTxt{
    display: none;
}
.linuxTxt{
    display: none;
}
.macTxt2, .linuxTxt2{
    display: none;
}

.listAppliess{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
    padding-left: 17px;
}
.listAppliess li{
    float: left;
    width: 47px;
    height: auto;
    margin-right: 16px;
}
.listAppliess li a{
    color: #fd0000;
    font-size: 19px;
    float: left;
    width: 45px;
    height: 42px;
    background-color: #f2f2f2 !important;
    margin: 5px;
    line-height: 42px;
    text-align: center;
    border-radius: 18px;
    -webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
    box-shadow: 0 4px 15px -5px #6d6d6f;
    border: solid 1px #ccc;
    cursor: pointer;
    background: #fff !important;
}
.applieInsid{
    /* float: left;
    width: 45px;
    height: 42px;
    background-color: #ee4996;
    margin: 0px;
    line-height: 42px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
    box-shadow: 0 4px 15px -5px #6d6d6f;
    color: #fff;
    font-size: 19px; */

    color: #fd0000;
font-size: 19px;
float: left;
width: 45px;
height: 42px;
background-color: #f2f2f2;
margin: 5px;
line-height: 42px;
text-align: center;
border-radius: 5px;
-webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
box-shadow: 0 4px 15px -5px #6d6d6f;
border: solid 1px #ccc;
cursor: pointer;
}
.listAppliess li p{
    color: #000;
font-size: 10px;
text-align: center;
margin-bottom: 0;
}
.applieInsid.activertye{
    border: solid 2px #00b7ff !important;
}
.applieInsid:hover{
    box-shadow: none;
    cursor: pointer;
    border:2px solid #6666b1;
}


.listAppliess2{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
    padding-left: 17px;
}
.listAppliess2 li{
    float: left;
    width: 50px;
    height: auto;
    margin: 3px;
}
.applieInsid2{
    /* float: left;
    width: 45px;
    height: 42px;
    background-color: #eaeaea;
    margin: 0px;
    line-height: 42px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
    box-shadow: 0 4px 15px -5px #6d6d6f;
    color: #ff1414;
    font-size: 19px;

 */

    color: #fd0000;
font-size: 19px;
float: left;
width: 45px;
height: 42px;
background-color: #f2f2f2;
margin: 5px;
line-height: 42px;
text-align: center;
border-radius: 5px;
-webkit-box-shadow: 0 4px 15px -5px #6d6d6f;
box-shadow: 0 4px 15px -5px #6d6d6f;
border: solid 1px #ccc;
cursor: pointer;
}
.listAppliess2 li p{
    color: #3e3e3e;
font-size: 10px;
text-align: center;
margin-bottom: 0;
}



.searchbarZa{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
    }

    
    .serInputer input[type=text] {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
        background-color: white;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        line-height: 16px;
        height: 24px;
        padding-left: 22px;
      }
      
      

      /* .serInputer {
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50px;
        border: solid 1px #000;
        float: left;
        line-height: 30px;
        float: right;
        margin: 2px;
        position: relative;
    } */

    .serInputer {
        width: 100%;
        height: 30px;
        text-align: center;
        border-radius: 50px;
        /* border: solid 1px #000; */
        float: left;
        line-height: 30px;
        float: right;
        margin: 2px;
        position: relative;
        color: red;
    }
    .serInputer i {
        position: absolute;
        left: 4px;
        top: 7px;
    }
    /* .uploadInputer {
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50px;
        border: solid 1px #000;
        float: left;
        line-height: 30px;
        float: right;
        margin: 2px;
    } */
    .uploadInputer {
        width: 27px;
        height: 24px;
        text-align: center;
        /* border-radius: 50px; */
        border:solid 1px #bfbfbf;
        float: left;
        line-height: 24px;
        float: right;
        margin: 2px;
        position: absolute;
        right: 12px;
        background-color: #fff;
        top: 2px;
        border-radius: 2px;
    }
    .uploadInputer:hover{
        cursor: pointer;
        border:solid 1px #F6961B;
    }
    .uploadInputer img{
        margin-bottom: 3px;
    }
    .searBxCn{
        position: absolute;
        width: 221px;
        background-color: white;
        height: auto;
        bottom: -37px;
        right: 0;
        display: none;
    }


    


    .windIcons{
        position: absolute;
        bottom: 23%;
        right: 50%;
        height: 25px;
        width: 25px;
        text-align: center;
    }
    .iossIcons{
        position: absolute;
        bottom: 23%;
        right: 50%;
        display: none;
    }
    .linuxIcons{
        position: absolute;
        bottom: 23%;
        right: 50%;
        display: none;
    }
    .windIcons2{
        position: absolute;
        bottom: 23%;
        right: 50%;
        height: 25px;
        width: 25px;
        text-align: center;
    }
    .iossIcons2,.linuxIcons2{
        position: absolute;
        bottom: 23%;
        right: 50%;
        display: none;
    }
    .dfltSett {
        position: absolute;
        right: 5px;
        top: 23px;
        width: 76px;
        padding: 2px;
        background-color: white;
        color: #555;
        text-align: center;
        font-size: 12px;
        border: solid 1px #e78bea;
        border-radius: 5px;
        cursor: pointer;
    }

    .dfltOs2 {
        position: absolute;
        right: 81px;
        top: 50px;
        width: 75px;
        padding: 0;
        background-color: white;
        color: #555;
        text-align: center;
        font-size: 12px;
        border: solid 1px #e78bea;
        border-radius: 5px;
        cursor: pointer;
    }
    .selecterTick{
        position: absolute;
        color: red;
        display: none;
        right: 3px;
    }
    .flwtMobCntr{
        position: relative;
        /* width: 50px; */
        width: 100%;
        /* background-color: #fff; */
        height: auto;
        /* border-radius: 10px; */
        float: left;
    }
    /* .flwtMobCntr ul{
        padding: 0;
        margin: 0;
        width: 100%;
        background-color: #eee;
        display: inline-block;
        border-radius: 15px;
        margin-top: 10px;
    } */
    .flwtMobCntr ul {
        padding: 0;
        margin: 0;
        /* width: 60px; */
        background-color: #eee;
        /* display: inline-block; */
        border-radius: 15px;
        margin-top: 0;
        position: absolute;
        /* left: 48px;
        top: 51px; */
        z-index: 99;
        display: none;
        left: 5px;
        width: 40px;
        top: 88px;
    }
    /* .flwtMobCntr ul li{
        width: 100%;
        float: left;
        border-bottom: solid 1px #cecdcd;
        text-align: center;
        padding: 5px;
        color: #555;
    } */
    .flwtMobCntr ul li {
        width: 100%;
        float: left;
        border-bottom: solid 1px #cecdcd;
        text-align: center;
        padding: 5px;
        color: #555;
        line-height: 38px;
    }
    .flwtMobCntr ul li:hover{
        cursor: pointer;
        color: #00afcc;
    }
    .flwtMobCntr ul li:last-child{
        border-bottom: none;
    }
    .mobWndw-contrl{
        position: absolute;
        width: 403px;
        /* background-color: #fff; */
        height: auto;
        top: 51px;
        right: 23%;
        border-radius: 10px;
        z-index: 999;
    }
    .mobWndw-contrl2{
        position: absolute;
        width: 403px;
        /* background-color: #fff; */
        height: auto;
        top: 51px;
        left: 8px;
        border-radius: 10px;
        z-index: 999;
    }
    .screenShter{
        width: 50px;
        height: 50px;
        line-height: 47px;
        text-align: center;
        /* border-radius: 50px; */
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.31);
        position: relative;
        float: left;
        font-size: 17px;
        color: #555;
        cursor: pointer;
        border: solid 1px #00b7ff;
    }
    .screenShter::after{
        content: '';
        position: absolute;
        left: 43%;
        top: 65%;
        /* width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 9px solid #868291;
        clear: both; */

        width: 6px;
height: 6px;
border-radius: 0 50% 50% 50%;
border: 3px solid #eee;
transform: rotate(45deg);
margin-top: 20px;
visibility: hidden;
    }
    .screenShter:hover{
        cursor: pointer;
        background-color: rgb(187, 187, 187);
    }
    .screenShter img:hover{
        cursor: pointer !important;
    }



    #accordionWndwPro .panel{
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
        border-color: #30333b;
    }
    #accordionWndwPro .panel-heading{
        padding: 0;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 1px 0 rgba(9,30,66,.25);
        -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
        -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    }
    #accordionWndwPro .panel-title a{
        display: block;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        border: 1px solid #919090;
        text-transform: capitalize;
        padding: 11px 10px 11px 34px;
        position: relative;
        overflow: hidden;
        transition: all 0.3s linear 0s;
        /* background-color: #efefef; */
        /* background-color: #cecece; */
        background-color: #30333B !important;
        text-align: left;
    }
    
    #accordionWndwPro .panel-title a:hover{
        text-decoration: none;
    }
    #accordionWndwPro .panel-title a.collapsed{
        color: #fff;
        border: 1px solid #919090;
    }
    #accordionWndwPro .panel-title a.collapsed:hover{
        color: #569ece;
    }
    #accordionWndwPro .panel-title a:before,
    #accordionWndwPro .panel-title a.collapsed:before{
        content: "\f0d7";
        font-family: "FontAwesome";
        font-weight: normal;
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 16px;
        color: #808080;
        padding: 20px;
        text-align: center;
        background: #30333b; 
        transition: all 0.30s ease-in-out 0s;
        width: 27px;
        height: 30px;
        line-height: 30px;
        transform: none;
        padding: 0;
    }
    #accordionWndwPro .panel-title a:after{
        content: none;
    }
    #accordionWndwPro .panel-title a.collapsed:before{
        content: "\f0da";
        color: #808080;
        background: #fff;
        background-color:transparent;
    }
    #accordionWndwPro .panel-body{
        font-size: 14px;
        color: #888;
        border-top: 0 none;
        padding-left: 0;
        padding-right: 0;
        border: solid 1px #919090;
        padding: 0px 7px 0px;
        border-top: none;
    }
    
    #accordionWndwPro .panel-title a .loader1r{
        visibility: visible;
    }
    #accordionWndwPro .panel-title a.collapsed .loader1r{
        visibility: visible;
    }
    
    #accordionWndwPro .panel-title a .spinnerery{
        visibility: hidden;
    }
    #accordionWndwPro .panel-title a.collapsed .spinnerery{
        visibility: visible;
    }
    #accordionWndwPro .panel-group .panel{
        border-color: #939393 !important;
    }
    

    /* .flwtMobCntrProperty {
        width: 300px;
        position: absolute;
        background-color: #30333B;
        height: 475px;
        border: solid 1px #808080;
        margin-left: 8px;
        left: 46px;
        display: none;
    } */
    .flwtMobCntrProperty {
        width: 300px;
        position: absolute;
        background-color: #30333B;
        height: 475px;
        border: solid 1px #808080;
        margin-left: 8px;
        left: 52px;
        display: none;
        top: 51px;
    }
    .closeflwtMobCntrProperty{
        position: absolute;
        right: -5px;
        top: -17px;
        font-size: 12px;
        color: white;
        cursor: pointer;
    }
    
    #accordionWndwos .panel{
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
        /* border-color: #ccc; */
        border-color: #e6e6e6;
    }
    #accordionWndwos .panel-heading{
        padding: 0;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 1px 0 rgba(9,30,66,.25);
        -webkit-box-shadow: 0 1px 0 rgba(9,30,66,.25);
        -moz-box-shadow: 0 1px 0 rgba(9,30,66,.25);
    }
    #accordionWndwos .panel-title a{
        display: block;
        font-size: 13px;
        font-weight: normal;
        color: #00a4ca;
        border: 1px solid #aaa;
        text-transform: capitalize;
        padding: 4px 10px 4px 34px;
        position: relative;
        overflow: hidden;
        transition: all 0.3s linear 0s;
        /* background-color: #efefef; */
        /* background-color: #cecece; */
        /* background-color:#e3e3e3 !important; */
        background-color: #fdfdfd !important;
        text-align: left;
    }
    
    #accordionWndwos .panel-title a:hover{
        text-decoration: none;
    }
    #accordionWndwos .panel-title a.collapsed{
        color: #6c6565;
        /* border: 1px solid #e8e8e8; */
        border: 1px solid #fff;
    }
    #accordionWndwos .panel-title a.collapsed:hover{
        color: #569ece;
    }
    #accordionWndwos .panel-title a:before,
    #accordionWndwos .panel-title a.collapsed:before{
        content: "\f0d7";
        font-family: "FontAwesome";
        font-weight: normal;
        position: absolute;
        top: -4px;
        right: 0;
        font-size: 16px;
        color: #dd5b74;
        padding: 20px;
        text-align: center;
        /* background: #e3e3e3;  */
        background: #fff;
        transition: all 0.30s ease-in-out 0s;
        width: 27px;
        height: 30px;
        line-height: 30px;
        transform: none;
        padding: 0;
    }
    #accordionWndwos .panel-title a i {
        color: #fff;
        width: 20px;
        height: 20px;
        text-align: center;
        background-color: #dd5b74;
        line-height: 20px;
        border-radius: 50px;
    }
    #accordionWndwos .panel-title a:after{
        content: none;
    }
    #accordionWndwos .panel-title a.collapsed:before{
        content: "\f0da";
        color: #808080;
        background: #fff;
        background-color:transparent;
    }
    #accordionWndwos .panel-body{
        font-size: 14px;
        color: #888;
        border-top: 0 none;
        padding-left: 0;
        padding-right: 0;
        /* border: solid 1px #919090; */
        border: solid 1px #fff;
        padding: 0px 7px 0px;
        border-top: none;
    }
    
    #accordionWndwos .panel-title a .loader1r{
        visibility: visible;
    }
    #accordionWndwos .panel-title a.collapsed .loader1r{
        visibility: visible;
    }
    
    #accordionWndwos .panel-title a .spinnerery{
        visibility: hidden;
    }
    #accordionWndwos .panel-title a.collapsed .spinnerery{
        visibility: visible;
    }
    #accordionWndwos .panel-group .panel{
        border-color: #939393 !important;
    }
    

    .listigosche {
        padding: 0;
        margin: 0;
        margin: 3px;
        margin-top: 3px;
        background-color: #fff !important;
    }
    .listigosche li {
        width: 100%;
    display: inline-block;
    padding-left: 5px;
    text-align: left;
    color: #666;
    cursor: pointer;
    /* background-color: #fafafa;
    margin-bottom: 2px;
    border: solid 1px #eee !important; */
    background-color: #fff;
margin-bottom: 2px;
border: solid 1px #fff !important;
    padding: 2px 10px 2px 7px;
    
    color: #000;
    cursor: pointer;
    /* background-color: #ccc; */
    margin-bottom: 2px;
    /* border: solid 1px #888 !important; */
    padding: 2px 10px 2px 7px;
    }
    .listigosche li:hover{
        border: solid 1px #fff !important;
    }
    .listigosche li a {
        color: #131313;
        font-size: 12px;
    }
    .listigosche li.activerty{
        background-color: #00b7ff !important;
    }
    .listigosche li.activerty a {
        color: #fff !important;
        font-size: 12px;
    }

    .applicationSeleWin {
        width: 100%;
        float: left;
        display: none;
    }
    .browserSeleWin {
        width: 100%;
        float: left;
        display: none;
    }
    .osVersioner {
        width: 100%;
        float: left;
    }
    .guestSectionApi{
        width: 100%;
        float: left;
    }
    .otherSectionApi{
        width: 100%;
        float: left;
        display: none;
    }
    .senderPostr{
        position: absolute;
        right: 0;
        top: 0;
    }
    .subapiset2 {
        background-color: #828290;
        padding: 1px;
        width: 68px;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        margin-left: 0px;
        margin-top: 0;
        height: 33px;
        border: solid 1px #ccc;
        box-shadow: none;
        border-radius: 0;
    }

    .tpReqResSel2 li.active a{
        /* background-color: #575757 !important;
        border: solid 1px #c6c6c6 !important; */
        background-color: #fff !important;
    border: solid 1px #c6c6c6 !important;
    border-bottom: none !important;
color: #000 !important;
    } 
    .tpReqResSel2 li{
        padding: 0 !important;
        margin-bottom: -3px !important;
    }
    .tpReqResSel2 li a {
        font-size: 11px !important;
        font-weight: normal !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        border-radius: 0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        color: #393939 !important;
        /* border: none !important; */
        /* border-right: 1px solid #e5e5e5 !important; */
    /* background-color: #828282 !important; */
    
    /* background: #757575 !important; */
    background-color: #82828E !important;
    color: #fff !important;
    text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
    /* box-shadow: inset 1px 1px 3px #0d0d0d; */
    transform: translateY(-1px);
    text-shadow: none !important;
    /* border: solid 1px #c6c6c6 !important; */
    border: solid 1px #c6c6c6 !important;
    border-radius: 0 !important;
    width: 79px;
    text-align: center;
    }
    .addrowers2 {
        background-color: #dbdbdb;
        border: solid 1px #bfbfbf;
        height: 29px;
        color: #3c3c3c;
    }
    .addrowersb2 {
        background-color: #dbdbdb;
        border: solid 1px #bfbfbf;
        height: 29px;
        color: #3c3c3c;
    }
    .cmmnbtnrA2 {
        float: right;
        font-size: 10px;
        padding: 0px 2px 0px 2px;
        background-color: #06adff;
        color: #fff;
        border: solid 1px #bbb;
        border-radius: 0;
        text-shadow: 1px 2px 1px #000;
        font-size: 13px;
        margin-top: 0;
        margin-right: 0;
        height: 29px;
        line-height: 26px;
    }

    .dirctRcrd2a {
        color: red !important;
        font-size: 19px !important;
    }
    .sectionSelectdListr{
        width: 18%;
        float: left;
border: solid 1px #a6a6a6;
min-height: 340px;
padding: 5px;
border-left: none;
    }
    .sectionSelectdListr p {
        font-size: 12px !important;
    }

    .sectionSelectdListr h5 {
        background-color: #788a9d;
        padding: 3px;
        color: #fff;
        font-weight: bold;
    }
    #accordionWndwos .panel-title a img{
        width: 15px;
    }



    .reqinMaintab2a li.active .linec1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a li.active .lineb1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a li.active .linea1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a li.active .linec1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a li.active .lineb1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a li.active .linea1{
        background-color: #53e6f4;
    }
    .reqinMaintab2a{
        width: 8%;
      }
      .reqinMaintab2a{
        width: 8% !important;
        float: left;
      }
     
      
      /* .reqinMaintab li a {
        width: 100% !important;
        border-radius: 0 !important;
        padding: 5px !important;
        margin-bottom: 2px !important;
        background-color: #818181 !important;
    border: solid 1px #c1c1c1 !important;
    height: 33px;
    width: 26px !important;
    } */
    .reqinMaintab2a li a{
        padding: 5px !important;
    margin-bottom: 2px !important;
    /* background-color: #818181 !important;
    border: solid 1px #c1c1c1 !important; */
    background-color: #fff !important;
border: solid 1px #626262 !important;
    height: 33px;
    width: 33px !important;
    text-align: center;
    border-radius: 50px !important;
    }
    /* .reqinMaintab li.active a{
        border-radius: 0 !important;
    background-color: #626262 !important;
    border-right: solid 1px #626262 !important;
    color: #55e6f4 !important;
    height: 33px;
    width: 26px !important;
    } */
    .reqinMaintab2a li.active a{
        background-color: #626262 !important;
    color: #55e6f4 !important;
    }
    .reqinMaintab2a li{
        padding: 0 !important;
    }


    .linea1{
        position: absolute;
        width: 4px;
        height: 2px;
        background-color: #9b9b9b;
        left: 9px;
        top: 10px;
    }
    .lineb1{
        position: absolute;
        width: 9px;
        height: 2px;
        background-color: #9b9b9b;
        left: 9px;
        top: 14px;
    }
    .linec1{
        position: absolute;
        width: 12px;
        height: 2px;
        background-color: #9b9b9b;
        left: 9px;
        top: 18px;
    }


    .secProfilist{
        width: 20%;
        float: left;
        border: solid 1px #a6a6a6;
        min-height: 545px;
        padding: 5px;
        border-left: none;
    }

    .secProfilist h3 {
        font-size: 13px;
        margin: 0;
        min-height: 25px;
        line-height: 25px;
        font-weight: bold;
        background-color: #eee;
padding: 4px;
        /* border-bottom: solid 1px #a6a6a6; */
    }

    .secProfilistConfi{
        width: 80%;
        float: left;
        border: solid 1px #a6a6a6;
        min-height: 545px;
        padding: 5px;
        border-left: none;
    }

    .onlineOffIndica {
        position: absolute;
        top: 3px;
        left: 3px;
        background-color: #0eb538;
        width: 10px;
        height: 10px;
        border-radius: 50px;
    }
    .laungeBtn {
        display: inline-block;
        background-color: #66bbe6;
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 15px -5px #0046d5 !important;
        box-shadow: 0 4px 15px -5px #0046d5 !important;
        font-size: 10px;
        padding: 1px;
        height: 19px;
        width: 40px;
        line-height: 18px;
        text-align: center;
    }
    .laungeActiBtn {
        display: inline-block;
        background-color: #dfdfdf;
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        color: #048412;
        border-radius: 4px;
        font-size: 10px;
        padding: 1px;
        height: 19px;
        width: 40px;
        line-height: 18px;
        text-align: center;
        margin-right: 5px;
    }

    .showRightLogo{
        position: absolute;
        /* right: -67px; */
        right: 0;
        display: block;
        /* background-color: #eee; */
bottom: -2px;
top: 0px;
width: 98px;
text-align: center;
font-weight: bold;
color: #fff;
line-height: 30px;
text-shadow: 1px 2px 1px #000;       
    }

    .selverdrtInbt{
        width: 100px;
background-color: #aeaeae;
float: left;
margin: 0px;
border-radius: 25px !important;
min-height: 26px;
line-height: 26px;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 4px 15px -5px #868686 !important;
box-shadow: 0 4px 15px -5px #868686 !important;
cursor: pointer;
    }
    .selverdrtInbt2{
        width: 100px;
background-color: #aeaeae;
float: left;
margin: 0px;
border-radius: 25px !important;
min-height: 26px;
line-height: 26px;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 4px 15px -5px #868686 !important;
box-shadow: 0 4px 15px -5px #868686 !important;
cursor: pointer;
    }
    .filterdrtInbt{
        width: 100px;
background-color: #aeaeae;
float: left;
margin: 0px;
border-radius: 25px !important;
min-height: 26px;
line-height: 26px;
color: #fff;
text-align: center;
-webkit-box-shadow: 0 4px 15px -5px #868686 !important;
box-shadow: 0 4px 15px -5px #868686 !important;
cursor: pointer;
    }
    .tertre2{
        background-color: #fff !important;
        border: 1px solid #bcbcbd !important;
    }
    .tertre{
        background-color: #fff !important;
        border: 1px solid #bcbcbd !important;
    }
.col-md-2set{
    width: 12.5%;
    float: left;
}
.setBtnsrs{
    width: 100%;
    display: inline-block;
    text-align: left;
}

.col-md-2set h5{
    font-size: 10px !important;
margin-bottom: 2px;
text-align: left;
color: #555;
}
.hflowtree{
display: flex !important;
padding: 0 !important;
}
.hflowtreeRender1{
    position: relative;
    left: 10px;
    top: 10px;
}
.hflowtreeRenderRemote
{
    position: relative;
    /* left: 10px; */
    /* top: 10px; */

}

.rightSectMaker{
    border-top: none;
}



.reterpush-buttons{
    width: 100%;
    justify-content: space-between;
    padding: 14px 0px;
    margin: 0;
    display: inline-block;
}

.reterpush-buttons li {
    padding: 5px;
    margin-right: 4px;
    cursor: pointer;
    text-align: center;
    border-radius: 8px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: all .15s linear;
    color: hsla(0,0%,100%,.6);
    background-color: hsla(0, 0%, 100%, 0.19);
    width: 31%;
    float: left;
    margin-bottom: 4px;
}

.reterpush-buttons.tiny li img {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}
.reterpush-buttons li img {
    width: 64px;
    height: 48px;
    opacity: .5;
    transition: all .15s linear;
    margin-top: 20px;
}
.reterpush-buttons.tiny span {
    font-size: 11px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0;
}
.reterpush-buttons li span {
    display: block;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .15s linear;
}

.reterpush-buttons li:hover {
    color: hsla(0,0%,100%,.9);
    background-color: hsla(0,0%,100%,.1);
    box-shadow: 0 5px 15px rgba(65,65,65,.4);
}
.titleEvery{
    display: block;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px !important;
    background-color: rgba(0,0,0,.1);
    color: hsla(0,0%,100%,.8);
    position: relative;
    margin-bottom: 5px;
}
.closeItemSet{
    position: absolute;
    right: -23px;
    top: -35px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: hsla(0,0%,100%,.8);
    background-color: rgba(0,0,0,.1);
    border-radius: 50px;
    transition: all .15s linear;
}
.closeItemSet:hover{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    background-color: rgba(0,0,0,.7) !important;
    cursor: pointer;
}
.mainFlowGroup{
    width: 100%;
    float: left;
    display: none;
}
.incsideFlowEvery{
    width: 100%;
    float: left;
    display: none;
    padding: 10px;
    padding-left: 30px !important;
    padding-right: 0px;
}

.flowsInGropSection{
    width: 100%;
    float: left;
    padding: 10px;
    position: relative;
    /* display: none; */
}
.flowlisierUl li.activerty{
    /* border: solid 1px #09c;
    background-color: #09c; */
    border: solid 1px #0d7094;
    background-color: #0d7094;
}
.flowlisierUl li.activerty a{
    color:#fff;
}
.flowlisierUl li{
    padding: 5px;
    cursor: pointer;
text-align: left;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
transition: all .15s linear;
/* color:hsl(0, 0%, 100%); */
color: #fff;
background-color: hsla(0,0%,100%,.04);
width: 100%;
float: left;
margin-bottom: 4px;
padding-left: 15px;
position: relative;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.flowlisierUl{
    width: 100%;
    justify-content: space-between;
    padding: 14px 0px;
    margin: 0;
    display: inline-block;
    float: left;
    border: 1px solid #6f6e6e !important;
    padding: 5px;
    min-height: 464px;
    margin-top: -8px;
    border-top: none;
}

.flowlisierUl li a{
    color: #fff;
    text-shadow: 1px 2px 1px #000;
}
.flowlisierUl li:hover a{
    color: #fff;
}
.flowlisierUl li:hover {
    color: hsla(0,0%,100%,.9);
    background-color: hsla(0,0%,100%,.1);
    box-shadow: 0 5px 15px rgba(65,65,65,.4);
}



.flowEditBt{
    float: right;
    background-color: transparent;
    width: 26px;
    /* height: auto; */
    /* position: absolute;
    right: 0;
    top: 0;
    bottom: 0; */
    text-align: center;
    /* padding-top: 5px; */
    border-radius: 50px;
    height: 26px;
    line-height: 26px;
    border: solid 1px #c3c3c3;
}
.flowDelBt{
    float: right;
    background-color: transparent;
    width: 26px;
    /* height: auto; */
    /* position: absolute;
    right: 0;
    top: 0;
    bottom: 0; */
    text-align: center;
    /* padding-top: 5px; */
    border-radius: 50px;
    height: 26px;
    line-height: 26px;
    border: solid 1px #c3c3c3;
    margin-right: 2px;
}
.flowEditBt:hover{
    cursor: pointer;
    background-color: #066382 !important;
}
.flowDelBt:hover{
    cursor: pointer;
    background-color: #bb0000 !important;
}

.mainTechnologyGroup{
    width: 100%;
    float: left;
}

.pagessInTechSection{
    width: 100%;
    float: left;
    display: none;
}
.treeSmallmnuSec{
    display: none;
}
#pipehomeby{
    padding-left: 34px !important;
background-color: #484848 !important;
}

.flowAdderBtn {
    background: #3498db;
        background-image: none;
    /* background-image: none;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9); */
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
color: #ffffff;
font-size: 25px;
padding: 5px 12px 3px 7px;
text-decoration: none;
border: none;
margin-top: 5px;
height: 33px;
width: 33px;
position: absolute;
bottom: 153px;
right: 38px;
}
.flowAdderBtn i{
    -webkit-text-stroke: 3px #3191d2;
}
.bg-yellwred{
    background-color: transparent;
    color: #aeaeae;
    font-size: 69px !important;
}
.bg-redred{
    background-color: transparent;
    color: #aeaeae;
    font-size: 69px !important;
}
.selectionTech .info-box.actrew .bg-yellwred{
    color: #ddbc39;
}
.selectionTech .info-box.actrew .bg-redred{
    color: #f00;
}

.techLefter{
    display: none;
    visibility: hidden;
}
.otherLefter{
    display: none !important;
}
.chat-live{
    /* display: none; */
    /* bottom: 20px !important; */
    right: -4px;
}
.chat-live:hover{
    cursor: pointer;
    /* filter: brightness(0) invert(1); */
    background-color: #03b103;
}
.chat-live img{
    width: 32px;
}


/* guest css  */

.guestflowAdderBtn {
    background: #ececec;
        /* background-image: none;
    background-image: none;
    background-image: none;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9); */
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 8px;
    color: #2980b9;
    font-size: 14px;
    padding: 3px 12px 3px 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    text-decoration: none;
    border: none;
    margin-top: 5px;
    line-height: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 100px;
    display: none;
}
.guestflowAdderBtn i {
    color: #2980b9;
    font-size: 21px;
    text-shadow: 1px 2px 1px #000;
}
.flowlisierUl{
    display: block;
}
.flowAdderBtn{
    display: block;
}
.tinytechno{
    display: none;
}
.listigPagein{
    display: block;
}
.pageAdds1{
    border-bottom: none !important;
}

/* guest css end  */
.optionReco{
    display: none;
}
#desitionForautoManu label{
    font-size: 22px;
}
#desitionForautoManu{
    text-align: center;
}

.templateCntinr{
    width: 100%;
    display: inline-block;
  }
#apiSetTiler .searchUnder::after{
    background-color: #dd5b74 !important;
    color: #fff !important;
}
#interPhaserSec .searchUnder::after{
    background-color: #dd5b74 !important;
    color: #fff !important;
}

  .overtemAppBox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.51);
    z-index: 9999;
    left: 0;
    display: none;
}
  .temAppBox{
      position: relative;
    width: 18%;
    float: left;
    margin: 8px;
    min-height: 140px;
    border: solid 1px #e8e7e7;
    color: #fff;
    /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
    /* border-radius: 10px; */
    border-radius: 3px;
    overflow: hidden;
    background: #f7f9fa;
  }
  .temAppBox .functioBtns .funcEdt a{
    color: #ff8612 !important;
  }
  .temAppBox .functioBtns .funcDlt a{
    color: #848282 !important;
  }
  .temAppBox:hover{
    cursor: pointer;
    /* border: solid 1px #b7b7b7; */
    border: 1px solid #f78205;
  }
  .temAppBox:hover .overtemAppBox{
      display: block;
  }
  .temAppBox h4{
    font-weight: bold;
    /* color: #2f2f2f; */
    color: #dd5b5b;
    font-size: 15px;
    padding: 8px 5px 0px 5px;
    margin: 0;
  }
  .temAppBox p{
    padding: 5px;
    color: #2f2f2f;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 0;
  }
  .offBlue{
    background-color: #fff;
  }
  .offBrwn{
    background-color: #fff;
  }
  .offGren {
    background-color: #fff;
  }
  .offVylt {
    background-color: #fff;
  }
  .headCreaPop h4{
      font-size: 14px;
      font-weight: bold;
      color: #dd5b74;
  }
  .headCreaPop p{
    font-size: 12px;
}



.selectionTech .info-box.active{
    border: solid 1px red;
}

.offBluePaddCentr {
    text-align: center;
    padding-top: 5px !important;
}

.offBluePaddCentr h5 {
    font-size: 12px;
    color: #000;
    margin: 3px;
    padding: 0;
}
#untHist{
    display: none;
}
#untCompo{
    display: none;
}
#untApi{
    display: none;
}
#interTreeBread{
    display: none;
}
#untInter{
    display: none;
}
#toApisecOn{
    display: none;
}
.InterphaseAddJsn{
    display: none;
}
.copontContrSaveBtn {
    background: #3498db;
        background-image: none;
    background-image: none;
    background-image: none;
    background-image: linear-gradient(to bottom, #0690c0, #0689b5);
    cursor: pointer;
display: inline-block;
position: relative;
opacity: .85;
font-size: 12px;
font-weight: 700;
border-radius: 4px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
height: 28px;
line-height: 28px;
min-width: 100px;
transition: all .15s linear;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
padding: 0 20px 0 21px;
white-space: nowrap;
color: #eee;
border: none;
margin: 3px;
}

.copontContrCanceBtn {
    color: #eee;
    background: hsla(0,0%,100%,.1);
    cursor: pointer;
display: inline-block;
position: relative;
opacity: .85;
font-size: 12px;
font-weight: 700;
border-radius: 4px;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
height: 28px;
line-height: 28px;
min-width: 100px;
transition: all .15s linear;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
padding: 0 20px 0 21px;
white-space: nowrap;
border: none;
margin: 3px;
}

.redirectToPipeline{
    width: 120px;
    height: 25px;
    background-color: #09c;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
    position: absolute;
    bottom: 25px;
left: 30px;
    z-index: 9;
    text-align: center;
    display: none;
}
.detailAbtPage{
    display: inline-block;
    width: 100%;
    background-color: #e8e8e8;
    min-height: 100px;
    margin-bottom: 10px;
}
.detailAbtPage h4{
    margin: 0;
    margin-bottom: 0px;
text-align: left;
padding: 7px;
background-color: #7dadf9;
font-size: 14px;
font-weight: bold;
color: #fff;
padding-left: 17px;
margin-bottom: 9px;
}
.detailAbtPage h5{
    margin: 0;
    text-align: left;
    padding: 3px;
    padding-left: 15px;
}
.blinkeder {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
/* 
#pipelinerShow:hover .redirectToPipeline{
    display: block;
} */



.btn-breadcrumbrew{
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
    border: solid 1px #ababab;
    float: left;
}
.setBrderDivLft{
    border: solid 1px #919191;
    float: left;
    /* width: 84px; */
    padding-top: 6px;
    padding-bottom: 1px;
    border-bottom: none;
}
.setBrderDivRgt{
    border: solid 1px #919191;
float: left;
/* width: 84px; */
padding-top: 6px;
padding-bottom: 1px;
}
.btn-breadcrumbrew .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
    font-size: 11px;
    margin-left: 15px !important;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{ background-color: #5bc0de; }
.breadcrumb-warning{ background-color: #939393; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-breadcrumbrew .btn:last-child {font-weight: bold; text-decoration: underline;}
.btn-breadcrumbrew .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumbrew .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumbrew .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumbrew .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumbrew .btn-derecha:after, .btn-breadcrumbrew .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumbrew .btn:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 0px;
    left: 100%;
    left: -10px;
    z-index: 3;
    border-right: 11px solid #939393;
    /* visibility: hidden; */
    border-left: none !important;
}
.btn-breadcrumbrew .btn:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    border-right: 15px solid #dcdcdc;
    border-left: none !important;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 1px;
    left: -15px;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumbrew .btn {padding: 8px 12px 8px 24px;
    margin-top: 2px;}
.btn-breadcrumbrew .btn:first-child {padding: 8px 12px 8px 24px;
    margin-top: 2px;}
.btn-breadcrumbrew .btn:last-child {padding: 8px 12px 8px 24px;
    margin-top: 2px;}

/** Default button **/
.btn-breadcrumbrew .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumbrew .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumbrew .btn.btn-default:hover:before, .btn-breadcrumbrew .btn.btn-default:before {border-left: 10px solid #adadad;}
.breadcrumb-default{ border: solid 1px #adadad; }

/** Primary button **/
.btn-breadcrumbrew .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-breadcrumbrew .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
.btn-breadcrumbrew .btn.btn-primary:hover:before, .btn-breadcrumbrew .btn.btn-primary:before {border-left: 10px solid #204d74;}
.breadcrumb-primary{ border: solid 1px #204d74; }

/** Success button **/
.btn-breadcrumbrew .btn.btn-success:after {border-left: 10px solid #5cb85c;}
.btn-breadcrumbrew .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
.btn-breadcrumbrew .btn.btn-success:hover:before, .btn-breadcrumbrew .btn.btn-success:before {border-left: 10px solid #398439;}
.breadcrumb-success{ border: solid 1px #398439; }

/** Danger button **/
.btn-breadcrumbrew .btn.btn-danger:after {border-left: 10px solid #d9534f;}
.btn-breadcrumbrew .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
.btn-breadcrumbrew .btn.btn-danger:hover:before, .btn-breadcrumbrew .btn.btn-danger:before {border-left: 10px solid #ac2925;}
.breadcrumb-danger{ border: solid 1px #ac2925; }

/** Warning button **/
.btn-warninger{
    background-color: #939393;
    color: #fff !important;
    margin-top: 0;
}
.btn-warninger:hover{
    background-color: #5b5b5b !important;
    color: #fff !important;
}
.btn-breadcrumbrew .btn.btn-warninger:after {border-left: 10px solid #939393}
.btn-breadcrumbrew .btn.btn-warninger:hover:after {border-left: 10px solid #5b5b5b;}
.btn-breadcrumbrew .btn.btn-warninger:hover:before, .btn-breadcrumbrew .btn.btn-warninger:before {border-left: 10px solid #575757;}
.breadcrumb-warninger{ border: solid 1px #d58512; }

/** Info button **/
.btn-breadcrumbrew .btn.btn-info:after {border-left: 10px solid #5bc0de;}
.btn-breadcrumbrew .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
.btn-breadcrumbrew .btn.btn-info:hover:before, .btn-breadcrumbrew .btn.btn-info:before {border-left: 10px solid #269abc;}
.breadcrumb-info{ border: solid 1px #269abc; }

.apiInterSector{
    position: absolute;
    width: 606px;
    height: 588px;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: #fff;
    display: none;
}
.apiRequstResWind{
    display: none;
}
.setPageInContr {
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    background-color: #09c;
    text-align: center;
    border-radius: 50px;
}

.setPageInContrContainer {
    display: none;
    background-color: #484848;
    position: absolute;
    z-index: 99999999;
    top: -34px;
    left: 0;
    right: -5px;
    padding: 10px;
}
.dataGropLstng{
    width: 100%;
    float: left;
    /* display: none; */
}
.datagrpInside{
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 28px;
}
.dataGropLstng .temAppBox{
    width: 30% !important;
    background-color: #d7d7d7 !important;
}
#setTreeFormt .trees li > label{
    color: #171717 !important;
    text-shadow: none !important;
}
/* .trreeMinGridCntr{
    position: absolute;
    right: 20px;
    top: 70px;
    width: 38px;
    background-color: transparent;
    z-index: 99999999999;
} */
.trreeMinGridCntr {
    position: absolute;
    right: 25px;
    /* bottom: 31%; */
    top: 90px;
    width: 38px;
    background-color: transparent;
    /* z-index: 99999999999; */
    zoom: .8;
}
.trreeMinGridCntr ul{
    /* background-color: #e4e4e4; */
    padding: 2px;
    /* border: solid 1px #868585; */
}
.trreeMinGridCntr ul li{
    margin-bottom: 3px;
}
.addSetBtn {
    /* background: #3498db; */
    /* background-image: linear-gradient(to bottom, #26c5fd, #0689b5); */
    /* background-image: linear-gradient(to bottom, #464040, #797979); */
    /* background-image: linear-gradient(to bottom, #949494, #8a8a8a); */
    background-image: linear-gradient(to bottom, #8e8e8e, #464646);
    /* background-image: linear-gradient(to bottom, #87c659, #2b6700); */
    cursor: pointer;
    display: inline-block;
    position: relative;
    opacity: .85;
    font-size: 11px;
    /* font-weight: 700; */
    /* border-radius: 50px; */
    letter-spacing: 1px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #fff;
    height: 24px;
    line-height: 24px;

    min-width: auto;
    transition: all .15s linear;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    color: #eee;
    border: none;
    margin: 1px;
    text-align: center;
    border-radius: 2px;
    color: #6ff90a !important;
    
}
.addSetBtn:hover{
    opacity: 1;
}
.inSidpageComCntr{
    display: none;
}




.dataCompLster {
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataCompLster li {
    width: 23%;
    text-align: center;
    background-color: #797979;
    min-height: 100px;
    padding: 20px 5px 10px 5px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    border: solid 2px #797979;
    border-radius: 4px;
}
.dataCompLster li i {
    font-size: 41px;
    color: #f2f2f2;
    -webkit-text-stroke: 2px #797979;
}
.dataCompLster li h5 {
    padding: 0;
    color: #f2f2f2;
    font-size: 12px;
}
.dataCompLster li:hover {
    cursor: pointer;
    border-color: #0471fd;
}


.dataFilTiler {
    padding: 0px;
    margin: 0;
    display: inline-block;
}
.dataFilTiler li {
    width: 23%;
    text-align: center;
    background-color: #797979;
    min-height: 100px;
    padding: 20px 5px 10px 5px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0), 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) !important;
    border: solid 2px #797979;
    border-radius: 4px;
}
.dataFilTiler li i {
    font-size: 41px;
    color: #f2f2f2;
    -webkit-text-stroke: 2px #797979;
}
.dataFilTiler li h5 {
    padding: 0;
    color: #f2f2f2;
    font-size: 12px;
}
.dataFilTiler li:hover {
    cursor: pointer;
    border-color: #0471fd;
}
#rigtReqRes{
    display: none;
}
.technoOterUl{
    background-color: transparent;
    margin: 0;
    padding-top: 0 !important;
    padding: 0;
    position: absolute;
    z-index: 9;
    width: 31px !important;
    left: 2px;
    border: none !important;
    border-bottom: none !important;
    top: 4px !important;
}
.technoOterUl li{
    width: 100%;
writing-mode: sideways-lr;
padding: 0 !important;
transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    writing-mode: vertical-rl;
}
.technoOterUl li a{
    padding: 23px 3px !important;
    background: #484848 !important;
    border-radius: 0 !important;
    border: 1px solid #6f6e6e !important;
    border-right: none !important;
    border-bottom: none !important;
    font-weight: normal !important;
}
.technoOterUl li.active a{
    background: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #6f6e6e !important;
    border-left: none !important;
    font-weight: normal !important;
}
.technoOterUl li a:hover{
    background: #484848 !important;
color: #fff !important;
border: 1px solid #6f6e6e !important;
}
#flowshowTech .panel-group{
    border: 1px solid #6f6e6e !important;
    border: none !important;
}
.showRefSet {
    width: 100% !important;
}
.refSecBox{
    display: none;
    border: solid 1px #e6e6e6;
padding: 0px;
background-color: #484848;
float: left;
width: 100%;
min-height: 500px;
}
.setRefLinker{
    min-width: 73%;
    text-align: center;
    padding: 6px;
    background: linear-gradient(to bottom, #e34d4d, #a82626);
    display: none;
    float: left;
    color: #fff;
    border-radius: 50px;
    margin-left: 23px;
}
.countSetBxXptCss {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: #0483b5;
    text-align: center;
    color: #fff;
    line-height: 21px;
    top: 4px;
    right: 8px;
    font-size: 10px;
}


/* .tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 5px;
    background-color: #ccc;
    border-radius: 17px;
  } */
  .tab-slider--nav {
    width: auto;
    /* float: left; */
    margin-bottom: 20px;
    /* padding-left: 24px !important; */
    padding: 5px;
    background-color: #ccc;
    /* border-radius: 17px; */
    /* margin-left: 78px; */
    /* display: flex; */
    display: inline-block;
  }
  
  .tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    /* border-radius: 18px; */
    overflow: hidden;
    /* background: #d6d5d5; */
    background: #f1f0f0;
    padding: 1px;
    height: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /* border: solid 1px #adadad; */
    /* box-shadow: -2px -3px 7px 0px #ffffff, 8px 4px 12px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset; */
    background: #f1f0f0;
    /* box-shadow: -2px -3px 7px 0px #ffffff, -2px 4px 6px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset; */
  }
  /* .tab-slider--tabs:after {
    content: "";
    width: 50%;
    background: linear-gradient(to bottom, #26c5fd, #063d50);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    border: solid 1px #616060;
    border-radius: 17px;
  } */
  .tab-slider--tabs:after {
    content: "";
    width: 50%;
    /* background: linear-gradient(to bottom, #87c659, #2d502b); */
    /* background: linear-gradient(to bottom, #c68159, #2d502b); */
    background: linear-gradient(to bottom, #454545, #1b1b1b);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    /* border-radius: 0; */
    border: solid 1px #616060;
    border-radius: 0;
    box-shadow: 0px 0px 15px 10px #00000030;
}
  .tab-slider--tabs.slide:after {
    left: 50%;
  }
  
  .tab-slider--trigger {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    /* color: #345f90; */
    color: #9e9e9e;
    text-transform: uppercase;
    text-align: center;
    /* padding: 16px 35px; */
    padding: 6px 35px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .tab-slider--trigger.active {
    color: #fff;
  }
  .tab-slider--trigger i{
    font-size: 13px !important;
    color: #ffb300;
    width: 22px;
    height: 22px;
    padding: 0;
    border: solid 3px #fff;
    line-height: 18px;
    margin-bottom: 7px;
    border-radius: 50px;
    text-align: center;
    text-shadow: 1px 2px 1px rgb(0 0 0 / 32%);
  }
  
  .tab-slider--body {
    margin-bottom: 20px;
  }
  .datagrpInside #sectionDberBlk .table > tbody > tr > td{
      padding: 6px !important;
  }
  .setHoverDataConBox{
    position: absolute;
    left: 76px;
    width: 1200px;
    height: auto;
    background-color: #fff;
    display: none;
    z-index: 99;
    top: 35px;
    padding: 15px;
    box-shadow: 6px 12px 9px rgba(0,0,0,0.3);
    -webkit-box-shadow: 6px 12px 9px rgba(0,0,0,0.3);
  }
  .insideDataBx{
      width: 100%;
      display: inline-block;
  }

  .setHoverApiConBox{
    position: absolute;
    left: 121px;
    width: 1310px;
    height: auto;
    background-color: #fff;
    display: none;
    z-index: 99;
    top: 6px !important;
    padding: 15px;
    box-shadow: 6px 12px 9px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 6px 12px 9px rgb(0 0 0 / 30%);
    bottom: 36px;
  }
  .setHoverInterConBox{
    position: absolute;
    left: 121px;
    width: 1310px;
    height: auto;
    background-color: #fff;
    display: none;
    z-index: 99;
    top: 6px !important;
    padding: 15px;
    box-shadow: 6px 12px 9px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 6px 12px 9px rgb(0 0 0 / 30%);
    bottom: 36px;
  }
  .setHoverMachineConBox,.sethoverFlowbox, .setHoverMachineConBox1{
    position: absolute;
    left: 141px;
    width: 1309px;
    height: auto;
    background-color: #333 !important;
    display: none;
    z-index: 99;
    top: 35px;
    padding: 15px;
    box-shadow: 6px 12px 9px rgba(0,0,0,0.3);
    -webkit-box-shadow: 6px 12px 9px rgba(0,0,0,0.3);
  }
  .sethoverFlowbox{
    width: 868px;
    top:152 px;
  }
  .seleOptionRefval{
      width: 100%;
      display: inline-block;
      text-align: left;
  }
  .seleOptionRefval label{
      font-size: 14px;
  }
  .valueSetBox{
      width: 100%;
      float: left;
      margin-top: 0px;
      /* display: none; */
  }



  .pageAppBox{
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    min-height: 38px;
    /* border: solid 1px #b5b5b5; */
    color: #fff;
    background-color: #3c3c3c;
  /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
  /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06); */
  /* border-radius: 10px; */
overflow: hidden;
padding-top: 12px;

box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
-webkit-box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}
.pageAppBox .functioBtns .funcEdt a{
  color: #ff8612 !important;
 font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: solid 1px #fff;
}
.pageAppBox .functioBtns .funcDlt a{
    color: #b7b7b7 !important;
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: solid 1px #fff;
}

.dataOperationListerBx .functioBtns a {
    background: transparent !important;
    box-shadow: none !important;
}
.dataOperationListerBx .functioBtns .funcEdt a{
    color: #ff8612 !important;
   font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border: solid 1px #fff;
  }
  .dataOperationListerBx .functioBtns .funcDlt a{
      color: #b7b7b7 !important;
      font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border: solid 1px #fff;
  }

  .listerPages .functioBtns a {
    background: transparent !important;
    box-shadow: none !important;
}
  .listerPages .functioBtns .funcEdt a{
    color: #fff !important;
    
   /* font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px; */
      font-size: 13px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      border: solid 1px #fff;
  }
  .listerPages .functioBtns .funcDlt a{
      color: #fff !important;
      /* font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px; */
      font-size: 13px;
      width: 20px;
      height: 20px;
      line-height: 17px;
      border: solid 1px #fff;
  }

  #datagRpRght .functioBtns a {
    background: #000;
    /* box-shadow: none !important; */
}
#datagRpRght .functioBtns .funcEdt a{
    color: #dedede !important;
   font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border: solid 1px #000;
  }
  #datagRpRght .functioBtns .funcDlt a{
      color: #dedede !important;
      font-size: 11px;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border: solid 1px #000;
  }
  .overselecShadowDatagrp {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(82 82 82 / 70%);
    z-index: 9999999;
    display: none;
}
  
.pageAppBox:hover{
  cursor: pointer;
  border: solid 1px #b7b7b7;
  
}
.pageAppBox:hover .overtemAppBox{
    display: block;
}
.pageAppBox h4{
    font-weight: bold;
    color: #eee;
    font-size: 13px;
    padding: 0px 5px 0px 8px;
    margin: 0;
    min-height: 25px;
    text-shadow: 1px 2px 1px #000;
}
/* .pageAppBox h4 i{
    font-size: 28px;
position: absolute;
top: 12px;
left: 3px;
} */
.pageAppBox p{
    padding: 5px;
    color: #ddd;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 0;
}
.whenDataCreatSet{
    width: 100%;
    float: left;
    display: none;
}
.datFltrBt {
    position: absolute;
    z-index: 9;
    right: 26px;
    padding-left: 4px;
    padding-right: 4px;
    background: linear-gradient(to bottom, #26c5fd, #0689b5);
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    top: -1px;
    background-image: linear-gradient(to bottom, #464040, #797979);
}
@keyframes leaveser {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(2.0);
    }
}
.aniImger{
    animation: leaveser 5s ease-in-out infinite alternate;
}

#machinebaseSetHov {
    float: right;
    margin-right: 19px;
}
#datagRpRght .selecOsBox{
    background: #797878;
    position: relative;
    margin-left: 6px;
}
#datagRpRght .selecOsBox p{
    color: #fff !important;
}
#datagRpRght .selecOsBox.active {
    background-color: #1a1a1a !important;
    border-right: none;
}
#datagRpRght .selecOsBox.active p{
    color: #30d2e7 !important;
}
#datagRpRght .selecOsBox:hover {
    background-color: #db9b58 !important;
}
#dataFilterRight .selecOsBox{
    background: #797878;
}
#dataFilterRight .selecOsBox p{
    color: #fff !important;
}

#dataFilterRight .selecOsBox.active {
    background-color: #db9b58 !important;
}

#dataFilterRight .selecOsBox:hover {
    background-color: #db9b58 !important;
}
.author-info{
    z-index: 99999999 !important;
}
.datagroupListerBx{
    width: 100%;
    float: left;
}
.dataOperationListerBx{
    width: 100%;
    float: left;
    display: none;
}
.lisTerOperat{
    position: absolute;
    width: 250px;
    background-color: #1a1a1a;
    bottom: 45px;
    top: 53px;
    right: -251px;
    z-index: 9;
    display: none;
    left: auto;
    border: solid 1px #007bff;
}

.lisTerOperat:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 11px 17.5px 0;
    border-color: transparent #007bff transparent transparent;
    left: -11px;
    top: 34%;
}
.listInterTransa{
    display: none;
}
.listApiTransa{
    display: none;
}
.lisTerApiOperat{
    position: absolute;
    width: 250px;
    background-color: #1a1a1a;
    bottom: 45px;
    top: 53px;
    right: -251px;
    z-index: 9;
    display: none;
    left: auto;
    border: solid 1px #007bff;
}

.lisTerApiOperat:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 11px 17.5px 0;
    border-color: transparent #007bff transparent transparent;
    left: -11px;
    top: 34%;
}
.listInterTransa .functioBtns a{
    background: transparent !important;
    box-shadow:none !important;
}

.listApiTransa .functioBtns a{
    background: transparent !important;
    box-shadow:none !important;
}
.dataGropLstng .treeMaintab li a{
    margin-right: 0 !important;
    border-radius: 5px 5px 0px 0px !important;
}
.dataGropLstng .treeMaintab li.active a{
    border-bottom: none !important;
}
.addFillSetBtn {
    width: 67px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    background-color: #101010;
    color: #fff;
    background-image: linear-gradient(to bottom, #666, #333);
    border: solid 1px #afafaf;
    float: right;
}
.addFillSetBtn:hover{
    cursor: pointer;
    background-image: linear-gradient(to bottom, #333, #666);
}
.sBgIcoet{
    position: relative;
}
.sBgIcoet:after{
    content: '';
    width: 24px;
    height: 16px;
    left: 11px;
    top: 7px;
    background-color: #1a98c5;
    position: absolute;
}
.progress-container {
	left: 50%;
	position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
}

.progress {
	background-color: rgb(229,233,235);
	height: 0.25em;
	position: relative;
	width: 23em;
}
.progress-bar {
	background-size: 23em 0.25em;
	height: 100%;
	position: relative;
	background-image: linear-gradient(to right, rgb(76,217,100), rgb(90,200,250), rgb(0,122,255), rgb(52,170,220), rgb(88,86,214), rgb(255,45,85));
		background-image: -o-linear-gradient(to right, rgb(76,217,100), rgb(90,200,250), rgb(0,122,255), rgb(52,170,220), rgb(88,86,214), rgb(255,45,85));
		background-image: -ms-linear-gradient(to right, rgb(76,217,100), rgb(90,200,250), rgb(0,122,255), rgb(52,170,220), rgb(88,86,214), rgb(255,45,85));
		background-image: -webkit-linear-gradient(to right, rgb(76,217,100), rgb(90,200,250), rgb(0,122,255), rgb(52,170,220), rgb(88,86,214), rgb(255,45,85));
		background-image: -moz-linear-gradient(to right, rgb(76,217,100), rgb(90,200,250), rgb(0,122,255), rgb(52,170,220), rgb(88,86,214), rgb(255,45,85));
	animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
		-o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
		-ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
		-webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
		-moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}
.progress-shadow {
	height: 4em;
	position: absolute;
	top: 100%;
	width: 100%;
	transform: skew(45deg);
		-o-transform: skew(45deg);
		-ms-transform: skew(45deg);
		-webkit-transform: skew(45deg);
		-moz-transform: skew(45deg);
	transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
	background-image: linear-gradient(to bottom, rgb(234,236,238), transparent);
		background-image: -o-linear-gradient(to bottom, rgb(234,236,238), transparent);
		background-image: -ms-linear-gradient(to bottom, rgb(234,236,238), transparent);
		background-image: -webkit-linear-gradient(to bottom, rgb(234,236,238), transparent);
		background-image: -moz-linear-gradient(to bottom, rgb(234,236,238), transparent);
}

.progress-container .progress{
    height: 6px !important;
}

@keyframes cssload-width {
	0%, 100% {
		transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-o-keyframes cssload-width {
	0%, 100% {
		-o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-ms-keyframes cssload-width {
	0%, 100% {
		-ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes cssload-width {
	0%, 100% {
		-webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-moz-keyframes cssload-width {
	0%, 100% {
		-moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
	}
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

#overlayTree .progress-container h5, .overlayTreePage .progress-container h5{
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#overlayTree .progress-container p, .overlayTreePage .progress-container p {
    color: #a7a7a7;
    text-align: center;
}
.setDesktopSectr{
    display: none;
    float: left;
    width: 100%;
    min-height: 407px;
}
.setDesktopSectr .listAppliess li {
    float: left;
    width: 79px;
    height: auto;
    margin: 3px;
}
.setDesktopSectr .applieInsid{
    width: 100% !important;
    height: 49px !important;
}
figure > ul > div.x-tree-lines{
    border: solid 8px red !important;
}

.loadCntMac, .loadCntMac1{
    width: 100%;
    display: none;
    text-align: center;
    float: left;
}
.disable-button{ 
    pointer-events: none; 
    background-color: #cacaca !important;
  }

.filterRadioset{
    display: none;
}

.desablManuBt{
    pointer-events: none; 
    background-color: #cacaca !important;
}




.loadervrt,
.loadervrt:before,
.loadervrt:after {
  border-radius: 50%;
}
.loadervrt {
  color: #ffffff;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loadervrt:before,
.loadervrt:after {
  position: absolute;
  content: '';
}
.loadervrt:before {
  width: 5.2em;
  height: 10.2em;
  background: #0dc5c1;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.1em 5.1em;
  transform-origin: 5.1em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loadervrt:after {
  width: 5.2em;
  height: 10.2em;
  background: #0dc5c1;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 4.9em;
  -webkit-transform-origin: 0.1em 5.1em;
  transform-origin: 0.1em 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.bigArrowRight.selectionTech {
    /* border: solid 1px #bbb; */
    /* border: solid 3px #bbb; */
    padding-top: 10px;
    min-height: 300px;
    /* background-color: rgb(0 0 0 / 7%); */
    width: 500px;
    margin: auto;
    /* box-shadow: 10px 10px 33px 0px #c3b6b6; */
    /* background-color: rgb(255 255 255 / 25%); */
    background-color: rgb(255 255 255 / 12%);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.bigArrowRight.selectionTech:after{
    content: '';
    position: absolute;
    top: 35%;
    right: -26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 25px;
    border-color: transparent transparent transparent #a9a4a4;
    visibility: hidden;
}
.logTabs a{
    min-width: 150px !important;
    text-align: center !important;
    padding: 0 !important;
    border: solid 1px #fff !important;
    border-top: none !important;
    font-weight: 100 !important;
}
.forShwOnlyCompnt{
    display: none;
}
.compBrdSet{
    display: none;
}

.bkflowerLisstGust {
    /* background: #3498db; */
    background: #db3434b5;
    /* background-image: linear-gradient(to bottom, #abd7e6, #0689b5); */
    cursor: pointer;
    display: inline-block;
    position: relative;
    opacity: .85;
    font-size: 15px;
    /* font-weight: 700; */
    border-radius: 50px;
    letter-spacing: 1px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #fff;
    height: auto;
    line-height: 29px;
    min-width: 155px;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    color: #eee;
    border: none;
    margin: 3px;
    text-align: center;
}

.goManuFrmRec{
    position: absolute;
    right: -3px;
    padding: 0;
    color: #fff;
    /* font-size: 10px; */
    color: #fff;
    background-color: #34a6ff;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    color: white;
    box-shadow: inset 0px 1px 0px 0px #009e00;
    background: linear-gradient(to bottom, #03cc03 5%, #009b00 100%);
    border-radius: 0;
    border: 1px solid #009600;
    padding: 0px;
    padding-left: 1px;
    padding-right: 2px;
    cursor: pointer;
    top: -1px;
    display: none;
}

.goManuLive{
    position: absolute;
    right: 100px;
    padding: 0;
    color: #fff;
    font-size: 10px;
    color: #fff;
    background-color: #34a6ff;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    color: white;
    box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
    background-color: rgba(0, 0, 0, 0);
    background-color: #fc8d83;
    border-radius: 6px;
    border: 1px solid #d83526;
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    top: -2px;
}


#overlayTreeCompont{ 
    position: absolute;
    top: 0;
    z-index: 99999999;
    /* width: 100%; */
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    left: 0;
    right: 0;
  }
  #overlayTreeCompont .progress-container h5 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#overlayTreeCompont .progress-container p {
    color: #a7a7a7;
    text-align: center;
}
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ffffff solid;
    /* border-top: 4px #2e93e6 solid; */
    border-top: 4px #0089ff solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  .spinnerbig {
    width: 40px;
    height: 40px;
    border: 4px #ffffff solid;
    /* border-top: 4px #2e93e6 solid; */
    border-top: 4px #0089ff solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }

  .addSetBtnNewstyle{
    width: 30px;
    /* min-width: 30px; */
    height: 30px;
    line-height: 30px;
    border: solid 1px #fff;
    /* border-radius: 50px; */
    text-align: center;
    color: #1d9ecb;
    /* -webkit-text-stroke: 2px #1a1a1a; */
    
    -webkit-text-stroke: 2px #0094bc;
    float: right;
    font-size: 19px;


    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    background: #0094BC;
    font-size: 16px;
    border: none;
  }
  .addSetBtnNewstyle:hover{
    /* background-color: #1d9ecb; */
    background-color: #1288b1;
    -webkit-text-stroke: 2px #1d9ecb;
    cursor: pointer;
    color: #fff;
    border: none;
  }
  .addSetBtnNewstyle:active {
    transform: scale(0.96);
    }
  /* .setDrpHver{
      position: relative;
  }
  .setDrpHver:before{
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: red;
      bottom: 0;
  } */
  .insideFlEdDel{
    position: absolute;
    width: 160px;
    /* height: 121px; */
    height: auto;
    background-color: white;
    /* bottom: 0; */
    top: 70px;
    left: 32px;
    display: none;
    box-shadow: 0 4px 15px -5px #767677 !important;
    border-radius: 10px;
    padding: 5px;
    z-index: 9999999999;
    padding-left: 10px;
}
.insideFlEdDel p{
    margin-bottom: 5px;
}
.insideFlEdDel p:hover{
    cursor: pointer;
    color: #2e790b;
    padding-left: 5px;
}
.insideFlEdDel p:hover i{
    background-color: #2e790b;;
}

/* i.setDynEdiDel:hover .insideFlEdDel{
    display: block;
}
.setDynEdiDel{
    background-color: #efefef !important;
    border-radius: 0 !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    color: #036ead !important;
    line-height: 20px !important;
    border: solid 1px #4a4a4a;
} */

.insideFlEdDel p i {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    color: #fff;
    background: #797979;
    line-height: 20px;
    text-align: center;
    margin-right: 3px;
}
.insideFlEdDel p i:before {
bottom:0px;
right:0px;
}
.treeNodeLiveView {
    position: absolute;
    right: 53px;
    z-index: 9;
    top: 159px;
    width: 240px;
    height: 340px;
    border: solid 1px #000;
    background-color: #fff;
    display: none;
    z-index: 999;
    overflow-x: scroll;
    background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    -webkit-box-shadow: 0 4px 15px -5px #767677 !important;
    box-shadow: 0 4px 15px -5px #767677 !important;
    z-index: 9999999999;
}
.closetreeNodeLiveView{
    position: absolute;
    right: 0;
    z-index: 9;
    top: 5px;
    font-size: 14px;
    color: white;
}
.closetreeNodeLiveView:hover{
    cursor: pointer;
    font-size: 15px;
    color: #dedede;
}
.treeNodeLiveView h5{
    margin: 0;
    font-size: 13px;
    padding: 5px;
    background-color: #444;
    color: #fff;
}
.liveStepView{
    position: absolute;
    right: 36px;
    z-index: 9;
    top: 4px;
    font-size: 14px;
    color: white;
    box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
    background-color: rgba(0, 0, 0, 0);
    background-color: #fc8d83;
    border-radius: 6px;
    border: 1px solid #d83526;
    padding: 1px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}
.liveStepView:hover{
    background: linear-gradient(to bottom, #fc8d83 5%, #b73125 100%);
}
.liveStepView:active {
    transform: scale(0.96);
}
/* tree styles */
.propbox h4{color:#fff;}
.form_builder_area li{list-style:none;}
.form_builder_area .functioBtns a {
    width: 12px !important;
    height: 12px!important;
    line-height:11px!important;
}
.form_builder_area .functioBtns a i{font-size:10px;color: #ec0d02;}
.form_builder_area.tree_js{left: 0px !important;
    top: 0 !important;
  box-shadow:  inset 4px 5px 25px 8px rgb(0 0 0 / 18%), 10px 1px 3px rgb(255 255 255 / 50%);
}
.hflowtreeRender1{
    position: relative;
    left: 5%;
    top: 10px;
}
.hflowtreeRenderRemote
{
    position: relative;
    /* left: 5%; */
    /* top: 10px; */

}
.form_builder_area.tree_js .x-tree-attr img{display:none;}
.form_builder_area.tree_js:after{display:none;}
.dropper_area .functioBtns a {
    width: 12px !important;
    height: 12px!important;
    line-height:11px!important;
}
.dropper_area .functioBtns a i{font-size:10px;color: #ec0d02;}
.placeNode {
    width: 100%;
    background-color: #bfb !important;
    border: 1px dashed #666 !important;
    margin-bottom: 5px;
    height:42px;
    display: inline-block !important;
}
.minaZarZoom2{
    display: none;
}
.minaZarZoom3{
    display: none;
}
.minaZarZoom4{
    display: none;
}
.minaZarZoom5{
    display: none;
}

.maxIerZoom2{
    display: none;
}
.maxIerZoom3{
    display: none;
}
.maxIerZoom4{
    display: none;
}
.maxIerZoom5{
    display: none;
}
.flowsInGropSection .addSetBtnNewstyle{
    color: #fff;
    /* -webkit-text-stroke: 2px #484848; */
    -webkit-text-stroke: 2px #0094bc;
}
.flowsInGropSection .addSetBtnNewstyle:hover{
    color: #ffffff;
    /* -webkit-text-stroke: 2px #1d9ecb; */
    -webkit-text-stroke: 2px #1288b1;
    transform: scale(1.1);
}




/* .propnavTrSpLi li{
    padding: 0 !important;
} */
/* .propnavTrSpLi li a{
    margin-right: 0 !important;
    font-weight: normal !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 3px 3px !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    box-shadow: inset 0px 1px 0px 0px #f7c5c0;
    background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%) !important;
    background-color: #fc8d83;
    border: 1px solid #ad4a42 !important;
    border-radius: 0px !important;
    border-left: none !important;
    font-size: 11px !important;
} */
.propnavTrSpLi li {
    padding: 0 !important;
    margin-right: 1px !important;
}
.propnavTrSpLi li a {
    margin-right: 0 !important;
    font-weight: normal !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    padding: 3px 8px !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    box-shadow: none;
    background: #707070;
    background-color: #fc8d83;
    border: none;
    /* border-radius: 0px !important; */
    border-left: none !important;
    /* background: #dcb06e !important; */
    font-size: 11px !important;
    /* margin-right: 1px !important; */
    border-radius: 4px 4px 0 0 !important;
}
.propnavTrSpLi {
    background-color: #979797;
}
.propnavTrSpLi li.active a {
    /* background: #757575 !important; */
    background: #569825 !important;
color: #fff !important;
text-shadow: -1px -1px 0px #4f4f4f, -1px -1px 0px #b9b9b9 !important;
box-shadow: inset 1px 1px 3px #0d0d0d;
/* transform: translateY(-1px); */
font-size: 10px;
border-bottom: none !important;
border: none !important;
box-shadow: none;
}
.leftReviewPart{
    position: absolute;
    z-index: 99999;
    left: 2px;
    background-color: #828282;
    right: 1px;
    bottom: 0;
    top: 2px;
    min-height: 588px;
    display: none;
}
.closeleftReviewPart{
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: white;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9999999;
}

span.countrRev {
    width: 15px;
    height: 15px;
    /* background-color: #945757; */
    position: absolute;
    z-index: 99;
    /* border-radius: 50px; */
    left: 127px;
    bottom: 11px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    display: none;
}
#showConfliRev{
    background-color: red;
}
#newIdConfli{
    background-color: green;
}
#removIdConfli{
    background-color: #d58512;
}

.rightRevSetBx {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 0;
    min-height: 38px;
    /* border: solid 1px #b5b5b5; */
    color: #fff;
    background-color: #3c3c3c;
    /* -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); */
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 6%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 6%);
    /* border-radius: 10px; */
    overflow: hidden;
    padding-top: 12px;

}
.rightRevSetBx h4 {
    font-weight: bold;
    color: #eee;
    font-size: 11px;
    padding: 0px 5px 0px 8px;
    margin: 0;
    min-height: 25px;
}
.treeNodeReviewRighter {
    width: 100%;
    float: left;
    margin-top: 5px;
    position: relative;
}
.treeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-child(2n){
    background-color: transparent !important;
}
.treeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-of-type(2n+1){
    background-color: transparent !important;
}
.treeNodeReviewRighter .table input {
    width: auto;
}
.treeNodeReviewRighter #sectionDberBlk .table > tbody > tr > td{
    color: #fff !important;
    line-height: 22px;
    /* border: none !important; */
    font-weight: normal;
    font-size: 11px !important;
    border: 1px solid #656565 !important;
}

.newlytreeNodeReviewRighter {
    width: 100%;
    float: left;
    margin-top: 5px;
    display: none;
    position: relative;
}
.newlytreeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-child(2n){
    background-color: transparent !important;
}
.newlytreeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-of-type(2n+1){
    background-color: transparent !important;
}
.newlytreeNodeReviewRighter .table input {
    width: auto;
}
.newlytreeNodeReviewRighter #sectionDberBlk .table > tbody > tr > td{
    color: #fff !important;
    line-height: 22px;
    /* border: none !important; */
    font-weight: normal;
    font-size: 11px !important;
}

.removedtreeNodeReviewRighter {
    width: 100%;
    float: left;
    margin-top: 5px;
    display: none;
    position: relative;
}
.removedtreeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-child(2n){
    background-color: transparent !important;
}
.removedtreeNodeReviewRighter #sectionDberBlk .table tbody tr:nth-of-type(2n+1){
    background-color: transparent !important;
}
.removedtreeNodeReviewRighter .table input {
    width: auto;
}
.removedtreeNodeReviewRighter #sectionDberBlk .table > tbody > tr > td{
    color: #fff !important;
    line-height: 22px;
    /* border: none !important; */
    font-weight: normal;
    font-size: 11px !important;
}
.swap_light {
    /* border: 2px solid #ff0101 !important; */
    border: 2px solid #fbff00  !important;
    background-color: #cf71ff !important;
    color: #fff !important;
    box-shadow: 7px 8px 11px 0px #7b7b7b52 !important;
    }
.swap_light:after{
    background-color: #cf71ff !important;
}

.removedtreeNodeReviewRighter h3 {
    font-size: 15px;
    color: #fff;
    padding-top: 10px;
    margin: 0;
}
.newlytreeNodeReviewRighter h3 {
    font-size: 15px;
    color: #fff;
    padding-top: 10px;
    margin: 0;
}
.treeNodeReviewRighter h3 {
    font-size: 15px;
    color: #fff;
    padding-top: 10px;
    margin: 0;
    margin-bottom: 5px;

}
.actionReview {
    position: absolute;
    top: 5px;
    right: 4px;
    color: #fff;
}
.form-group.inSelectdrp {
    width: 130px;
    float: right;
    margin-bottom: 0;
}
.overVersionVew{
    width: 216px;
    float: right;
    line-height: 12px;
    margin-top: 11px;
}
.overVersionVew2 {
    width: auto;
    float: right;
    line-height: 8px;
    margin-top: 11px;
    margin-right: 5px;
    padding-bottom: -2px;
    margin-top: 5px;
    color: red;
}
#homebyMain1Tree .tree_js .x-tree-node-ct li:hover{
    zoom:1.5;
}t
#homebyMain1Spy .tree_js .x-tree-node-ct li:hover{
    zoom:1.5;
}
.subAutoprop .tree_js .x-tree-node-ct li:hover{
    zoom:1.5;
}
#homebyMain1History .table > tbody > tr > td{
    color: #000;
}

.dropper_area li{
   transform: none !important;
}
.form_builder_area .functioBtns{right: 10px !important;}
.closeshowrunConfig
{
position: absolute;
right: 16px;
top: 65px;
font-size: 16px;
color: #9d9fa2;
z-index: 999;
background-position: 0 -0;
width: 15px;
height: 15px;
}



#myModaldesignIdePop #accordionWndwos .panel-title a:before,#myModaldesignIdePop #accordionWndwos .panel-title a.collapsed:before{
    display: none;
}
#myModaldesignIdePop .desgnIdebtn .fa-plus:before{
    position: relative;
    bottom: 3px;
    left: 1.1px;
}
#myModaldesignIdePop .secOsVerlist  h3{cursor: pointer;text-decoration: underline;}
.layout-split{
    top: 0px;
    height: 470px;
    position: absolute;
    width: 6px;
    z-index: 3;
    background: #f0f0f0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}
/* #runtab2 {border-left: 1px solid #d0d0d0;} */
#runtab2 .layout-split{left: 168px !important;}
#PrflConifgform .layout-split{left: 153px !important;height:448px !important;top:8px;}
#myModalApplConfig .layout-split{left: 160px !important;height:450px !important;top:10px;}
#accordionWndwos1 .panel-title a:hover,#accordionWndwos1 .panel-title a.active,#accordionWndwos2 .panel-title a:hover,#accordionWndwos2 .panel-title a.active,#accordionWndwos3 .panel-title a:hover,#accordionWndwos3 .panel-title a.active{
    /* background-color: #06c806  !important;
    color: #fff !important;
    border-left: 2px solid #33c10f; */
    /* background-color: #737373 !important; */
    background-color: #403f3f !important;
    color: #84de41 !important;
    /* border-left: 2px solid #737373; */
}

/* #accordionWndwos3 .panel-title a.active:after,#accordionWndwos1 .panel-title a.active:after,#accordionWndwos2 .panel-title a.active:after,#formRender #accordionWndwos3 .panel-title a.active:after{
    content: "\f0da";
    font-family: 'FontAwesome';
    position: relative;
    left: 31%;
    border: 10px solid transparent;
    font-size: 15px;
    color: #737373;
} */
#accordionWndwos3 .panel-title a.active:after,#accordionWndwos1 .panel-title a.active:after,#accordionWndwos2 .panel-title a.active:after,#formRender #accordionWndwos3 .panel-title a.active:after, .setConfigStyle #accordionWndwos3 .panel-title a.active:after{
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 17px;
    color: #c5c5c5;
    right:0;
    transform: rotate(180deg);
    top: 6px;
}
#formRender #accordionWndwos3 .panel-title a.active:after{
    left: 18% !important;
}

.runhtmlpg  .checkerrAp li.active,.runhtmlpg  .checkerrAp li.hover{
    /* background-color: #06c806 !important; */
    background-color: #737373 !important;
    border-radius: 0 !important;
    border-right:none;
    width:224px !important;
    margin-left:0 !important;
    /* background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%) !important; */
    background: linear-gradient(to bottom, #87c659 5%, #75a552 100%) !important;
}
.runhtmlpg .checkerrAp li.active a,.runhtmlpg .checkerrAp li.hover a,.runhtmlpg .checkerrAp li.hover a .stepTop{
    color: #fff !important;
}
.runhtmlpg .checkerrAp li.active a .stepTop{color: #84de41 !important;}
.runhtmlpg .checkerrAp li.hover a .profsCount,.runhtmlpg .checkerrAp li.active a .profsCount{
background-color:#fff !important;
}
.runhtmlpg .checkerrAp li.hover a .profsCount,.runhtmlpg .checkerrAp li.active a .profsCount{
    color:#06c806 !important;
}
.runhtmlpg .checkerrAp li.active a:after{
display: inline-block;
    content: "";
    position: absolute;
    bottom: 4px;
    /* left: 85%; */
    right: -6px !important;
    top: 14px !important;
    border: 10px solid transparent;
    /* border-bottom-color: #06c806; */
    /* border-bottom-color: #f38075; */
    border-bottom-color: #82bd57;
    transform: rotate(180deg) !important;
}
#accordionWndwos3 .confbrowse li{width:100%;padding: 0;}
#accordionWndwos3 .panel-default {border-right: none;border-bottom:none;}
#accordionWndwos3 .confbrowse li a{
    margin: 3px;
    padding: 10px;
    background: #fff;
    border: 1px solid #eaeaea;
    color: #6b6565;
    border-radius: 6px;
    font-size: 10px;
    text-align: center;
}
#accordionWndwos3 .confbrowse li.active{width:109% !important;}
#accordionWndwos3 .confbrowse li.active a {
    background: #eaeaea  !important;
    color: #757575;
    border-right: none;
    border-radius: 6px 0px 0px 6px;
}
#accordionWndwos3 .confbrowse li a:hover{
    background-color: #f5f5f5 !important;
    color:#6b6565;
}
#accordionWndwos3 .confbrowse li.active a:hover{
    background-color: #fff !important;
}
#tabconfig3 .layout-split{left:27% !important;}
#tabconfig3.active{border-left:1px solid #eaeaea;}
.boxonecommbrowse .cntrProfiles  a img{
    width: 16px;
    margin-right: 4px;
}
.brwseTab .nav.nav-tabs{float: left;
    width: 25%;
    border-bottom:none !important;
    background-color:#fff;
    position: relative;
    bottom: 2px;
}
.brwseTab{
    background: #fff;
    height: 388px;
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 5px;
    /* bottom: 5px; */
}
.brwseTab .tab-content{
    display:inline-block;
    width: 74.9%;
    background-color:#fff;
    height: 388px !important;
    background-color: #fff !important;
    border: 1px solid #eaeaea  !important;
}
.brwseTab .tab-content .tab-pane {
    padding-left:20px;
    height:365px;
    border-right:none !important;
    background-color:#fff;
    border:none !important;
    margin:0 !important;
}
.brwseTab .nav.nav-tabs li a{
    color: #a9a5a5;
    font-weight: bold;
    background: rgb(245 245 245);
    font-size: 12px;
    padding: 15px 15px 7px 15px;
    border-radius: 0;
    border: 1px solid #eaeaea;
    text-align:center;
}
.brwseTab .nav.nav-tabs:after
{
    display: none;
}
.brwseTab .nav.nav-tabs li{
    width: 109px;
    padding: 2px !important;
}
.brwseTab .nav.nav-tabs li.active a {
    border-right: none !important;
    background-color: #fff !important;
    /* padding-right: 32px !important; */
    /* border-bottom: 1px solid #eaeaea; */
    border-bottom: 1px solid #7f7f7f !important;
    /* border-color: #06c806; */
}
.brwseTab .nav.nav-tabs li.active {
    width: 116px;
    text-align: left;
}
.brwseTab .tab-pane.active {
    padding: 0;
    border: 1px solid #eaeaea;
}
.brwseTab .nav.nav-tabs li.active a:hover,.brwseTab .nav.nav-tabs li.active a:focus{
    border-bottom-color:#eaeaea; 
    /* border:1px solid #eaeaea;  */
    /* border-color: #06c806; */
}
.brwseTab .nav.nav-tabs li.active {
    border-bottom-color:#eaeaea; 
}
.brwseTab .tab-pane{
min-height: 359px;
}
.addbrowser span,.addedtlNotifr span,.addedDevelNotifr span{
    position: absolute;
    right: 10px;
    /* background-color: #06c806; */
    background-color: #fff;
    color: #06c806;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #009415;
    top: 10px;
    z-index: 9;
    box-shadow: 0px 0px 4px 1px #ccc;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.boxonecommbrowse .addbrowser span,.boxOneProfSel .addedtlNotifr span,.boxOneDevSel .addedDevelNotifr span{
    right: -1px !important;
    top: 1px !important;
}
.boxonecommbrowse .addbrowser span i,.boxOneProfSel .addedtlNotifr span i,.boxOneDevSel .addedDevelNotifr span i{
    line-height:21px;
}
.addbrowser span:hover,.boxonecommbrowse .addbrowser span:hover,.addedtlNotifr span:hover,.boxOneProfSel .addedtlNotifr span:hover,.addedDevelNotifr span:hover,.boxOneDevSel .addedDevelNotifr span:hover{
    background-color:#06c806 ;
    color: #fff;
}
.boxOneDevSel {
    width: 49%;
    float: left;
    border: solid 1px #eaeaea;
}
.boxCommonDevice {
    width: 50%;
    float: left;
    display: block;
    border: solid 1px #eaeaea;
    border-left: none;
}

.boxonecommbrowse {
    width: 50%;
    float: left;
    border: solid 1px #eaeaea;
}
.boxcommbrowse {
    width: 49.5%;
    float: left;
    display: block;
    border: solid 1px #eaeaea;
    border-left: none;
}
.boxTwoListPro {
    width: 49.5%;
}
.boxCommonDevice {
    width: 49.5%;
}
.boxCommonInner{
border: solid 1px #d8d8d8 !important;
}
/* .cntrProfiles:hover a {
    background-color: #4f6ec3;
    color: #fff;
    border-color: #06c806;
    color: #06c806 !important;
} */
/* .cntrProfiles a:hover,.cntrProfiles:active, .cntrProfiles.active, .cntrProfiles:focus {
    color: #fff !important;
    border-color: #06c806;
} */
.cntrProfiles a i{
    margin-right: 4px;
}
/* .cntrProfiles a:hover i{
    color: #fff !important;
} */
.cntrProfiles:active, .cntrProfiles.active, .cntrProfiles:focus,.cntrProfiles:hover a,.cntrProfiles:hover {
    /* background-color: #4f6ec3 !important; */
    color: #06c806 !important;
    border-color: #06c806;
}
/* .cntrProfiles:active a,.cntrProfiles.active a,.cntrProfiles:focus a, {
    color: #fff !important;
}
.cntrProfiles:active a i,.cntrProfiles.active a i,.cntrProfiles:focus a i, {
    color: #fff !important;
} */
.ifRemover{
    /* border-radius: 7px; */
    border: 1px solid red;
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    /* background-color: #ffffff; */
    line-height: 10px;
    padding: 3px;
    box-shadow: 0px 0px 1px 1px #dcdcdc;
    background-color: red !important;
}
 .ifRemover i{
    color: #fff !important;
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 8px;
}
 .ifRemover:hover,.cntrProfiles.active .ifRemover,.cntrProfiles:focus .ifRemover{
    background-color: #970101;
    border-color: #fff;
}
 .ifRemover:hover i,.cntrProfiles.active .ifRemover i, .cntrProfiles:focus .ifRemover i{
    color: #fff !important;
}
 .ifAdder{
    /* border-radius: 7px; */
    border: 1px solid #23b538;
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    /* background-color: #ffffff; */
    line-height:10px;
    padding: 3px;
    box-shadow: 0px 0px 1px 1px #dcdcdc;
    background-color: #23b538 !important;
}
 .ifAdder i{
    /* color: #23b538 !important; */
    color: #fff !important;
    position: absolute;
    right: 2px;
    top: 1px;
    font-size: 8px;
}
 .ifAdder:hover,.cntrProfiles.active .ifAdder, .cntrProfiles:focus .ifAdder{
    /* background-color: #23b538; */
    background-color: #077116;
    border-color: #fff;
}
  .ifAdder:hover i,.cntrProfiles.active .ifAdder i, .cntrProfiles:focus .ifAdder i{
    color: #fff !important;
}
#tabconfig3 .crePromapToolMapped  .panel-default{display:none;}
#browserConifgform .crePromapToolMapped .tab-content {min-height: auto !important;}
#browserConifgform .crePromapToolMapped .layout-split{
    height: 326px !important;
    top: 62px !important;
}
#browserConifgform .crePromapToolMapped .tabber-right{
    height: auto !important;
}
#browserConifgform .modal-footer{
    border: none !important;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="chrome"] a{
    background-image: url(../../../../../assets/images/ch1.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size:16px;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="firefox"] a{
    background-image: url(../../../../../assets/images/moz1.png);
    background-repeat: no-repeat;
    /* background-position-x: center;
    background-position-y: center; */
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="safari"] a{
    background-image: url(../../../../../assets/images/saf1.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="opera"] a{
    background-image: url(../../../../../assets/images/op1.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="edge"] a{
    background-image: url(../../../../../assets/images/ed1.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxcommbrowse .brwseTab .nav.nav-tabs li[name="IE"] a{
    background-image: url(../../../../../assets/images/inteExe.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxCommonDevice .brwseTab .nav.nav-tabs li[name="MacOS"] a{
    background-image: url(../../../../../assets/images/ios.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxCommonDevice .brwseTab .nav.nav-tabs li[name="Windows"] a{
    background-image: url(../../../../../assets/images/windowsos.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxCommonDevice .brwseTab .nav.nav-tabs li[name="Linux"] a{
    background-image: url(../../../../../assets/images/linusIco.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxCommonDevice .brwseTab .nav.nav-tabs li[name="Android"] a{
    background-image: url(../../../../../application/views/project/resources/images/android.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.boxCommonDevice .brwseTab .nav.nav-tabs li[name="ios"] a{
    background-image: url(../../../../../assets/images/ios.png);
    background-repeat: no-repeat;
    /* background-position-x: 4px; */
    background-position-x: center;
    background-position-y: 6px;
    background-size: 16px;
}
.runhtmlpg   #tabincontenterNewAsd1prcr li.active{
    /* width: 244px !important; */
    background: #fff;
    z-index: 9;
}
.runhtmlpg   .tab-content.tabcontDirectionAsd1prcr .tab-pane.active{
    /* border: 1px solid #eaeaea; */
    /* min-height: 480px !important; */
}
.runhtmlpg   .tab-content.tabcontDirectionAsd1prcr confbrowse{
    background-color: #c3c3c3;
}
/* .runhtmlpg   .tab-content.tabcontDirectionAsd1prcr #tabconfig3 #tabincontenterNewAsd2{
    height: 468px;
    background-color: #eaeaea;
} */
.runhtmlpg   .tab-content.tabcontDirectionAsd1prcr #accordiontoolcon .panel-body{
border:none;
}
.runhtmlpg  .tabcontDirectionAsd1prcr .tab-pane {
    min-height: auto !important;
}
.runhtmlpg  .appllist{
    display: inline-grid;
    width: auto !important; 
}
.runhtmlpg  .appllist .nav.nav-tabs li {
    width: auto;
}
.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane{
background-color:transparent;border-bottom: none !important;
}
.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos3 .panel-default a,.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos2 .panel-default a,.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos1 .panel-default a{  
    box-shadow: 0px 0px 3px 1px #ccc;
    background-color:#eaeaea;
    transition: all 0.2s ease;
    animation: down-bump 0.4s ease;
    /* padding: 10px !important; */
    padding: 11px 10px 10px !important;
    color: #3e3d3d ;
}

.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos3 .panel-default a:hover,.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos2 .panel-default a:hover,.runhtmlpg .tabcontDirectionAsd1prcr .tab-pane #accordionWndwos1 .panel-default a:hover {
    animation: up-bump 0.4s ease;
    background-position: 100% 100%;
  }
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse li a{
      border-radius:0;
      border: none;
}
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li.active a{background-color: #fff;}
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li.active{
    border-radius: 0;
    background-color: #eaeaea;
    border: 1px solid #ccc !important;
    /* border-top: none; */
    border-bottom: none;
    border-radius: 6px;
  }
.runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li a{
    border: none !important;
    border-radius:0;
    padding: 10px 30px !important;
  }
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li a, .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li a:hover,
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li a:focus{
      background: none !important;
      border:none;
      color: #555;
  }
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li, .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li:hover,
  .runhtmlpg .tabcontDirectionAsd1prcr .confbrowse.nav-tabs > li:focus{ 
    background-color:#fff;
    border: 1px solid #eaeaea;
    border-bottom: none;
    padding:0;
    border-radius: 6px;
  }
  .runhtmlpg .tabcontDirectionAsd1prcr  .tabcontDirectionAsd2{
      background-color:transparent;
  }
  .runhtmlpg .addedPrflNotifr{margin-top:0 !important;margin-right: 0px !important;}
  /* .runhtmlpg #runtab5 .tab-content.tabcontDirectionAsd2{background-color:#fff;} */
  #accordiontoolcon .brwseTab .tab-content{display:none;}
  #accordiontoolcon .brwseTab {display:inline-block;
    width: 128px;
    height: 412px;
}
  #accordiontoolcon .brwseTab .nav-tabs{width:100%;}
  #accordiontoolcon .brwseTab .nav-tabs li{z-index: 1;
    width: 132px;
    padding: 2px !important;
}
#accordiontoolcon .brwseTab .nav.nav-tabs li.active{
    width:137px !important;
}
#accordiontoolcon .panel-body{padding:0 !important;}
#browserConifgform nav.nav-tabs a{
    border-radius:0;
}
.runhtmlpg .tabcontDirectionAsd1prcr{background-color:#f9f9f9 !important;padding-left: 6px !important;}
.runhtmlpg #tabincontenterNewAsd1prcr .checkerrAp li:after{display:none;}
.runhtmlpg .tab-pane .seltaberrnew{margin:5px 0;}
.runhtmlpg .tab-pane .tabcontDirectionAsd2{padding-left: 6px !important;}
.runhtmlpg .tab-pane  .tabcontDirectionAsd2 .tab-content{background-color: #eaeaea;
    height: 433px;
    border: 1px solid #dcdcdc00 !important;
    border-top: none;
}
.runhtmlpg  #tabincontenterNewAsd3 {background-color:#fff;
border:1px solid #eaeaea;}
.runhtmlpg .innerSectionForAddTask .checkerrAp li{
    /* width: 213px !important; */
    /* width: 216px !important; */
    width: 202px !important;
    background-color: #eaeaea;  
    border-right:none;
    margin-bottom: 3px !important;
    border-radius:0 !important;
    border: solid 1px #cecece !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.runhtmlpg #tabincontenterNewAsd1prcr {background-color: #f9f9f9;padding: 6px;height: 482px;
    border: solid 1px #eee !important;}
.runhtmlpg .tab-pane  .tabcontDirectionAsd2 .tab-content .tab-pane{
    /* border: 1px solid #e2e2e2; */
    border-top: none;
    /* height: 407px !important; */
    /* background-color: #fff; */
    padding: 0;
    margin:4px;
}
.runhtmlpg .tabcontDirectionAsd2 .boxonecommbrowse{border:none;}
.runhtmlpg .tabcontDirectionAsd2 .boxCommonInner{
    padding:4px 5px 0px;
    background-color: #fff;
    margin:0 !important;
    min-height: 483px !important;
    /* min-height: 464px ​!important; */
    /* position: absolute; */
}

/* .btn-grad {background-image: linear-gradient(to right, #06c806 0%, #15772d  51%, #73ff73  100%)} */
.btn-grad {
    padding: 7px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 9px;
    display: block;
    position: absolute;
    right: 6px;
    z-index: 9;
    top: 6px;
    font-size: 10px;
    /* background-color: #ccc; */
    /* background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%) !important; */
    font-size: 12px;
    color: white;
    /* background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%); */
    /* background-color: rgba(0, 0, 0, 0); */
    /* background-color: #fc8d83; */
    border-radius: 2px;
    border: 1px solid #d83526 !important;
    padding: 1px;
    padding-left: 20px;
    padding-right: 20px;
    /* background-color: #87c659 !important; */
    border-color: #87c659 !important;
    -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    line-height: 26px;


    background-color: #87c659;
    border-color: #87c659;
    -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
.btn-grad2a {
    padding: 7px 12px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 9px;
    display: block;
    position: absolute;
    right: 6px;
    z-index: 9;
    top: 7px;
    font-size: 10px;
    /* background-color: #ccc; */
    /* background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%) !important; */
    font-size: 13px;
    color: white;
    /* background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%); */
    /* background-color: rgba(0, 0, 0, 0); */
    /* background-color: #fc8d83; */
    border-radius: 2px;
    border: 1px solid #d83526 !important;
    padding: 1px;
    padding-left: 20px;
    padding-right: 20px;
    /* background-color: #87c659 !important; */
    border-color: #87c659 !important;
    -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    line-height: 24px;
    background-color:#f78205;
    border-color: #87c659;
    -webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

 .btn-grad:hover {
   /* background-position: right center; */
   color: #fff;
   text-decoration: none;
   /* background-color: #06c806; */
   /* background: linear-gradient(to bottom, #fc8d83 5%, #b73125 100%) !important; */
   background-color: #76a752 !important;

 }
 .btn-grad:active {
    transform: scale(0.96);
}
.btn-grad2a:hover {
    /* background-position: right center; */
    color: #fff;
    text-decoration: none;
    /* background-color: #06c806; */
    /* background: linear-gradient(to bottom, #fc8d83 5%, #b73125 100%) !important; */
    background-color: #c36500 !important;
 
  }
  .btn-grad2a:active {
     transform: scale(0.96);
 }
 #runtab1  .btn-grad{
    right: 163px;
    bottom:180px;
    top: auto !important;
 }

#formRender .boxcommbrowse{
    width: 99.1%;
    min-height: 424px;
 }
 #formRender .brwseTab .nav.nav-tabs li {
    width: 100%;
    padding: 0 !important;
 }
 /* #formRender .brwseTab .nav.nav-tabs li.active {
    width: 103.1%;
 } */
 #formRender  .brwseTab .tab-content{
    /* width:84%; */
    width:83.4%;
    height: auto !important;}
 #formRender #accordionWndwos3 .panel-default a {
    padding: 15px 0px 15px 0px !important;
 }
 #formRender  .brwseTab .nav.nav-tabs {width:16.6% !important;}
 #formRender #tabincontenterNewAsd3 {
    background-color: #fff;
    border: 1px solid #eaeaea;
    width: 14%;
    float: left;
    padding: 5px;
}
#formRender .tabcontDirectionAsd2 {
    height: 470px;
    /* padding-top: 5px !important; */
    border-right: none;
    padding: 0px 4px;
    border: none;
    padding-left: 6px !important;
    width: 100% !important;
    background-color: transparent;
}
#formRender {
    background-color: #f9f9f9;
    padding: 4px;
    display: inline-block;
    width: 100%;
}
#formRender .tabcontDirectionAsd2 .confbrowse.nav-tabs > li.active {
    /* border-radius: 0; */
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    /* border-top: none; */
    border-bottom: none;
}
#formRender .tabcontDirectionAsd2 .confbrowse.nav-tabs > li, #formRender .tabcontDirectionAsd2 .confbrowse.nav-tabs > li:hover, #formRender .tabcontDirectionAsd2 .confbrowse.nav-tabs > li:focus {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-bottom: none;
    padding: 0;
    border-radius: 6px;
}
#formRender .tabcontDirectionAsd2  .confbrowse.nav-tabs > li a, #formRender .tabcontDirectionAsd2 .confbrowse.nav-tabs > li a:hover, #formRender .tabcontDirectionAsd2  .confbrowse.nav-tabs > li a:focus {
    background: none !important;
    border: none;
    color: #555;
}
#formRender .tabcontDirectionAsd2 .tab-content {
    background-color: #eaeaea;
    height: 433px;
    border: 1px solid #dcdcdc;
    border-top: none;
}
#formRender .tabcontDirectionAsd2 .tab-content .tab-pane {
    /* border: 1px solid #e2e2e2; */
    border-top: none;
    /* height: 407px !important; */
    background-color: transparent;
    padding: 0;
    margin: 4px;
}
#formRender .panel-group {
    margin-bottom: 0;
}
#formRender  #accordionWndwos3 .panel-title a.active:after{
    bottom: 14px;
    left: 99% !important;
}
#formRender .tabcontDirectionAsd2 .boxCommonInner {
    padding: 4px 5px 0px;
    background-color: #fff;
    margin: 0 !important;
    min-height: 425px !important;
    border: solid 1px #d8d8d8 !important;
}
.modal-body #formRender {
    border: 1px solid #eaeaea;
}
.modal-body #formRender #accordionWndwos3 .panel-default a {
    padding: 15px 0px 0px 0px !important;
}

.modal-body  #formRender .tabcontDirectionAsd2 .tab-content{
    height: 460px;
    margin-top:8px;
}
.modal-body  #formRender .brwseTab .tab-content{
    margin-top:0 !important;
    height: 434px !important;
}
.modal-body  #formRender .tabcontDirectionAsd2 .boxCommonInner {
    min-height: 451px !important;
}
#formRender .tabcontDirectionAsd2 .boxCommonInner{
    min-height: 424px !important;
}
#runtab3 #formRender .tabcontDirectionAsd2 .tab-content{
    /* height: 383px; */
    border-left:none;
}
#runtab2 #formRender  .brwseTab{
    height: 434px !important;
    margin-top:5px !important;
}
#runtab2 #formRender  .brwseTab .tab-content .tab-pane{
    height: 430px !important;
}
#runtab2 #formRender .tabcontDirectionAsd2 .tab-content{
    height: 474px !important;
    /* margin-top:42px; */
}
#runtab2 #formRender .brwseTab .tab-content{
    height: 430px !important;
}
#runtab2 #formRender .tabcontDirectionAsd2 .boxCommonInner {
    min-height: 465px !important;
    width:99.3% !important;
}
#runtab2 #formRender .tabcontDirectionAsd2{
    height: 474px !important;
}
#runtab3  #formRender .tabcontDirectionAsd2 .boxCommonInner{
    min-height: 424px !important;
    height: 374px;
}
#runtab3  #formRender .tabcontDirectionAsd2 .boxCommonInner .brwseTab .tab-content{
    height: 408px !important;
}
#runtab3  #formRender{
    background-color: transparent !important;
    padding: 4px 0 !important;
}
#runtab3 #formRender .tabcontDirectionAsd2{
    width:100%;
}
#runtab3 #formRender  .confbrowse{
    display:none;
}
#runtab3  #formRender #tabincontenterNewAsd3 { min-height: 411px;}
.modal-body  #formRender .tabcontDirectionAsd2 .brwseTab{
    height: 408px;
}
.modal-body  #formRender .tabcontDirectionAsd2 .brwseTab .tab-content .tab-pane{
    height: 406px !important;
}
#browserConifgform #formRender .boxcommbrowse{
    min-height: 360px !important;
    height: 277px;
}
#browserConifgform  .modal-body .tabcontDirectionAsd2 {
    width:100%;
}
#browserConifgform .modal-body #formRender .tabcontDirectionAsd2 .tab-content {
    height: 383px;
    border-top: 1px solid #dcdcdc;
}
#runtab3  #formRender{
    height: 423px;
}
#runtab3  #formRender #tabincontenterNewAsd3{min-height: 410px !important;}
#runtab3 #formRender #accordionWndwos3 .panel-title a.active:after {
    left: 91% !important;
    bottom: 12px;
}
#runtab2 #formRender{
    height: 470px !important;
    padding: 5px 0 !important;
}
#runtab2 #formRender .tabcontDirectionAsd2 {
    padding-top:0 !important;
}
#runtab2 #formRender #tabincontenterNewAsd3 {
    margin: 0 !important;
}
#runtab3 #tabconfig3 #formRender .brwseTab{
    height: 328px !important;
}
#runtab3 #formRender #accordionWndwos3 .panel-default a {
    padding: 15px 0px 6px 0px !important;
}
#browserConifgform #formRender {
    /* height: 416px !important;  */
}
#browserConifgform #formRender .tabcontDirectionAsd2 #formRender{
    height:424px !important;
    width: 99.1%;
}
.modal-body #formRender #accordionWndwos3 .panel-title a.active:after {
    left: 91% !important;
    bottom: 15px;
}
#browserConifgform #formRender .tabcontDirectionAsd2 #formRender .tabcontDirectionAsd2{
    height:424px !important;
}
#browserConifgform #formRender .tabcontDirectionAsd2 #formRender .tabcontDirectionAsd2 .boxCommonInner {
    min-height: 374px !important;
}
#browserConifgform #formRender #tabincontenterNewAsd3 {
    min-height: 414px !important;
    margin:0 !important;
}
#browserConifgform #formRender .tabcontDirectionAsd2{
    padding-top: 0px !important;
}
#browserConifgform .modal-body #formRender .tabcontDirectionAsd2 .brwseTab {
    height: 357px !important;
}
#browserConifgform .modal-body #formRender .tabcontDirectionAsd2 .brwseTab .tab-content {
    height: 357px !important;
}
#tabincontenterNewAsd1prcr .countStepflow{
    border-color:#333 !important;
}
.mx-background-top-linear {
    /* background: linear-gradient(135deg, #e8e8e8    48%, #ffffff 48%); */
    /* background: linear-gradient(
        135deg
        , #e8e8e8 18%, #ffffff 18%); */
    height: 21px;
    padding:0px 8px;
    color: #393939;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}
.mx-background-top-linear i{
    font-size:15px;
}

#myModal2sad123Prof .modal-body #formRender .tabcontDirectionAsd2 .brwseTab .tab-content .tab-pane {
    /* height: 302px !important; */
    min-height: 406px !important;
}
#runtab2 #formRender .seltaberrnew{display:none;}
#runtab2 #formRender .tab-content.tabcontDirectionAsd2{
    width: 100% !important;
}
.profiletable{padding:10px;}
.runhtmlpg #runtab2  #tabconfig3.tab-pane{
    margin:0 !important;
}
#runtab2 #formRender .brwseTab .nav-tabs{
    /* display:none; */
}
#runtab2 #formRender .brwseTab .tab-content{
    /* width:100%; */
}
#runtab2 #formRender .brwseTab .tab-content .profiletable .creIntask{
    background-color: #06c806 !important;
}
#runtab2 #formRender .brwseTab .tab-content .profiletable .creIntask i.fa-plus{
    -webkit-text-stroke: 2px #06c806 !important;
}
#runtab2 #formRender .brwseTab .tab-content .profiletable .formNxta{
    width:66% !important;
}
.modal-body #formRender .brwseTab .tab-content .profiletable .creIntask{
    background-color: #06c806 !important;
}
.modal-body #formRender .brwseTab .tab-content .profiletable .creIntask i.fa-plus{
    -webkit-text-stroke: 2px #06c806 !important;
}
#myModaldesignIdePop .secOsVerlist{
    width:100%!important;
}
#myModaldesignIdePop .tabcontDirectionAsd1prcr .tab-pane{padding:0 !important;}
#myModaldesignIdePop .runhtmlpg .tab-pane .tabcontDirectionAsd2 .tab-content{
    height:469px !important;
}
#myModaldesignIdePop  .runhtmlpg .tabcontDirectionAsd2 .boxCommonInner{
    /* height:433px !important; */
}
#myModaldesignIdePop .breadcrumb-warning {
    background-color: #a5a5a5;
    display: inline-block;
    width: 100%;
}
#myModaldesignIdePop  .nextpagelist h4{
    margin: 20px 8px !important;
    color: #666 !important;
    font-size: 12px !important;
    padding: 15px 5px 0px 12px !important;
}
#myModaldesignIdePop  .temAppBox:hover{
border-color:#06c806;
}
#myModaldesignIdePop .temAppBox:hover h4,#myModaldesignIdePop .temAppBox:hover h4 i{
    color:#06c806 !important;
}
#myModaldesignIdePop #accordionWndwos3 .panel-title a.active:after{
    left: 72.4% !important;
}
/* #myModaldesignIdePop .seltaberrnew #accordionWndwos3 .panel-title i{
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #dd5b74;
    line-height: 20px;
    border-radius: 50px;
} */
.modaldesigns .modal-header{
    /* background-color:#06c806 !important; */
    background-color:#d4d4d4 !important;
    border-radius: 10px 10px 0 0px;
    /* border: none; */
    box-shadow: none;
    padding: 8px;
}
.modaldesigns .modal-header .modal-title{color:#505050  !important;}
.modaldesigns .modal-header .close{
    border: 1px solid #fff;
    color: #fff !important;
    background-color: #f70202;
    width: 16px;
    height: 16px;
    line-height: 10px;
    opacity: 1!important;
    font-size:10px;
}
.modaldesigns .modal-body input{
    border: solid 1px #efefef !important;
    border-radius: 3px;
    height: 37px;
    background-color: #f3f3f3;
    font-size: 11px;
}
.modaldesigns .modal-body label{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.modaldesigns .modal-body{
    background-color:transparent !important;
    height: 170px;
}
.modaldesigns .modal-content{border-radius:10px !important;}
.modaldesigns .btn-grad{
    top: 72px;
    right: 42%;
    margin: 12px;
}
.modaldesigns .modal-content{
    background: #04040452!important;
    border: 1px solid #ffffff;
    /* filter: contrast(0.5); */
}
.modaldesigns .modal-header {
    /* background-color: transparent !important; */
}
.modaldesigns .modal-header .close:hover{
    color:#777 !important;
    background-color: #dadada !important;
}
.modaldesigns .modal-header .modal-title{
    /* color: #000 !important; */
}
.modaldesigns .modal-body input{
    border: solid 1px #efefef !important;
    background-color: #ffffff94  !important;
    color: #424242  !important;
    font-size: 12px;
}
 .modaldesigns .btn-grad,#setCreatCondi .modaldesigns .btn-grad{
    box-shadow:none !important;
    background-color: #06c806;
    border: 1px solid #eaeaea !important;
}
.modaldesigns .btn-grad:hover{
    /* background-position: right center; */
    color: #fff;
    text-decoration: none;
    background-color: #05ea05;
}
.middleSectMaker .treeclbread{
    border-radius: 0;
    /* border: none; */
    position: relative;
    bottom: 7px;
    right: 0px;
    top: -10px;
    height: 35px;
    border: 2px groove #fff;
}
.pinnerOne{
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #adadad;
    border-radius: 50px;
    bottom: 3px;
    left: 3px;
    z-index: 99;
    box-shadow: inset 1px 1px 2px rgb(255 255 255 / 30%), inset 3px 15px 45px rgb(0 0 0 / 20%), inset -1px -1px 2px rgb(0 0 0 / 50%), inset -3px -15px 45px rgb(255 255 255 / 10%), 1px 5px 10px -4px rgb(0 0 0);
}
.pinnerTwo{
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #adadad;
    border-radius: 50px;
    bottom: 3px;
    right: 3px;
    z-index: 99;
    box-shadow: inset 1px 1px 2px rgb(255 255 255 / 30%), inset 3px 15px 45px rgb(0 0 0 / 20%), inset -1px -1px 2px rgb(0 0 0 / 50%), inset -3px -15px 45px rgb(255 255 255 / 10%), 1px 5px 10px -4px rgb(0 0 0);
}
.treeclbread a{
    font-weight: normal;
    font-size: 12px;
}





.breadcrumb-warning .breadcrumbnew {
    text-align: left;
    padding: 0px;
    margin: 0px;
  }
.breadcrumb-warning  .breadcrumbnew li {
    float: left;
    margin:0px;
    list-style: none;
    height: 33px;
  }
  .breadcrumb-warning  .breadcrumbnew li:first-child a{
    border-radius: 5px 0 0 5px;
}
.breadcrumb-warning .breadcrumbnew li:last-child a {
    border-radius: 0px 5px 5px 0px;
}
.breadcrumb-warning .breadcrumbnew a {
    color: #fff;
    /* background-image: linear-gradient(to top, #b1b1b1 26%, #dad6d6 63%, #e2e2e2 100%); */
    /* background-image: linear-gradient(to top, #b1b1b1 10%, #dad6d6 44%, #e2e2e2 72%); */
    text-decoration: none;
    position: relative;
    height: 30px;
    line-height: 32px;
    text-align: center;
    margin: 2px 0px;
    padding: 0 36px;
    display: block;
    font-size: 11px;
    /* box-shadow: 0px 0px 2px 1px #717171b8;
    border-left: 1px solid #ffffffc4; */
    width: 152px;
  }
  .breadcrumb-warning .breadcrumbnew i.fa{
    position: relative;
    z-index: 9;
    font-size: 20px;
    left: 0;
    top: -27px;
    color: #bfbfbf;
  }
  
/* .breadcrumb-warning .breadcrumbnew a::before,
.breadcrumb-warning .breadcrumbnew a::after {
    content: "";
    position: absolute;
    border-color: #86d06e;
    border-style: solid;
    border-width: 15px 5px;
  }
  
.breadcrumb-warning .breadcrumbnew a::before {
    left: -10px;
    border-left-color: transparent;
  }
.breadcrumb-warning .breadcrumbnew a::after {
    left: 100%;
    border-color: transparent;
    border-left-color: #86d06e;
  } */
  
.breadcrumb-warning .breadcrumbnew a:hover {
    /* background-image: linear-gradient(to top, #92cf73 26%, #94e46d 63%, #62cb31 100%); */
    background-color: #b3b3b3;
  }
.breadcrumb-warning .breadcrumbnew a:hover::before {
    border-color: #ff95b8;
    border-left-color: transparent;
  }
.breadcrumb-warning .breadcrumbnew a:hover::after {
    border-left-color: #ff95b8;
  }
  /* reset + base effect */
  
/* .breadcrumb-warning .breadcrumbnew  a{
      background-color: #D7263D;
      color: #ffffff;
      
      font-family: 'Pontano Sans',sans-serif;
      font-size: 16px;
      padding: 14px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
  } */

.dragabledrop {
    padding: 6px !important;
    cursor: move;
    /* background-image: linear-gradient(to top, #484848 4%, #f5f5f5 0%, #f5f5f5 100%); */
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    border-left-color: #484848;
}

.switchmanrec {
    width: 180px;
    height: 50px;
    position: relative;
    left:74px;
    top:10px;
}
.switchmanrec label {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #a5a39d;
    border-radius: 40px;
    box-shadow:
        inset 0 3px 8px 1px rgba(0,0,0,0.2),
        0 1px 0 rgba(255,255,255,0.5);
}

.switchmanrec label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -8px; right: -8px; bottom: -8px; left: -8px;
    border-radius: inherit;
    background: #ccc; /* Fallback */
    background: linear-gradient(#f2f2f2, #ababab);
    box-shadow: 0 0 10px rgba(0,0,0,0.3),
        0 1px 1px rgba(0,0,0,0.25);
}
.switchmanrec label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -18px; right: -18px; bottom: -18px; left: -18px;
    border-radius: inherit;
    background: #eee; /* Fallback */
    background: linear-gradient(#e5e7e6, #eee);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -webkit-filter: blur(1px); /* Smooth trick */
    filter: blur(1px); /* Future-proof */
}
.switchmanrec label i {
    display: block;
    height: 100%;
    width: 60%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: inherit;
    background: #b2ac9e; /* Fallback */
    background: linear-gradient(#f7f2f6, #b2ac9e);
    box-shadow:
        inset 0 1px 0 white,
        0 0 8px rgba(0,0,0,0.3),
        0 5px 5px rgba(0,0,0,0.2);
}

.switchmanrec label i:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 25%;
    width: 70%;
    height: 50%;
    background: #d2cbc3; /* Fallback */
    background: linear-gradient(#cbc7bc, #d2cbc3);
    border-radius: inherit;
}

.switchmanrec label i:before {
    content: "Record";
    position: absolute;
    top: 56%;
    right: -59%;
    margin-top: -12px;
    color: #666;
    color: rgba(0,0,0,0.4);
    font-style: normal;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
}

.switchmanrec input:checked ~ label { /* Background */
    background: #9abb82;
}

.switchmanrec input:checked ~ label i { /* Toggle */
    left: auto;
    right: -1%;
}

.switchmanrec input:checked ~ label i:before { /* On/off */
    content: "Manual";
    right: 102%;
    color: #82a06a;
    text-shadow: 0 1px 0 #afcb9b, 0 -1px 0 #6b8659;
}
.switchmanrec input{
    position: absolute;
    left: 2%;
    top: 7%;
    width: 106%;
    height: 34px;
    z-index: 9;
    opacity: -0.5;
}

.form_builder_field{
width:100% !important;
}

dropdown.MoveIcons{
    display: inline-block;
    margin: 20px 50px; 
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    box-sizing: border-box;
    float:right;
    right: 8px;
    position: absolute;
    top: 10%;
    z-index: 999999;
 }
 dropdown.MoveIcons label, dropdown.MoveIcons ul li{
   display: block;
 }
 dropdown.MoveIcons label:hover, dropdown.MoveIcons ul li:hover{
   color: #333;
   cursor: pointer;
 }
 dropdown.MoveIcons label{
    /* color: #1ABC9C;
    position: relative;
    z-index: 2; */

    color: #000000;
    position: absolute;
    z-index: 2;
    border: solid 1px red;
    height: 20px;
    width: 20px;
    /* margin-right: 0; */
    /* padding-right: 0; */
    right: 6px;
    text-align: center;
    /* border-radius: 50px; */
    font-size: 12px;
    line-height: 20px;
    top: -6px;
 }
 dropdown.MoveIcons label i{
     float: none !important;
 }
 dropdown.MoveIcons input{
   display: none;
 }
 dropdown.MoveIcons input ~ ul{
   position: relative;
   visibility: hidden;
   opacity: 0;
   top: -20px;
   z-index: 1;
 }
 dropdown.MoveIcons input:checked + label{
   background: #1ABC9C;
   color: white;
 }
 
 dropdown.MoveIcons input:checked ~ ul{
   visibility: visible;
   opacity: 1;
   top: 0;
   background: #d9d9d9;
    top: 15px;
    padding: 10px;
    height: 184px;
 }
 dropdown.MoveIcons input:checked ~ ul li {
    bottom: 24px;
    position: relative;
}
dropdown.MoveIcons input:checked ~ ul:before {
    font-family: 'FontAwesome';
    position: relative;
    bottom: 24px;
    content: "\f078";
    float: right;
    color: #a5a5a5;
    right: -11px;
}
.ogbreadcrumb{
    /* padding: 5px 15px 5px 10px; */
    padding: 0px 15px 1px 0;
    margin: 0;
    background: #939393;
    border-radius: 0;
    overflow: hidden;
    line-height: 0;
    margin-left: 12px;
}
.ogbreadcrumb li{
    /* float: left;
    position: relative; */

    float: left;
    position: relative;
    /* background-color: #a9a6a6; */
    background: linear-gradient(to bottom, #7b7b7b 5%, #bcbcbd 100%);
    /* margin-right: 16px; */
    padding-right: 24px;
    position: relative;
    padding-left: 9px;
    border-radius: 2px;
}
.ogbreadcrumb li:last-child::after{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #12abb3;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 20%);
    text-align: center;
    position: absolute;
    /* top: -140%; */
    /* left: -25%; */
    border-radius: 9px;
    font-size: 10px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgb(56 54 54 / 86%);
    text-align:center;
}
.sintooltip:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #ececec transparent transparent transparent;
    position: absolute;
    left: 40%;
}
.con-tooltip:hover .sintooltip {
    visibility: visible;
    transform: translateY(-10px);
    opacity: 1;
    transition: .3s linear;
    animation: odsoky 1s ease-in-out infinite alternate;
}
.con-tooltip .sintooltip p{margin:0;}

/* popover styles */

.tree_js .popover {
	text-align: center;
	line-height: 1.4em;
	margin: 40px auto;
	background-color: #fff;
	/* border: 4px solid #333 !important;
    border-radius: 30px; */
    border: 3px solid #8a09ff !important;
    border-radius: 5px !important;
    /* padding: 20px 0px 0px 20px; */
    padding: 0 !important;
    font-size: large;
    /* background-image:url(../../../../../assets/images/tooltip3.png);
    background-repeat:no-repeat;
    background-size:150px;
    background-color:transparent !important; 
    box-shadow:none !important;
    border:none !important;
    width: 300px;
    height: 120px;
    background-size: 140px;
    padding: 35px 0 0 30px !important; */
}
.ogbreadcrumb > li + li::before {
    /* padding: 0 5px;
    color: #ccc;
    content: "/\00a0"; */
    padding: 0 5px;
    color: #ccc;
    /* content: "/\00a0"; */
    content: "\f0d9";
    position: absolute;
    left: -17px;
    /* left: -17px;
    font: normal normal normal 14px/1 FontAwesome; */
    font: normal normal normal 35px/1 FontAwesome;
    top: -6px;
    /* top: 4px; */
}

/* .popover.fade {
	width: 180px;
	border-radius: 200px;
	padding: 10px;	
}

.popover:before,
.popover:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.popover.fade.in:before,
.popover.fade.in:after {
	right:50%;
	bottom: -30px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 5px solid #333;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}

.popover.fade.in:after {
	width: 15px;
	height: 15px;
	right:50%;
	bottom: -40px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
} */
.tree_js .popover.top>.arrow{
    /* display:none */
    /* border: 2px solid #84b9fb !important;
    background-color: #8a09ff !important; */
    /* border-color: #8a09ff !important; */
}
#myelement23{
    position: absolute;
    right: 21px;
    top: 40px;
    /* width: 80px; */
    /* background-color: #1a98c5; */
    background-color: #b9b9b966;
    /* z-index: 99999999999; */
    width: 30px;
    border: transparent;
    color: #569825;
    font-size: 19px;
    /* text-shadow: 1px 1px 1px #887f7f; */
}
#myelement23:hover{
    background-color: #b9b9b982;
    cursor: pointer;
}
#myelement23:hover:after{
    border-top: 10px solid #0f799e;
}
#myelement23:after{
    content: '';
    position: absolute;
    left: 17%;
    top: 103%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /* border-top: 10px solid #1a98c5; */
    border-top: 10px solid #7d7d7d;
    clear: both;
    visibility: hidden;
}
.trreeMinGridCntr ul li svg:hover{
    background-color: #78d5f7 !important;
    cursor: pointer;
    cursor: pointer;
}
.trreeMinGridCntr ul li svg:active {
    transform: scale(0.96);
}
.optionManuelbt:hover{
    background-color: #c36500 !important;
    cursor: pointer;
}
.optionManuelbt:active {
    transform: scale(0.96);
}
.creInschedule:hover{
    background-color: #c36500 !important;
    color: #fff;
    cursor: pointer;
}
.creInschedule:hover i{
    -webkit-text-stroke: 2px #c36500 !important;
}
.creInschedule:active {
    transform: scale(0.96);
}

.setMainBtn:hover{
    background-color: #c36500 !important;
    color: #fff;
    cursor: pointer;
}
.setMainBtn:active {
    transform: scale(0.96);
}

.interPhaseSettree:hover{
    background-color: #c36500 !important;
    color: #fff;
    cursor: pointer;
}
.interPhaseSettree:active {
    transform: scale(0.96);
}

.mainsetApitreeSectr:hover{
    background-color: #c36500 !important;
    color: #fff;
}
.mainsetApitreeSectr:active {
    transform: scale(0.96);
}


.addSetBtn:active {
    transform: scale(0.96);
}

.modal-body #formRender .brwseTab .tab-content .profiletable .creIntask:hover{
    background-color: #05a205 !important;
    color: #fff;
}
.modal-body #formRender .brwseTab .tab-content .profiletable .creIntask:active {
    transform: scale(0.96);
}
.modal-body #formRender .brwseTab .tab-content .profiletable .creIntask:hover i{
    -webkit-text-stroke: 2px #05a205 !important;
}

.topbreadcrumbA button:active {
    transform: scale(0.96);
}
.topbreadcrumbB button:active {
    transform: scale(0.96);
}

.setDynEdiDel:hover{
    cursor: pointer;
    background-color: #2a8300 !important;
    box-shadow: 0px 3px 4px 0px black !important;
}
.createCompBtn:hover{
    cursor: pointer;
    color: #fff !important;
    border: solid 2px #fff;
}
.createCompBtn:active {
    transform: scale(0.96);
}

.directtoFlowAAa:hover{
    background-color: #c36500 !important;
    color: #fff;
}
.directtoFlowAAa:active {
    transform: scale(0.96);
}

#loginSubmitter:hover{
    cursor: pointer;
    background-color: #3a5592 !important;
}
#loginSubmitter:active {
    transform: scale(0.96);
}

.login-container .btn-defau:hover{
    cursor: pointer;
    color: #000 !important;
}
.login-container .btn-defau:active {
    transform: scale(0.96);
}

.forgopas:hover {
    color: #000 !important;
}
.forgopas:active {
    transform: scale(0.96);
}

#setSetrReg:hover{
    cursor: pointer;
    background-color: #3a5592 !important;
}
#setSetrReg:active {
    transform: scale(0.96);
}

#direcPro:hover{
    cursor: pointer;
    background-color: #3a5592 !important;
}
#direcPro:active {
    transform: scale(0.96);
}
#myModalEachMakePagerect .modal-header .close:hover{
    color: #eee !important;
}
.setFlowMkrDiv{
    width: 100% !important;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 50%) !important;
}

.mainSeleForFlwCre{
    /* width: 100%;  */
    position: absolute;
    /* top: 35%; */
    /* left: 23%; */
    /* transform: translate(-50%, 50%); */
    text-align: center;
}

.sectorLogin .spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.spyscnBtns button.depressed {
    background: #c40101 !important;
}

.viewhistoryNlive{
    width: 411px;
    padding-top: 0;
    position: absolute;
    background-color: #30333B;
    height: 475px;
    border: solid 4px #828282;
    margin-left: 8px;
    left: 46px;
    display: none;
    background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    top: 51px;
}

.viewSpySection{
    width: 405px;
    padding-top: 0;
    position: absolute;
    background-color: #30333B;
    height: 475px;
    border: solid 4px #828282;
    margin-left: 8px;
    left: 50px;
    display: none;
    background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    top: 51px;
}
.viewScanSection{
    width: 405px;
    position: absolute;
    background-color: #30333B;
    height: 379px;
    border: solid 1px #808080;
    margin-left: 8px;
    left: 46px;
    display: none;
    /* background-color: rgb(126, 52, 52) !important; */
    background-color: transparent !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px; */
    top: 51px;
}
@media screen and (max-width:1400px) {
    .viewScanSectiona{
        height: 291px !important;
    }
    .viewScanSection{
        height: 291px !important;
        top: 100px !important;
    }
    .viewSpySection{
        height: 355px !important;
        top: 43px !important;
        left:23px !important;
    }
}
.viewScanSectiona{
    width: 100%;
    display: inline-block;
    background-color: #30333B;
    height: 377px;
    border: solid 1px #808080;
    margin-left: 8px;
    float: left;
    background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    position: relative;
    
}
.viewScanSectionb{
    width: 300px;
    display: inline-block;
    background-color: #30333B;
    height: 475px;
    border: solid 1px #808080;
    margin-left: 8px;
    float: left;
    background-color: #ccc !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(146 141 141);
    background-size: auto, auto, auto, auto, auto, auto, auto, auto, auto;
    background-size: 8px 8px, 8px 8px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
    position: relative;
    
}
.headSectrSpyScan {
    background-color: #828282;
    color: #fff;
    text-align: left;
    padding: 3px;
    padding-left: 2px;
}


.selectionAppCntrNew {
    position: absolute;
    top: 34px;
    bottom: 0;
    width: 100%;
    background-color: #484848;
    z-index: 99;
    border: solid 4px #828282;
    padding: 15px 15px 0px 15px;
    text-align: left;
}
.selectionAppCntrNew .form-group label{
    color: #fff;
}
.selectionAppCntrNew p{
    color: #fff !important;
}
.selectionAppCntrNew .listAppliess li p {
    color: #fff;
}
.listBrwView{
    display: none;
}
.listBrwView li{
    width: 19% !important;
}
.listBrwView li .browInsid{
    width: 100% !important;
    height: auto !important;
}
.flwtMobCntr ul li.activerty{
    color: #00afcc;
}
.flwtMobCntr ul li{
    position: relative;
}
.flwtMobCntr ul li.activerty:after{
    display: block;
}
.flwtMobCntr ul li:after {
    content: '';
    position: absolute;
    /* right: 12px; */
    right: 17px;
    bottom: 0px;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent #828282 transparent;
}
.listHistoryLeft{
    position: absolute;
    width: 142px;
    left: 0;
    top: 0px;
    bottom: 0;
    background-color: #484848;
}
.listHistoryLeft h5, .listHistoryLeft1 h5{
    color: #fff;
    background-color: #979797;
    padding: 3px;
    margin-top: 0;
}
.hisTaber{
    width: 100%;
    background-color: #484848;
    border-bottom: solid 1px #5b5a5a;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    position: relative;
}
.hisTaber .flowEditBt{
    border: none !important;
}
.hisTaber .flowDelBt{
    border: none !important;
}
.showhisreturn {
    border-radius: 4px;
    font-size: 12px;
    background: linear-gradient(to bottom, #989898 5%, #00a200 100%) !important;
    border: solid 1px #3c3c3c !important;
    box-shadow: inset 0px 1px 0px 0px #bcbcbd;
    position: absolute;
    right: 0;
    color: #fff;
    top: 31px;
    right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
}
/* #toglingLiveContr{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #00b7ff;
    top: 19px;
    border-radius: 50px;
    right: -9px;
} */
#toglingLiveContr, #toglingLiveContrMob {
    position: absolute;
    /* width: 55px; 
    height: 50px; */
    width: 40px;
    height: 37px;
    background-color: #eeeeee;
    /* top: 19px;
    border-radius: 50px; */
    top: 50px;
    /* right: -57px; */
    right: 4px;
    /* line-height: 57px; */
    line-height: 38px;
    border-radius: 5px;
}

.listHistoryLeft2 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 27px;
    bottom: 0;
    background-color: #fff;
    text-align: left;
}
.listHistoryLeft2 h5 {
    color: #fff;
    background-color: #979797;
    padding: 3px;
    margin-top: 0;
}
.histiList{
    width: 29%;
    float: left;
    background-color: #484848;
    min-height: 440px;
}
.histiListContent{
    width: 71%;
    float: left;
    background-color: #fff;
    min-height: 440px;
}
.viewScanSectiona .trees li > label:hover {
    border: solid 1px #85cde3;
    width: 100%;
}
.importingBrow {
    position: absolute;
    right: 108px;
    top: 50px;
    width: auto;
    padding: 0;
    background-color: white;
    color: #555;
    text-align: center;
    font-size: 12px;
    border: solid 1px #e78bea;
    border-radius: 5px;
    cursor: pointer;
}

#formRender .brwseTab .nav.nav-tabs{
    min-height: 455px;
    background-color: #484848;
    border-right: 8px solid #c5c5c5;
}
/* .brwseTab .nav.nav-tabs li a{
    background-color: transparent !important;
    padding: 6px !important;
    text-align: left;
} */
.brwseTab .nav.nav-tabs li a{
    background-color: transparent !important;
    text-align: left;
    border: none;
    border-bottom: 1px solid #7f7f7f;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px !important;
    margin-right: 0;
}
.brwseTab .nav.nav-tabs li a:hover,.configBrowStyle .nav.nav-tabs li.active a, .configBrowStyle ul.nav.nav-tabs li a:hover{color: #62cb31 !important;}

.brwseTab .nav.nav-tabs li.active a{
    background-color: #403f3f !important;
    padding: 10px;
    /* border: none; */
    text-align: left;
    /* color: #06c806; */
    color: #62cb31;
    border-left: 0;
    border-top: 0;
}
.modal-body #formRender .tabcontDirectionAsd2 .tab-content {
    height: auto !important;
}
#formRender .tabcontDirectionAsd2{
    height: auto !important;
}
#formRender .tabcontDirectionAsd2 .tab-content .tab-pane{
    border: none;
    padding: 0;
}
.breaddrops a {
    font-size: 12px;
}
.breaddrops a i{
    position: relative;
    top: 10px;
    margin-right: 6px;
}
.breaddrops #selectedFlow{
    display:block !important;
}
.showapplicatiList {
    /* left: 10px; */
}
.Liactive,.tabactive{
    background: #383838 !important;
    border-bottom: none !important;
    border-radius: 0px 8px 8px 0px !important;
}
.Liactive a i,.tabactive a i{
    color: #ff8100 !important;
}
.droplight,.dertyu a:hover{
color:#84de41;
}
.droplight i{
    color: #ff8100 !important;
}
.serviceindiv {
    background-color: #403f3f !important;
    height:350px;
    overflow-y:hidden;
    overflow-x:hidden;
}
.poperApplPageIn::-webkit-scrollbar {
    display: none; 
  }
  .poperApplPageIn .nav-side-menu{
    margin-left: 20px;
  }
  .mgleft{
      margin-left:20px !important;
  }
  .normalview{
    padding: 3px 0px 0 0px;
  }
  .closeBtnHover:hover{opacity:0.5 !important;}
  .guestImportBrow .toinstbox ul li{color: #616161;background: #f6f6f6;height: 40px;border: none;border-bottom: solid 1px #ccc;}
  .guestImportBrow .toinstbox ul li img{margin-right: 5px;}
  .guestImportBrow .enterToininbtn{background-color: #62cb31 !important;}
  .guestImportBrow .toinstbox ul li button{width: 80px;height: 25px;border-radius: 3px;margin-right: 5px;}
  .guestImportBrow .enterToininbtn:hover{background: #398217 !important;}
  .guestImportBrow .enterTouninbtn{color: #fff !important;}
  .guestImportBrow .enterTouninbtn:hover{background: #626161 !important;}
  .selecOsBox p img{padding-right: 4px;}
  .closeMachineList, .closeDataopsList{   right: 20px;
    top: 10px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 18px;
    border-radius: 4px;
    z-index: 9999 !important;
    color: #fff;
    opacity: 0.4;
    position: absolute;
    cursor: pointer;}
.closeMachineList:hover{color: #fff;opacity: 0.8;}
.closeDataopsList:hover{color: #000;opacity: 0.8;}
.pipelineTaskStyle .checkerrAp li.active{background: #403f3fb5 !important;}
.pipelineTaskStyle .checkerrAp li.active a:after{display: none;}
.closelistingofAddtaskStyle, .closelistingofAddtaskMain, .closelistingofAddtaskTemp{position: absolute;
    right: 15px;
    top: 20px;
    font-size: 12px;
    color: #9d9fa2;
    z-index: 999;
    background-position: 0 -0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-weight: bold;
}
.closelistingofAddtaskStyle:hover, .closelistingofAddtaskMain:hover, .closelistingofAddtaskTemp:hover{color: #000000;}
.pipelineTaskStyle li.active .stepTop, .pipelineTaskStyle li .stepTop:hover {
    color: #84de41 !important;
}
.pipelineTaskStyle {    height: 82.5vh !important;}
/* .catogoryms-liaa:after, .configBrowStyle a:after{ */
.catogoryms-liaa:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid !important;
    border-width: 8px 6px 8px 0 !important;
    border-color: transparent #c5c5c5 transparent transparent !important;
    right: 0 !important;
    top: 10px;
    transform: none !important;
    display: none;
  }
  #popupAddDataFilterforComponents .catogoryms-lia:after{top:16px;}
  /* .catogoryms-lii.active .catogoryms-liaa:after, .configBrowStyle li.active a:after{ */
.catogoryms-lii.active .catogoryms-liaa:after{
    display: block !important;
  }
  .catogoryms-liaa.active:after{
    display: block !important;
  }
  .catogoryms-liaa:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid !important;
    border-width: 8px 6px 8px 0 !important;
    border-color: transparent #c5c5c5 transparent transparent !important;
    right: 0 !important;
    top: 10px;
    transform: none !important;
    display: none;
  }
.pipelineInnerStyle .panel-title a.active{    background-color: #403f3f !important;color: #62cb31 !important;}
.pipelineInnerStyle .panel-title a:hover{color: #62cb31 !important;}
.pipelineInnerStyle #accordionWndwos3 .panel-default a.active i{color:	#84de41 !important}
#formRender .brwseTab .tab-content{border: none !important;}
.setConfigStyle .panel-group{margin-bottom: 0px !important;}
.setConfigStyle .panel-group .panel-default a{box-shadow:none !important;background: #484848 !important;color: #fff !important;    padding-left: 7px !important;border-bottom: 1px solid #7f7f7f;}
.setConfigStyle .panel-group .panel-default a i{font-size: 11px;padding-right: 4px;}
/* .setConfigStyle .panel-group .panel-default a:hover i{color: #fff !important;} */
.setConfigStyle .panel-group .panel-default{box-shadow: none;border: none;border-radius: 0;background: none;margin-top: 0 !important;}
.setConfigStyle .panel-group .panel-default .panel-heading{font-weight: normal !important;}
.setConfigTabStyle li{background-color: #939393 !important;border-radius: 6px 6px 0 0 !important;}
/* .setConfigTabStyle li.active, .setConfigTabStyle .confbrowse li:hover{background-color: #f78205 !important;color: #fff !important;} */
.setConfigTabStyle li.active {
    background-color: #fff !important;
}
.setConfigTabStyle li a{color: #fff !important;}
.setConfigTabStyle li.active a{color: #f78205 !important;}
.configBrowStyle .nav.nav-tabs{background-color: #484848 !important;float: none !important;height: auto !important;}
.configBrowStyle{height: 54vh !important;border: 6px solid #c5c5c5 !important;}
.configBrowStyle ul.nav.nav-tabs li{width: 100%;padding: 0 !important;}
.configBrowStyle ul.nav.nav-tabs li a{ padding: 25px 0 5px !important;text-transform: capitalize !important;font-size: 11px !important;text-align: center;}
.configBrowStyle .nav.nav-tabs li.active{width: 100%;}
.configBrowStyle .nav.nav-tabs li.active a{border: none;text-align: center;}
.configBrowStyle .nav.nav-tabs{width: 100%;}
.configBrowStyle .tab-content{width: 100%;height: 48vh !important;overflow-y: auto;}
.toolsBoxHeight .tab-content, .deviceBoxHeight .tab-content{height: 51vh !important;}
.configBrowStyle .tab-content .tab-pane{height: 335px;}
.setConfigContentStyle .tab-pane{margin: 0 !important;}
.setConfigContentStyle .boxonecommbrowse .addbrowser span, .setConfigContentStyle .boxOneProfSel .addedtlNotifr span, .setConfigContentStyle .boxOneDevSel .addedDevelNotifr span{right: 4px !important;top: 3px !important;}
.setConfigContentStyle .addbrowser span{    top: 5px;}
#confirmRemoveTool .modal-header, #confirmAddItem .modal-header, #browserConifgform .modal-header, #myModalEachMakeRef .modal-header{background: none !important;box-shadow: none;border: none;}
#confirmRemoveTool .modal-dialog, #confirmAddItem .modal-dialog,  #browserConifgform .modal-dialog{border: 8px solid #c5c5c5;}
#myModalEachMakeRef .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;}
#confirmAddItem .modal-body p, #confirmRemoveTool .modal-body p{color:#1a1a1a !important;text-align: left;padding: 3em 1em !important;}
.deviceBoxHeight .nav.nav-tabs{height: auto !important;min-height: 3.5vh;}
.deviceBoxHeight a:after, .toolsBoxHeight a:after{right: -1px !important;}
.boxTwoListStyle .addedtlNotifr span{top: 54px;right: 26px;}
.boxOneListStyle .addedtlNotifr span{right: 4px !important;top: 3px !important;}
.toolsBoxHeight{height: 61vh !important;}
.toolsBoxHeight .nav.nav-tabs{height: auto !important;min-height: 6.5vh;}
#PrflConifgform #formRender .tabcontDirectionAsd2, #formRender #PrflConifgform .tabcontDirectionAsd2{padding-left: 0 !important;}
#PrflConifgform #formRender{    padding-right: 0 !important;}
.webSelectedBig, .phoneSelectedBig, .apiSelectedBig, .desktopSelectedBig{position: absolute;left: 10%;transition: all 1s ease-in-out;top: 70px;}
.addTaskDivider{border-top: 8px solid #403f3f; margin: 0;}
.browTileDesign{width: 60px;height: auto;margin: 6px;box-shadow: none;border: none;}
/* .browTileDesign a{width: 56px;height: 58px;padding: 5px;cursor: pointer;border: solid 1px #ccc;display: block;text-align: center;line-height: 52px;border-radius: 3px;-webkit-box-shadow: 0 2px 9px -5px #6d6d6f;box-shadow: 0 2px 9px -5px #6d6d6f;}
.browTileDesign img{width: initial !important;margin-right: 0 !important;margin-bottom: 2px;}
.browTileDesign p{color: #000;font-size: 12px;margin-bottom: 0;cursor: initial;line-height: normal;margin-top: 5px;} */
/* .createProjStyle .panel:nth-child(1), .createProjStyle .panel:nth-child(1) .active {
    margin-top: 8px !important;
}
.createProjStyle .panel:nth-of-type(1), .createProjStyle .panel:nth-of-type(1) .active {
    margin-top: 8px !important;
} */
.rightSideSelectSmall h3{font-size: 20px;}
.rightSideSelectSmall .counterpoi-value{font-size: 16px;}
.rightSideSelectSmall .counterpoi{zoom:0.5;display: none;}
.createProjStyle .searchUnder:after{width: 20px;height: 34px;left: 0;}
.createProjStyle input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, .createProjStyle input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus{border:none !important}
.createProjStyle button:focus, .createProjStyle button:active:focus, .createProjStyle button:hover{outline: none;outline: none;outline-offset: 0;border:none;}
.breadcPagiStyle .pagination li a, .setHoverDataopsBox .pagination li a{background: #fff !important;
    padding: 2px 7px !important;
    color: #777 !important;
    font-size: 12px;}
.breadcPagiStyle .pagination li.active a{background: #f78205 !important;color: #fff !important;}
.setHoverDataopsBox .pagination li.active a{background: #62cb31 !important;color: #fff !important;}
::-webkit-scrollbar{height: 10px;width: 8px;border-radius: 5px;}
::-webkit-scrollbar-track {
    /* background: var(--scrollbarBG); */
    box-shadow: inset 0 0 5px #b6b6b6; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* background:  linear-gradient(180deg, #c36500 0%, #f78205 100%); */
    /* background:  linear-gradient(180deg, #b3b3b3 0%, #a1a1a1 100%); */
    background: linear-gradient(180deg, #7c7c7c 0%, #6b6a6a 100%);
}
::-webkit-scrollbar-thumb:hover {
    background:  linear-gradient(180deg, #f78205 0%, #c36500 100%);
}
.bigArrowRight:before{
    display: none;
    content: '';
    position: absolute;
    top: 0;
    right: -100px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 99;
    border-width: 182px 100px 180px 0px;
    border-color: transparent rgba(255, 255, 255, 0.12) transparent transparent;
    transform: rotate(180deg);
}
.bigArrowRightStyle::before{display: block;}
.secOslistStyle .selecOsBox, .secOslistStyle .selecOsBoxWeb, .secOslistStyle .selecOsBoxMob, .secOslistStyle .selecOsBoxDesk, .secOslistStyle .selecOsBoxTech, .secOslistStyle .selecOsBoxRec{background: #484848;border: none;border-bottom: 1px solid #7f7f7f !important;margin: 0;padding: 0;}
.secOslistStyle .selecOsBox.active, .secOslistStyle .selecOsBoxWeb.active, .secOslistStyle .selecOsBoxMob.active, .secOslistStyle .selecOsBoxDesk.active, .secOslistStyle .selecOsBoxTech.active, .secOslistStyle .selecOsBoxRec.active{background: #403f3f !important;}
.secOslistStyle .selecOsBox.active p, .secOslistStyle .selecOsBoxWeb.active p, .secOslistStyle .selecOsBoxMob.active p, .secOslistStyle .selecOsBoxDesk.active p, .secOslistStyle .selecOsBoxTech.active p, .secOslistStyle .selecOsBoxRec.active p{color: #84de41 !important;}
.secOslistStyle .selecOsBox p, .secOslistStyle .selecOsBoxWeb p, .secOslistStyle .selecOsBoxMob p, .secOslistStyle .selecOsBoxDesk p, .secOslistStyle .selecOsBoxTech p, .secOslistStyle .selecOsBoxRec p{color: #fff;font-size: 13px;padding-left: 10px !important;}
.secOsVerlistStyle .secOsVer:hover{background: #f78205;}
.browDetailsform{padding: 15px;margin:15px 0 0;border: 1px solid #ddd;display: inline-block;width: 100%;}
.secOsVerlistStyle .secOsVer.osMultiselect, .otherSectionApiMulSel .secOsVer.apiMultiselect,
.flowOsVerlistStyle .secOsVer.recMultiselect{background-color: #f78205;}
.listAppliessScrollSet{min-height: 48vh;height: 48vh;overflow-y: auto;border: 1px solid #ddd;padding: 0;}
.secApiAddStyle{float: left;margin: 5px;background: #f78205;width: 30px;height: 30px;text-align: center;line-height: 32px;border-radius: 50%;cursor: pointer;}
.otherSectionApiStyle{min-height: 63vh;border: 1px solid #ddd;height: 63vh;overflow-y: auto;padding: 5px;}
.otherSectionApiStyle .secOsVer{width: 18.5%;}
.otherSectionApiStyle .secOsVer:hover{background: #f78205;}
/* .disabledOrange .counterpoi-value{background: linear-gradient(to right, #ddd, #d5d5d5) !important;color: #000;} */
.disabledOrange:before, .disabledGreen::before, .disabledDarkgreen::before, .disabledRed::before {background: linear-gradient(135deg, #b2b1b1 50%,transparent 50%) !important;}
.disabledOrange:after, .disabledGreen::after, .disabledDarkgreen::after, .disabledRed::after {background: linear-gradient(135deg,#e1e1e1,#b7b7b7);box-shadow: -5px -5px 3px rgb(0 0 0 / 20%), -10px -10px #bdbdbd !important;}
.disabledOrange, .disabledGreen, .disabledDarkgreen, .disabledRed{color: #353535 !important;}
.disabledOrange:hover .counterpoi-value{background: linear-gradient(to right, #EA7A00, #F1980C) !important;color: #fff;}
.disabledOrange:hover:before{background: linear-gradient(135deg, #ce5409 50%,transparent 50%) !important;}
.disabledOrange:hover:after{background: linear-gradient(135deg,#fff,#f1f1f1);box-shadow: -5px -5px 3px rgb(0 0 0 / 20%), -10px -10px #ed8f1d !important;}
.disabledOrange:hover{color: #FB9500 !important;}
.disabledGreen:hover:before{background: linear-gradient(135deg, #00652F 50%, transparent 50%) !important;}
.disabledGreen:hover:after{background: linear-gradient(135deg,#fff,#f1f1f1);box-shadow: -5px -5px 3px rgb(0 0 0 / 20%), -10px -10px #006828 !important;}
.disabledDarkgreen:hover:before{background: linear-gradient(135deg, #004922 50%,transparent 50%) !important;}
.disabledDarkgreen:hover:after{background: linear-gradient(135deg,#fff,#f1f1f1);box-shadow: -5px -5px 3px rgb(0 0 0 / 20%), -10px -10px #025020 !important;}
.disabledRed:hover:before{background: linear-gradient(135deg, #A60810 50%, transparent 50%) !important;}
.disabledRed:hover:after{background: linear-gradient(135deg,#fff,#f1f1f1);    box-shadow: -5px -5px 3px rgb(0 0 0 / 20%), -10px -10px #bf4c13 !important;}
.linkHover:hover{border: 1px solid #c36500 !important;color: #c36500 !important;}
#myModalvidepRecWndw .modal-dialog, #myModalvidepRecMob .modal-dialog, #deletetaskmodal12 .modal-dialog, #flowsGridPopup .modal-dialog, #deletepipelinemodal1 .modal-dialog, #deletedataflow .modal-dialog, #myModalEachMakeComponent .modal-dialog, #myModalEachMaketechcreate .modal-dialog, #myModalEachMakePagerect .modal-dialog, #deleteNodeModal .modal-dialog, #myModalcommonmIcro .modal-dialog, #myModalrestService .modal-dialog, #myModalrestService1 .modal-dialog, #myModalrestOperation .modal-dialog, #myModalrestOperation1 .modal-dialog, #deletepipelinemodal2 .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;}
#myModalvidepRecWndw .modal-header, #myModalvidepRecMob .modal-header, #deletetaskmodal12 .modal-header, #deletepipelinemodal1 .modal-header, #deletedataflow .modal-header, #myModalEachMakeComponent .modal-header, #myModalEachMaketechcreate .modal-header, #myModalEachMakePagerect .modal-header, #deleteNodeModal .modal-header, #myModalcommonmIcro .modal-header, #myModalrestService .modal-header, #myModalrestService1 .modal-header, #myModalrestOperation .modal-header, #myModalrestOperation1 .modal-header, #deletepipelinemodal2 .modal-header{background: none !important;box-shadow: none;border-bottom: none;}
#deletetaskmodal12 .modal-body p, #deletepipelinemodal1 .modal-body p, #deletedataflow .modal-dialog p, #deleteNodeModal .modal-dialog p, #deletepipelinemodal2 .modal-dialog p{color:#1a1a1a !important;text-align: left;}
.contentAllleft .degpropnava .main-menu-dataops ul li.active a{background: #c5c5c5 !important;color: #000 !important;border-radius: 10px 0 0 10px !important;}
.contentAllleft .degpropnava .main-menu-dataops ul li a{padding: 20px 15px 15px 0 !important;padding-right: 0 !important;}
.contentAllleft .degpropnava .main-menu-dataops ul li a:hover{border-radius: 10px !important;}
.contentAllleft .degpropnava .main-menu-dataops ul li{border-bottom: none !important;padding-right: 15px !important;}
.contentAllleft .degpropnava .main-menu-dataops ul li.active{padding-right: 0 !important;}
.contentAllleft .showingDataOperation .rightSecAbtSchemas, .contentAllleft .dpooldatapoolImport .rightSecAbtSchemas{border: 1px solid #ddd !important;}
.searchUnderStyle::after{height: 36px;}
.selectProjetStyle:hover{box-shadow: none !important; border: none !important;color: #c36500;}
.configBrowStyle ul li a{border-bottom: none;}
.treeMenuComp:hover .treeiconMenu{filter: opacity(0.5) drop-shadow(0 0 0 green);}
#leftmost-menu .desktopiset a, #leftmost-menu{background: #989898 !important;}
#leftmost-menu .desktopiset.active a, #leftmost-menu .desktopiset:hover a{background: #686868 !important}
#leftmost-menu .desktopiset.active a
{
    background-color:#00000085 !important;

}

#leftmost-menu .desktopiset a::before{top: 17px;}
#leftmost-menu .desktopiset{border-bottom: solid 1px #4646468c !important;}
.brwseTab.configBrowStyle.deviceBoxHeight .nav.nav-tabs li{width: 20% !important;}
.showSchdview .checkerr2cr li.active a::after{top: 7px;}
.historyul li, .tasknamemenuStyle ul li{color: #313131;border-radius: 10px;border: 1px solid #dcdcdc !important;margin: 5px auto; width: 95%;padding: 10px 4px;cursor: pointer;}
.historyul li a, .tasknamemenuStyle ul li a{color: #313131 !important;}
.historyul li:hover, .historyul li.active, .tasknamemenuStyle ul li:hover, .tasknamemenuStyle ul li.active{background-color: #dcdcdc !important;color: #f78205 !important;border-radius: 10px;border: 1px solid #dcdcdc !important;padding: 10px 4px;}
.historyul li i,.tasknamemenuStyle ul li i{text-shadow: none;}
/* .historyul li .statyer{color: #09c609;} */
.tasknamemenuStyle ul li{padding: 6px !important;border-radius: 8px;background: #fff;}
.tasknamemenuStyle ul li a{background: transparent;padding: 0 !important;}
.tasknamemenuStyle ul li.active a, .tasknamemenuStyle ul li a:hover{color: #313131 !important;background: none;}
.detailProfile li a, .detailProfile li a i{color: #ffffff !important;font-size: 14px !important;margin-bottom: 0;}
.detailProfile:hover li a{font-size: 14px !important;}
.detailProfile{top: -30px !important;left: 100% !important;padding: 0 !important;display: none;min-width: 130px !important;}
.detailProfile li a{text-align: left !important;}
.contentAllleft .detailProfile li a{padding-left: 20px !important;}
.setApiSectr, .setAndroidSectr, .setIosSectr{display: none;}
.temAppBox.offBluePaddCentr i{font-size: 36px;color: #666666;}
#textboxdownloadrec1, #textboxdownloadrecothers{display: none;}
.treeviewRecLive:hover a, .treeviewRecStop.active:hover a{color: #62cb31;}
.propCntntin .dynamicCheckBoxProp:hover{border: none !important;outline: none !important;}
.propCntntin .dynamicCheckBoxProp::before{margin-top: 9px !important;color: #84de41 !important;}
.propCntntin input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover{outline: none !important;}
.propCntntin select{color: #cfcfcf !important;}
.propCntntin .form-control {margin-bottom: 10px;}
.propCntntin .form-control:hover{outline: none !important;}
.propCntntin .form-control[disabled]{background: gray;}
.nav-side-menu-flows .dropbtn {
    background-color: transparent;
    padding: 0;
    border: none;
  }
  /* .dropdown {
    position: relative;
    display: inline-block;
  } */
.nav-side-menu-flows .dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 140px;
right: 0;
z-index: 9999;
border-radius: 4px;
border: 1px solid #353030 !important;
}
.nav-side-menu-flows .dropdown-content a {
text-align: left;
padding: 4px 0px 4px 12px;
text-decoration: none;
display: block;
border-bottom: solid 1px #bcbcbd !important;
-webkit-text-stroke: 0;
font-size: 14px;
}
.nav-side-menu-flows .dropdown-content a i{color: #f78205 !important;text-shadow: none !important;}
.nav-side-menu-flows .dropdown-content a:hover i{color: #fff !important;}
.nav-side-menu-flows .dropdown-content a:hover {background: #f78205 !important;color: #fff !important;}
.nav-side-menu-flows .dropdown:hover .dropdown-content {display: block;}
.mainSeleForFlwCre .selectionTech p{color: gray;}
.iconShowTree{color: #f78205;position: absolute;top: 38px;right: 10px;cursor: pointer;}
.iconShowTree:hover{color: #c36500;}
.addValRefInsidePopup{display: none;}
.breadcrumbAddData a:hover, .breadcrumbAddDataRef a:hover{color: #f78205 !important;}
.hisTaber a { color: #fff;}
.hisTaber.active a, .hisTaber.hover a{color: #84de41;}
.hisTaber.active{background-color: #f3f6f90f;}
.breadcrumbMachineList a:hover{color: #f78205 !important;}
.filterListPopupStyle .adderItemDv:before, .filterListPopupStyle .adderItemDv:after{background-color: #fff;top: 3px;left: 11px;}
.filterListPopupStyle .nav-side-menu ul li.active a{background: #434343 !important;}
.filterListPopupStyle .nav-side-menu ul li {min-height: initial;}
.filterListPopupStyle .adderItemDv:hover{background: #c36500;}
.propnavStyle li.active a{color: #32dffb !important;}
.propCntntin .columnFlowSaveBtn:hover, .propCntntin .columnFlowEditBtn:hover,.propCntntin .deleteRed:hover{color: #32dffb !important;border: 1px solid #32dffb !important;}
.propCntntin .dynamicCheckBoxProp[disabled]::before{color: #3c2c2c  !important;}
.propCntntin .dynamicCheckBoxProp[disabled] {color: gray;}
.setAppsList li:hover{border: dotted 2px #3397da;}
.setAppsList li:hover a span{background-color: #09c;}
.breadcrumbFlowsList .flowApps:hover, .breadcrumbFlowsList .flowAppsTechnology:hover{color:#32dffb !important;}
.icon-small i {
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #11beda;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding-top: 12px;
    line-height: 9px;
    margin-top: 5px;
  }
  .icon-small h4 {
    text-align: left;
    float: left;
    float: left;
    color: #403f3f;text-transform: uppercase;
    font-weight: 500;
  }
  .icon-small{background: rgba(255,255,255,0.7);
    height: 50px;
    width: 80%;
    display: block;
    border-radius: 25px;
    padding: 6px 15px;
    margin: 0 auto;padding-left: 25px;margin-bottom: 10px;
    cursor: pointer;
}
.icon-small:hover{background: #fff;}
.setHoverDashboardBox, .setHoverPipelineBox{
    width: 340px;
    height: 280px;
    background-color: rgba(105, 107, 110, 0.75);
    border: 8px solid #5a5a5a;
    padding: 15px;
    position: absolute;
    left: 50px;
    top: 75px;
    cursor: default;
    border-radius: 0 15px 15px 0;
}
.setHoverDashboardBox .icon-small, .setHoverPipelineBox .icon-small{cursor: default;border-radius: 15px;width: 100%;height: 130px;}
.setHoverDashboardBox, .setHoverPipelineBox{height: 490px;width: 450px;}
.setHoverDashboardBox .icon-small i, .setHoverPipelineBox .icon-small i{line-height: 5px;}
.setHoverDashboardBox .icon-small p, .setHoverPipelineBox .icon-small p{display: inline-block;}
.rightsideFlowInfo, .rightsideComponentInfo, .rightsideFlowCenterInfo{height: 100vh;position: absolute;right: 0;z-index: 9999;padding: 8px;background: #4e4e4e;padding-top: 13px;}
.menu-box-content{
    width: 140px;
    padding: 15px 15px 15px;
    display: block;
    margin: 20px auto;
    text-align: center;
    background: rgba(255,255,255,0.1);
    border-radius: 25px;
}
.menu-box-content:hover {background-color: #00bcff;cursor: pointer;}
.menu-box-content.active{background-color: #00bcff !important;border-radius: 25px !important;}
.menu-box-content:hover .icon, .menu-box-content.active .icon{ color: #424141;}
.menu-box-content:hover .btn, .menu-box-content.active .btn{background: #424141;color: #fff;}
.menu-box-content .icon{
    color: #00bcff;
    font-size: 35px;
    line-height: 35px;
    margin: 0 auto;
    padding-bottom: 15px;
}
.menu-box-content.right .icon{ color: #f2b839; }
.menu-box-content .title{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.menu-box-content .btn{
    color: #60cd8d;
    background: none;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 8px 12px;
    margin: 0 auto;
    border: 2px solid #60cd8d;
    border-radius: 10px;
    display: block;
    transition: all 0.3s ease 0s;
    width: 95%;
}
/* .menu-dashed{width: 70%;border-top: 4px dashed #ddd;margin: 47px auto;} */
/* .icon-small-square{
    width: 100%;
    height: 90px;
    border-radius: 4px;
    padding: 5px 5px 0;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    margin-bottom: 25px;
    border: 1px solid #000;
} */
.icon-small-square{
    width: 100%;
    height: 100px;
    border-radius: 4px;
    padding: 5px 5px 0;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    margin-bottom: 25px;
    border: 1px solid transparent;
    background: #292525;
}
/* .icon-small-square i{
    color: #fff;
    background-color: #11beda;
    border-radius: 50%;
    text-align: center;
    padding-top: 12px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 26px;
    font-size: 26px;
    margin: 0 auto;
} */
.icon-small-square i{
    color: #fff;
    /* background-color: #11beda; */
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 42px;
    font-size: 42px;
    margin: 0 auto;
    /* border: 1px solid #dadada; */
}
.icon-small-square:hover{background: #5e9733;border: 1px solid #444444;}
.icon-small-square:hover img{background-color: #84de41;}
/* .icon-small-square h4{
    color: #403f3f;
    text-transform: uppercase;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
} */
.icon-small-square h4{
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: normal;
}
/* .extendBoxStyle{
    background-color: rgb(105 107 110 / 30%) !important; color: #fff !important; position: absolute;height: auto;display: none;z-index: 99;top: 85px !important;padding: 15px !important;left: 100% !important;width: 400px;border: 8px solid #b6b6b6 !important;border-radius: 0 !important;cursor: default;border-radius: 0 20px 20px 0 !important;
} */
.extendBoxStyle{
    /* background-color: rgb(0 0 0 / 40%) !important; */
    background-color: #676767 !important;
    color: #fff !important; 
    position: absolute;
    height: calc(100vh - 61px) !important;
    display: none;
    z-index: 99;
    top: 23px !important;
    
    padding: 15px !important;left: 307px !important;
    width: 60vw;
    border: 4px solid #8d8d8d !important;
    cursor: default;
    border-radius: 0px !important;
    box-sizing: border-box;
    overflow:scroll !important;
}
.extendBoxStyle .closeBtnPopup{color: #f3f3f3;right: 10px;}
.flowIconBoxStyle{
    min-height: 400px;
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
.flowmenudrop li a i{text-shadow: none;color: #f78205 !important;}
.flowmenudrop li a:hover i{color: #fff !important;background: #f78205 !important;}
.clickflowmenudrop i{
    color: #6dff03;
    /* width: 30px;
    padding: 0;
    height: 30px;
    background: #696969;
    border-radius: 50%;
    vertical-align: top;
    line-height: 30px;
    padding-left: 3px; */
}
.clickflowmenudrop:hover i{color: #32dffb !important;cursor: pointer;}
.fgtuFullData, .fgtuBkMidData{display: none;position: absolute;left: 270px;z-index: 99;width: 20px; border: none;line-height: 39px;top: 8px;}
.fgtuFullData div:hover, .fgtuBkMidData .squareHover:hover, .fgtuBkMidData .squareHover:hover div{border: 2px solid #62cb31 !important;}
.closeAllExtendBoxesAC{display: none;top: 55px;left: 78vw;z-index: 9999;}
.apps_icon_blue{width: 50px;height: 50px;margin: 0 auto;display: block;background: url(../../../../../assets/images/apps_icon_blue.png) no-repeat;}
.icon-small-square:hover .apps_icon_blue{background: url(../../../../../assets/images/apps_icon_green.png) no-repeat;}
.box-content_big_menu{
    padding: 15px;
    text-align: center;
    width: 70%;
    margin: 10px auto 0;
    background: #3b3b3b;
    border: 1px solid #626262;
    border-radius: 6px;
}
.title_big_menu{
	font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.description_big_menu{
	color: #d6d6d6;
    font-size: 14px;
    margin: 0;
    line-height: normal;
}
.box-content_big_menu:hover, .box-content_big_menu.active{
	background: #4b4b4b !important;
	cursor: pointer;
    border: 1px solid #000;
}
.icon_big_menu{
    color: #60cd8d;
    font-size: 52px;
    line-height: 52px;
    margin: 0 auto 5px;
}
.backtoFlowBtn, .backtoComponentBtn{position: absolute;left: 81%;z-index:99;color: #6dff03;display: none;font-size: 18px;top: 5px;}
.backtoFlowBtn:hover, .backtoComponentBtn:hover {opacity: 0.7;}
.backtoComponentBtn{left: 90%;}
#flowParenter .adderItemDv:before, #flowParenter .adderItemDv:after{background-color: #6dff03;}
.extendBoxTileStyle{width: 16.6%;padding: 5px;display: inline-block;}
.extendBoxTileStyle h4{height: 20px;}
.flowgridBtn1{right: 15px; z-index: 9;top: 50px; -webkit-text-stroke: 1px #696969; position: absolute;text-align: center; font-size: 14px;}
.flowgridBtn1 i{color: #6dff03;width: 24px; padding: 0;height: 24px;background: #696969;border-radius: 50%;vertical-align: top;line-height: 24px;padding-left: 3px;}
.arrowBig{position: absolute;
    left: 310px;
    font-size: 100px;
    color: rgb(208 208 208 / 20%) !important;
    opacity: 0.2;
    top: 250px;
    text-shadow: 1px 1px 1px #000;
    display: none;
}
.extendBoxStyle h4.main_sub_tit{color: #e8e8e8;margin-top: 0;margin-left: 0;width: 100%;}
.extendBoxStyle h4.main_sub_tit i{font-size: 18px;color: #00bcff;}
.compMenuList{position: absolute;z-index: 999;background: #403f3f;height: 88.5vh;}
.closeCompMenuList{position: absolute;right: 15px; top: 9px; z-index: 9;}
.closeCompMenuList i:hover{color: #a2a2a2;}
.closeCompMenuList i{color: #808080;font-size: 16px;}
.box-content_big_menu::after{
    display: none;
    content: '';
    position: absolute;
    top: 130px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 99;
    border-width: 40px 40px 40px 0px;
    border-color: transparent #595959 transparent transparent;
    transform: rotate(180deg);
}
.box-content_big_menu.active:after{display: block;}
.scMenuBigTile .box-content_big_menu::after, .flowApps.box-content_big_menu::after{top: 85px;}
.scMenuBigTile .flowServices.box-content_big_menu::after, .flowServices.box-content_big_menu::after{top: 250px;}
.scMenuBigTile .flowOperators.box-content_big_menu::after, .flowOperators.box-content_big_menu::after{top: initial;bottom: 39px;}
.extendBoxStyle .searchUnder{width: 50%;margin-bottom: 15px;float: right;border-radius: 3px;}
.extendBoxBtn{float: left;}
.extendBoxBtn a{margin: 6px 0 0; float: left; line-height: normal; border-radius: 3px;border: none !important; font-size: 14px; background-color: #00bcff;padding: 5px 10px;color: #fff;cursor: pointer;text-align: center;}
.extendBoxBtn a i{font-size: 16px;-webkit-text-stroke: 2px #00bcff;vertical-align: middle;}
.extendBoxBtn a:hover{background-color: #009cd3;color: #fff;}
.extendBoxBtn a:hover i{-webkit-text-stroke: 2px #009cd3;}
.extendBoxStyle .searchUnder input{border-radius: 3px;    height: 30px !important;}
.extendBoxStyle .searchUnder::after{border-radius: 3px 0 0 3px;line-height: 30px;height: 30px;}
.btn-Blue{background: #0089ff; padding: 6px 12px;font-size: 14px;font-weight: 500;color: #fff !important;line-height: normal;border-radius: 3px;}
.btn-Blue:hover{background: #0066bd;}
.flowIconBoxStyle{padding: 5px;border: 1px solid #7f7f7f;background: #585858;}
.selectmicSch.extendBoxTileStyle {box-shadow: none !important;}
.rightsideComponentInfo{width: 76.5%;background: #f2f2f4;}
.rightsideFlowCenterInfo{background: #777777;width: 36%;right: 40%;}
.compTitleWrap h2{color: #4f5150;font-size: 30px;text-align: center;margin-top: 10px;}
.compTitleWrap p{color: #4a4b4d;text-align: center;width: 70%;margin: 0 auto;padding-bottom: 15px;}
.compInnerContents h4{color: #6b6b6d; text-align: right;}
.compInnerContents p{color: #a3a3a3; text-align: right;}
.rightsideFlowCenterInfo .compTitleWrap h2{color: #fff;font-size: 30px;text-align: center;margin-top: 10px;}
.rightsideFlowCenterInfo .compTitleWrap p{color: #dfe1e7;text-align: center;width: 70%;margin: 0 auto;padding-bottom: 15px;}
.rightsideFlowCenterInfo .compInnerContents h4{color: #eeeeee; text-align: right;}
.rightsideFlowCenterInfo .compInnerContents p{color: #dedede; text-align: right;}
.compInnerIcon{float: right;}
.compInnerIcon i{width: 100px;height: 100px; border-radius: 12px;background: #5d7178;line-height: 100px;text-align: center;color: #fff;font-size: 56px;}
.compColorRed i{background: #c62127;}
.compColorYellow i{background: #c9a72c;}
.compColorBlue i{background: #3752a1;}
.compContents{padding-bottom: 15px; display: inline-block;}
.compContentsRight .compInnerIcon{float: left;}
.compContentsRight .compInnerContents h4, .compContentsRight .compInnerContents p{text-align: left;}
.compColorGreen i{background: #0fb794;}
.compColorRedLight i{background: #d63228;}
.compColorPurple i{background: #a74399;}
.compColorBlueLight i{background: #3dc3dc;}
.rightsideFlowCenterInfo .compContents{border: 1px solid #c5c5c5;border-radius: 12px;padding-top: 5px;padding-bottom: 5px;}
.columntabsetControls .tab .nav-tabs li a{font-size: 9px !important;background: #8d8d8d !important;font-weight: normal;    letter-spacing: normal;padding: 12px 6px; margin-right: 0px;overflow: hidden; z-index: 1; position: relative;transition: all 0.3s ease 0s;border-radius: 6px 6px 0 0 !important;color: #000 !important;}
.columntabsetControls .tab .nav-tabs li a:hover{background: #0aadc8 !important;border-radius: 6px 6px 0 0 !important;}
.columntabsetControls .tab .nav-tabs li.active a{border-bottom: 1px solid #403f3f !important;background: #383838 !important;
    font-weight: 500;color: #62cb31 !important;}
.columntabsetControls .tab .nav-tabs li.tab_active a{border-bottom: 1px solid #403f3f !important;background: #383838 !important;
        font-weight: 500;color: #62cb31 !important;}
.indicateBreadCrumb i{font-size: 22px; font-weight: 500; vertical-align: -3px;color: #d4d4d4;padding-right: 4px;}
.breadcrumbFlowsList a{color: #d4d4d4 !important;}
.columntabsetControls{padding: 5px;}
.columntabsetControls .tab .nav-tabs li:hover{background: none !important;}
.columntabsetControls .tab .nav-tabs li{border: 1px solid #717171;border-radius: 6px 6px 0 0 !important;}

/* Toggle Switch */
.switchRecord {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 34px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  
  .switchRecord input {display:none;}
  
  .sliderRecord {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #cacaca; */

    background-color: #dbaeae;

    -webkit-transition: .4s;
    transition: .4s;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    border:0px solid #3e3e3e;
  }
  
  /* 
  commented out on 27-08-22

  .sliderRecord:before {
    position: absolute;
    content: "";
    height: 34px;
    width: 34px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .sliderRecord {
    background-color: #84de41;
  }
  
  input:focus + .sliderRecord {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .sliderRecord:before {
    -webkit-transform: translateX(157px);
    -ms-transform: translateX(157px);
    transform: translateX(157px);
  } */

  /* added on 27-08-2022*/

  .sliderRecord:after {
    position: absolute;
    content: "Manual";
    height: 100%;
    width: 50%;
    left: 0px;
    bottom: 0px;
    background-color: #62cb31;
    -webkit-transition: .4s;
    transition: .4s;
    color:#fff;
    border-top-right-radius:  40px; 
    border-bottom-right-radius:  40px;
    border-top-left-radius:  40px; 
    border-bottom-left-radius:  40px; 

    padding-top: calc(15px - 0.5em);

  }
  
  input:checked + .sliderRecord {
    /* background-color: #84de41; */
    /* background-color: #cacaca; */
    background-color: #dbaeae;

    
    
  }
  
  input:focus + .sliderRecord {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .sliderRecord:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  /*------ ADDED CSS ---------*/
  /* .manualDesign
  {
    display: none;
  } */

/*   commented out on 27-08-2022
  .manualDesign, .recordDesign
  {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  input:checked+ .sliderRecord .manualDesign
  {display: block;}
  
  input:checked + .sliderRecord .recordDesign
  {display: none;} */

  .recordDesign
  {
    color: white;
    position: absolute;
    transform: translate(0%,-50%);
    top: 50%;
    left: 0%;
    font-size: 13px;
    font-weight: 400;
    width: 50%;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    opacity: 0.5;

    
  }
  .manualDesign
  {
    color: white;
    position: absolute;
    transform: translate(0%,-50%);
    top: 50%;
    left: 50%;
    font-size: 13px;
    font-weight: 400;
    width: 50%;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    opacity: 0.5;

  }
  
  input:checked+ .sliderRecord .manualDesign
  /* {display: block;} */
  
  input:checked + .sliderRecord .recordDesign
  /* {display: none;} */
  
  /*--------- END --------*/
  
  /* Rounded sliders */
  /*commented out on 27/8/2022
  /* .sliderRecord.round {
    border-radius: 40px;
  } */
  
  .sliderRecord.round {
    border-radius: 40px;
  }
  
  /* .sliderRecord.round:after {
    } */
    input:checked + .sliderRecord:after 
{

    content: "Record";

    border-top-left-radius:  40px; 
    border-bottom-left-radius:  40px; 
    border-top-right-radius:  40px; 
    border-bottom-right-radius:  40px; 

}

.createFormInsideBoxStyle{padding: 25px;border: 1px solid #bcbcbc;margin-top: 25px;}
.createFormBoxStyle h4{color: #e8e8e8;}
.createFormBoxStyle h4 i{color: #00bcff;}
.createFormBoxStyle label{background: none !important;color: #bcbcbc;}
.createCompBtn.btn-Blue{border:none !important;}
.removeTileActive{text-shadow: none;}
.vester .dropdown-menu a:hover{color: #1dc6ff;}
/* .hdropdown.smallmenu li a:hover{ background-color: transparent ; color: #05f7c8 !important; }*/
.gotoFlowsRecord, .guestRecBackBtn, .gotoFlowsBack, .backtoPipelinePage{position: absolute;top: 0px;left: -36px; height: 32px; padding-left: 8px; border-left: 1px solid #a3a3a3;padding-top: 6px; cursor: pointer;padding-right: 8px;}
.guestRecBackBtn{left: -70px;}
.gotoFlowsBack, .backtoPipelinePage{left: -70px;}
.gotoFlowsRecord:hover, .guestRecBackBtn:hover, .gotoFlowsBack:hover, .backtoPipelinePage:hover{background-color: #717171;border: solid 1px #b3b3b3;}
/* #load11{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999999999999;
    background: red;
} */
.listHistoryLeft1{width: 180px;
    position: absolute;
    z-index: 99;
    left: 250px;
    top: 80px;display: none;border: 6px solid #c5c5c5;
    background: #484848;}
.listHistoryLeft1 .hisTaber{font-size: 14px;padding: 10px;}


/*Style hacks Temporaryy */

.columntabsetControls .tab .nav-tabs li.controltabactive a
{
    /* border-bottom: 1px solid #403f3f !important; */
    border-bottom: none !important;

    background: #383838 !important;
    font-weight: 500;
    color: #62cb31 !important;
}
.tabForPage .nav-tabs li.controltabactive a i
{
    color: #32dffb !important;

}
.nav-side-menu ul .sub-menu controltabactive.active
{
    border-bottom: none !important;

}
.nav-side-menu ul .sub-menu2 controltabactive.active
{
    border-bottom: none !important;

}

.componentlist_active
{
    background: #383838 !important;
    border-bottom: none !important;
    border-radius: 0px 8px 8px 0px !important;
}