@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hide {
  display: none;
}

.hide-i {
  display: none !important;
}

a {
  color: inherit;
  cursor: pointer;
}

.column-count-1 {
  column-count: 1;
  -webkit-column-count: 1;
  -moz-column-count: 1;
}

.column-count-2 {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}

.column-count-3 {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
}

.column-count-4 {
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
}

.table {
  display: table;
  background: white;
  width: 100%;
  font-size: 12px;
  overflow-x: scroll;
}

.table::-webkit-scrollbar {
  height: 8px;
}

.table::-webkit-scrollbar-thumb {
  background: #539D3F;
}

.table .row {
  display: table-row;
}

.table .row.left .cell {
  text-align: left;
}

.table .row.center .cell {
  text-align: center;
}

.table .row.right .cell {
  text-align: right;
}

.table .row.middle .cell {
  vertical-align: middle;
}

.table .row.top .cell {
  vertical-align: top;
}

.table .row.nowrap .cell {
  white-space: nowrap;
}

.table .row:hover > .cell.data-container .edit-field-button, .table .row:hover > .cell > .data-container .edit-field-button {
  display: inline-block;
}

.table .cell {
  position: relative;
  display: table-cell;
  white-space: initial;
}

.table .cell.fit {
  width: 1px !important;
  white-space: nowrap;
}

.table .cell.left {
  text-align: left;
}

.table .cell.center {
  text-align: center;
}

.table .cell.right {
  text-align: right;
}

.table .cell.middle {
  vertical-align: middle;
}

.table .cell.top {
  vertical-align: top;
}

.table .cell.nowrap {
  white-space: nowrap;
}

.table .cell > .card, .table .cell > .error, .table .cell > .alert {
  margin: 12px 0px;
}

.table.left .cell {
  text-align: left;
}

.table.center .cell {
  text-align: center;
}

.table.right .cell {
  text-align: right;
}

.table.middle .cell {
  vertical-align: middle;
}

.table.top .cell {
  vertical-align: top;
}

.table.nowrap .cell {
  white-space: nowrap;
}

.table.padding > .row > .cell {
  padding: 8px 16px;
}

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=4.6.95");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=4.6.95") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=4.6.95") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=4.6.95") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=4.6.95") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-account::before {
  content: "\F004";
}

.mdi-account-circle::before {
  content: "\F009";
}

.mdi-account-group::before {
  content: "\F848";
}

.mdi-account-lock::before {
  content: "\F0189";
}

.mdi-account-multiple-check::before {
  content: "\F8C4";
}

.mdi-account-question::before {
  content: "\FB35";
}

.mdi-account-remove::before {
  content: "\F015";
}

.mdi-account-supervisor::before {
  content: "\FA8A";
}

.mdi-adobe::before {
  content: "\F935";
}

.mdi-alert::before {
  content: "\F026";
}

.mdi-apps-box::before {
  content: "\FD22";
}

.mdi-archive::before {
  content: "\F03C";
}

.mdi-arrow-left::before {
  content: "\F04D";
}

.mdi-arrow-right::before {
  content: "\F054";
}

.mdi-bell::before {
  content: "\F09A";
}

.mdi-bell-ring::before {
  content: "\F09E";
}

.mdi-book-outline::before {
  content: "\FB40";
}

.mdi-book-variant-multiple::before {
  content: "\F0BC";
}

.mdi-calendar-account::before {
  content: "\FEF4";
}

.mdi-calendar-blank-multiple::before {
  content: "\F009E";
}

.mdi-calendar-check::before {
  content: "\F0EF";
}

.mdi-calendar-multiple::before {
  content: "\F0F1";
}

.mdi-calendar-plus::before {
  content: "\F0F3";
}

.mdi-calendar-remove::before {
  content: "\F0F4";
}

.mdi-chart-arc::before {
  content: "\F126";
}

.mdi-chart-areaspline::before {
  content: "\F127";
}

.mdi-check::before {
  content: "\F12C";
}

.mdi-chevron-down::before {
  content: "\F140";
}

.mdi-chevron-right::before {
  content: "\F142";
}

.mdi-chevron-up::before {
  content: "\F143";
}

.mdi-close::before {
  content: "\F156";
}

.mdi-comment-text-multiple::before {
  content: "\F85F";
}

.mdi-delete::before {
  content: "\F1C0";
}

.mdi-download::before {
  content: "\F1DA";
}

.mdi-email::before {
  content: "\F1EE";
}

.mdi-email-alert::before {
  content: "\F6CE";
}

.mdi-email-box::before {
  content: "\FCDF";
}

.mdi-eye::before {
  content: "\F208";
}

.mdi-facebook-box::before {
  content: "\F20D";
}

.mdi-file-multiple::before {
  content: "\F222";
}

.mdi-flag::before {
  content: "\F23B";
}

.mdi-flag-outline::before {
  content: "\F23D";
}

.mdi-folder-open::before {
  content: "\F76F";
}

.mdi-handshake::before {
  content: "\F0243";
}

.mdi-help-circle-outline::before {
  content: "\F625";
}

.mdi-home::before {
  content: "\F2DC";
}

.mdi-information::before {
  content: "\F2FC";
}

.mdi-information-outline::before {
  content: "\F2FD";
}

.mdi-information-variant::before {
  content: "\F64E";
}

.mdi-library::before {
  content: "\F331";
}

.mdi-library-books::before {
  content: "\F332";
}

.mdi-library-shelves::before {
  content: "\FB85";
}

.mdi-lightbulb-on-outline::before {
  content: "\F6E8";
}

.mdi-magnify::before {
  content: "\F349";
}

.mdi-map-marker::before {
  content: "\F34E";
}

.mdi-menu::before {
  content: "\F35C";
}

.mdi-message-bulleted::before {
  content: "\F6A1";
}

.mdi-message-draw::before {
  content: "\F363";
}

.mdi-microsoft::before {
  content: "\F372";
}

.mdi-newspaper::before {
  content: "\F395";
}

.mdi-newspaper-plus::before {
  content: "\FF2A";
}

.mdi-open-in-new::before {
  content: "\F3CC";
}

.mdi-phone::before {
  content: "\F3F2";
}

.mdi-plus::before {
  content: "\F415";
}

.mdi-radar::before {
  content: "\F437";
}

.mdi-radiobox-blank::before {
  content: "\F43D";
}

.mdi-radiobox-marked::before {
  content: "\F43E";
}

.mdi-refresh::before {
  content: "\F450";
}

.mdi-send::before {
  content: "\F48A";
}

.mdi-signature-freehand::before {
  content: "\FE5C";
}

.mdi-square-edit-outline::before {
  content: "\F90B";
}

.mdi-star::before {
  content: "\F4CE";
}

.mdi-star-outline::before {
  content: "\F4D2";
}

.mdi-vote::before {
  content: "\FA1E";
}
div.dt-buttons {
  float: right;
  margin-bottom: 10px;
}

ul.pagination {
  float: right;
}

.theme-green {
  background: #013F34 !important;
}

.theme-yellow {
  background: #F5AB29 !important;
}

.bg-primary {
  background: #7B1113 !important;
}

.theme-green-text {
  color: #013F34 !important;
}

.theme-yellow-text {
  color: #F5AB29 !important;
}

.bg-primary-text {
  color: #7B1113 !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'PT Sans', 'Roboto';
  background: black;
}

a {
  text-decoration: underline;
}

.mdi.mdi-md {
  font-size: 18px;
}

#black-trans {
  position: fixed;
  z-index: 500;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#black-trans div {
  background: white;
  display: inline-block;
  width: 64px;
  height: 64px;
  padding: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}

#black-trans div img {
  width: 100%;
}

.user-block {
  margin-left: 8px;
  display: inline-block;
  font-weight: bold;
  color: #013F34;
  text-decoration: none;
}

.user-block.border {
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.dp {
  width: 36px;
  height: 36px;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 12px;
  background-color: white;
}

.dp.dp-lg {
  width: 128px;
  height: 128px;
}

.dp.dp-sm {
  width: 24px;
  height: 24px;
}

.nav a, .breadcrumb a {
  text-decoration: none !important;
}

nav {
  overflow: visible;
  margin: 0;
  position: relative;
}

nav .wrapper {
  background: white;
  padding: 24px;
  margin-top: 54px;
  position: relative;
  width: 100%;
  z-index: 50;
  border-radius: 0px 0px 100% 100%;
}

nav .table {
  margin: 0px;
}

nav .container {
  position: fixed;
  top: 0px;
  background: #7B1113;
  z-index: 102;
  max-width: 100%;
  overflow: visible;
}

nav .container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav .container #top_nav > ul {
  font-size: 12px;
  float: left;
  overflow: visible;
}

nav .container #top_nav > ul > li {
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}

nav .container #top_nav > ul > li:last-child {
  float: right;
}

nav .container #top_nav > ul > li > a {
  color: white;
  padding: 24px 16px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}

nav .container #top_nav > ul > li > a.nav_icon {
  padding: 19px 16px !important;
}

nav .container #top_nav > ul > li > a img {
  margin: 11px 0px;
  vertical-align: middle;
}

nav .container #top_nav > ul > li > a i {
  vertical-align: middle;
}

nav .container #top_nav > ul > li > a span.tool-tip {
  margin-left: 8px;
  display: none;
}

nav .container #top_nav > ul > li > a:hover span.tool-tip {
  display: inline-block;
}

nav .container #top_nav > ul > li > a.active {
  background: rgba(0, 0, 0, 0.5);
}

nav .container #top_nav > ul > li > a.active span.tool-tip {
  display: inline-block;
}

nav .container #top_nav > ul > li > ul.subnav {
  position: absolute;
  background: #3d0809;
  color: white;
  z-index: 200;
  width: 200px;
  left: 0px;
  display: none;
}

nav .container #top_nav > ul > li > ul.subnav > li {
  display: block;
  position: relative;
}

nav .container #top_nav > ul > li > ul.subnav > li a {
  text-decoration: none;
  padding: 12px;
  display: block;
}

nav .container #top_nav > ul > li > ul.subnav > li ul.subnav {
  position: absolute;
  background: #3d0809;
  color: white;
  z-index: 200;
  width: 200px;
  top: 0px;
  left: 200px;
  display: none;
}

nav .container #top_nav > ul > li > ul.subnav > li ul.subnav li {
  position: relative;
}

nav .container #top_nav > ul > li > ul.subnav > li ul.subnav li:hover > ul.subnav {
  display: block;
}

nav .container #top_nav > ul > li > ul.subnav > li:hover > ul.subnav {
  display: block;
}

nav .container #top_nav > ul > li ul.subnav li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

nav .container #top_nav > ul > li ul.subnav li:hover {
  background: #F5AB29;
  color: black;
}

nav .container #top_nav > ul > li ul.subnav li a {
  text-transform: uppercase;
  font-weight: bold;
}

nav .container #top_nav > ul > li ul.subnav li a i {
  float: right;
  font-size: 16px;
}

nav .container #top_nav > ul > li:hover > a {
  background: rgba(0, 0, 0, 0.5);
}

nav img {
  max-width: 500px;
}

nav a.button {
  background: #F5AB29;
  border: 2px solid #F5AB29;
  color: #7B1113;
  float: right;
  margin: 8px;
  padding: 0px 18px 0px 0px;
}

nav a.button i {
  color: #7B1113;
  font-size: 18px;
  margin-right: 8px;
  border-radius: 100%;
  display: inline-block;
  padding: 4px;
  width: 36px;
  text-align: center;
  background: white;
  vertical-align: middle;
}

nav #sidebar_menu_trigger {
  vertical-align: middle;
  padding: 0px 18px;
}

nav #sidebar_menu_trigger i {
  font-size: 28px;
}

a.button {
  background: #7B1113;
  border: 2px solid #F5AB29;
  color: #F5AB29;
  padding: 12px 16px;
  border-radius: 100px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

a.button.login {
  background: #F5AB29;
  border: 2px solid #F5AB29;
  color: #7B1113;
  margin: 12px;
  padding: 0px 18px 0px 0px;
}

a.button.login i {
  color: #7B1113;
  font-size: 24px;
  margin-right: 8px;
  border-radius: 100%;
  display: inline-block;
  padding: 4px;
  width: 45px;
  text-align: center;
  background: white;
  vertical-align: middle;
}

a.flat_button {
  color: #F5AB29;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding: 12px;
}

table td.fit {
  width: 1px;
  white-space: nowrap;
}

table.transpose tr {
  display: block;
  float: left;
}

table.transpose th, table.transpose td {
  display: block;
}

header {
  position: fixed;
  z-index: -10;
  background-image: url("../images/header.png");
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
}

main {
  position: relative;
}

section .container, footer .container {
  max-width: 1280px;
  padding: 24px;
  position: relative;
  margin: 0px auto;
  z-index: 50;
}

section {
  background: white;
  width: 100%;
  position: relative;
  padding: 36px 0px;
}

section p {
  line-height: 175%;
}

section .wrapper {
  padding: 24px;
}

section.header {
  font-size: 49px;
  height: 700px;
}

section.header.small {
  min-height: 300px;
  height: auto;
}

section.header.auto {
  height: auto;
}

section.header > div {
  display: table;
  height: 100%;
}

section.header > div h1 {
  display: table-cell;
  font-size: 49px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

section.transparent {
  background: none !important;
}

section.color {
  background: #013F34;
  border-top: 5px solid #F5AB29;
  border-bottom: 5px solid #800000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none !important;
}

footer {
  color: rgba(255, 255, 255, 0.8);
  padding: 24px 0px;
  position: relative;
  background: #013F34;
  font-size: 13px;
  line-height: 175%;
}

footer .wrapper {
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn {
  text-decoration: none !important;
}

.btn-google {
  border: 2px solid rgba(0, 0, 0, 0.2);
  text-decoration: none;
  border-radius: 100px;
  padding: 12px;
  display: block;
  font-weight: bold;
}

.btn-google img {
  width: 18px;
  vertical-align: middle;
  margin-right: 4px;
}

.card {
  background: white;
  border-radius: 2px;
}

.card.border {
  border-top: 5px solid #7B1113 !important;
  border-bottom: 5px solid #7B1113 !important;
}

.card .wrapper {
  display: block;
  padding: 24px;
}

.bg-top {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 200px;
  z-index: 40;
}

.bg-bottom {
  position: absolute;
  top: 200px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 40;
}

hr {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.selection {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.selection li {
  margin: 0px;
  padding: 0px;
  display: block;
}

ul.selection li a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.selection li a:hover {
  text-decoration: underline;
  background: #efefef;
}

ul.selection li a p {
  margin: 0px;
}

.blur {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
}

#sidebar_menu_trigger, #sidebar_menu_hide {
  display: none !important;
}

ul.apps {
  list-style-type: none;
}

ul.apps li {
  padding: 18px;
  position: relative;
}

ul.apps li a {
  text-decoration: none;
  font-size: .8rem;
}

ul.apps li a:hover {
  color: #F5AB29;
}

ul.apps li img {
  margin: 12px auto;
  display: block;
}

ul.apps li span.new-feature {
  background: #F5AB29;
  color: black;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 100px;
  position: absolute;
  right: 12px;
  top: 12px;
  font-weight: bold;
}

ul.apps li span.new-feature::after {
  content: "NEW!";
}

.column-count-md-2 {
  -webkit-column-count: 2;
          column-count: 2;
}

.column-count-md-3 {
  -webkit-column-count: 3;
          column-count: 3;
}

#photoalbum {
  height: 500px;
  background-repeat: no-repeat;
  background-color: #F5AB29;
  background-size: contain;
  border-radius: 15px 15px 0px 0px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  background-position: center center;
  position: relative;
}

#photocaption {
  border-radius: 0px 0px 15px 15px;
  background: #013F34;
  color: white;
}

#photocaption p {
  margin-bottom: 0px;
}

.notification-container {
  position: fixed;
  z-index: 100;
  bottom: 24px;
  left: 24px;
  max-width: 250px;
}

.b-line {
  border: 0;
  border-bottom: 1px solid #000;
}

span.required {
  font-weight: bold;
  color: red;
}

span.required::after {
  content: "*";
}

body > .print {
  display: none;
  font-size: 11px;
  color: #232323;
}

label {
  position: relative;
  display: block;
}

input.star {
  display: none;
}

input.star + div input {
  display: none;
}

input.star + div input + .mdi {
  cursor: pointer;
  color: #F5AB29;
  font-size: 24px;
}

input.star + div input + .mdi::before {
  content: "\F4D2";
}

input.star + div input:checked + .mdi::before {
  content: "\F4CE";
}

input.star + .mdi::before {
  content: "\F4D2";
}

input.star:checked + .mdi::before {
  content: "\F4CE";
}

[data-template] {
  display: none;
}

[data-search] ul {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  max-height: 100px;
  overflow-y: auto;
  background: white;
  border-radius: 3px;
  z-index: 50;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

[data-search] ul li {
  margin: 0px;
  padding: 0px;
}

[data-search] ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

[data-search] ul li a {
  display: block;
  padding: 8px;
}

[data-search] ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}

[data-toggle="collapse"] {
  cursor: pointer;
}

[data-toggle="collapse"] .show-if-collapsed {
  display: none;
}

[data-toggle="collapse"] .show-if-not-collapsed {
  display: inline-block;
}

[data-toggle="collapse"].collapsed .show-if-collapsed {
  display: inline-block;
}

[data-toggle="collapse"].collapsed .show-if-not-collapsed {
  display: none;
}

[data-toggle="pill"] {
  background: rgba(0, 0, 0, 0.1);
  margin: 4px 8px;
  text-decoration: none;
}

.scrollable {
  overflow-y: scroll;
}

.scrollable::-webkit-scrollbar {
  width: 10px;
}

.scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 14px 14px transparent;
          box-shadow: inset 0 0 14px 14px transparent;
  border: solid 4px transparent;
}

.scrollable::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 14px 14px #F5AB29;
          box-shadow: inset 0 0 14px 14px #F5AB29;
  border-right: solid 6px transparent;
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
}

div.dataTables_wrapper div.dataTables_filter label {
  text-align: right;
}

.notifications-wrapper {
  position: relative;
}

.notifications-wrapper .notification-count {
  position: absolute;
  right: 12px;
  top: 5px;
  padding: 2px 6px;
  background: #F5AB29;
  color: white;
  border-radius: 100px;
}

ul.notification {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.notification li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.notification li a {
  text-decoration: none;
}

ul.notification li a:hover {
  background: #f0f0f0;
}

ul.notification li a.notification-unread {
  background: #fdf4bd;
}

ul.notification li a.notification-unread:hover {
  background: #f7edb0;
}

@media screen and (max-width: 1024px) {
  .column-count-md-3 {
    -webkit-column-count: 2;
            column-count: 2;
  }
  nav .container #top_nav > ul {
    position: fixed;
    top: 0px;
    left: -300px;
    background: #333;
    width: 300px;
    height: 100%;
    overflow-y: scroll;
  }
  nav .container #top_nav > ul span.tool-tip {
    display: inline-block !important;
  }
  nav .container #top_nav > ul.show {
    left: 0px;
  }
  nav .container #top_nav > ul > li {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  nav .container #top_nav > ul > li a {
    width: 100%;
    border-radius: 0px !important;
    display: block;
  }
  nav .container #top_nav > ul > li > ul.subnav {
    position: relative;
    background: #3d0809;
    color: white;
    width: 100%;
    display: none;
  }
  nav .container #top_nav > ul > li > ul.subnav > li {
    display: block;
    position: relative;
  }
  nav .container #top_nav > ul > li > ul.subnav > li a {
    padding: 12px;
    display: block;
  }
  nav .container #top_nav > ul > li > ul.subnav > li ul.subnav {
    position: relative;
    background: #3d0809;
    color: white;
    width: 100%;
    left: 0px;
    z-index: auto;
    display: none;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  nav .container #top_nav > ul > li > ul.subnav > li ul.subnav li {
    position: relative;
  }
  nav .container #top_nav > ul > li.active ul.subnav {
    display: block !important;
  }
  nav .container #top_nav > ul i.mdi.back {
    font-size: 24px;
  }
  nav .container #top_nav > ul i.mdi:not(.back):not(.no-change):before {
    content: "\F140";
  }
  #sidebar_menu_hide {
    display: block !important;
  }
  #sidebar_menu {
    display: table-cell;
    z-index: 200;
  }
  #sidebar_menu_trigger {
    display: table-cell !important;
  }
}

@media screen and (max-width: 768px) {
  #photoalbum {
    height: 400px;
  }
  nav .wrapper {
    border-radius: 0px;
  }
  nav .wrapper img {
    max-width: 500px;
  }
  .column-count-md-2, .column-count-md-3 {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (max-width: 480px) {
  #photoalbum {
    height: 250px;
  }
  section.header > div h1 {
    font-size: 33px;
  }
}

@media print {
  body {
    font-size: 11px !important;
    color: #232323;
  }
  hr {
    margin: 0px;
    padding: 0px;
  }
  .left-border {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .bottom-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  span.label {
    display: block;
    text-transform: uppercase;
    color: #666;
    font-size: 11px;
  }
  main {
    display: none !important;
  }
  body > .print {
    display: block;
  }
  .button-container, .notification-container {
    display: none;
  }
  .hide-on-print {
    display: none !important;
  }
  .show-on-print {
    display: block !important;
  }
  table.show-on-print {
    display: table !important;
  }
  tr.show-on-print {
    display: table-row !important;
  }
  td.show-on-print {
    display: table-cell !important;
  }
  input, textarea, select {
    font-size: 11px !important;
  }
  input.transparent-on-print, textarea.transparent-on-print, select.transparent-on-print {
    background: transparent;
    border: 0px;
    resize: none;
    padding: 0px;
  }
}
/*# sourceMappingURL=upcm.css.map */