@font-face {
    font-family: 'Gudea';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    /* For IE */
    src: url(/fonts/Gudea-regular-webfont.eot);
    /* For everyone else */
    src: local('__IE workaround__'),
         url(/fonts/Gudea-regular-webfont.woff) format('woff'),
         url(/fonts/Gudea-regular-webfont.ttf) format('truetype');
}

input {
    width: 100%;
    height: 35px;
}

.uhds-periodpicker {
    position: absolute !important;
    width: inherit !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    opacity: 0;
}

.icon_calendar {
   background-image: url('/css/icons/silk/calendar.png') !important;
}

input[type="search"] {
    height: auto;
}

input[type="radio"] {
    height: auto;
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
}

label input[type="search"] {
    width: auto;
}

input[type="checkbox"] {
    width: auto;
    height: auto;
    vertical-align: bottom;
    margin-bottom: 2px;
}

input:focus {
    border-color: #75b2ff !important;
    color : black !important;
}

.required {
    color:red;
    font-weight: normal;
}

select[name="item_list_length"] {
    width: auto;
}

select:focus {
    border-color: #75b2ff !important;
    color : black !important;
}

select {
    width: 100%;
}

* {
   margin: 0px;
   padding: 0px;
}

a, a:visited {
    color: #006A8E;
}

address, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, nav, ol, p, ul {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}

body {
    font-size: 14px;
    font-family: 'OpenSans', arial, helvetica, clean, sans-serif;
    color: #373737;
    background-color: #FFF;
}

.clipBoardMessage {
    display:none;
    position: absolute;
    color: green;
    font-weight: bold;
    padding: 2px;
    font-size: 10pt;
    margin-left: 35px;
}

.copyWidget {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
    background: url("/css/icons/silk/paste_plain.png");
}

.pure-button:hover {
    border: 1px solid #717171 !important;
    color: #dc4405 !important;
    font-weight: bold !important;
}

.pure-button {
    border: 1px solid #9a9b9c !important;
    color:black !important;
    border-radius: 5px;
}

.content {
    padding: 5px;
}

.info {
background-color: lightyellow;
border: solid 1px;
padding: 15px;
}

div.dt-buttons {
    padding-top: 5px;
    padding-left: 5px;
}

div.message {
    border: 1px solid;
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
    margin: 10px 0 0 0;
    padding: 10px;
    z-index: 150;
}

div.message.error {
    border-color: #d33;
}

div.message.warning {
    border-color: #b3ba35;
}

div.message.success {
    border-color: #3a3;
}

#edit-submit {
    position: absolute;
    right: 5%;
    top: 18;
    height: 26px;
    width: 40px;
    background: url(/api/public/images/search_icon_white.png) 10px 4px no-repeat #dc4405;
    box-shadow: none;
    border: none;
    float: right;
    border-radius: 0 12px 12px 0;
    margin: 0;
}

dl dd {
    margin-left: 1em;
}

dt {
    color: #373737;
    font-weight: bold;
}

#first_li {
    border-left: 0px solid #fff;
}

form div.inline-checkbox {
   margin-top: 10px;
}
form div.inline-checkbox input[type="checkbox"] {
   float: left;
   margin-right: 5px;
}
form div.inline-checkbox label {
   font-weight: bold;
}
form div.inline-checkbox ul.errors {
   margin-left: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
    font-weight: bold;
}

h1 {
    background-color: #fff;
    color: black;
    font-family: "Stratum2",arial,helvetica,clean,sans-serif;
    font-size: 200%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px
}

.header_container {
    width: 100%;
    height: 100px;
    font-size: 12px;
    font-family: 'OpenSans', arial, helvetica, clean, sans-serif;
    display: block;
    background-color: #d73f09;
}

hr {
    border: 1px solid #d9dadf;
    margin: 5px 0;
}

.header_login {
    position: absolute;
    right: 0;
    top: -5px;
}

.header_login li {
    color: #FFF;
    float: left;
    border-left: 1px solid #fff;
    padding: 0 10px;
}

.header_login a,.header_login a:visited {
    color: #FFF;
}

.header_login ul {
    list-style: none outside;
    margin: 1.6em 1em 1em 0;
    padding: 0;
    float: left;
}

.header_login a {
    text-decoration: none;
}

html {
    background-color: #1c1c1c;
}

label {
    color: #373737;
    font-weight: bold;
    margin-top: 5px;
}

.link_details {
    display: none;
    background-color: black;
    font-size: 19px;
    min-height: 40px;
    padding-bottom: 15px;
    font-family: "Open+Sans",sans-serif;
}

.link_details > div {
    cursor: pointer;
}

.link_details > div > a{
    color: white !important;
    text-decoration: none;
    padding-left: 20px;
    display: block;
    width: 100%;
}

.link_tools {
    color: white !important;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

.link_tools > div:hover {
    background-color: #333333;
    cursor: pointer;
}

.link_tools > div {
    border: 1px solid white
}

.link_tools > div > a{
    color: white !important;
    text-decoration: none;
}

.main-links {
    margin-left: 310px;
    margin-top: 20px;
    float: left;
}

#main-content {
    z-index: 100;
}

.message {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: white;
    border-radius: 10px;
    -webkit-animation: message 10s linear forwards;
    animation: message 10s linear forwards;
}

@media (max-width: 400px) {
  .message {
    width: 90%;
  }
}

.message h2 {
  margin-top: 0px;
}

@keyframes message {
  0%,100% { opacity: 0; }
  5%,75% { opacity: 1; }
}

@-webkit-keyframes message {
  0%,100% { opacity: 0; }
  5%,75% { opacity: 1; }
}

#mobile-menu-link {
    display: none;
}

.nav_link {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav_wrapper {
  display: none;
}

.nav_link:hover {
  background-color: #2b2b2b;
}

.pad {
  margin: 5px;
}

.pad-left {
  margin-left: 5px;
}

.pad-right {
  margin-right: 5px;
}

.pad-top {
  margin-top: 5px;
}

.pad-bottom {
  margin-bottom: 5px;
}

pre {
    font-family: 'OpenSans', arial, helvetica, clean, sans-serif;
}

#sidenav {
    z-index: 101;
}

table {
    margin-top: 10px;
}

td, th {
    border: 1px solid #d9dadf;
}

textarea {
    width: 100%;
}

ol {
  padding-left: 20px;
}

.period_picker_days td,
.period_picker_days th{
  border: none;
}

.period_picker_input {
  width: 100%;
  height: 30px;
  line-height: 30px !important;
  border: 1px solid #9a9b9c !important;
  border-radius: 5px;
  color: rgba(0,0,0,.8);
  border: 1px solid #999;
  border: 0 rgba(0,0,0,0);
}

.period_picker_input:before {
  background: #E6E6E6 !important;
}

.period_picker_input:hover {
    border: 1px solid #717171 !important;
    color: #dc4405 !important;
    font-weight: bold !important;
}

.period_picker_box
.period_picker_submit_dates {
  margin: 0 20px 0px !important;
}

.osu-tag {
    float: left;
    height: 80px;
    width: 250px;
    margin-left: 10px;
    margin-right: 1.5em;
    position: absolute;
    top: 10px;
    border: none;
    z-index: 51;
    padding: 0;
}

.osu-banner {
    display: none;
    height: 80px;
    width: 250px;
    position: relative;
    border: none;
    z-index: 51;
    padding: 0;
    margin-top: 10px;
    margin-left: 10px;
}

#sidenav div.nav-wrapper {
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-right: 5px;
}

#uhds-main-fluid .layout-wrapper {
    width: 100%;
}

ul.errors {
  color: red;
  font-size: 108%;
  font-weight: bold;
}

ul {
  padding-left: 20px;
}

.ui-icon {
    margin-top: 2px;
}

.ui-state-default {
  color: #ffffff;
  background-color: #444;
  border-width: 0;
}

.ui-widget-overlay {
  z-index: 105;
}

.ui-widget-header {
  border-bottom-width: 0;
}

.ui-datepicker {
  z-index: 109 !important;
}

.ui-datepicker-month {
  color: black;
}

.ui-datepicker-year {
  color: black;
}

.user_wrapper {
  display: none;
  float: right;
  color: white;
  font-size: 24pt;
  cursor: pointer;
  margin-right: 25px;
  margin-top: 18px;
}

.user_wrapper:hover {
  color: black;
}

.user_log_out,.user_links {
  height: 40px;
  line-height: 40px;
}

.user_log_out:hover,.user_links:hover {
  background-color: #e8e8e8;
}

.user_log_out a {
  color: black;
}

.user_title {
  font-style: italic;
  font-size: 10pt;
  font-weight: normal;
}

.user_options_name {
  padding-left: 5px;
  padding-right: 5px;
}

/*
 * CSS effects
 */
.always-look,
.look-here:focus {
  -webkit-animation: glow 800ms ease-out infinite alternate;
  -moz-animation: glow 800ms ease-out infinite alternate;
  -o-animation: glow 800ms ease-out infinite alternate;
  -ms-animation: glow 800ms ease-out infinite alternate;
  animation: glow 800ms ease-out infinite alternate;
  border-color: #dc4405;
  outline: none;
}

.look-warning {
  -webkit-animation: glow-warning 800ms ease-out infinite alternate;
  -moz-animation: glow-warning 800ms ease-out infinite alternate;
  -o-animation: glow-warning 800ms ease-out infinite alternate;
  -ms-animation: glow-warning 800ms ease-out infinite alternate;
  animation: glow-warning 800ms ease-out infinite alternate;
  border-color: #bb0101;
  outline: none;
}

@-webkit-keyframes glow {
  0% {
    border-color: #004056;
    box-shadow: 0 0 5px rgba(0,64,86,.2);
  }
  100% {
    border-color: #75b2ff;
    box-shadow: 0 0 25px rgba(0,106,42,.8);
  }
}

@-moz-keyframes glow {
  0% {
    border-color: #004056;
    box-shadow: 0 0 5px rgba(0,64,86,.2);
  }
  100% {
    border-color: #75b2ff;
    box-shadow: 0 0 25px rgba(0,106,42,.8);
  }
}

@-o-keyframes glow {
  0% {
    border-color: #004056;
    box-shadow: 0 0 5px rgba(0,64,86,.2);
  }
  100% {
    border-color: #75b2ff;
    box-shadow: 0 0 25px rgba(0,106,42,.8);
  }
}

@-ms-keyframes glow {
  0% {
    border-color: #004056;
    box-shadow: 0 0 5px rgba(0,64,86,.2);
  }
  100% {
    border-color: #75b2ff;
    box-shadow: 0 0 25px rgba(0,106,42,.8);
  }
}

@keyframes glow {
  0% {
    border-color: #004056;
    box-shadow: 0 0 5px rgba(0,64,86,.2);
  }
  100% {
    border-color: #75b2ff;
    box-shadow: 0 0 25px rgba(0,106,42,.8);
  }
}

@-webkit-keyframes glow-warning {
  0% {
    box-shadow: 0 0 5px rgba(86, 0, 20, 0.2);
  }
  100% {
    box-shadow: 0 0 25px rgba(255, 4, 4, 0.8);
  }
}

@-moz-keyframes glow-warning {
  0% {
    box-shadow: 0 0 5px rgba(86, 0, 20, 0.2);
  }
  100% {
    box-shadow: 0 0 25px rgba(255, 4, 4, 0.8);
  }
}

@-o-keyframes glow-warning {
  0% {
    box-shadow: 0 0 5px rgba(86, 0, 20, 0.2);
  }
  100% {
    box-shadow: 0 0 25px rgba(255, 4, 4, 0.8);
  }
}

@-ms-keyframes glow-warning {
  0% {
    box-shadow: 0 0 5px rgba(86, 0, 20, 0.2);
  }
  100% {
    box-shadow: 0 0 25px rgba(255, 4, 4, 0.8);
  }
}

@keyframes glow-warning {
  0% {
    box-shadow: 0 0 5px rgba(86, 0, 20, 0.2);
  }
  100% {
    box-shadow: 0 0 25px rgba(255, 4, 4, 0.8);
  }
}

/*
 * Pure
 */

.pure-g [class *="pure-u"] {
    font-family: 'OpenSans', arial, helvetica, clean, sans-serif;
}

.pure-menu {
    padding-top: 15px;
}

.pure-menu.side {
    padding-top: 0px;
}

.main-links a,.main-links:visited {
    color: #FFF;
}

.pure-menu-link {
    white-space: normal;
    line-height: 1;
    padding: .2em .74em;
    font-size: 19px;
    font-weight: bold;
}

.pure-form input[type=text][disabled] {
    color: black;
}

.pure-menu-link:hover {
    background-color: transparent;
    border-radius: 7px;
    outline: 0;
    text-decoration: underline;
}

.pure-menu-heading {
    cursor: default;
    white-space: normal;
}

.pure-menu-item {
    line-height: .7;
}

.pure-form select {
    padding: .2em .6em;
}

.nav-links a{
    font-weight: bold;
    font-size: 12pt;
    color: #006A8E;
}

.nav-links a:hover {
    background-color: #dcdcdc;
    border-radius: 5px;
    outline: 0;
    font-weight: bold;
}

div#bd.pure-g {
    background-color: transparent;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: transparent;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
}

/*
 * Footer
 */

#ft {
    background: #1c1c1c repeat-x left;
    border-top: 3px solid #dc4405;
    color: white;
    padding: 0px;
    width: 100% !important;
}

#ft .layout-wrapper {
    padding: 5px;
    box-sizing: border-box;
}

#ft a {
    color: #fff;
}

@media print {
    #ft {
        display: none;
    }
}

/**
 * DataTable styles
 */

.dataTables_filter input {
    padding: 1px;
}

.dataTables_info {
    font-weight: bold;
}

.dataTables_wrapper {
    margin-top: 10px;
}

.dataTables_wrapper option {
    color: black;
}

.dataTables_wrapper select {
    color: black;
    width: auto;
}

.dataTables_wrapper label {
    color: #fff;
}

.dataTables_wrapper input {
    color: black;
}

table.dataTable caption {
    margin: 0;
    background-color: #dc4405;
    font-weight: bold;
    padding: 2px;
    color: #fff;
}

table.dataTable tr[data-is-warning="true"] td {
    background-color: #ffffc9 !important;
}

table.dataTable tr[data-is-error="true"] td {
    background-color: #ffc9c9 !important;
}

table.dataTable tr[data-is-success="true"] td {
    background-color: #c9ffc9 !important;
}

table.dataTable tr[data-is-info="true"] td {
    background-color: #c9f0ff !important;
}

table.dataTable tr.odd {
    background-color: #f0f0f0;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: transparent;
}

table.dataTable tr.even td.sorting_1 {
    background-color: transparent;
}

/**
 * Mobile Menu
 */

.custom-wrapper {
    background-color: #dc4405;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.custom-wrapper.open {
    height: 18em;
}

.custom-toggle {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin-top: 22px;
}

.custom-toggle .bar {
    background-color: black;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.user_links {
    display: none;
}

@media (max-width: 1100px) {
    .main-links {
        margin-left: 260px;
    }
    .pure-menu-link {
        padding: .2em .5em;
    }
}

@media (max-width: 990px) {
    .fa-search {
        margin-right: 20px !important;
        margin-top: 32px !important;
    }

    .osu-banner {
        display: inline;
    }

    .custom-wrapper {
        height: 80px;
    }

    .pure-menu {
        padding-top: 0px;
    }

    .header_login {
        right: 15px;
        top: 10px;
    }

    .main-links {
        display: none !important;
        margin-left: 0px;
        margin-top: 10px;
    }

    .user_links {
        display: block;
    }

    .osu-tag {
        display: none;
    }

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

}

@media (max-width:  990px) {
    .main-links li{
        display: none !important;
    }
    .user_wrapper {
        display: block;
        margin-right: 9px;
        margin-top: 31px;
    }
    .nav_wrapper {
        display: block;
    }
}

/**
 * Silk
 */

.uhds.clickable {
    cursor: pointer;
}

.silk-bullet {
    padding-left: 24px;
    list-style: none;
}

.silk-bullet.application_view_detail {
    background: url('/css/icons/silk/application_view_detail.png') no-repeat 4px 3px;
}

.silk-bullet.add {
    background: url('/css/icons/silk/add.png') no-repeat 4px 3px;
}

.silk-bullet.pencil {
    background: url('/css/icons/silk/pencil.png') no-repeat 4px 3px;
}

.silk-bullet.delete {
    background: url('/css/icons/silk/delete.png') no-repeat 4px 2px;
}

.silk-bullet.bell {
    background: url('/css/icons/silk/bell.png') no-repeat 0 0;
}

.silk-bullet.brick {
    background: url('/css/icons/silk/brick.png') no-repeat 2px 3px;
}

.silk-bullet.disk {
    background: url('/css/icons/silk/disk.png') no-repeat 0 0;
}

.silk-bullet.exclamation {
    background: url('/css/icons/silk/exclamation.png') no-repeat 0 0;
}

.silk-bullet.house {
    background: url('/css/icons/silk/house.png') no-repeat 1px 5px;
}

.silk-bullet.information {
    background: url('/css/icons/silk/information.png') no-repeat 0 3px;
}

.silk-bullet.key {
    background: url('/css/icons/silk/key.png') no-repeat 3px 2px;
}

.silk-bullet.money {
    background: url('/css/icons/silk/money.png') no-repeat 3px 1px;
}

.silk-bullet.move {
    background: url('/css/icons/silk/arrow_right.png') no-repeat 3px 1px;
}

.silk-bullet.page_excel {
    background: url('/css/icons/silk/page_excel.png') no-repeat 0 0;
}

.silk-bullet.page_white_text {
    background: url('/css/icons/silk/page_white_text.png') no-repeat 3px 2px;
}

.silk-bullet.page_white_acrobat {
    background: url('/css/icons/silk/page_white_acrobat.png') no-repeat 0 2px;
}

.silk-bullet.report {
    background: url('/css/icons/silk/report.png') no-repeat 3px 2px;
}

.silk-bullet.report_key {
    background: url('/css/icons/silk/report_key.png') no-repeat 3px 1px;
}

.silk-bullet.user {
    background: url('/css/icons/silk/user.png') no-repeat 0 0;
}

.silk-bullet.undo {
    background: url('/css/icons/silk/arrow_undo.png') no-repeat 3px 1px;
}

.silk-bullet.user_comment {
    background: url('/css/icons/silk/user_comment.png') no-repeat 3px 4px;
}

.silk-bullet.user_female {
    background: url('/css/icons/silk/user_female.png') no-repeat 0 0;
}

.silk-bullet.user_gray {
    background: url('/css/icons/silk/user_gray.png') no-repeat 0 0;
}

.silk-bullet.wrench_orange {
    background: url('/css/icons/silk/wrench_orange.png') no-repeat 3px 5px;
}