#content input[type=file] { min-height: 23px; height: auto; line-height: 15px; }
#content form input[type="submit"].submit { padding: 5px 14px 5px 30px; font-weight: normal; }
#content button#login { margin-top: 0; float: left; }
#content a.btn-link { margin-top: 3px; float: left; }

#content form fieldset .fileInput { position: relative; }
#content p.clear-button {
    position: absolute;
    top: 37px;
    right: 10px;
    cursor: pointer;
}
#content p.clear-button img { padding: 0; margin: 0; border: none; }

.dataTables_wrapper table.requestlist td:nth-child(1),
.dataTables_wrapper table.requestlist td:nth-child(4) { width: 20%; }
.dataTables_wrapper table.requestlist td:nth-child(3) { width: 25%; }
.dataTables_wrapper .dataTables_info {
   display: inline-block;
   float: none;
   margin-bottom: 21px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   font-size: 12px;
   border: 1px solid #dddddd;
   border-radius: 3px;
   padding: 4px 7px;
   color: #666666;
   background: #f9f9f9;
   margin-top: 24px;
}
#content .dataTables_wrapper .paginate_button.current {
   border-radius: 3px;
   border: 1px solid #dddddd;
   background: #f9f9f9;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   padding: 2px 8px;
   display: inline-block;
   margin-bottom: 14px;
}
#content .dataTables_wrapper .paginate_button.current:hover {
   color: #ffffff !important;
   background: #416ebf;
}
#content .dataTables_wrapper .dataTables_filter {
   float: right;
   width: 50%;
   padding: 0px 0px;
   border: none;
   background: none;
   border-radius: 3px;
   box-sizing: border-box;
   margin-bottom: 42px;
}
#content .dataTables_wrapper .dataTables_filter label {
   text-align: right;
   text-transform: uppercase;
   font-size: 12px;
   letter-spacing: 1px;
}
#content .dataTables_wrapper .dataTables_filter label input {
   text-align: left;
   margin-top: 5px;
   padding: 2px;
   -webkit-appearance: none;
}


#content table.adminusers img { margin-top: 7px; width: 24px; }
#content table.adminusers input { margin-top: 7px; margin-bottom: 7px; background: #f9f9f9; }
#content table.adminusers a { border-bottom: none; }

#content table.adminusers th {
    background-color: #ffffff;
    padding: 7px;
    line-height: 1.5;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #f9c000;
    vertical-align: bottom;
}

#content table.adminusers th input,
#content table.adminusers td input {
   width: 100%;
   box-sizing: border-box;
}
#content table.adminusers th:nth-of-type(1) input,
#content table.adminusers td:nth-of-type(1) input {
   width: 90px;
}
#content table.adminusers th:nth-of-type(4),
#content table.adminusers td:nth-of-type(4) {
   text-align: center;
   width: 50px;
}

#content form input#notify { margin-top: 4px; }
#content form fieldset label[for=notify] { width: 95%; }

#right p.logout { border-bottom: none; }
#right p.logout a {
   background: url(/_assets/_gfx/circle-blue-arrow-up.svg) no-repeat 5px center #f9f9f9;
   border: 1px solid #cccccc;
   border-radius: 16px; 
   color: #416ebf;
   display: inline-block;
   width: auto;
   padding: 5px 7px 5px 30px;
   transition: all 0.3s ease-out;  
}
#right p.logout a:hover { background-color: #e4e4e4; }


/* Admin add a profile*/
.ui-autocomplete { padding: 0; width: auto; overflow-x: hidden; overflow-y: scroll; max-height: 300px; border: solid 1px #1d437f; }
.ui-menu .ui-menu-item { border: none; padding: 0; margin: 0 }
.ui-menu .ui-menu-item div { border: none; padding: 5px; margin: 0; color: #000; }
.ui-menu .ui-menu-item div.ui-state-active { color: #fff; }
.ui-menu .ui-state-focus { background: #1d437f; color: #fff; }
.ui-menu .ui-state-focus .smalltag { color: #fff !important; }



/********** ERROR AND SUCCESS STYLES **********/
[role=alert] {
    padding: 1.0em 1.0em 1.0em 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 32px;
    border-width: 1px;
    border-style: solid;
}
.errors { border-color: #f4c1c1; color: #790000; background-color: #FFE5E6; background-image: url(/_assets/_gfx/circle-red-cancel.svg); }
.success { border-color: #4F8A10; color: #4F8A10; background-color: #DFF2BF; background-image: url(/_assets/_gfx/circle-green-confirm.svg); }
div.error { border-radius: 3px; box-sizing: border-box; }

/* Collapse success message after 2 seconds */
#content div.collapse {
    overflow: hidden;
    animation: slideup 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}



/********** Animation to use when collapsing messages **********/
@-webkit-keyframes slideup {
    0% { max-height: 300px; }
    100% { max-height: 0; }
}
@keyframes slideup {
    0% { max-height: 300px; }
    100% { max-height: 0; }
}



/*************************************************
	LARGEST @ MEDIA
	the default - base width: 1114px
cols    1     2      3      4
px      186   418    650    882

*************************************************/
@media only screen and (min-width: 1025px) {
}


/*************************************************
	MIDDLE @ MEDIA / iPad landscape
	base width: 882px
cols    1     2      3
px      186   418    650

**************************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.errors { background-image: none; }
	div.error { margin-left: 0; width: auto; }
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (max-width: 768px) {
	.errors { background-image: none; }
	div.error { margin-left: 0; width: 75%; }
>>>>>>> Stashed changes
}