body { padding:10px; }
.error,.display-error { color:#F00; font-weight:bold; font-size: 10pt; }

.dvData th { background:#088; padding-left: 4px; }
.dvData th > a,.noselect { text-decoration:none; color:#FFF; border-color: #000; }

a { color:#088; text-decoration:none; }
a:hover { color:#0AA; text-decoration:underline; }

.dvData tr::even { background:#0CC; }

.form { margin-bottom:10px; border:1px solid #888; float:left; width:100%; }
.form-control, .form-control:focus { border: 1px solid #AAA; border-radius: 0px; box-shadow:none; margin-bottom:10px; }
button.btn-default, button.btn-default:focus, button[type=button]:not(.ui-dialog-titlebar-close) { border:1px solid #088; background:#FFF; color:#088; transition:.4s all; border-radius:0; margin-top:10px; }
button.btn-default:hover, button[type=button]:not(.ui-dialog-titlebar-close):hover { border: 1px solid #088; background: #088; color: #FFF; }
button.nomargin { margin:0!important; }
button.btn-default:active { border: 1px solid #044!important; background: #044!important; color: #FFF!important; }
.fa { color:#FFF; padding-left:10px; }
/* .data-list { overflow-x:scroll; padding:0px; } */
.data-list table { margin-bottom:10px; }
.lnkPaging { padding: 4px 10px; border:1px solid #088; background:#FFF; color:#088; margin:2px; transition:.4s all; text-decoration:none; }
.lnkPaging:hover,.current_page { background:#088; color:#FFF; text-decoration:none; }
.addForm { position:fixed; top:0px; left:0px; right:0px; bottom:0px; padding:0px; background:#FFF; overflow-y: scroll; overflow-x:hidden; z-index:10; }
.fa-close { color:#A00; font-size:20pt; text-align:right; transition:.4s all; padding:10px; font-weight:normal; }
.fa-close:hover { color:#F00; text-decoration:none; text-shadow:0 0 4px #F00; }
.fa-close:active, .fa-close:focus { color:#400; text-decoration:none; text-shadow:none; }
.titlebar { text-align:right; }
.row { padding:10px; padding-bottom:0px; margin-bottom:0px; }

.success { border:1px solid #0A0; color:#0A0; background:#AFA; }
.failure { border:1px solid #A00; color:#A00; background:#FAA; }
.add-update-status { padding:10px; margin:10px; display:none; font-size:20pt; }
.tablink { background-color: #088; color: white; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; transition:0.4s all; z-index:1; }
.tablink:hover { background-color: #0AA; color:#FFF; text-decoration: none; z-index:2; box-shadow:0 0 10px #0AA; }
.aligned { padding-left:0px; padding-right:0px; }

.ui-widget-header { border-radius:0px!important; background:#FFF!important; border:none!important; }
.ui-datepicker, .ui-dialog { border-radius:0px!important;  padding:0px!important; border:1px solid #000!important; box-shadow:0 0 10px #aaa!important; }
.ui-datepicker .ui-state-default { border:none!important; background:#FFF!important; }
.ui-datepicker .ui-state-highlight { background:#088!important; color:#FFF; }
.ui-datepicker .ui-state-active{ background:#0CC!important; color:#044; }
#btnDeleteSelected,.left-distance { margin-left: 20px !important; }
#btnDeleteSelected { display:none; }
.bm { margin-bottom:10px; }
#btnlogin { float:none; }
h2.title { margin-top:0px; }

.ui-dialog-titlebar-close,.ui-dialog-titlebar-close:hover,.ui-dialog-titlebar-close:active { border-radius:0; }

@media only screen and (max-width: 991px) {
    #btnDeleteSelected { margin-left:0px !important; }
    #tblResume td:nth-child(5),#tblResume th:nth-child(5),#tblResume td:nth-child(4),#tblResume th:nth-child(4) { display:none; }
    form.fancy-form { border:none!important; box-shadow:none!important; }
    .tablink:hover { background-color: #0AA; color:#FFF; text-decoration: none; z-index:1; box-shadow:none; }
    .left-distance { margin-left: 0px !important; }
    .ui-dialog { position:fixed!important; top:0!important; left:0!important; right:0!important; }
}