body {
    padding-top: 50px;
    /*padding-bottom: 60px;*/
    
}

body, html {
    height: 100%;
    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;    
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;        
}

.maxHeight {
    max-height: 250px;
    overflow:auto;
}


textarea:not(#clipboard) {
    max-width: 250px;
    min-height: 151px;
    vertical-align: top;
    resize: none;
    display: block;
    overflow: scroll;
    min-width: 190px;
    border-style:none;
}



#sticky-footer {
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    width: 50%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 60px;
    line-height: 60px;    
}

.dpdnHeight {
    height: 240px;
    width: 385px;
    overflow-y: scroll;
}

.badge-notify {
    background: #4CD964;
    position: relative;
    top: -12px;
    left: -16px;
}

.GridCommandButton {
    display: block;
    margin-bottom: 4px !important;
    
}

.custom-command {
    display: table !important;
    margin-bottom: 0.5em !important;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.card-body {
    padding: 0px !important;
}

.bg-blue {
    background-color: #DDEBF7 !important;
}

.fakeTextArea {
    max-width: 250px;
    min-height: 151px;
    vertical-align: top;
    /*border: 1px solid;*/
    background-color: #e9ecef !important;
    /*border-radius: 0.25rem;
    border-color: #ced4da;*/
    border-style: none;
    text-align: start;
    padding: 0.375rem 0.75rem;
    /*width: 250px;*/
    min-width: 190px;
}

.greyBackground {
    background-color: #e9ecef !important;
}

.fakeDropdown {
    height: 38px;
    vertical-align: middle;
    /*border: 1px solid;
    background-color: #e9ecef !important;
    border-radius: 0.25rem;
    border-color: #ced4da;*/
    border-style: none;
    text-align: center;
    padding: 0.375rem 0.75rem;
    width: 70px;
}

.refferedTo {
    height: 38px;
    vertical-align: middle;
    border: 1px solid;
    background-color: #e9ecef !important;
    border-radius: 0.25rem;
    border-color: #ced4da;
    text-align: center;
    padding: 0.375rem 0.75rem;
    width: 120px;
}

.questionTextArea {
    max-width: 300px;
    min-height: 151px;
    vertical-align: top;
    background-color: white !important;
    text-align: start;
    padding: 0.375rem 0.75rem;
    /*width: 250px;*/  
    min-width:190px;
    height: 100%;
    /*border-top: thin solid;
    border-top-color: black;*/
}

.reason {
    border: 1px solid;
    border-radius: 0.25rem;
    border-color: #ced4da;
    overflow:hidden;
    resize:none;
}

.stickycol {
    position: sticky;
    left: 0px;
    /*background-color: white !important;*/
    /*border-right: solid;
    border-right-color: black;*/
    
}
.stickycol2 {
    position: sticky;
    left: 0px;
    /*background-color: #DDEBF7 !important;*/
    
}

.stickycol3 {
    position: sticky;
    left: 0px;
    /*background-color: #f8f9fa !important;*/
    /*border-top:solid;
    border-top-color:black;*/
}

.tablescroller {
    overflow-x: scroll;
    overflow-y: visible;
    width: 1110px;
}

.fixedtable {
    table-layout:fixed;
}

/* floating-scroll stuff */
.fl-scrolls {
    bottom: 0;
    height: 35px;
    overflow: auto;
    position: fixed;
    scrollbar-color: coral lightgray;
    scrollbar-face-color: coral;    
}

.scroll1::-webkit-scrollbar-thumb {
    background: coral !important;
}

.fl-scrolls div {
height: 1px;
overflow: hidden;
}

.fl-scrolls div:before {
    content: ""; /* fixes #6 */
}

.fl-scrolls-hidden {
    bottom: 9999px;
}

#confirm {
    display: none;
    background-color: white;
    color: orange;
    border: 2px solid #aaa;
    border-radius: 5px;
    position: fixed;
    width: 350px;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
}

    #confirm button {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #aaa;
        padding: 5px;
        text-align: center;
        width: 100px;
        cursor: pointer;
    }

    #confirm .message {
        text-align: left;
    }

#confirm2 {
    display: none;
    background-color: white;
    color: coral;
    border: 2px solid #aaa;
    border-radius:5px;
    position: fixed;
    width: 550px;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
}

    #confirm2 button {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #aaa;
        padding: 5px;
        text-align: center;
        width: 100px;
        cursor: pointer;
    }

    #confirm2 .message {
        text-align: left;
    }

#confirm3 {
    display: none;
    background-color: white;
    color: red;
    border: 2px solid #aaa;
    border-radius: 5px;
    position: fixed;
    width: 450px;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
}

    #confirm3 button {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #aaa;
        padding: 5px;
        text-align: center;
        width: 80px;
        cursor: pointer;
    }

    #confirm3 .message {
        text-align: left;
    }

#confirm4 {
    display: none;
    background-color: white;
    color: red;
    border: 2px solid #aaa;
    border-radius: 5px;
    position: fixed;
    width: 450px;
    top: 100px;
    left: 50%;
    margin-left: -100px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
}

    #confirm4 button {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #aaa;
        padding: 5px;
        text-align: center;
        width: 100px;
        cursor: pointer;
    }

    #confirm4 .message {
        text-align: left;
    }