/* responsive, bootstrap 3 */
/* ******************************************************************************************
 *
 *   COMMON
 *
 ******************************************************************************************* */
body {
  background: #f9f9f9; }

@media print {
  .popup-visible .page-container {
    display: none; }
  .popup-visible .popup {
    display: block; }
    .popup-visible .popup .btn, .popup-visible .popup .mfp-close {
      display: none; }
  .popup-visible .mfp-content {
    vertical-align: top; } }
.navbar {
  min-height: 30px; }

.navbar .nav > li > a {
  padding: 5px 15px; }

.dropdown-header {
  padding: 3px 13px 6px;
  color: #aaa; }

.dropdown-menu li .glyphicon {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 5px;
  opacity: 0.4; }

.btn-default {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-default:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-default:active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
  .btn-default:focus, .btn-default:active:hover, .btn-default:active:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .btn-default:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-xs {
  padding-left: 10px;
  padding-right: 10px; }

h1 .super-header {
  font-size: 14px;
  display: block; }
h1 .main-header {
  text-transform: uppercase; }
h1 .sub-header {
  margin-left: 2px;
  font-size: 16px;
  display: block; }

.cms-container .footer, .nms-container .footer, .users-mgmt-container .footer {
  background-image: -moz-linear-gradient(bottom, #E4E4E4, #F8F8F8);
  background-image: linear-gradient(bottom, #E4E4E4, #F8F8F8);
  border-top: 1px solid #E3E3E3;
  color: #999999;
  padding: 10px 20px;
  text-align: right;
  font-size: 0.8em; }
@media(min-width: 768px) {
  .cms-container .footer, .nms-container .footer, .users-mgmt-container .footer {
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; } }
  .cms-container .footer a, .nms-container .footer a, .users-mgmt-container .footer a {
    color: #41648F; }

.cke_chrome {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important; }

.padding-20 {
  padding: 20px; }

.centered {
  text-align: center;
  clear: both; }

.table td.center, .table th.center {
  text-align: center; }

label {
  font-weight: normal; }

.table {
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); }
  .table thead {
    background: #EAEAEA; }
  .table td {
    vertical-align: middle; }

#id_buildings_of_interest .checkbox {
  margin: 2px 0 2px 10px; }

form .multiple-checkbox ul {
  margin: 5px 0 0;
  padding: 0;
  list-style: none; }
form .alert {
  background: none repeat scroll 0 0 #CD3000;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF; }

.form-group.has-error .help-block {
  background: none repeat scroll 0 0 #CD3000;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  font-weight: bold;
  white-space: pre;
  padding: 2px 10px;
  margin: 3px 0 0 0;
  display: inline-block; }

form .alert {
  border: 0;
  padding: 8px 15px;
  text-align: center; }

.alert {
  position: relative; }

.close, .alert .close {
  float: none;
  position: absolute;
  top: 5px;
  right: 8px; }

form .alert .close {
  display: none; }

.form-based-data-display.form-horizontal {
  margin: 0 auto 40px; }
  .form-based-data-display.form-horizontal .control-group {
    margin-bottom: 10px; }
  .form-based-data-display.form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0;
    color: #999; }
  .form-based-data-display.form-horizontal .btn {
    margin: 10px 5px; }

.form-container form {
  margin: 0; }
.form-container h1 {
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2.4em;
  margin: 0 0 40px; }
.form-container .form-intro {
  margin: 20px 0; }
.form-container .form-buttons {
  text-align: right;
  margin: 20px -5px; }
  .form-container .form-buttons .btn {
    margin: 0 5px; }

.form-box {
  background: none repeat scroll 0 0 #F3F3F3;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  padding: 15px 20px 5px; }

.portal .system-messages {
  margin: 0 -15px 15px; }

.system-message {
  padding: 10px 40px 8px;
  background: #FEF9D9;
  border-bottom: 1px solid #EAE3B7;
  cursor: pointer; }
  .system-message.success {
    background: #5D9900;
    border-bottom: 1px solid #4C7D00;
    color: #FFFFFF;
    font-weight: bold; }
  .system-message.error {
    background: #D51C00;
    border-bottom: 1px solid #B81800;
    color: #FFFFFF;
    font-weight: bold; }
  .system-message .icon-remove {
    background-image: url("../img/glyphicons-halflings-embossed-30.21f5c283968e.png");
    margin-top: 2px; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }
  .white-popup h3 {
    margin: 0 0 20px;
    line-height: 1em; }

.hide_for_now {
  display: none; }

/* ******************************************************************************************
 *
 *   CMS/NMS HEADER
 *
 ******************************************************************************************* */
.cms .page-header, .nms .page-header, .users-mgmt .page-header {
  height: 76px;
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff no-repeat right; }
@media(min-width: 768px) {
  .cms .page-header, .nms .page-header, .users-mgmt .page-header {
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0; } }
@media(min-width: 992px) {
  .cms .page-header, .nms .page-header, .users-mgmt .page-header {
    background: #fff no-repeat left; } }
  .cms .page-header .header-logo, .nms .page-header .header-logo, .users-mgmt .page-header .header-logo {
    position: absolute;
    right: 24px;
    top: 6px; }
  .cms .page-header .user-pulldown, .nms .page-header .user-pulldown, .users-mgmt .page-header .user-pulldown {
    margin: 20px 20px 0 0; }
  .cms .page-header .user-menu, .nms .page-header .user-menu, .users-mgmt .page-header .user-menu {
    color: #fff;
    position: absolute;
    left: 23px;
    top: 5px; }
    .cms .page-header .user-menu span, .nms .page-header .user-menu span, .users-mgmt .page-header .user-menu span {
      margin-right: 20px;
      font-size: 0.9em;
      color: #fff;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40); }
    .cms .page-header .user-menu a, .nms .page-header .user-menu a, .users-mgmt .page-header .user-menu a {
      margin: 0 10px;
      font-size: 0.9em;
      color: #fff;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      filter: alpha(opacity=40); }
      .cms .page-header .user-menu a:hover, .nms .page-header .user-menu a:hover, .users-mgmt .page-header .user-menu a:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }

.cms .page-header {
  background-image: url("../img/tlink-header-bg-cms.cf78545c1d5c.jpg"); }

.nms .page-header {
  background-image: url("../img/tlink-header-bg-nms.4dba25d9b39d.jpg"); }

.users-mgmt .page-header {
  background-image: url("../img/tlink-header-bg-users.b1c3abcc9399.jpg"); }

.breadcrumb {
  background: #fff; }
  .breadcrumb.breadcrumb-inline {
    display: inline-block; }
  .breadcrumb .permalink {
    float: right;
    padding: 3px;
    font-style: italic; }
    .breadcrumb .permalink a {
      color: #bbb;
      font-size: 0.9em;
      line-height: 1.5em; }
  .breadcrumb .building-filter {
    float: right; }
    .breadcrumb .building-filter a {
      padding: 0 1px;
      font-size: 0.9em; }
      .breadcrumb .building-filter a.active {
        color: #BD4B18; }
  .breadcrumb form {
    margin: 0; }

.padding-20 .breadcrumb {
  padding: 0; }

.building-filter, .user-filter {
  margin: 0 -6px 0px -6px; }
  .building-filter a, .user-filter a {
    padding: 2px 6px; }
  .building-filter .active, .user-filter .active {
    font-weight: bold;
    color: #fff;
    background: #337ab7; }

.user-filter {
  margin: 0 -6px 8px 0; }

.search-form-container {
  float: right; }

.input-group .btn {
  height: 36px; }

.nms-search {
  margin: 0 0 20px; }

.user-list-header {
  font-size: 1.2em;
  line-height: 1.2em; }

.ckeditor-browser {
  background: #fff; }
  .ckeditor-browser #container {
    padding: 40px; }
  .ckeditor-browser .btn i {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    margin-right: 5px; }
  .ckeditor-browser #thumbs {
    padding: 10px 0 0 0; }
  .ckeditor-browser .th_image .thumb {
    margin: 10px;
    float: left; }
  .ckeditor-browser .th_file .thumb {
    display: block;
    margin: 10px; }
  .ckeditor-browser .browser-filetype.active {
    color: #000;
    text-decoration: none; }
  .ckeditor-browser .th_file {
    display: none; }
  .ckeditor-browser #cancel {
    margin-top: 40px; }

/* ******************************************************************************************
 *
 *   PORTAL
 *
 ******************************************************************************************* */
.portal-container {
  background: #fff;
  padding-bottom: 40px;
  margin-bottom: 60px;
  position: relative; }
@media(min-width: 1300px) {
  .portal-container {
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-top-width: 0; } }
  .portal-container h3 {
    font-size: 1.4em;
    line-height: 1.3em; }

.portal-copyright {
  position: absolute;
  bottom: 7px;
  left: 11px;
  color: #999999;
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: left; }
  .portal-copyright a {
    color: #777777;
    text-decoration: none; }

#portal-copyright-contact {
  margin-left: 10px;
  text-decoration: underline; }

/* ******************************************************************************************
 *
 *   PORTAL HEADER
 *
 ******************************************************************************************* */
.portal-header {
  margin-bottom: 50px; }
  .portal-header .menu {
    width: 540px;
    height: 170px;
    margin-left: 18px;
    margin-bottom: 40px; }
    .portal-header .menu .large-text {
      position: absolute;
      overflow: hidden;
      width: 460px;
      top: 99px;
      left: 20px;
      z-index: 51; }
      .portal-header .menu .large-text.info-center-menu-text {
        left: 32px; }
      .portal-header .menu .large-text img {
        display: none; }
    .portal-header .menu a.color_1 {
      color: #cf000d;
      border-left: #cf000d solid 4px; }
    .portal-header .menu a.color_2 {
      color: #047391;
      border-left: #047391 solid 4px; }
    .portal-header .menu a.color_3 {
      color: #006a3d;
      border-left: #006a3d solid 4px; }
    .portal-header .menu a.color_4 {
      color: #e15600;
      border-left: #e15600 solid 4px; }
    .portal-header .menu a.color_5 {
      color: #00007e;
      border-left: #00007e solid 4px; }
    .portal-header .menu a.color_6 {
      color: #004fab;
      border-left: #004fab solid 4px; }
    .portal-header .menu a.color_7 {
      color: #006a3d;
      border-left: #006a3d solid 4px; }
    .portal-header .menu ul {
      list-style: none outside none; }
      .portal-header .menu ul li {
        float: left;
        width: 69px;
        margin-left: 9px;
        padding-left: 0;
        position: relative;
        background: none; }
        .portal-header .menu ul li a {
          border-left: 4px solid;
          height: 100px;
          display: block;
          position: relative;
          z-index: 52; }
          .portal-header .menu ul li a img {
            width: 11px;
            margin: 0 0 0 4px; }
    .portal-header .menu .menu-icon {
      position: absolute;
      top: 40px;
      right: 0;
      z-index: 50; }
    .portal-header .menu .active_li .menu-icon {
      display: none; }
@media(max-width: 600px) {
  .portal-header .menu {
    width: 100%;
    overflow: hidden;
    margin-left: 0; }
    .portal-header .menu ul {
      padding: 0; }
      .portal-header .menu ul li {
        margin-left: 0;
        width: 16%; }
        .portal-header .menu ul li .menu-icon {
          display: none !important; } }
.portal-header .user-menu {
  text-align: right;
  padding: 0 12px 0 0;
  color: #aaa;
  font-size: 0.9em; }
  .portal-header .user-menu span {
    margin-right: 9px; }
  .portal-header .user-menu a {
    margin: 0 5px;
    color: #333; }
    .portal-header .user-menu a:hover {
      color: #BD4B18;
      text-decoration: none; }
  .portal-header .user-menu .top-name {
    color: #BD4B18;
    text-align: right;
    display: inline-block;
    vertical-align: top; }
  @media (max-width: 1200px) {
    .portal-header .user-menu .top-name {
      display: block;
      margin: 0 4px 10px; } }

/* ******************************************************************************************
 *
 *   PORTAL BODY
 *
 ******************************************************************************************* */
.home-content {
  margin-top: -30px; }
  .home-content .home-lead-welcome {
    float: right;
    margin: 0 0 5px; }
  .home-content .form-container {
    padding: 20px 20px 20px;
    margin: 20px;
    background: rgba(255, 255, 255, 0.8); }
    .home-content .form-container .form-buttons {
      margin-bottom: 0; }
  .home-content form {
    clear: both; }
  .home-content .home-lead-logo {
    display: block;
    margin: 40px 0 20px auto; }
  .home-content .home-lead-image {
    margin-left: -15px; }

.empty-page {
  text-align: center;
  padding: 100px 0 200px;
  font-size: 6em;
  line-height: 1.2em;
  color: #F1F1F1; }

.portal-sidebar {
  margin-bottom: 40px; }

@media (min-width: 992px) {
  .portal-sidebar {
    position: absolute;
    text-align: center;
    top: 600px;
    width: 200px; } }
@media (min-width: 768px) {
  .portal .content {
    padding: 15px 25px 26px 25px; } }
@media (min-width: 992px) {
  .portal .content {
    padding: 15px 85px 26px 226px;
    min-height: 300px; }
  .portal.page-notices .content {
    background: url("../img/bg-image-notices.a5ae8f84044f.png") no-repeat scroll 3px 28px transparent; }
  .portal.page-community .content {
    background: url("../img/bg-image-community.93e0e3f43744.png") no-repeat scroll 20px 28px transparent; }
  .portal.page-dine .content {
    background: url("../img/bg-image-dine.e0a156b115e3.png") no-repeat scroll 20px 28px transparent; }
  .portal.page-info .content {
    background: url("../img/bg-image-info.b87755966bf0.jpg") no-repeat scroll 20px 28px transparent; } }
.portal .notice-list .notice {
  margin: 0 0 80px; }
.portal .notice-list .notice-title {
  font-size: 1.2em;
  line-height: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #bbb;
  margin-bottom: 10px;
  position: relative; }
  .portal .notice-list .notice-title .attachment-icon {
    padding: 0 10px 1px; }
.portal .notice-list .notice-date {
  color: #bbb;
  font-weight: normal;
  font-size: 0.8em;
  position: absolute;
  right: 0;
  bottom: 0; }
.portal .notice-list .notice-date-placeholder {
  visibility: hidden;
  font-weight: normal;
  font-size: 0.8em; }
.portal .notice-list .show-full-notice {
  float: right;
  font-size: 0.8em;
  margin: 10px; }

#subpage_selector {
  width: auto;
  margin: 20px 0; }

#join-form label {
  font-weight: normal; }
  #join-form label.required {
    font-weight: 700; }

/* ******************************************************************************************
 *
 *  CMS
 *
 ******************************************************************************************* */
.cms-container, .users-mgmt-container {
  position: relative;
  background: #fff; }
@media(min-width: 768px) {
  .cms-container, .users-mgmt-container {
    margin-top: 10px; } }
@media(min-width: 1300px) {
  .cms-container, .users-mgmt-container {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px;
    -moz-border-radius: 6px;
    border-radius: 6px; } }
  .cms-container .navbar, .users-mgmt-container .navbar {
    margin-bottom: 0;
    text-transform: uppercase; }
  .cms-container .navbar-inner, .users-mgmt-container .navbar-inner {
    border-width: 1px 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: -moz-linear-gradient(bottom, #EAEAEA, #F8F8F8);
    background-image: linear-gradient(bottom, #EAEAEA, #F8F8F8); }
  .cms-container .login-form, .users-mgmt-container .login-form {
    margin: 40px auto;
    padding: 50px 0 10px;
    max-width: 500px; }

@media(min-width: 992px) {
  .page-form {
    margin: 0 55px 20px 0; } }
.page-form .control-label {
  display: none; }

.cms-sidebar-container {
  overflow: hidden; }

.cms-sidebar {
  padding: 20px 20px 2020px 20px;
  margin-bottom: -2000px;
  background: #f6f6f6;
  border-right: 1px solid #e7e7e7; }
  .cms-sidebar .nav-list {
    margin-top: -15px; }
    .cms-sidebar .nav-list .nav-header {
      padding: 0 0 4px;
      border-bottom: 1px solid #ddd;
      margin: 15px 0 5px; }
    .cms-sidebar .nav-list > li > a {
      font-size: 0.9em;
      padding: 1px 15px;
      white-space: nowrap;
      font-family: "Average Sans", Arial, sans-serif; }
  .cms-sidebar .no-page a {
    color: #B9D0DC; }
    .cms-sidebar .no-page a:hover {
      color: #333; }
  .cms-sidebar .active.no-page a {
    color: #fff; }
  .cms-sidebar .single-page-group-disclaimer {
    font-size: 0.8em;
    color: #999; }

.cms-main h1 {
  margin: 20px 0 40px; }
  .cms-main h1 .sub-header {
    color: #999; }

.add-page-button {
  margin: 10px 0 0 16px; }

.compressed-control-groups .form-group {
  margin-bottom: 0; }
.compressed-control-groups .permission-group-label {
  height: 0; }
.compressed-control-groups .checkbox {
  padding-top: 0; }

.users-table {
  font-size: 0.8em;
  line-height: 1.3em; }
  .users-table > thead > tr > th.active {
    background: #FFE7A4; }
    .users-table > thead > tr > th.active a {
      color: #000; }
  .users-table td a {
    color: #000; }
  .users-table .inactive td {
    font-style: italic;
    color: #999; }
    .users-table .inactive td a {
      color: #999; }
  .users-table .superuser td {
    font-weight: bold; }
  .users-table.table-striped tbody > tr:nth-child(2n) > td {
    background: #fff; }
  .users-table .user-permission {
    font-size: 0.8em;
    line-height: 1.1em;
    font-weight: normal; }
  .users-table .imported-not-invited {
    color: orange; }
  .users-table .email-not-confirmed {
    color: red; }
  .users-table .rejected-sms {
    color: #660000; }
    .users-table .rejected-sms::after {
      content: "rejects sms";
      text-transform: uppercase;
      font-size: 0.8em;
      display: block;
      color: #ff0000; }

.nobreaks {
  white-space: nowrap; }

.no-results {
  font-size: 2em;
  font-weight: 100;
  margin: 50px 0;
  text-align: center; }

/* ******************************************************************************************
 *
 *  NMS
 *
 ******************************************************************************************* */
.nms .content {
  min-height: 400px; }
.nms .nms-container {
  position: relative;
  background: #fff; }
.nms .status-background-draft {
  background: #88DEEA; }
.nms .status-background-pending {
  background: #FFA100; }
.nms .status-background-active {
  background: #59AE00; }
.nms .status-background-archived {
  background: #666; }
.nms .status-background-all {
  background: #000; }
.nms .status-background-draft-onhover:hover {
  background: #88DEEA; }
.nms .status-background-pending-onhover:hover {
  background: #FFA100; }
.nms .status-background-active-onhover:hover {
  background: #59AE00; }
.nms .status-background-archived-onhover:hover {
  background: #666; }
.nms .status-background-all-onhover:hover {
  background: #000; }

.nms-content-container {
  padding: 5px 20px 0; }

.popup {
  position: relative;
  margin: 30px auto;
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 20px;
  max-width: 600px;
  -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.8);
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .popup .popup-footer {
    background: #f3f3f3;
    margin: 0 -20px -20px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    padding: 20px;
    border-top: 1px solid #DADADA; }

@media (min-width: 696px) {
  .popup.notice {
    padding: 20px 48px;
    max-width: 696px; }
    .popup.notice .popup-footer {
      margin: 0 -48px -20px; } }
.white-popup.popup.info {
  padding: 40px 60px 50px; }

.popup .mfp-close {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30); }
  .popup .mfp-close:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }
.popup .preview-menu {
  left: 0;
  padding: 12px 20px;
  position: absolute;
  top: -25px; }
  .popup .preview-menu .preview-menu-form {
    float: left;
    margin: 0 10px 0 0; }
    .popup .preview-menu .preview-menu-form form {
      margin: 0; }
  .popup .preview-menu .notice-limitations {
    color: #999999;
    display: inline-block;
    font-style: italic;
    padding: 2px; }

.mfp-content .loading-gif {
  display: block;
  margin: 40px auto; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8; }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.progress {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.2); }

/* ******************************************************************************************
 *
 *  NMS: HOME
 *
 ******************************************************************************************* */
.nms .home-table-label {
  text-transform: uppercase;
  margin: 10px 0 15px 20px;
  font-size: 1.2em; }

#quicklinks {
  margin: 20px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-bottom: 14px;
  border: 1px solid #D5D5D5; }
  #quicklinks .header {
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    background: #eaeaea;
    border-bottom: 1px solid #D5D5D5;
    font-size: 16px;
    height: 27px;
    padding: 6px 20px 0;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #737373; }
  #quicklinks a {
    background: url("../img/nms/icon_list_arrow.ce493233f857.gif") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
    margin-left: 17px;
    font-size: 0.9em;
    line-height: 1.2em;
    color: #003366; }

.nms .no-notices {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #DDDDDD;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  color: #C2C2C2;
  font-size: 2em;
  margin-bottom: 20px;
  padding: 30px 0;
  text-align: center;
  text-transform: uppercase; }
.nms .notices-table .td-1 {
  width: 20px; }
.nms .notices-table .td-2 {
  width: 292px; }
.nms .notices-table .td-3 {
  width: 139px; }
.nms .notices-table .td-4 {
  width: 85px; }

/* ******************************************************************************************
 *
 *  NMS: NOTICE LIST
 *
 ******************************************************************************************* */
.building-selector {
  margin: 0 0 0 50px;
  color: #666; }
  .building-selector select {
    margin: 0 0 0 5px; }

.nms .attachment-icon {
  float: right;
  width: 16px; }
.nms .notice-list-filter .label {
  margin: 0 2px;
  padding: 2px 8px 4px; }
.nms .notice-list-filter span.label {
  background: #D2D2D2; }
.nms td.icon-micro {
  padding: 0;
  width: 30px; }
  .nms td.icon-micro img {
    height: 20px;
    display: block;
    margin: 0 auto; }

.notice-micro-icon {
  height: 20px; }

.clickable {
  cursor: pointer; }

.table-hover tbody tr:hover > td, th {
  background-color: #FFFCD6; }
  .table-hover tbody tr:hover > td td .show-on-hover, th td .show-on-hover {
    display: block; }
  .table-hover tbody tr:hover > td td .dim-on-hover, th td .dim-on-hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }

.positioning-anchor {
  position: relative; }

.inline-notice-menu {
  position: absolute;
  z-index: 100;
  white-space: nowrap;
  width: 600px;
  right: 0;
  top: 0;
  text-align: right; }
  .inline-notice-menu .date-published {
    background-color: #FFFCD6;
    color: #999999;
    font-size: 0.8em;
    padding: 6px 10px; }
  .inline-notice-menu .preview-menu-form {
    display: inline-block;
    margin: 0 0 0 5px;
    font-style: normal; }
  .inline-notice-menu form {
    margin: 0; }

.scheduled-for {
  color: #999;
  font-size: 0.8em;
  display: block; }

.notice-list-row.draft {
  color: #999;
  font-style: italic; }
.notice-list-row.pending {
  color: #888; }
.notice-list-row .label {
  margin-left: 10px; }
.notice-list-row .notice_type {
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: center;
  white-space: nowrap; }

/* ******************************************************************************************
 *
 *  NMS: NOTICE FORM
 *
 ******************************************************************************************* */
.fill-with-previous-notice-button {
  float: right; }

form .sms-form label {
  margin: 15px 0 6px 8px; }
form .sms-form textarea {
  width: 260px;
  height: 110px; }

.content-padded {
  padding: 10px 0 0 25px; }

.nms-container #id_text {
  height: 300px; }

.notice-form-sidebar {
  background: none repeat scroll 0 0 #F3F3F3;
  -moz-border-radius: 9px 9px 9px 9px;
  border-radius: 9px 9px 9px 9px;
  margin: 0 0 0;
  padding: 10px 10px 20px 14px; }
  .notice-form-sidebar label {
    white-space: nowrap; }
  .notice-form-sidebar .radio label {
    line-height: 1.2em; }
    .notice-form-sidebar .radio label.active {
      font-weight: bold; }

.sms-chars {
  float: right;
  font-size: 0.8em;
  line-height: 2.1em;
  margin: 0 34px 0 0;
  color: #999; }

#id_date_scheduled, #id_date_expires {
  text-align: center; }

#date_scheduled-explained, #date_expires-explained {
  color: #999999;
  font-size: 0.8em;
  font-weight: 100;
  display: block;
  text-align: center; }

.ui-widget {
  font-size: 0.8em !important; }

.notice-form-sidebar ul, .notice-form-sidebar .radio-wrapper {
  margin: 0 0 0 12px; }
.notice-form-sidebar li {
  list-style: none; }
  .notice-form-sidebar li label {
    margin: 2px 0 0;
    font-size: 0.9em; }
.notice-form-sidebar label.smaller {
  font-size: 0.9em;
  margin: 0 0 5px 20px;
  position: relative;
  top: -3px; }
  .notice-form-sidebar label.smaller input {
    position: relative;
    top: -1px; }

.notice-form-buildings .form-group {
  margin: 0 0 0 18px; }
.notice-form-buildings li label {
  margin: 0; }
  .notice-form-buildings li label input {
    margin-top: 3px; }

.select-buildings-links {
  font-size: 0.8em;
  margin: 4px 0 0 20px; }
  .select-buildings-links a {
    padding: 0 10px; }

#buildings-list .control-label {
  display: none; }

.notice-form-type {
  margin: 0; }

.notice-type-label {
  padding: 0 4px;
  margin: 0 0 0 5px;
  font-size: 0.9em; }

.notice-type-4-label {
  background: none repeat scroll 0 0 red;
  color: white;
  padding: 0 4px; }

#filelist > div:last-child {
  margin-bottom: 10px; }

.remove-attachment {
  color: red;
  font-size: 0.8em;
  margin-left: 10px; }

.notice-attachments {
  margin: 10px 10px 20px; }

.notice-prefill-table a {
  display: block;
  color: #333;
  padding: 2px 8px; }

#active-icon {
  width: 100px;
  float: left; }
  #active-icon > div {
    background: #f3f3f3;
    -moz-border-radius: 9px;
    border-radius: 9px; }
    #active-icon > div img {
      display: block; }

#icon-img {
  width: 100px;
  padding: 10px;
  display: block; }

#icon-picker {
  width: 430px;
  margin: 0 0 0 140px;
  padding: 0 10px 10px 0; }
  #icon-picker .label {
    padding: 0 0 0 20px;
    color: #999; }

.icon {
  float: right;
  height: 90px;
  width: 88px;
  font-size: 0.8em;
  line-height: 1.3em;
  color: #777;
  text-align: center; }
  .icon img {
    display: block;
    margin: 0 auto;
    height: 50px;
    cursor: pointer; }

.no-icon {
  width: 60px;
  height: 60px;
  padding-top: 15px; }

.icon.active {
  width: 100px;
  height: 100px; }
  .icon.active img {
    top: 0;
    width: auto; }

.notice-form-buttons {
  text-align: right;
  margin: 20px; }
  .notice-form-buttons .btn {
    margin: 0 3px; }

/* ******************************************************************************************
 *
 *  VENDOR
 *
 ******************************************************************************************* */
/** jQuery File Upload UI Plugin CSS 6.10
 ** https://github.com/blueimp/jQuery-File-Upload
 **
 ** Copyright 2010, Sebastian Tschan
 ** https://blueimp.net
 **
 ** Licensed under the MIT license:
 ** http://www.opensource.org/licenses/MIT */
.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px; }
  .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer; }

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
  margin-bottom: 5px; }

.files .progress {
  width: 200px; }

.progress-animated .bar {
  background: url("../img/loading.a12d6d41b3cf.gif") !important;
  filter: none; }

.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  background: url("../img/loading.a12d6d41b3cf.gif") center no-repeat;
  display: none; }

.fileupload-processing .fileupload-loading {
  display: block; }

/* Fix for IE 6: */
* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0; }
* + html .fileinput-button {
  padding: 2px 15px;
  margin: 1px 0 0 0; }

/* Fix for IE 7: */
@media (max-width: 767px) {
  .files .btn span {
    display: none; }
  .files .preview * {
    width: 40px; }
  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word; }
  .files .progress {
    width: 20px; }
  .files .delete {
    width: 60px; } }
/* ******************************************************************************************
 *
 *  xxxxxxx
 *
 ******************************************************************************************* */
.ql-container {
  min-height: 135px; }

/* ******************************************************************************************
 *
 *  xxxxxxx
 *
 ******************************************************************************************* */

/*# sourceMappingURL=style.css.0ea5d2323007.map */