/*!
 * Branding CSS for the demo site
 */

/*  HEADER AND FOOTER - Master Page  */

/* Header */
body { color: #696969; font-family: 'Open Sans', sans-serif; }
nav.navbar.navbar-default.navbar-fixed-top { background-color: #fff; border: unset; border-bottom: 5px solid #2e4680; color: #555; font-size: 0.9em; font-weight: 300; height: 80px; }
nav.navbar.navbar-default.navbar-fixed-top > .container { display: block; height: 80px; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header { height: 80px; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand { display: block; height: auto; width: 100%; }
nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand img { display: block; max-width: 250px; width: 100%; }
@media screen and (max-width: 768px) {
    nav.navbar.navbar-default.navbar-fixed-top > .container .navbar-header a.navbar-brand { width: 70%; }
    button.navbar-toggle { margin-top: 20px; margin-right: 40px; }

}

@media screen and (max-width: 768px) {
    #navbar.navbar-collapse.collapse.in { background-color: #fff; border-bottom: 1px solid #000; position: relative; z-index: 1000; }
    #navbar.navbar-collapse.collapse.in ul li:hover { background-color: #e8e8e8; }
}
@media screen and (min-width: 768px) {
    #navbar.navbar-collapse.collapse.in { display: none; }
}
#navbar ul.nav li.langactive a { background-color: #2e4680; color: #fff; font-weight: bold; pointer-events: none; cursor: default; }
#navbar ul.nav li.langdisabled a { color: #2e4680; font-weight: bold; }
#navbar ul.nav li.langdisabled a:hover { text-decoration: underline; }
#PageContent { padding-top: 5.5em; }


/* Footer */
.footer { background-color: #2e4680; color: #fff; font-size: 0.9em; font-weight: 300; padding-top: 20px; z-index: 1000; }
.footer a { color: #6fc6d8; text-decoration: none; }
.footer a .fab { color: #fff; margin-top: 40px; text-decoration: none; }
.footer .copyright { border-top: 2px solid #6fc6d8; padding-bottom: 10px; padding-top: 20px; margin-top: 30px; }


/*  Client specific styling  */

/* Headers */
#PageContent > div:first-child { padding-top: 20px; }
#PageContent h1 { font-weight: normal; }
#PageContent h2 { font-weight: normal; font-size: 1.6em; }
#PageContent h3 { font-size: 1.1em; font-weight: normal; color: #ce8084; }

/* Inventory Styling */
#accordion .InvRoomHeader { background-color: #005986; border: 1px solid #3f87ac; border-radius: 0; color: #fff; display: block; min-height: 50px; }
#accordion .InvRoomHeader:hover { cursor: pointer; }
#accordion .InvRoomHeader span.ui-icon { background-image:url(images/ui-icons_ffffff_256x240.png); display: inline-block; margin: 15px 15px 0 10px; }
#accordion .InvRoomHeader #RoomName { display: inline-block; margin-top: 18px; padding-left: 15px; width: 25%; }
#accordion .InvRoomHeader #RoomStatus { display: inline-block; margin-top: 18px; }
#accordion .InvRoomHeader #RoomButtons { display: inline-block; margin-top: 10px; float: right; }
#accordion .InvRoomHeader div.disputedialog input,
#accordion .InvRoomHeader #RoomButtons input { background-color: #fff; color: #005986; margin: 0 10px; padding: 4px 10px; }
#accordion .InvRoomHeader #RoomButtons input:hover { background-color: #3f87ac; color: #fff; }

#accordion #Room-Content { border: 1px solid #3f87ac; }
#accordion .InvItemsList { font-size: 0.9em; margin-left: 30px; padding: 30px 0px; width: 94%; }
#accordion .InvItemsList ul { margin: 0; padding: 0; }
#accordion .InvItemsList .InvItemListHeader { display: inline-block; font-weight: bold; margin-bottom: 10px; }
#accordion .InvItemsList .InvItem { width: 35%; }
#accordion .InvItemsList .InvQty { width: 18%; }
#accordion .InvItemsList .InvCondition { width: 45%; }
#accordion .InvItemsList .ItemDescriptionAndQty { clear: left; display: inline-block; margin: 5px 0px; width: 35%; }
#accordion .InvItemsList .ItemCondition { display: inline-block; margin: 5px 0px;  width: 18%; }
#accordion .InvItemsList .ItemConditionNotes { display: inline-block; margin: 5px 0px;  width: 35%; }
#accordion .InvItemsList .ItemConditionNotes + .Comment { background-color: #3f87ac; color: #fff; display: inline-block; margin: 5px 0px; padding: 2px 5px; text-align: center; width: 10%; min-width: 75px; }
#accordion .InvItemsList .AddComment { display: block; }
#accordion .InvItemsList .AddComment p { line-height: 25px; }
#accordion .InvItemsList .AddComment textarea { display: inline-block; height: 50px; resize: none; width: 96%; }
#accordion .InvItemsList .AddComment div .Comment { height: 30px; margin: 5px; padding: 0 10px;  }
#accordion .InvItemsList .AddComment div input[type="submit"] { height: 30px; margin: 5px; padding: 0 10px; }
.accordion-wrapper + li { list-style-type: none; }
.CommentToggle { background-color: #005986; border: medium none; border-radius: 3px; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5); color: #005986; padding: 2px 5px; transition: background 0.3s ease-in 0s, color 0.3s ease-in 0s; }
.ItemComments { margin: 10px 0px 20px 0px !important; }
.ItemComments ul li { list-style-type: none !important; }
.ItemComments li[data-student="True"] { background-color: #eee; border-radius: 5px; padding: 10px !important; }
.ItemComments li[data-student="True"] h5 { font-family: Arial,​sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
.ItemComments li[data-student="True"] p { margin: 0 !important; padding: 0 !important; }

.ItemComments li[data-student="False"] { background-color: #b2cdda; padding: 10px !important; text-align: right; }
.ItemComments li[data-student="False"] h5 { font-family: Arial,​sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
.ItemComments li[data-student="False"] p { margin: 0 !important; padding: 0 !important; }

#Kx div.disputedialog textarea {
    width: 100%;
    width: calc(100% - 39px);
}
.ui-dialog span.ui-button-text {
    display: none;
}

.ui-dialog-titlebar button.ui-dialog-titlebar-close {
    float: right;
}