﻿html,body{height:100%}body{background:url("../images/bg.jpg") center/cover no-repeat}#header{max-width:70%;margin:3rem auto}#footer{background-color:#3081c1;color:#fff;text-align:center;line-height:40px;height:40px}#footer p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}#main-content{height:calc(100% - 40px);position:relative;overflow:auto}.error-page .error-code{font-size:200px;margin-bottom:0}.error-page .emoji-404{display:inline-block;width:200px;height:200px;background:url("../images/404-emoji.png") center/contain no-repeat}.blocking{position:absolute;width:100%;height:100%;left:0;top:0;z-index:999;cursor:wait}.is-full-height{height:100%}.center-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-login form.login{max-width:480px;margin:0 auto;display:flex;align-items:center;flex-direction:column}.page-login button[type=submit]:hover .mslogo{animation:bounce;animation-duration:2s;animation-iteration-count:3}.page-login button[type=submit]{font-size:1.4rem}@media screen and (max-width: 500px){.page-login button[type=submit]{padding-top:1.4rem;padding-bottom:1.4rem;font-size:1.3rem}}#sys-notices{position:absolute;right:2rem;top:2rem;z-index:100;width:30%;max-width:360px;overflow-x:hidden}#sys-notices .notification{animation-duration:1s}#sys-notices .notification.is-success{background-color:rgba(72,199,142,.95)}#sys-notices .notification.is-danger{background-color:rgba(241,70,104,.95)}#sys-notices .notification.is-warning{background-color:rgba(255,221,87,.95)}#status-bar{padding:20px 4rem;display:flex;justify-content:space-between;align-items:center}#status-bar .logo{max-width:400px;min-width:300px;display:inline-block}#status-bar .logo a{display:block}#status-bar .logout-form{display:inline-block}#status-bar .logout-form .submit-control{font-size:.9rem;text-align:right}#status-bar .logout-form .button{vertical-align:middle;margin-left:1rem;display:inline-block;font-size:.9rem}@media screen and (max-width: 768px){#status-bar{flex-direction:column;align-items:initial;flex-flow:column-reverse;padding:20px 1rem}#status-bar .logout-form{margin-bottom:2rem}}#page-container{max-width:1600px;margin:0 auto;padding:2rem 4rem}@media screen and (max-width: 768px){#page-container{padding:2rem 1rem}}.index-page{position:relative;padding-top:8rem}@media screen and (max-width: 1024px){.index-page{padding-top:4rem}}.index-page .app-category{margin-bottom:4rem}.index-page .app-category>h4{padding-bottom:1rem;border-bottom:1px dotted #0060a9;color:#ce1141}.index-page .app-category .fx-columns{display:flex;flex-direction:rows;flex-wrap:wrap;gap:20px}.index-page .app-category .fx-columns .fx-column{width:calc(50% - 10px);position:relative}@media screen and (min-width: 1280px){.index-page .app-category .fx-columns .fx-column{width:calc(33.333% - 15px)}}@media screen and (max-width: 768px){.index-page .app-category .fx-columns .fx-column{width:100%}}.index-page .app-category .app{border:1px solid #526178;background:hsla(0,0%,100%,.5);border-radius:6px;padding:1rem;display:inline-block;color:#333;min-height:230px;width:100%}.index-page .app-category .app h5{text-align:center;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.index-page .app-category .app:hover{color:#fff;background:rgba(116,125,157,.8);border:1px solid #939ab7}.index-page .app-category .app:hover h5{color:#cad3f5;text-shadow:2px 2px 2px rgba(0,0,0,.5)}.index-page .app-category .app:hover p{text-shadow:2px 2px 2px rgba(0,0,0,.5)}.index-page .app-category .app:hover img{animation:bounce;animation-duration:1.3s;animation-iteration-count:1}.index-page .app-category .app .app-desc>p:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}@media screen and (min-width: 768px){.index-page .app-category .app .app-desc{display:flex;align-items:center}}.index-page .app-category .app img{max-width:160px;display:block;margin:0 auto;margin-bottom:1rem;margin-top:10px}.index-page .app-category .app-section{position:absolute}.index-page .app-category .app-section .dropdown-content{background-color:#0032a0}.index-page .app-category .app-section .dropdown-content a{color:#fff}.index-page .app-category .app-section .dropdown-content a:hover{background-color:rgba(116,125,157,.8)}.index-page .navbar-wrap{position:absolute;top:0;right:0;width:100%;border-bottom:2px solid #ce1142;overflow:hidden}@media screen and (max-width: 1024px){.index-page .navbar-wrap{border-bottom:0}.index-page .navbar-wrap .navbar .navbar-menu{background-color:#0032a0}.index-page .navbar-wrap .navbar .navbar-menu a{color:#fff}}.index-page .navbar{background-color:rgba(0,0,0,0)}.index-page .navbar .navbar-menu{justify-content:right;gap:20px}.index-page .navbar .navbar-menu .navbar-item i{padding-right:.4rem;color:#f14668}.index-page .navbar .navbar-menu .navbar-item:hover{background-color:rgba(116,125,157,.8);color:#fff}.phonelist .search-bar{max-width:400px;margin-bottom:2rem}.phonelist .search-bar .icon{pointer-events:initial}.phonelist .search-bar .icon:hover .fas{color:#f26488}.phonelist .table{border-bottom:1px solid #0032a0;border-left:1px solid #0032a0;border-right:1px solid #0032a0;border-collapse:separate}.phonelist .table th{border-bottom:2px solid #ce1142;background:#0032a0;color:#fff}.staffphotos>.columns{margin-bottom:3rem;border-bottom:2px solid #aaa}.staffphotos .fx-column{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.staffphotos .dept{background-color:#000}.staffphotos .dept h5{color:#fff;text-align:center;position:relative;top:50%;transform:translateY(-50%);line-height:1.6;font-weight:normal}@media screen and (max-width: 768px){.staffphotos .dept h5{position:static;transform:none;margin-bottom:0}}.staffphotos .staff{width:160px;overflow:hidden}.staffphotos .staff .photo{margin-bottom:1rem;position:relative}.staffphotos .staff .photo img{height:200px;width:auto;margin:0 auto;display:block}.staffphotos .staff .name{border-top:2px solid #777;border-bottom:2px solid #777;text-align:center}.split{display:flex;flex-direction:row}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");cursor:col-resize}#mail-archive{position:relative}#mail-archive .search-bar{float:right;margin-bottom:1rem;display:flex;gap:2rem}#mail-archive .search-bar>div{max-width:200px}#mail-archive .search-bar>div.date-control{max-width:360px}#mail-archive .search-bar>div.date-control .datetimepicker-dummy-wrapper{border-color:#dbdbdb;border-radius:4px;background-color:#fff}#mail-archive .search-bar .is-right{pointer-events:initial}#mail-archive .search-bar .is-right:hover{color:#f26488}#mail-archive .split{clear:both;height:calc(100vh - 98px - 2rem - 40px - 40px - 1rem - 44px)}#mail-archive .list-panel{overflow-y:auto;background:#f9f9f9 url("../images/mail-inbox.png") center bottom no-repeat}#mail-archive .list-panel>ul{margin:0;list-style-type:none;background-color:#f9f9f9}#mail-archive .list-panel>ul li{padding:1rem;margin:0;border-bottom:1px dotted #0032a0;cursor:pointer}#mail-archive .list-panel>ul li:hover:not(.load-more):not(.is-active){background-color:#e3fad9}#mail-archive .list-panel>ul li.is-active{background-color:#f4dbd6}#mail-archive .list-panel>ul li.load-more{border-bottom:none;padding:0;text-align:center}#mail-archive .list-panel>ul li.load-more button{text-align:center;font-style:italic;line-height:2rem;border:0}#mail-archive .list-panel>ul li.load-more button.is-loading::after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #cdc9f5 #cdc9f5 !important}#mail-archive .list-panel>ul .datetime{color:#0032a0;text-align:right;font-size:.9rem}#mail-archive .list-panel>ul .sender{font-size:.8rem}#mail-archive .list-panel>ul .sender b{display:inline-block;padding-right:1rem}#mail-archive .list-panel>ul .sender b::first-letter{font-size:1.4rem}#mail-archive .list-panel>ul .sender i{color:#999}#mail-archive .list-panel>ul .subject{font-weight:bold}#mail-archive .list-panel>ul .body-preview{color:#777;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#mail-archive .view-panel{width:100%;min-height:100%;overflow:hidden;background:#fff url("../images/mail-inbox2.png") center bottom no-repeat}#mail-archive .view-panel>.header{margin-bottom:0}#mail-archive .view-panel>.header .close-btn{position:absolute;right:1rem;font-size:2rem;color:#ce1142;margin:0;z-index:3}#mail-archive .view-panel>.header h4{padding:1rem;background-color:#efefef;font-size:1.1rem;font-weight:normal;line-height:1.3;margin:0;border-bottom:3px solid #0032a0}#mail-archive .view-panel>.header .info{padding:.6rem;border-bottom:1px solid #eee;background-color:#fff}#mail-archive .view-panel>.header .info>span{font-size:.9rem;text-align:right;display:block;margin-bottom:.6rem}#mail-archive .view-panel>.header .info .sender b{padding-right:.5rem}#mail-archive .view-panel>.header .attachments{list-style-type:none;margin-left:1rem}#mail-archive .view-panel>.header .attachments li{display:inline-block;max-width:40%;margin:.2rem .4rem}#mail-archive .view-panel>.header .attachments li a{display:inline-block;padding:.4rem .6em;padding-left:2rem;border:1px solid #c6f0d0;border-radius:4px;position:relative;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:#c6f0cd}#mail-archive .view-panel>.header .attachments li a:hover{color:#fff;background-color:#0060a9;border-color:#0060a9}#mail-archive .view-panel>.header .attachments li a::before{content:"";display:inline-block;height:40px;width:40px;position:absolute;font-size:1.4rem;vertical-align:middle;top:0;left:8px;font-family:"Font Awesome 6 Free"}@media screen and (max-width: 768px){#mail-archive .view-panel>.header .attachments li{max-width:initial}}#mail-archive .view-panel>iframe{width:100%;height:100%;overflow:auto;background-color:#fff}@media screen and (min-width: 769px){#mail-archive .header .close-btn{display:none}}@media screen and (max-width: 768px){#mail-archive .split{position:relative;height:auto}#mail-archive .header .subject{padding-right:3rem !important}#mail-archive .list-panel{width:100%}#mail-archive .view-panel{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10}}#breadcrumb{margin:0 4rem}@media screen and (max-width: 768px){#breadcrumb{margin:0 1rem}}#breadcrumb>ul{padding:0;list-style:none;overflow:hidden;border-radius:4px}#breadcrumb>ul li{float:left}#breadcrumb>ul li a{background:#0032a0;color:#fff;text-decoration:none;padding:10px 0 10px 45px;position:relative;display:block;float:left}#breadcrumb>ul li a:before{content:" ";display:block;width:0;height:0;border-top:50px solid rgba(0,0,0,0);border-bottom:50px solid rgba(0,0,0,0);border-left:30px solid #fff;position:absolute;top:50%;margin-top:-50px;margin-left:1px;left:100%;z-index:1}#breadcrumb>ul li a:after{content:" ";display:block;width:0;height:0;border-top:50px solid rgba(0,0,0,0);border-bottom:50px solid rgba(0,0,0,0);border-left:30px solid #0032a0;position:absolute;top:50%;margin-top:-50px;left:100%;z-index:2}#breadcrumb>ul li:first-child a{padding-left:15px}#breadcrumb>ul li.is-active a{cursor:default;background:#ce1142}#breadcrumb>ul li.is-active a:after{border-left:30px solid #ce1142}#breadcrumb>ul li a:hover{background:#ce1142}#breadcrumb>ul li a:hover:after{border-left-color:#ce1142 !important}.embedded-agent-container{margin:0 2rem 3rem 0 !important}
