footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0px;
    background-color:silver
}



.disabledTab{
    cursor: not-allowed;
}
li.disabledTab > a[data-toggle="tab"] {
        pointer-events: none;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.hightList_div {

    max-height:650px;
    overflow-y:auto
}

.hightAttribute_div {

    max-height:500px;
    overflow-y:auto;
  
    
}

.hightList_div_A {

    max-height:350px;
    overflow-y:auto
}

.hightAttribute_div_A {

    max-height:350px;
    overflow-y:auto;
  
    
}



.bgfield{

    background-color:black
}


.hightTree_div {

    max-height:650px;
    overflow-y:auto
}







.input-file { position: relative; margin: 60px 60px 0 } /* Remove margin, it is just for stackoverflow viewing */
.input-file .input-group-addon { border: 0px; padding: 0px; }
.input-file .input-group-addon .btn { border-radius: 0 4px 4px 0 }
.input-file .input-group-addon input { cursor: pointer; position:absolute; width: 72px; z-index:2;top:0;right:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0; background-color:transparent; color:transparent; }


@media (max-width:500px) {

    .hightList_div {
        font-size:65%;
        overflow-y: hidden;
        overflow-x:scroll;
        width:100%
    }

 .hightTree_div {

    max-height:280px;
    overflow-y:auto;
    overflow-x:hidden;
}

 .smallbtns{

     font-size:65%
 }
    
}



@media (min-width: 992px) {
    .modal-lg {
        width: 60%;
        max-height: 50%; /* control height here */
    }

    #AttModal .modal-lg {
        width: 70%;
        max-height: 50%; /* control height here */
    }
}

/* Login page background photo with Ken Burns-style zoom-out on load,
   matching the treatment on the end-user portal's sign-in page. */
body.bodyLogin {
    background-image: url("/Content/images/login-background.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 115vw auto;
    animation: shrinkBackground 3s ease-out forwards;
}

@keyframes shrinkBackground {
    from {
        background-size: 110vw auto;
    }
    to {
        background-size: 100vw auto;
    }
}

/* Translucent card so the login form stays legible over the photo */
body.bodyLogin #wrap {
    max-width: 630px;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.88);
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* Balance the tight bottom padding above with a little room under Send */
body.bodyLogin #signin {
    margin-bottom: 16px;
    width: 100%;
}

/* Login form: drop the old Bootstrap grid column (which combined with
   the global input max-width:280px to make the fields look tiny inside
   the wider card) for a simple centered block with visible labels and
   fields sized to fill it. */
body.bodyLogin .login-form-wrap {
    max-width: 340px;
    margin: 0 auto;
}

body.bodyLogin .login-form-wrap label {
    font-weight: 600;
    margin-bottom: 6px;
}

body.bodyLogin .login-form-wrap .form-control {
    max-width: none;
    width: 100%;
    height: 44px;
    font-size: 16px;
}