/*Generic CSS styling*/
@charset "UTF-8";

/*W3.css complements*/
.w3-round-small-left{border-top-left-radius:2px;border-bottom-left-radius:2px}.w3-round-left,.w3-round-medium-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.w3-round-large-left{border-top-left-radius:8px;border-bottom-left-radius:8px}.w3-round-xlarge-left{border-top-left-radius:16px;border-bottom-left-radius:16px}.w3-round-xxlarge-left{border-top-left-radius:32px;border-bottom-left-radius:32px}
.w3-round-small-right{border-top-right-radius:2px;border-bottom-right-radius:2px}.w3-round-right,.w3-round-medium-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.w3-round-large-right{border-top-right-radius:8px;border-bottom-right-radius:8px}.w3-round-xlarge-right{border-top-right-radius:16px;border-bottom-right-radius:16px}.w3-round-xxlarge-right{border-top-right-radius:32px;border-bottom-right-radius:32px}
.w3-round-small-top{border-top-left-radius:2px;border-top-right-radius:2px}.w3-round-top,.w3-round-medium-top{border-top-left-radius:4px;border-top-right-radius:4px}.w3-round-large-top{border-top-left-radius:8px;border-top-right-radius:8px}.w3-round-xlarge-top{border-top-left-radius:16px;border-top-right-radius:16px}.w3-round-xxlarge-top{border-top-left-radius:32px;border-top-right-radius:32px}
.w3-round-small-bottom{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.w3-round-bottom,.w3-round-medium-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.w3-round-large-bottom{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.w3-round-xlarge-bottom{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.w3-round-xxlarge-bottom{border-bottom-left-radius:32px;border-bottom-right-radius:32px}

.w3-round-small-topleft{border-top-left-radius:2px}.w3-round-topleft,.w3-round-medium-topleft{border-top-left-radius:4px}.w3-round-large-topleft{border-top-left-radius:8px}.w3-round-xlarge-topleft{border-top-left-radius:16px}.w3-round-xxlarge-topleft{border-top-left-radius:32px}
.w3-round-small-topright{border-top-right-radius:2px}.w3-round-topright,.w3-round-medium-topright{border-top-right-radius:4px}.w3-round-large-topright{border-top-right-radius:8px}.w3-round-xlarge-topright{border-top-right-radius:16px}.w3-round-xxlarge-topright{border-top-right-radius:32px}
.w3-round-small-bottomleft{border-bottom-left-radius:2px}.w3-round-bottomleft,.w3-round-medium-bottomleft{border-bottom-left-radius:4px}.w3-round-large-bottomleft{border-bottom-left-radius:8px}.w3-round-xlarge-bottomleft{border-bottom-left-radius:16px}.w3-round-xxlarge-bottomleft{border-bottom-left-radius:32px}
.w3-round-small-bottomright{border-bottom-right-radius:2px}.w3-round-bottomright,.w3-round-medium-bottomright{border-bottom-right-radius:4px}.w3-round-large-bottomright{border-bottom-right-radius:8px}.w3-round-xlarge-bottomright{border-bottom-right-radius:16px}.w3-round-xxlarge-bottomright{border-bottom-right-radius:32px}

.w3-pointer-pointer{cursor:pointer}
.w3-pointer-not-allowed{cursor:not-allowed}
.w3-nodecoration{text-decoration:none}
.w3-sidebar{z-index:5}
.w3-lineheight-normal{line-height: normal}

.w3-table-vertical-middle td,.w3-table-vertical-middle th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:middle}
.w3-table-vertical-top td,.w3-table-vertical-top th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table-vertical-bottom td,.w3-table-vertical-bottom th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:bottom}

.w3-image-full{width:100%}

/*CSS for Flex containers for 50px label icon next to input box*/
.w3-container-flex{display: flex;flex-wrap: wrap}
.w3-input-flexlabel{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px}
.w3-input-flexinput{width: calc(100% - 50px);height: 50px}
.w3-input-flexbutton{height: 50px}

/*CSS for setting for single window max and min width*/
.w3-minwidth-360{min-width:360px;min-width:360px;width:360px;max-height:650px;overflow-y: auto;overflow-x: hidden}

/*CSS styling for checkbox enabler of CSS modal alert windows*/
#modal-toggle {display: none}
#modal-toggle:not(:checked) ~ .w3-modal {display: none}
#modal-toggle.active ~ .w3-modal, #modal-toggle:checked ~ .w3-modal {display: block}

/*CSS styling for hamburger toggle*/
#hamburger-toggle {display: none}
#hamburger-toggle:not(:checked) ~ .w3-overlay {display: none}
#hamburger-toggle.active ~ .w3-overlay, #hamburger-toggle:checked ~ .w3-overlay {display: block}
#hamburger-toggle:not(:checked) ~ .w3-sidebar {display: none}
#hamburger-toggle.active ~ .w3-sidebar, #hamburger-toggle:checked ~ .w3-sidebar {display: block}

/*CSS styling for data table*/
.tabledit-input{background: transparent;font-size: 14px}
.tabledit-deleted-row{background-color: #ff0000;display: none}

/*CSS styling for avatar selection screen*/
.myavatar {display:none}

/*CSS styling for Icon Workspace*/
.icon-cnt {padding: 0px;position: relative;display: inline-block;vertical-align:top;text-align: center;line-height: 1}
.icon-cnt-25 {margin: 10px;width: 25px}
.icon-cnt-50 {margin: 15px;width: 50px}
.icon-cnt-75 {margin: 20px;width: 75px}
.icon-cnt-100 {margin: 25px;width: 100px}
.icon-cnt-125 {margin: 30px;width: 125px}
.icon-cnt-150 {margin: 35px;width: 150px}
.icon-cnt-175 {margin: 40px;width: 175px}
.icon-cnt-200 {margin: 45px;width: 200px}

/*CSS styling for Icon Tooltip text*/
.icon-cnt .icon-txt {visibility: visible}
.icon-cnt .icon-bubble {visibility: hidden;background-color: #555;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 1;bottom: 95%;left: 50px;margin-left: -50px;opacity: 0;transition: opacity 0.3s}
.icon-cnt .icon-bubble::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent}
.icon-cnt:hover .icon-bubble {visibility: visible;opacity: 1}



