.profilecntr-box {
    width: 100%;
    min-height: 166px;
    background-color: #d6d6d6;
    background-color: #ffffff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    padding: 25px;
    margin-bottom: 18px;
    position: relative;
    border: solid 1px #ebebeb;
    text-align: center;
    position: relative;
}
.profilecntr-box img {
    width: 60px;
    text-align: center;
    display: inline-block;
}
.profilecntr-box h4 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #5b5b5b;
}
.profilecntr-box p {
    font-size: 11px;
    line-height: 15px;
}
.profilecntr-box h5 {
    padding-top: 0;
    padding-left: 0;
    margin-top: 6px;
}
.profilecntr-box hr{
    margin: 10px;
}
.triangle {
    display: block;
    position: absolute;
    height: 40px;
    width: 60px;
    right: 0;
    bottom: 0;
  }
  .triangle:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 0 solid #5b5b5b;
    border-bottom: 30px solid #5b5b5b;
    position: absolute;
    /* top: 0; */
    right: 0;
    z-index: 1;
    bottom: 0;

  }
  
  .triangle a {
    display: block;
    text-align: center;
    height: 20px;
    width: 20px;
    position: absolute;
    margin: auto;
    top: 19px;
    /* left: -16px; */
    right: -2px;
    bottom: 0;
    z-index: 2;
    color: #fff;
    font-size: 10px;
}
.triangle a:hover{
    color: #fff;
    
}
.triangle a:hover i{
    transition: 0.9s;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.l-profile .vertical-tab .nav-tabs li.active a img{
    filter: brightness(0) invert(1);
}
.l-profile .vertical-tab .nav-tabs li a img{
    width: 20px;
}

@media (min-width: 768px){
.profile-add-modal {
    min-width: 1100px !important;
    margin: 30px auto;
}
}
.profile-config-md h4{
    width: 100% !important;
    position: relative;
}
.profile-config-md .panel-title > a{
    padding: 5px !important;
    color: #fff;
}

.profile-config-md .panel-title > a i{
    /* line-height: 27px; */
    color: #fff;
    position: absolute;
    right: 7px;
    top: 15px;
}
.tab-mod-pro-config .tabber-left {
    float: left;
    width: 20% !important;
}
.tab-mod-pro-config .tabber-right {
    float: left;
    width: 80% !important;
}
.con-editPop .morecld-cntr label{
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
}
.con-editPop .morecld-cntr .form-control {
    margin-bottom: 10px;
    width: 100%;
}
#customers i{
    text-align: center;
    background-color: #fff;
    color: #101010;
    z-index: 1;
    font-size: 15px;
    border-radius: 50%;
    z-index: 1;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 26px;
    height: 26px;
    line-height: 29px;
}
#customers th{
    font-size: 13px;
}
#customers th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    color: #232323;
    font-weight: normal;
    background-color: #005eb0 !important;
    background: linear-gradient(#9fbfdd,#005eb0) !important;
    color: #ffff;
}

.iconr {
    position: relative;
    margin: 0 auto;
    margin-top: -57px;
    background: #fc7169;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.iconr span {
    font-size: 2em;
    color: #fff;
    text-align: center;
    padding-top: 35px;
}

.fbvg .vertical-tab .nav-tabs li.active a{
    /* border-left: solid 9px #1369b5 !important; */
    border-radius: 0;
    
}
.fbvg .vertical-tab .nav-tabs li.active a:before{
    background: transparent !important;

}
.fbvg .vertical-tab .nav-tabs li.active a, .fbvg .vertical-tab .nav-tabs li.active a:hover {
    color: #616161 !important;
    border: none;
}
.l-profile .vertical-tab .nav-tabs li.active a img {
    filter: none !important;
}
.fbvg .vertical-tab .nav-tabs li{
    padding: 0 !important;
}



.prof-box{
    width: 100%;
    min-height: 166px;
    background-color: #d6d6d6;
    background-color: #ffffff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    padding: 10px;
    margin-bottom: 18px;
    position: relative;
    border: solid 1px #ebebeb;
}
.prof-box h4{
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
}
.prof-box h5{
    padding-top: 0;
    padding-left: 0;
    margin-top: 6px;
}
.prof-box p{
font-size: 11px;
    line-height: 15px;
}
.prof-box .bbt {
    color: #008213!important;}
    .prof-box .bbt i {
        text-align: center;
        background-color: #fff;
        color: #068a00;
        z-index: 1;
        font-size: 15px;
        border-radius: 50%;
        z-index: 1;
        padding: 0;
        overflow: hidden;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 21px;
        height: 21px;
        line-height: 21px;
    }
    
    .prof-box .btn {
        text-align: center;
        padding: 5px !important;
        font-size: 12px !important;
        margin: auto !important;
        color: #fff !important;
        margin-top: 0;
        font-weight: normal !important;
        border: none;
        font-family: inherit;
        font-size: 10px;
        color: inherit;
        cursor: pointer;
        padding: 9px 55px;
        padding-right: 10px;
        display: inline-block;
        margin: 6px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: normal;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        /* box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
        /* -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
        margin-left: 0;
        background: #fff !important;
        color: #fff !important;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        /* border: solid 1px #ccc; */
        border-radius: 0;
    }
    .frester{
        background-color: #161537 !important;
        color: #aca6cc !important;
        text-align: left;
        border: 1px solid #161537 !important;
        padding: 11px 11px 11px 25px !important;
        border-bottom: solid 2px #1b1a44 !important;
        cursor: pointer;
    
    }
    .frester a{
    padding: 11px 11px 11px 11px !important;
    background-color: transparent !important;
    color: #aca6cc !important;
    }
    .nba .frester.active a{
        border-left: transparent !important;
    }
    .nba .frester.active a:hover{
        border-left: transparent !important;
        padding-left: 5px;
    }

/* profile configuration */
#collapseconfig .tabs .btn{float: left !important;}
.main-dashPanel .profiletable .tab-contents.animate-switch-container{margin-left: 6px !important;}
.main-dashPanel .fieldhead .btn.center-block{float: none !important;background: none !important; background-color: #fff !important;box-shadow: none !important;}
.main-dashPanel .profiletable .btn.center-block{margin-top: 0 !important; margin-right: 0 !important;float: right !important; bottom: 28px!important; padding: 3px!important;}
.main-dashPanel .nav-tabs.nba .crudbtn{position: relative !important;
bottom: 32px !important;
float: right !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;}
.main-dashPanel .nav-tabs.nba{
display: block !important;
width: 100% !important;
}
.main-dashPanel .nav-tabs li a:hover{
    color: #fff !important;
    /* color: #ff8612 !important ; */
}
.kebabMenuStyle .dropdown-menu a:hover i{color: #fff !important;}
/* .main-dashPanel .nav-tabs li a{margin-right: 10px !important;} */
/* .main-dashPanel .nav-tabs .dropdown-menu{left: 116px;top: 24px;min-width: 20px !important;} */
.main-dashPanel .nav-tabs .dropdown-menu li:hover {
/* background: #33a4e7; */
color: #fff;
}
.main-dashPanel .nav-tabs .dropdown-menu li a:hover{color: #fff;}
.main-dashPanel .nav-tabs .dropdown-menu li a{background-color: transparent !important; text-transform: capitalize;}
.main-dashPanel .nav-tabs .dropdown-menu{padding: 0 !important;}
/* .main-dashPanel .nav-tabs .dropdown-menu li{background-color: ;} */
.main-dashPanel .nav-tabs .dropdown-menu li a{padding: 5px 12px 3px !important;}
.main-dashPanel .nav-tabs .dropdown-menu li a:active {color: #006aed;}
.main-dashPanel .nav-tabs li a:active {color: #006aed !important;}
.main-dashPanel .nav-tabs li:active {color: #006aed !important;}
.main-dashPanel .fieldpanel .crudbtn{
float: right;
bottom: 19px;
position: relative;
background: none;
border: none;
color: #fff;
}
.main-dashPanel .fieldpanel .panel-default > .panel-heading{
background: rgb(130, 127, 127) !important;
padding: 13px 10px !important;
}
.main-dashPanel .fieldpanel .panel-default > .panel-heading a {
    color: #ffffff !important;text-decoration: underline;
}
.config_item .center-block,.confgitem .panel-body .center-block,.tabber-left .head-sec-lister .center-block{
background: none;
background-color: #03205f !important;
border: none;
padding: 0 4px;
margin: 0;
display: inline-block;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.addtool .center-block{background-color:#efefef !important;background: none;border: none;padding: 0 4px;margin: 0;display: inline-block;}
.addtool .center-block i{color: #383737;font-size: 10px;}
.addtool .center-block:hover,.addtool .center-block:focus,.addtool .center-block:active{background: none;box-shadow: none;border: none;}
.tabber-left .head-sec-lister span{text-transform: capitalize;font-weight: bold;color: #0978eb;}
.config_item i,.confgitem .panel-body .center-block i, .tabber-left .head-sec-lister .center-block i{color: #fff;font-size: 10px;}
.tabber-left .head-sec-lister h5{cursor: pointer;padding: 0;}
.mach-griders.fbvg.l-profile .tabber-left #accordion .panel-title a{border: none !important;}
.mach-griders.fbvg.l-profile .tabber-left #accordion .panel-title a:before{display: none;}
.fieldpanel .crudbtndrop{float: right !important;position: relative !important;}
.main-dashPanel .profiletable .fieldhead .btn.center-block{float: none !important; bottom: 0 !important;}
.main-dashPanel .profiletable .fieldhead .btn.center-block i{width: 16px !important; height: 16px !important;line-height: 18px !important; font-size: 10px !important;}
/* media query */
/* @media (min-width: 768px) {
#confgmodal .modal-dialog{
    width: 99% !important;
}
} */
#confgmodal .modal-header .close {
display: block !important;
}
#confgmodal{
position: absolute !important;
bottom: 2vh;
display: block;
width: 101%;
z-index: 9999 !important;
right: -9px;
}
.tab-contents #opentooldiv{position: relative !important; bottom: 80vh !important; background: #fff !important; z-index: 9999;}
.renderpanel .panel-collapse .form-group {
    margin-bottom: 0px !important;
}
.morecld-cntr .renderpanel .panel-collapse .form-control {margin-bottom: 6px !important; }
.morecld-cntr .renderpanel .panel-collapse {text-decoration: underline;
color: #f35555;}
.morecld-cntr .renderpanel .panel-collapse .btn{margin-top: 0 !important;float: left !important;box-shadow: none !important; background: #fff !important;color: #5f5b5b !important;margin-right: 0px !important;}
.morecld-cntr .renderpanel .panel-collapse .keyvalue-property{font-size: 12px;}
.morecld-cntr .renderpanel .panel-collapse .keyvalue-property h5{text-decoration: underline;color: #d62727;font-size: 14px;font-weight: bold;}
.morecld-cntr .renderpanel .panel-collapse .btn-primary:hover, .morecld-cntr .renderpanel .panel-collapse .btn-primary:active{border:none !important}
.renderpanel .panel-collapse .keyvalue-property .form-group{display: inline-block;}
.mach-griders .profiletable .renderpanel .panel-default > .panel-heading{padding: 0 !important;}
.mach-griders .profiletable .renderpanel.panel-group {
 margin-bottom: 0 !important;
}
.mach-griders .profiletable .renderpanel.panel-group h6.panel-title a{text-decoration: none !important;padding-left: 28px;font-size: 15px;font-weight: 800;text-transform: uppercase;}
.mach-griders .profiletable .renderpanel.panel-group .tab-pane1 .form-group label{text-align: left;}
.mach-griders .profiletable .renderpanel.panel-group .panel{border-bottom:1px solid !important;border-color: #EEEEEE !important;border: none;}
.rendertool .tabber-left .config_item .frester{background-color: #efefef !important;border: none !important;}
.rendertool .tabber-left .config_item .frester a{padding: 11px 11px 11px 0px !important;color: #666 !important;font-size: 13px !important; font-weight: 800 !important; text-transform: capitalize;}
.rendertool .tabber-left .config_item .frester a i {color: #333; font-size: 14px; padding-right: 10px;}
.rendertool .tabber-left{overflow: unset !important;}
.morecld-cntr .renderpanel .panel-collapse .keyvalue-property h5{padding-left: 0px !important;}
.morecld-cntr .renderpanel .panel-collapse .tab-pane1 h3{color: #848484 !important;}
#viewer-box .crudbtn{background: none;
border: none;
position: relative;
left: 20px;
top: 20px;
z-index: 9999;
color: #fff;}
.renderpanel .tab-pane1 input[type=checkbox]{width: 5% !important;}
.closeprocrNew {
    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;
}