﻿body {
    font-size: 11pt;
}
#bodypart{
    margin-top:8px;
    padding-bottom:52px;
}

.maintopbar {
    background-color: darkslategrey;
    padding: 4px 8px 0px 0px;
    height: 88px;
    xborder-bottom: 2px solid silver;
    color: white;
}
    .maintopbar.grouptype0 {
        background-color: black;
        xborder-bottom: 2px solid silver;
        color: white;
    }
    .maintopbar.grouptype1 {
        background-color: lightyellow;
        xborder-bottom: 2px solid silver;
        color: black;
    }
    .maintopbar.grouptype99 {
        background-color: darkred;
        xborder-bottom: 2px solid white;
        color: white;
    }
    .maintopbar .navbuttons{
        padding-top:12px;
    }

.footerpart {
    background-color: darkslategrey;
    border-top: 2px solid silver;
    color: white;
}
    .footerpart.grouptype0 {
        background-color: black;
        border-top: 2px solid silver;
        color: white;
    }
    .footerpart.grouptype1 {
        background-color: lightyellow;
        border-top: 2px solid silver;
        color: black;
    }
    .footerpart.grouptype99 {
        background-color: darkred;
        border-top: 2px solid white;
        color: white;
    }

.ellipsis {
    position: relative;
}

    .ellipsis:before {
        content: '&nbsp;';
        visibility: hidden;
    }

    .ellipsis div {
        display:inline;
        position: absolute;
        left: 0;
        right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.btn {
    font-size: 85% !important;
}

#inputtable {
    border-collapse: collapse;
    border: none;
}
    #inputtable td {
        padding: 0px;
        margin: 0px;
        vertical-align: bottom;
    }
    #inputtable .btn-link {
        font-size: 110% !important;
    }

.wait {
    xcursor: wait !important;
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: none !important;
    color:navy;
}

.modal-header{
    padding:8px 8px 8px 16px !important;
    margin:0px !important;
}
.modal-title{
    line-height:normal !important;
    font-size:125% !important;
}
.modal-open {
    padding-right: 0 !important;
}

.iw1{ /*used for toggled chevrons (accordion)*/
    display:inline-block;
    margin-right:2px;
    text-align:left;
}
.editicon{
    font-size:125%;
    margin-right:8px;
    cursor:pointer;
}

.darkink * {
    color: darkslategray !important;
}
.grayink *{
    color: darkgray !important;
}
.navyink * {
    color: navy !important;
}

.link {
    cursor: pointer;
    color: #007bff !important;
}
.link:hover {
    text-decoration:underline;
}

.toast{
    opacity:90 !important;
}

#funcfooter{
    text-align:left;
    background-color:white;
    border-top:2px solid silver;
    padding-top:10px;
    padding-bottom:8px;
}
.func{
    font-size:90% !important;
    display:block;
    cursor:pointer;
    padding:4px !important;
}

textarea:read-only, input[type="text"]:read-only{
    background-color:#FBFBFB !important;
}


body {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

textarea, input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
    cursor: text;
    padding:4px 6px 4px 6px !important;
}
    input[type="button"], input[type="checkbox"], input[type="radio"], button[type="button"] {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    textarea.autoExpand {
        display: block;
        box-sizing: padding-box;
        overflow: hidden;
        resize: none !important;
        /*font-size: 14px;*/
        /*box-shadow: 2px 2px 8px rgba(black, .3);*/
        /*border: 0;*/
    }

.chevicon, .nochevicon {
    display: inline-block;
    font-size: 75%;
    position: relative;
    top: -1px;
    width: 14px;
}
.nochevicon {
    visibility: hidden;
}

.folderrow.selected{
    background-color:lightblue !important;
}

.allfunctions button {
    display: block;
}

.saBeThis {
    margin: 2px 0 2px 0;
    cursor: pointer;
}

.saBeName {
    text-decoration: underline;
}

.table-tight {
    border-collapse:collapse;
}
    .table-tight td {
        padding:3px !important;
        padding-right:16px !important;
    }
.payCommWrapTable{
    width:100% !important;
}
.payCommWrapTable th:first-child, .payCommWrapTable td:first-child {
    width: 1% !important;
    white-space: nowrap !important;
}
.payCommHistory th, .payCommHistory td {
    border-bottom: 1px solid silver !important;
    padding-right: 16px !important;
}

.globalfolder .folname, .globalfile .filname {
    font-style: italic;
}
.globalfolder *, .globalfile * {
    color: darkblue;
}

.lockhide{
    display:none !important;
}

.subfolder-1 {
    padding-left: 12px !important;
}
.subfolder-2 {
    padding-left: 24px !important;
}
.subfolder-3 {
    padding-left: 36px !important;
}
.subfolder-4 {
    padding-left: 48px !important;
}
.subfolder-5 {
    padding-left: 60px !important;
}
.subfolder-6 {
    padding-left: 72px !important;
}
.subfolder-7 {
    padding-left: 84px !important;
}
.subfolder-8 {
    padding-left: 96px !important;
}
.subfolder-9 {
    padding-left: 108px !important;
}
.subfolder-10 {
    padding-left: 120px !important;
}


.subfile-0 {
    padding-left: 14px !important;
}

.subfile-1 {
    padding-left: 26px !important;
}

.subfile-2 {
    padding-left: 38px !important;
}

.subfile-3 {
    padding-left: 50px !important;
}

.subfile-4 {
    padding-left: 62px !important;
}

.subfile-5 {
    padding-left: 74px !important;
}

.subfile-6 {
    padding-left: 86px !important;
}

.subfile-7 {
    padding-left: 98px !important;
}

.subfile-8 {
    padding-left: 110px !important;
}

.subfile-9 {
    padding-left: 122px !important;
}

.subfile-10 {
    padding-left: 134px !important;
}
.subfile-11 {
    padding-left: 146px !important;
}