.spinner{position:fixed;z-index:200;top:0;left:0;bottom:0;right:0;background:#D8DBE2;justify-content:center;display:none;text-align:center;font-weight:bold;color:#fff;font-family:Courier New, Courier, monospace;font-size:2em}.spinner.active{display:flex}.spinner div{width:300px;margin:auto}.spinner img{width:100%}.loader{display:none;position:fixed;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;background:#ebebeb}.loader.active{display:flex}.bouncing-logo{height:150px;width:150px;position:relative}.bouncing-logo .logo{height:100%;width:100%;animation:bounce 1.75s infinite ease;position:relative}.bouncing-logo .text{display:block;position:absolute;bottom:0;font-size:2rem;text-align:center;width:115%;margin-left:-7.5%;margin-bottom:-20px;padding-top:5px;border-top:2px solid rgba(0,0,0,0.45)}@keyframes bounce{0%{margin-top:-75%;height:100%}10%{height:100%}45%{margin-top:0%}49%{margin-top:0%;height:75%;width:109%;margin-left:-4.5%}50%{margin-top:0%;height:75%;width:110%;margin-left:-5%}65%{margin-top:-5%;height:80%;width:108%;margin-left:-4%}90%{height:100%}100%{margin-top:-75%;height:100%}}input,label,select,input[type=tel]{display:block}label{font-weight:bold}input,select,input[type=tel],input[type=file],textarea,input[type=number],input[type=url]{border:rgba(0,0,0,0.15) solid 2px;border-radius:5px;padding:5px 10px;width:calc(100% - 24px)}input[type=tel]{padding:7px 10px}input[type=submit]{width:auto}.checkbox label{margin-top:5px}.checkbox input,.checkbox label{width:inherit}.checkbox input input.check_boxes,.checkbox label input.check_boxes{float:left}form.new_content_area_assignment,form.edit_content_area_assignment{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.remove-link{justify-self:end}form.edit_person,form.new_person{display:grid;grid-gap:20px}form.edit_person .content-area-assignments,form.new_person .content-area-assignments{display:grid;grid-gap:10px}form.edit_person .content-area-assignments>.nested-fields,form.new_person .content-area-assignments>.nested-fields{background:rgba(0,0,0,0.15);padding:20px}form.edit_person .content-area-assignments .bucket-wrapper,form.new_person .content-area-assignments .bucket-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;width:100%}.nested-fields-title{margin:-20px 0 0 -20px;width:calc(100% + 40px)}.nested-fields-title,.district-building-header{padding:10px !important;box-sizing:border-box;color:#fff;background:#0c2c58}.district-building-header{display:flex;justify-content:space-between;align-items:center;grid-column:span 2}#content_area_assignment_districts .nested-fields{display:grid;grid-template-columns:3fr 1fr;grid-gap:10px;border-bottom:solid rgba(0,0,0,0.15) 2px;margin-bottom:10px}.content_area_assignment_buildings{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.content_area_assignment_buildings .input{display:grid;grid-gap:5px}.content_area_assignment_buildings .input label{display:grid;grid-template-columns:2fr 8fr;align-items:center}.content_area_assignment_buildings .input label input{justify-self:center}.schools-drop{display:grid;padding:10px 20px}.schools-drop.active{height:auto}.district-selector{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,0.15);align-items:center}.district-expander{display:block;padding:10px;text-align:center;font-weight:bold;cursor:pointer;justify-self:end;margin-right:10px}.district-expander .bucket.active{height:auto}.bucket-separator{border:1px solid #0c2c58;margin:0 0 10px 0}.update-priority{display:flex;flex-direction:row}.district-building-section{grid-column:span 2}.region .region-header{background:#0c2c58;color:#fff;display:flex;justify-content:space-between;padding:10px}.assignment-fields div.input{margin-bottom:10px}.assignment-fields label{margin-bottom:5px}.assignment-fields label.checkbox{height:30px;display:flex;align-items:center}.side-by-checkbox{display:inline-block;float:left !important;margin-right:10px}.district-info{display:block;padding:10px}.section-header{background:#0c2c58;color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:10px 20px !important}.dragover{border-top:0.5rem blue solid}.draggable-building{cursor:move;display:flex !important;padding:0.5rem;align-items:center;background:#eee;margin-bottom:0.5rem}.buildings-sorter h2{font-size:1rem}.pagination{padding:5px}.pagination .current,.pagination .gap{padding:10px !important}.pagination .page,.pagination .next,.pagination .last,.pagination .first,.pagination .prev,.pagination span{margin:0;box-sizing:border-box;display:inline-block}.pagination .page a,.pagination .page.current,.pagination .page.gap,.pagination .next a,.pagination .next.current,.pagination .next.gap,.pagination .last a,.pagination .last.current,.pagination .last.gap,.pagination .first a,.pagination .first.current,.pagination .first.gap,.pagination .prev a,.pagination .prev.current,.pagination .prev.gap,.pagination span a,.pagination span.current,.pagination span.gap{background:rgba(0,0,0,0.15);padding:7px}.pagination .page a,.pagination .next a,.pagination .last a,.pagination .first a,.pagination .prev a,.pagination span a{padding:10px;text-decoration:none;color:#000000}.pagination .page a:hover,.pagination .page.current,.pagination .next a:hover,.pagination .next.current,.pagination .last a:hover,.pagination .last.current,.pagination .first a:hover,.pagination .first.current,.pagination .prev a:hover,.pagination .prev.current,.pagination span a:hover,.pagination span.current{background:rgba(0,0,0,0.45);color:#fff}.pagination .page:first-child,.pagination .first a{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination .page:last-child,.pagination .last a{border-top-right-radius:5px;border-bottom-right-radius:5px}*{box-sizing:border-box}body,p,ul,h1,h2,h3,h4,h5,h6,article,section,table,input,select{margin:0;padding:0;box-sizing:border-box}body,p,input,select{font-family:'Open Sans', sans-serif;color:var(--charcoal)}h1,h2,h3,h4,h5,h6,thead{font-family:'Roboto Slab', serif}html,body{height:100%}ul{padding-left:2rem}#assignments{min-height:100%;width:100%;height:fit-content;display:flex;justify-content:center}.listing{max-width:1500px;width:100%;min-width:400px;height:fit-content;background:#eee;box-shadow:0 0 4px 5px rgba(0,0,0,0.3);position:relative;padding:2rem;display:grid;grid-template-rows:auto 1fr auto;gap:1rem}.listing hr{border:1px solid #ddd}.listing .contacts{display:flex;padding-block:1rem;gap:1rem;flex-wrap:wrap}.listing .contact{transform-style:preserve-3d;backface-visibility:hidden;margin-top:1rem}.listing .contact .front{display:grid;grid-template-columns:120px 1fr;width:fit-content}.listing .contact .front,.listing .contact .back{backface-visibility:hidden;background:#0c2c58;color:white;padding:1rem;border-radius:8px;transition:all 0.5s ease}.listing .contact .back{transform:rotateY(180deg);position:absolute;inset:0}.listing .contact .button{padding:0.5rem 1rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer}.listing .contact:hover .front{transform:rotateY(180deg)}.listing .contact:hover .back{transform:rotateY(360deg)}.listing .photo{background:#aaa;width:100px;margin:-2rem 1rem 0 0;border-radius:5px}.listing .photo.placeholder{font-size:5rem;display:grid;place-items:center;aspect-ratio:3 / 4}.logo{position:absolute;top:2rem;right:2rem;height:100px}
