.hide{
    display:none;
}

.show {
    display:block;
}

.btncustom{
    background-color:#337ab7;
    color:white;
    margin-top:15px;
}

.parent-div {
    height: calc(100vh - 60px - 32px); /*  is height_of(window) - heigh_of(app-header-bar) - height_of(breadcrumb) */
    width:100%;
}



.child-div-left{

    -webkit-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);

    padding:0px;
    height: 100%;
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;

}

.child-div-caret{
    position: absolute;
    left: 98%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    font-size: 2em;
    cursor: pointer;
    
}

.child-div-right {
    overflow-y: scroll;
    height: 100%;

    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;
    
}

.shrink-width{
    width: 0px;
    /*visibility:hidden;*/
}


.form-body-container{
    padding-bottom: 10px;
    height: calc(100vh - 85px - 32px - 138px);  /* is height_of(window) - heigh_of(app-header-bar) - height_of(breadcrumb) - height_of(form-footer-bar) */
    overflow-y:scroll; 
}

.form-footer-seperator{

    border-style: solid;
    border-width: 1px;
    border-color: rgb(112, 112, 112);

    /*
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
    */

    /*border-width: thin;*/
    width:100%;
}

.form-footer-container {

    /*
    -webkit-box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
    -moz-box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
    box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
    */

    height: 138px;
}

.progress{
    margin-top: 8px;
    margin-bottom: 0px;
}