/*
 * This stylesheet is used for basic pages styles based on page
 * @author jmadrigal
 */
@font-face {
    font-family: 'Entypo';
    font-style: normal;
    font-weight: 400;
    src: local('Entypo'), local('Entypo'), url(font/entypo.woff) format('woff');
}


/*-- Login -- */
#login {
    display: block;
    margin-top: 10px;
    text-align: center;
}

/*-- Dashboard --*/
#patientList th a {
    color: #fff;
    text-decoration: none;
}

#patientList th { opacity: .6; }
#patientList th.active, #patientList th:hover {
    opacity: 1;
    -webkit-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}


#patientList th a:after {
    font-family: Entypo;
    content: '';
    margin-left: 4px;
    font-weight: normal;
    font-size: 20px;
}

#search {
    position: relative;
    float: right;
    margin-right: -34px;
}

#search input {
    padding: 7px 45px 7px 5px;
    font-size: 1.4em;
    border: 1px solid #d5dfeb;
    background: #edf1f5;
    color: #999;
}

#search input:focus {
    border: 2px;
    color: #000;
}

#searchIcon {
    position: relative;
    left: -43px;
    top: 7px;
    width: 30px;
}

.rightj {
    text-align: right;
}

/*-- Misc Content --*/
#misc_content {
    width: 400px;
    margin: 0 auto;
}

/*-- Payment --*/

#patientReceipt li {
    display: block;
    float: left;
    list-style: none;
    margin: 10px 5px;
}

#patientReceipt li:first-child {
    font-weight: bold;
    margin-top: 15px;
}

.receipt_option a {
    position: relative;
    display: block;
    padding: 5px 10px;
    background: #ddd;
    color: #000;
    text-decoration: none;
    border: 1px solid #fff;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
}

.receipt_option a:hover{ border: 1px solid #999; }

.receipt_option .on {
    background: #222;
    color: #fff;

    -webkit-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 325ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

#totalPayment input {
    font-size: 16px;
    border: 0;
    background: none;
    text-align: right;
}

#patient table td:last-child {
    text-align: center;
}

#addPayment input {
    text-align: right;
    font-size: 16px;
    width: 50px;
    padding: 3px;
    background: transparent;
    border: 1px solid #4288CE;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    #totalPayment input {
        font-size: 1em;
    }


}