BODY
{
font-family:sans-serif;
overflow-x:hidden;
}

.table-hover>tbody>tr:hover
{
background-color: #fcffce;
cursor:pointer;
}

TABLE TH.sort-asc::after
{
content:" ";
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
float:right;
margin-top:8px;
}

TABLE TH.sort-desc::after
{
content:" ";
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-bottom: 4px dashed;
border-bottom: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
float:right;
margin-top:8px;
}

TABLE
{
font-size:12px;
}

TH
{
background-color:#DDD;
cursor:pointer;
}

#notifier
{
visibility:hidden;
display: inline-block;
border: 1px solid rgba(128,128,128,0.2);
border-radius: 10px;
padding: 30px;
position: absolute;
top:-1000px;
right: 15px;
width: 500px;
z-index: 9999;
background: #333;
color:#FFF;
text-align: center;
box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.3);
opacity:0;
transition:opacity 1s, top 1s;
}

.notifier-show
{
opacity:1 !important;
top:17px !important;
visibility:visible !important;
}

.notifier-hide
{
opacity:0 !important;
top:-1000px !important;
}

.monofont
{
font-family: Inconsolata,Menlo,monospace,mono;
font-weight: bold;
letter-spacing: -0.6px;
font-size: 15px;
}

.text-red
{
color:#C00;
}

.form-control.err
{
border:1px solid red;
border-right:4px solid red;
}

#err
{
color:#C00;
font-size:11px;
font-family:sans-serif;
margin-top: -12px;
margin-bottom: 5px;
}

.busy
{
animation: spin 1.5s infinite linear;
border: 8px solid #888;
border-right-color: transparent;
border-radius: 16px;
box-sizing: border-box;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
width: 32px;
height: 32px;
position: relative;
top: 12px;
left: 10px;
}

@keyframes spin
{
0% {transform: rotate(0deg);}
100% {transform: rotate(359deg);}
}

.text-shadow
{
text-shadow:1px 1px 3px rgba(0,0,0,0.45);
}

.nav>LI>P
{
position: relative;
display: block;
padding: 10px 15px;
padding-top: 15px;
padding-bottom: 15px;
font-weight:bold;
color:#444;
}

.navbar-default .navbar-brand
{
color:#444 !important;
font-weight:bold;
}

/* center login forms */
.col-sm-5.col-sm-offset-3
{
margin-left: 29%;
}

#pg-login #login
{
margin-top:100px;
}

#pg-login #login H1
{
font-size: 30px;
font-weight: bold;
margin:0;
margin-bottom:50px;
}

#pg-login #btnLogin
{
min-width: 100px;
font-weight: bold;
}

#pg-con SECTION.first
{
margin-top:80px;
position:relative;
}

#pg-con #search .well H2
{
margin: 0;
margin-bottom: 10px;
font-size: 20px;
}

#pg-con #search #btnNew
{
position: absolute;
right: 30px;
top: 15px;
}

#pg-con #modal-new .busy
{
margin-right: 20px;
}

#pg-con #btnSearch,
#pg-con #btnReset
{
width:90px;
}

#pg-con #modal-edit .busy
{
margin-right: 20px;
}

#pg-con #ays-cancel .busy
{
margin-right: 20px;
}

#pg-con #searchform .well
{
padding-bottom:0;
}