/* Put custom CSS styles here */

/* --- header background image ---- */
.uu-header {
    background-image: url("//templates.utah.edu/_main-v2/_images/header/background/students.jpg");
}

/* -- adjust top nav menu spacing --*/
.uu-nav .navbar-nav > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* ---- Custom Sub Nav Styles ---- */
.uu-subnav li.active>a {
    color: #fff;
    background-color: #C00 !important;
}

.uu-subnav li.active>a:hover {
    color: #fff;
    background-color: #C00 !important;
}

.uu-subnav li a {
    color: #666;
    width: 100%;
    padding: 0.2em 0.75em;
    display: block;
}

.uu-subnav li a:hover {
    background-color: #555 !important;
}

.uu-subnav li a:focus {
    background-color: #555 !important;
}

.uu-subnav .panel-body {
    border-left: none;
    border-right:none;
    border-bottom: 2px solid #C00;
    border-top: 2px solid #C00;
}

/* ---- Open new window symbol ---- */
#top-nav a[target="_blank"]::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAXNSR0IArs4c6QAAADdJREFUeNqFzrENACAMA0GPwmjZfwmQyEuPRBG7ca5Kdp52HHCB95BKlAJKvQMuSIT5AKQT/skBm1CJutnV5xUAAAAASUVORK5CYII=);
    margin: 0 3px 0 5px;
}

/* ---- Styles for profile pictures ---- */
div.avatar {
    overflow: hidden;
    height: 150px;
    width: 150px;
}

div.avatar img{
    width: 100%;
}

div.avatar img.landscape{
    height: 100%;
    width: auto;
    max-width: unset;
}

.table-people td:first-child{
    width: 167px;
}

.table-people p {
    margin: 0.5em 0;
    line-height: 1.5;
}

/* ---- Styles for news list ---- */
ul.newslist {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.newslist li{
    margin-left: 6em;
}

.newslist li::before {
    content: attr(date);
    margin-left: -7em;
    width: 7em;
    padding-right: 0.67em;
    display: inline-block;
    text-align: right;
}

.newslist a[target="_blank"]::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
  }

/* ==================== time and date picker =================== */
.no-js .modal {
    display:block !important;
    position: static;
}
.no-js  .modal.fade {
    opacity:1;
}
.no-js .modal.fade .modal-dialog {
    transform: none;
}
.no-js .modal .close,
.no-js .modal-footer {
    display:none;
}

/* STYLES FOR DATE-PICKER and TIME-PICKER */
.uu-main-content .basic .value-picker {
    max-width:100%;
    width:200px;
}
.uu-main-content .basic .value-picker input {
    height:2em; /* fix for IE */
    max-width:100% !important;
    width:100%;
}

td.centercell2 {
    text-align: center;
    vertical-align: middle;
    margin-left:25%;
    margin-right:25%;
}

#sortMe {
    border: 1px solid silver;
    width:30%;
    cursor: pointer; cursor: hand;
}

#sortMe div {
    margin: 5px;
    padding: 10px;
    background: #E5E5E5;
}
/* END STYLES FOR DATE-PICKER and TIME-PICKER *