.min-height-100vh{ min-height:calc(100vh - 3rem); } .site{ border:solid white 1px; } #siteid{ color:white; margin-right:100px; } .white-png{ background-color:#eeeeee !important; text-align:center; } .wdt11{ width:11%; } .wdt25{ width:25%; } .wdt50{ width:50%; } .wdt75{ width:75%; } #sidebarTop{ height:3rem; } .v-select{ position:relative; font-family:inherit; } .v-select, .v-select *{ box-sizing:border-box; } @-webkit-keyframes vSelectSpinner{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } @keyframes vSelectSpinner{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .vs__fade-enter-active, .vs__fade-leave-active{ pointer-events:none; transition:opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); } .vs__fade-enter, .vs__fade-leave-to{ opacity:0; } .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator{ cursor:not-allowed; background-color:#f8f8f8; } .v-select[dir=rtl] .vs__actions{ padding:0 3px 0 6px; } .v-select[dir=rtl] .vs__clear{ margin-left:6px; margin-right:0; } .v-select[dir=rtl] .vs__deselect{ margin-left:0; margin-right:2px; } .v-select[dir=rtl] .vs__dropdown-menu{ text-align:right; } .vs__dropdown-toggle{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:flex; padding:0 0 4px 0; background:none; border:1px solid rgba(60, 60, 60, 0.26); border-radius:4px; white-space:normal; } .vs__selected-options{ display:flex; flex-basis:100%; flex-grow:1; flex-wrap:wrap; padding:0 2px; position:relative; } .vs__actions{ display:flex; align-items:center; padding:4px 6px 0 3px; } .vs--searchable .vs__dropdown-toggle{ cursor:text; } .vs--unsearchable .vs__dropdown-toggle{ cursor:pointer; } .vs--open .vs__dropdown-toggle{ border-bottom-color:transparent; border-bottom-left-radius:0; border-bottom-right-radius:0; } .vs__open-indicator{ fill:rgba(60, 60, 60, 0.5); transform:scale(1); transition:transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855); transition-timing-function:cubic-bezier(1, -0.115, 0.975, 0.855); } .vs--open .vs__open-indicator{ transform:rotate(180deg) scale(1); } .vs--loading .vs__open-indicator{ opacity:0; } .vs__clear{ fill:rgba(60, 60, 60, 0.5); padding:0; border:0; background-color:transparent; cursor:pointer; margin-right:8px; } .vs__dropdown-menu{ display:block; box-sizing:border-box; position:absolute; top:calc(100% - 1px); left:0; z-index:1000; padding:5px 0; margin:0; width:100%; max-height:350px; min-width:160px; overflow-y:auto; box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.15); border:1px solid rgba(60, 60, 60, 0.26); border-top-style:none; border-radius:0 0 4px 4px; text-align:left; list-style:none; background:#fff; } .vs__no-options{ text-align:center; } .vs__dropdown-option{ line-height:1.42857143; display:block; padding:3px 20px; clear:both; color:#333; white-space:nowrap; cursor:pointer; } .vs__dropdown-option--highlight{ background:#5897fb; color:#fff; } .vs__dropdown-option--deselect{ background:#fb5858; color:#fff; } .vs__dropdown-option--disabled{ background:inherit; color:rgba(60, 60, 60, 0.5); cursor:inherit; } .vs__selected{ display:flex; align-items:center; background-color:#f0f0f0; border:1px solid rgba(60, 60, 60, 0.26); border-radius:4px; color:#333; line-height:1.4; margin:4px 2px 0px 2px; padding:0 0.25em; z-index:0; } .vs__deselect{ display:inline-flex; -webkit-appearance:none; -moz-appearance:none; appearance:none; margin-left:4px; padding:0; border:0; cursor:pointer; background:none; fill:rgba(60, 60, 60, 0.5); text-shadow:0 1px 0 #fff; } .vs--single .vs__selected{ background-color:transparent; border-color:transparent; } .vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected{ position:absolute; opacity:0.4; } .vs--single.vs--searching .vs__selected{ display:none; } .vs__search::-webkit-search-cancel-button{ display:none; } .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear{ display:none; } .vs__search, .vs__search:focus{ -webkit-appearance:none; -moz-appearance:none; appearance:none; line-height:1.4; font-size:1em; border:1px solid transparent; border-left:none; outline:none; margin:4px 0 0 0; padding:0 7px; background:none; box-shadow:none; width:0; max-width:100%; flex-grow:1; z-index:1; } .vs__search::-moz-placeholder{ color:inherit; } .vs__search:-ms-input-placeholder{ color:inherit; } .vs__search::placeholder{ color:inherit; } .vs--unsearchable .vs__search{ opacity:1; } .vs--unsearchable:not(.vs--disabled) .vs__search{ cursor:pointer; } .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{ opacity:0.2; } .vs__spinner{ align-self:center; opacity:0; font-size:5px; text-indent:-9999em; overflow:hidden; border-top:0.9em solid rgba(100, 100, 100, 0.1); border-right:0.9em solid rgba(100, 100, 100, 0.1); border-bottom:0.9em solid rgba(100, 100, 100, 0.1); border-left:0.9em solid rgba(60, 60, 60, 0.45); transform:translateZ(0); -webkit-animation:vSelectSpinner 1.1s infinite linear; animation:vSelectSpinner 1.1s infinite linear; transition:opacity 0.1s; } .vs__spinner, .vs__spinner:after{ border-radius:50%; width:5em; height:5em; } .vs--loading .vs__spinner{ opacity:1; }