img {max-width: 100%; object-fit: scale-down;}
label {
    margin-bottom: 2px;
    margin-top: 5px;
    font-weight: bold;
    color: #555;
}
.hide-first {display: none;}
.profile {
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 999;
    height: 140px;
    width: 200px;
    border-radius: 20px 0 20px 20px;
    padding: 10px 15px;
    box-shadow: 2px 2px 5px #555;
}
.profile hr {margin: 2px; padding: 0;}
.adminMenuSide {
    min-width: 230px;
    max-width:230px;
    display: table-cell;
    vertical-align: top;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 1px #ddd;
    transition: all .5s ease-out, height 0s;
}
.adminMenuSide .menu {}
.adminMenuSide .menu .active {background: #ddd;}
.adminMenuSide .menu .menu-item {
    padding: 7px 15px;
    font-size: 10pt;
    color: #222;
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-top: 1px solid #ddd;
}
.adminMenuSide .menu .menu-item i {
    margin-right: 5px;
    font-size: 14pt;
}
.adminMenuSide .menu .menu-item span {
    display: inline;
}
.adminMenuSideShrink .menu .menu-item span {
    display: none;
}
.adminMenuSide .menu .menu-item:hover {
    background: #ddd;
}
.adminMenuSide .menu-item-child {
    background: #eee;
    width: 100%;
}
.adminMenuSideShrink {
    min-width: 50px;
    max-width: 50px;
}
.sview {display: none; transition: all .5s;}
.lview {display: block; transition: all .5s;}
.adminMenuSideShrink .sview {display: block;}
.adminMenuSideShrink .lview {display: none;}
.adminMenuContainer {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    position: relative;
    border-collapse:collapse;
    margin: 0;
}
.adminMenuHeader {
    width: 100%;
    background: #eee;
    height: 50px;
    padding: 10px 15px;
}
.adminMenuContent {
    width: 100%;
}
.adminMenuFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    box-shadow: inset 1px 1px 1px #ddd;
    padding: 12px 15px;
    color: #777;
    font-size: 10pt;
}


.pointer {
    cursor: pointer;
}
.overflow-hidden {overflow: hidden;}
.bg-purple {background: #8085e9;}
.bg-pink {background: #f15c80;}
.hover-shadow:hover {
    text-shadow: 2px 2px 3px #fff;
}
.hover-border:hover {
    box-shadow: 2px 2px 3px #777;
}
.clicked {box-shadow: inset -1px -1px 3px #777;}
.smartform textarea {
    height: 200px;
}
.smartform label {
    margin-top: 6px;
    margin-bottom: 1px;
    font-weight: bold;
    color: #555;
}
.smartform-inside {
    border-left: 8px solid #ddd;
    padding-left: 15px;
}
.smartform-subtitle {
    font-size: 8pt; 
    font-weight: normal; 
    display: inline-block;
}
.smartform-container {
    border: 2px dashed #bbb;
    padding: 5px 15px 20px 15px;
    background: #efefef;
}
.middle td {
    vertical-align: middle;
}
.art2 td {
    min-width: 100px;
}
.hint {
    border: 2px dashed #eee;
    border-radius: 20px;
    padding: 10px 15px;
    margin-bottom: 20px;
    background: rgba(100,200,100,.1);
    position:relative;
    font-style: italic;
}
.hint .button {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}
.narrow-height tr td {padding-top: 2px; padding-bottom: 2px;}
.narrow-height thead tr td {padding: 7px 10px;}