/*-------------- Key Request Panel -------------*/
.keys-requestPanel
{
    border: 1px solid #cccccc;
    background-color: initial;
    margin-bottom: 5px;
}

.keys-requestPanel-disabled
{
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    color: #999;
    margin-bottom: 5px;
}

.keys-requestPanel-disabled .select2-choice, .keys-requestPanel-disabled textarea:disabled, .keys-requestPanel-disabled input[type="text"]:disabled
{
    color: #999;
}

/* Key Request Cancel */
.keys-cancelRequest
{
    position:absolute;
    display:inline-block;
    top:1px;
    right:-1px;
    width:23px;
    height:23px;
    padding:0px 0px 2px 2px;
    border-radius:0 0 0 5px;
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    color:#000;
    text-align:center;
    border:1px solid #ddd;
    background-color:#ddd;
    cursor: pointer;
}

.keys-cancelRequest:focus, .keys-cancelRequest:hover, .keys-cancelRequest:active
{
    border-bottom:1px solid #bbb;
    border-left:1px solid #bbb;
    color: #000;
}

.keys-cancelRequestContainer
{
    position: relative;
}

/*----------------- Broken Key notice dialog ------------------ */
.keys-brokenNoticePanel 
{
    border: 1px solid #cccccc;
    background-color:#eded00; 
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.keys-brokenNoticePanel p
{
    text-align: center;
}

.adt-inputContainer .keys-incidentMessage
{
    margin-top:10px;
    width: 300px;
}

/* container for a  paragraph without extra bottom margin */
.keys-p-noMargin p
{
    margin: 0px;
}

/*----------------- Process Request ------------------ */
.keys-radio Label
{
    font-size: medium;
    font-weight: bold;
}

/** ADT Form Styles
  * - basic styles for form elements 
  **/
.adt-form 
{
    display:block;
    width:100%;
    margin:0 auto;
}
.adt-form fieldset 
{
    position:relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding:1em;
    border:0 none;
}
.ie7 .adt-form fieldset 
{
    position:relative;
    border:0 none;
    margin-bottom:20px;
}
.adt-form legend 
{
    display:none;
    margin:0 auto 0 10px;
} 
.ie8 .adt-form legend, .ie9 .adt-form legend 
{
    display:none;
}
.adt-form ol.adt-formOrder, .adt-form ol.adt-formOrder > li 
{
    margin:0;
    padding:0;
    list-style:none outside none;
}
.adt-form label, .adt-form .adt-formGroupLabel 
{
    display:inline-block;
    margin:1em 0 0 0;
    line-height:1.6;
    color:#666;
    font-weight:bold;
    width: 100%;
}

.adt-form .adt-required:after,.adt-form .adt-formGroupLabel.adt-required:after
{
    content:" *";
    color:#900;
}

.adt-form input[type="text"], .adt-form input[type="email"], .adt-form input[type="password"],
.adt-form input[type="date"], .adt-form input[type="url"], .adt-form input[type="search"],
.adt-form input[type="tel"], .adt-form input[type="color"], .adt-form textarea {
    margin:0;
    padding:5px;
    border:1px solid #bbb;
    box-shadow:1px 1px 2px #ccc inset;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    background-color:#fff;
    font-family:inherit;
    font-size:inherit;
    color:#000;
}
.adt-form input[type="text"], .adt-form input[type="email"], .adt-form input[type="password"],
.adt-form input[type="date"], .adt-form input[type="url"], .adt-form input[type="search"],
.adt-form input[type="tel"], .adt-form input[type="color"] {
    height:2em;
}
.adt-form textarea 
{
    height:6em;
}

/* Disabled textual form fields */
.adt-form input[type="text"]:disabled,
.adt-form input[type="email"]:disabled,
.adt-form input[type="password"]:disabled,
.adt-form input[type="date"]:disabled,
.adt-form input[type="url"]:disabled,
.adt-form input[type="search"]:disabled,
.adt-form input[type="tel"]:disabled,
.adt-form input[type="color"]:disabled,
.adt-form textarea:disabled
{
    background-color:#eee;
    color:#424242;
}

.adt-form input[type="checkbox"], .adt-form input[type="radio"] 
{
    display: inline-block;
    width: auto;
    margin-top:10px;
}
.adt-form input[type="checkbox"] 
{
    position:relative;
    bottom:1px;
}
.adt-form .adt-radioAndCheckboxParallelGroupContainer label, 
.adt-form .adt-radioAndCheckboxStackedGroupContainer label 
{
    margin-top:0;
    font-weight:normal;
}
.adt-form .adt-radioAndCheckboxParallelGroupContainer label 
{
    margin-right:1em; /* add space between parallel items; don't add to stacked group container because it affects inline in IE when stacked */
}
.adt-form .adt-radioAndCheckboxStackedGroupContainer label 
{
    display:inline; 
}
.adt-form .adt-radioAndCheckboxStackedGroupContainer label:after 
{
    content:"\A";
    white-space:pre;
}
.adt-form .adt-radioAndCheckboxParallelGroupContainer input[type="radio"], 
.adt-form .adt-radioAndCheckboxStackedGroupContainer input[type="radio"] 
{
    display:inline-block; 
}

/* standardize input buttons across browsers and operating systems */
.adt-form input[type="submit"],.adt-form input[type="button"],.adt-form input[type="reset"] 
{
    display:inline-block;
    width:auto;
    margin: 10px 3px 10px 0;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius:4px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #eee 100%);
    background: linear-gradient(#fefefe 0%, #eee 100%);
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-shadow: 0 2px 3px #fff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}
.adt-form input[type="submit"]:hover,.adt-form input[type="button"]:hover,.adt-form input[type="reset"]:hover,
.adt-form input[type="submit"]:focus,.adt-form input[type="button"]:focus,.adt-form input[type="reset"]:focus 
{
    background: #eee;
    background: -moz-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),color-stop(100%, #d7d7d7));
    background: -webkit-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: linear-gradient(#fefefe 0%, #d7d7d7 100%);
    border-color:#bbb;
}
.adt-form input[type="submit"]:active,.adt-form input[type="button"]:active,.adt-form input[type="reset"]:active 
{
    background: #d7d7d7;
    background: -moz-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),color-stop(100%, #d7d7d7));
    background: -webkit-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #d7d7d7 100%);
    background: linear-gradient(#fefefe 0%, #d7d7d7 100%);
    border-color:#bbb;
    box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.4) inset;
}
.adt-form input[type="submit"][disabled="disabled"],
.adt-form input[type="button"][disabled="disabled"],
.adt-form input[type="reset"][disabled="disabled"],
.adt-form input[type="submit"][disabled="true"],
.adt-form input[type="button"][disabled="true"],
.adt-form input[type="reset"][disabled="true"],
.adt-form input[type="submit"][class="disabled"],
.adt-form input[type="button"][class="disabled"],
.adt-form input[type="reset"][class="disabled"],
input[type="submit"][disabled="true"],
input[type="button"][disabled="true"],
input[type="reset"][disabled="true"],
input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][class="disabled"],
input[type="button"][class="disabled"],
input[type="reset"][class="disabled"],
.adt-form input[type="submit"][disabled="disabled"]:hover,
.adt-form input[type="button"][disabled="disabled"]:hover,
.adt-form input[type="reset"][disabled="disabled"]:hover,
.adt-form input[type="submit"][disabled="true"]:hover,
.adt-form input[type="button"][disabled="true"]:hover,
.adt-form input[type="reset"][disabled="true"]:hover,
.adt-form input[type="submit"][class="disabled"]:hover,
.adt-form input[type="button"][class="disabled"]:hover,
.adt-form input[type="reset"][class="disabled"]:hover,
input[type="submit"][disabled="true"]:hover,
input[type="button"][disabled="true"]:hover,
input[type="reset"][disabled="true"]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:hover,
input[type="submit"][class="disabled"]:hover,
input[type="button"][class="disabled"]:hover,
input[type="reset"][class="disabled"]:hover,
.adt-form input[type="submit"][disabled="disabled"]:active,
.adt-form input[type="button"][disabled="disabled"]:active,
.adt-form input[type="reset"][disabled="disabled"]:active,
.adt-form input[type="submit"][disabled="true"]:active,
.adt-form input[type="button"][disabled="true"]:active,
.adt-form input[type="reset"][disabled="true"]:active,
.adt-form input[type="submit"][class="disabled"]:active,
.adt-form input[type="button"][class="disabled"]:active,
.adt-form input[type="reset"][class="disabled"]:active,
input[type="submit"][disabled="true"]:active,
input[type="button"][disabled="true"]:active,
input[type="reset"][disabled="true"]:active,
input[type="submit"][disabled]:active,
input[type="button"][disabled]:active,
input[type="reset"][disabled]:active,
input[type="submit"][class="disabled"]:active,
input[type="button"][class="disabled"]:active,
input[type="reset"][class="disabled"]:active,
.adt-form input[type="submit"][disabled="disabled"]:focus,
.adt-form input[type="button"][disabled="disabled"]:focus,
.adt-form input[type="reset"][disabled="disabled"]:focus,
.adt-form input[type="submit"][disabled="true"]:focus,
.adt-form input[type="button"][disabled="true"]:focus,
.adt-form input[type="reset"][disabled="true"]:focus,
.adt-form input[type="submit"][class="disabled"]:focus,
.adt-form input[type="button"][class="disabled"]:focus,
.adt-form input[type="reset"][class="disabled"]:focus,
input[type="submit"][disabled="true"]:focus,
input[type="button"][disabled="true"]:focus,
input[type="reset"][disabled="true"]:focus,
input[type="submit"][disabled]:focus,
input[type="button"][disabled]:focus,
input[type="reset"][disabled]:focus,
input[type="submit"][class="disabled"]:focus,
input[type="button"][class="disabled"]:focus,
input[type="reset"][class="disabled"]:focus
{
    background: #eee;
    border-color:#ddd;
    box-shadow:none;
    color: #bbb;
    cursor: default;
}


/** ADT Parallel Form Styles
  * - side-by-side design for an adt-form
  * - assumes .adt-form is also applied
  **/
.adt-form.adt-parallel .adt-labelContainer 
{
    display:inline-block;
    position:relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:40%;
    margin-top:1em;
    margin-right:-1%; /* to compensate for collapsed spaces in markup */
    padding-right:2em;  /* gutter */
    text-align:right;
    vertical-align:top;
}
.adt-form.adt-parallel .adt-labelContainer label, .adt-form.adt-parallel .adt-formGroupLabel 
{
    margin:0.3em 0;  /* to match the input height */
    line-height:1.4em;
}
.adt-form.adt-parallel .adt-inputContainer,
.adt-form.adt-parallel .adt-radioAndCheckboxParallelGroupContainer, 
.adt-form.adt-parallel .adt-radioAndCheckboxStackedGroupContainer 
{
    display:inline-block;
    position:relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:60%;
    margin-top:1em;
}

.adt-form.adt-parallel .adt-inputContainer input[type="text"], 
.adt-form.adt-parallel .adt-inputContainer input[type="email"], 
.adt-form.adt-parallel .adt-inputContainer input[type="password"],
.adt-form.adt-parallel .adt-inputContainer input[type="date"], 
.adt-form.adt-parallel .adt-inputContainer input[type="url"], 
.adt-form.adt-parallel .adt-inputContainer input[type="search"], 
.adt-form.adt-parallel .adt-inputContainer input[type="tel"], 
.adt-form.adt-parallel .adt-inputContainer input[type="color"],
.adt-form.adt-parallel .adt-inputContainer textarea
{
    min-width:50%; /* default equal width for input fields and text areas */
}
.adt-form.adt-parallel p.adt-indicatesRequired 
{
    width:60%;
    margin:0 auto;
    text-align:center;
}
.adt-form.adt-parallel .adt-buttonContainer 
{
    width:69%;
}

/*----------------- Button container ------------------ */
.adt-form .adt-buttonContainer 
{
    display:block;
    padding-top:1em;
    text-align:right;
}

/*----------------- required fields ------------------ */
.adt-form p.adt-indicatesRequired 
{
    position:relative;
    margin:0.5em 0;
    color: #6a6a6a;
    text-align:left;
}
/*----------------- error conditions ------------------ */
.adt-form label.error 
{
    padding-left:0;
    color:#900;
}

/*================ Added for v2.8 ====================== */
form select option
{
    text-transform: capitalize;
}

form
{
  margin-bottom: 10px;
}

.adt-required:after
{
    content:" *";
    color:#900;	
} 

a[target="_blank"]:after {
    content:" ";
    display:inline-block;
    width:15px;
    height:10px;
    background:transparent right center no-repeat url('https://wts.uwo.ca/adt/visual/prd/images/ex-link.png');
}

.footer-logos a[target="_blank"]:after {
    background:none;
}

/** styles the external link image from menu links without ex-link image  **/
#menu li.small a[target="_blank"]:after, #menu li.medium a[target="_blank"]:after {
    content:" ";
    background:transparent right center no-repeat url('https://wts.uwo.ca/adt/visual/prd/images/ex-link.png');
}
#menu li.small:hover a[target="_blank"]:after, #menu li.medium:hover a[target="_blank"]:after {
    content:" ";
    background:transparent right center no-repeat url('https://wts.uwo.ca/adt/visual/prd/images/ex-link-alt.png');
}

/** removes external link image from menu links with ex-link image already  **/
#menu li.small a.ex-link[target="_blank"], #menu li.medium a.ex-link[target="_blank"] {
    margin-right:0;
}
#menu li.small a.ex-link[target="_blank"]:after, #menu li.medium a.ex-link[target="_blank"]:after {
    content:"";
    display:inline;
    width:0;
    height:0;
    background:none; 
}

/** ---- **/
/** These were added to remove any inline style that are currently in the application.
/** ---- **/

.keys_display_none
{
    display:none !important;
}

.keys_center_text
{
    text-align: center !important;
}

.keys_width_300
{
    width: 300px !important;
}

.keys_width_100_percent
{
    width: 100% !important;
}

.keys_ulist_nostyle
{
    list-style: none !important;
    margin: 0 !important;
}

.keys_float_right
{
    float: right !important;
}

.keys_text_right
{
    text-align: right !important;
}

.keys_list_nostyle
{
    list-style: none !important;
}

.keys_noMargin
{
    margin: 0 !important;
}

.keys_dropdownMargin
{
    margin: 10px auto !important;
}

.keys_fontBold
{
    font-weight: bold !important;
}

.keys_fontSizeMid
{
    font-size: medium !important;
}

.keys_ButtonLayout
{
    height:55px; width:120px;
}

.keys_marginBottomZero
{
    margin-bottom:0px !important;
}

.keys_colorBlack
{
    color: #000;
}

.keys-noteStyle
{
    font-weight: bold;
}

#upperLogin form input[type="text"],
#upperLogin form input[type="password"]
{
    padding: 5px;
    border: 1px solid #bbb;
    box-shadow: 1px 1px 2px #ccc inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 1.2em 0 0;
    font-family: inherit;
    font-size: inherit;
}

#upperLogin form input[type="submit"]
{

    margin: 10px 3px 10px 0;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border-color: #4f2683;
    background: -webkit-linear-gradient(top, #6e43a5 0%, #4f2683 80%);
    background: -o-linear-gradient(top, #6e43a5 0%, #4f2683 80%);
    background: -ms-linear-gradient(top, #6e43a5 0%, #4f2683 80%);
    background: linear-gradient(#6e43a5 0%, #4f2683 80%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.maintenanceVersion {background-color:#eded00;}

#appMaintenance
{
                padding: 10px;
                border-bottom: 4px solid #4e2583;
                font-weight: bold;
                text-align: center;
}
#appMaintenance #adt-closeVersionBanner
{
                position:relative;
                display:inline-block;
                left:550px;
                width:18px;
                height:18px;
                padding:2px;
                background-color:#eee;
                border-radius:5px;
                font-size:14px;
                line-height:14px;
                font-weight:bold;
                color:#000;
                text-align:center;
}
#appMaintenance #adt-closeVersionBanner:link, #appMaintenance #adt-closeVersionBanner:visited
{
                display:none;
                border-left:1px solid #fff;
                border-bottom:1px solid #fff;
}
#appMaintenance #adt-closeVersionBanner:focus, #appMaintenance #adt-closeVersionBanner:hover, #appMaintenance #adt-closeVersionBanner:active
{
                display:none;
                padding:3px 2px 1px 2px;
                border-left:1px solid #bbb;
                border-bottom:1px solid #bbb;
                background-color:#ddd;
}
.qatVersion
{
                background-color:#090;
}

/* suppress the link on the department name so it appears to be just text */
#footer .footercontact a.adt-footer-dept-name
{
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}
#footer .footercontact a.adt-footer-dept-name::after
{
	content: "";
	background: transparent;
}

input[name="lockType"] + label {
    margin-right: 5px;
}

/* approximate the original look of disabled links from Wicket 6 */
form.keys-dept-edit-approvers ul li a:not([href])
{
	text-decoration: none;
	pointer-events: none;
	cursor: default;
	color: #333333;
	font-style: italic;
}

/* TODO: This can be removed if this project ever transitions to responsive template */
.adt-font-error {
    color: #a91721 !important;
    font-weight: bold;
}