body{
    font-size: 16px;
    font-family: "Arial" !important;
}

h1, h2, h3, h4, .btn{
    font-family: "Arial" !important;
}

.btn{
    min-width: 100px;
    font-size: 16px;
}

.btn-default-size{
    width: 250px;
}

.margin-left-5{
    margin-left: 5px;
}

.visitor{
    color: #0070a3;
}

.width-98{
    width: 98%;
}

.width-100{
    width: 100%;
}

.width-150-px{
    width: 150px;
}

.compulsory-field{
    width: 10px;
    font-size: 30px;
    color: red;
    padding-top: 5px;
    margin-right: 3px;
    float: left;
}

.no-margin-bottom{
    margin-bottom: 0px;
}

.row.equal [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.row.equal{
  overflow: hidden;
}

.block-option{
    padding: 20px 10px;
    border-radius: 25px;
    color: #ffffff
}

.visitor-sign-in{
    padding: 20px 10px;
    border-radius: 25px;
    background-color: #00CC00;
    color: #ffffff;
}

.visitor-sign-in a{
    color: #ffffff;
}

.staff-sign-in{
    padding: 20px 10px;
    background-color: #00FF00;
    border-radius: 25px;
}

.staff-sign-in a{
    color: #ffffff;
}

.white{
    background-color: #ffffff;
}

.student-sign-in{
    padding: 20px 10px;
    background-color: #33FF33;
    border-radius: 25px;
}

.student-sign-in a{
    color: #ffffff;
}

.staff-sign-out{
    padding: 20px 10px;
    background-color: #FF0000;
    border-radius: 25px;
}

.staff-sign-out a{
    color: #ffffff;
}

.visitor-sign-out{
    padding: 20px 10px;
    background-color: #CC0000;
    color: #ffffff;
    border-radius: 25px;
}

.visitor-sign-out a{
    color: #ffffff;
}

.student-sign-out{
    padding: 20px 10px;
    background-color: #FF3333;
    color: #ffffff;
    border-radius: 25px;
}

.student-sign-out a{
    color: #ffffff;
}

.link-section{
    margin-bottom: 10px;
}

#photo{
    background-color: #e3e3e3;
    width: 400px;
    height: 300px;
}

.btn-action{
    padding: 15px 30px;
}

p.title{
    font-weight: bold;
    border-bottom: 1px solid #d6d6d6
}

.table>thead>tr>th{
    background-color: #3b7db5;
    color: #ffffff;
}

.table>thead>tr>th a{
    color: #ffffff;
}

.table{
    font-family: Arial;
}

table.object-list tr td:last-child{
    width:1%;
    white-space: nowrap;
}

.block{
    padding: 5px;
    border: 1px solid;
    background-color: #e9ebee;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
}

.event{
    margin-bottom: 10px;
}

.on-site-block{
    width: auto;
    text-align: right;
    font-family: Arial;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 20px;
}

.on-site-number{
    font-weight: normal;
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 0;
    line-height: 36px;
}

.on-site-desc{
    font-size: 16px;
}

.on-site-student{
    background-color: #3A7734;
    color: #ffffff;
}

.on-site-staff{
    background-color: #9C1A1C;
    color: #ffffff;
}

.on-site-visitor{
    background-color: #0070a3;
    color: #ffffff;
}

.prebooked-events{
    background-color: #d58512;
    color: #ffffff;
}

.right-container h1{
    color: #428bca;
}

.dashboard-item{
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

#header a{
    color: #ffffff;
}

.width-150{
    width: 150px;
}


.keyboard{
    margin: 0px auto;
    max-width: 1150px;
    color: #ffffff;
}

.keyboard li{
    line-height: 40px;
    float: left;
    text-align: center;
    margin: 4px;
    color: #fff;
    background-color: #122b40;
    /*padding: 7px 24px;*/
    width: 74px;
    height: 40px;
    list-style: none;
}

.key-space{
    width: 80% !important;
}

.key-delete{
    width: 15% !important;
}

.btn-large{
    padding-left: 69px;
    padding-right: 69px;
}

.login-container{
    margin: 0 auto;
    max-width: 350px;
    padding: 15px;
}

.block-ui{
    color: #337ab7;
    margin: 0px 0px 15px 0px;
}

.margin-10{
    margin: 10px;
}

.logo{
    margin-left: 35px;
}

.logo img{
    max-width: 100%;
    height: 100px;
}

.image-logo{
    width: 250px;
    position:absolute;
}

.col-offset-250{
    padding-left:240px;
    z-index:0;
}

.visitapp img{
    width: 150px;
}

.visitapp{
    margin-top: 50px;
}

.ui-autocomplete {
    background-color: grey !important;
    color: white;
}

.border-black{
    margin: 0 auto;
    border: 1px solid #000000;
    min-height: 400px;
    width: 100%;
    margin-bottom: 15px;
}

.user-photo{
    width: 200px;
}

.student-images{
    width: 150px !important;
    height: 150px !important;
}

.footer{
    width:99%;
    text-align: center;
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    bottom:0px;
}

.main-content{
    min-height: 100%;
}

/* Pre-print page */
.people-wrapper{
    margin-bottom: 10px;
}

.person-btn{
    margin-right: 3px;
}

/**** MultiStep Registration ****/

.host-list{
    height: 140px;
}

.visitor-list{
    height: 140px;
}

.keyboard-wrapper{
    text-align: center;
}

/**** Sign In selecting letter ****/

.letter-wrapper, .result-person-wrapper{
    margin: 20px 80px 20px 80px;
    display: flex;
    flex-wrap: wrap;
}

.person{
    text-align: center;
    border: 1px solid #000000;
    width: 180px;
    height: 80px;
    display: flex;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
}

.person-card{
    border: 1px solid #000000;
    width: 180px;
    height: 120px;
    font-weight: bold;
    color: #286090;
    text-align: center;
}

.person-card img{
    width: 100%;
}

.letter-wrapper .letter{
    text-align: center;
    border: 1px solid #000000;
    width: 80px;
    height: 60px;
    color: #fff;
    background-color: #036393;
    line-height: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
}

/****** Face Bio Styles ******/


.face-people-wrapper{
    width: 100%;
}

.face-people-list{
    list-style-type: none;
    clear: both;
    margin:0px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: scroll;
    margin-bottom: 0px !important;
}

.face-people-list li{
    display: inline-block;
    margin-right: 4px;
}

.face-people-list img{
    border: 4px solid #000000;
    width: 140px;
}

.face-option{
    margin-bottom: 15px;
}

.btn-face-option{
    padding: 20px;
    font-size: 1.10em;
}

/* Scrollbar styles for queue list of people */

.face-people-list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

.face-people-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/******* Plugins Styles *******/

.ui-keyboard-button{
    height: 3.5em !important;
    line-height: 3.5em !important;
    min-width: 3.5em !important;
}

.title{
    color: #428bca;
}

.inline-block{
    display: inline-block;
}


/* Admin Styles */

.right-space{
    margin-right: 10px;
}

.upload-field{
    font-size: 16px;
}

.no-border{
    border-width: 0px;
}

.divider{
    margin-top: 5px;
}

.left-container{
    background-color: #e9ebee;
}

.selectize-control.multi .selectize-input [data-value]{
    background-color: #1b9dec;
    color: white;
}

.modal-title{
    font-size: 1.10em;
}

@media (min-width: 992px) {
.left-container{
    max-width: 190px;
}
}