body {
    font-family: 'Prompt', sans-serif;
    font-size: 12pt;
}

.form-control {
    width: 100%;
    height: calc(1.5rem + 5px);
    padding: 2px 5px;
    font-size: 10pt;
    line-height: 1.3;
}

.form-group {
    margin-bottom: 0.5rem;
}

.input-group-text {
    padding: 0px 5px;
    font-size: 10pt;
}

.alert {
    padding: 10px;
    border-radius: 0px;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
}

.btn-xs {
    padding: 2px;
    font-size: 8pt;
    line-height: 1;
    border-radius: 2px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#img-upload{
    width: 100%;
}

.img-thumb img {
    border: 5px solid white;
    margin: 5px;
    border-radius: 10px;
}

.file-input {
    font-size: 10pt;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background: #fff;
    color: #444;
}

.link {
    cursor: pointer;
    color: brown!important;
}

.link hover {
    color: coral!important;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
    font-size: 10pt;
    font-family: 'Prompt', sans-serif;
}

.previewPaper {
    display: block;
}

.previewPaper i {
    position: absolute;
    top: 0px;
    margin: -10px;
}

.p-head, .p-data {
    padding-left: 2px;
    padding-right: 2px; 
}

.p-head {
    font-weight: bold;
}

.p-data {
    text-align: center;
    border-bottom: 1px dotted #555;
    color: blue;
}

.personal-info {
    font-size: 10pt;
}

.p-title {
    color: brown;
}

.data-spacer {
    padding-top: 15px;
    /*border-bottom: 1px dotted #000*/
}

.table {
    font-size: 10pt;
}

.table-m4, .table-m4>td, .table-m4>th {
    background-color: #f0fff0;
}

.table-m1, .table-m1>td, .table-m1>th {
    background-color: #ffebf6;
}

.table-m1 td, .table-m1 th,.table-m4 td, .table-m4 th {
    padding: 2px;
}

.table-m1>tbody>tr:hover {
    cursor: pointer;
}

.table-m4>tbody>tr:hover {
    cursor: pointer;
}


#studentInfoModal {
    z-index: 10000;
}

button#addAdmin {
    font-size: 10pt;
    padding: 2px;
}

.ui-autocomplete {
     z-index: 9999 !important;
}