body {margin:0;padding:0;font-size:16px;font-family: 'Lato', sans-serif;}

a {text-decoration:none}

.container {width:768px;margin:auto;}

header {height:100px;color:#fff;font-size:1.2em;background:linear-gradient(#507586, #415E6C);background:-moz-linear-gradient(#507586, #415E6C);border-bottom:4px solid #9ABAC7;position:fixed;left:50%;margin-left:-384px;}
#logobar {height:70px;}
#logo {height:auto;width:200px;}
#headingbar {height:50px;background:#D2C96C;line-height:50px;text-align:center}

#headerbuttons {padding:10px;float:right;height:50px;}
#headerbuttons a {color:#fff;text-decoration:none}
#headerbuttons .logout {line-height:50px;background:#86A3AE;padding:0px 20px;float:right}
#headerbuttons .admin {line-height:50px;background:#315664;padding:0px 20px;float:right}

#content {margin-top:0px;padding:0px 0px ;position:fixed;top:104px;left:50%;margin-left:-384px;overflow-y:auto;height:824px;}
#dashboard {margin-top:0px;height:100%}

#loginbox {width:510px;box-shadow: 1px 3px 5px #557e8f;border-radius:10px;margin-left:auto;margin-right:auto;color:#86a3ae;margin-top:40px;}
#loginbox .heading {height:75px;background:#78CDCA;color:#fff;border-top-right-radius:10px;border-top-left-radius:10px;text-align:left;line-height:75px;padding-left:20px;font-size:1.4em}
#loginbox form {padding:20px;}
#loginbox span {display:block;margin-bottom:10px;}
#loginbox input[type=text], #loginbox input[type=password] {height:36px;border:1px solid #78CDCA;margin-bottom:20px;border-radius:5px;width:80%;padding:5px;font-size:1.2em}

.button {background:#d2c86c;color:#fff;border:2px solid #BDB457;border-radius:5px;padding:5px 20px;cursor:pointer}
.button.red {background:#E05251;border:0px;color:#fff}
.button.green {background:#62CF36;border:0px;color:#fff}
.button.aqua {background:#78CDCA;border:0px;color:#fff;border:2px solid #62BCBA}

.button.medium {height:35px;font-size:1.1em}

.center {text-align:center !important}

.alert {height:50px;line-height:50px;font-size:1.2em;text-transform:uppercase;text-align:center}

.alert.warning {background:#E28439;color:#fff;}
.alert.confirm {background:#74D16F;color:#fff;}
.alert.error {background:#E35757;color:#fff;}
.alert.info {background:#9ABAC7;color:#fff;}

i.fa {margin-right:5px;}

/* Setup styles for dashboard tiles */
#dashboard {padding:0px 0px}
.tile {float:left;background:#ccc;margin-bottom:12px;vertical-align:middle;display:block;font-size:2.2em}
.tile.long {width:748px;height:120px;line-height:120px}
.tile.long img {height:74px;vertical-align:middle}
.tile.large {width:365px;margin-right:18px;height:105px;padding-top:20px}
.tile.large img {height:74px;vertical-align:middle;padding-top:0px;}
.tile.small {width:237px;margin-right:18px;height:180px;font-size:1.6em}
.tile.small img {height:85px;vertical-align:middle;padding-top:30px;}

.tile.last {margin-right:0px;}

.darkblue {background:#557E8F;color:#fff}
.yellow {background:#D2C86C;color:#fff}
.green {background:#7EB58C;color:#fff}
.lightblue {background:#9ABAC7;color:#fff}
.aqua {background:#78CDCA;color:#fff}
.orange {background:#FAAD58;color:#fff}
.red {background:#cc0000;color:#fff}

/* Tables */
table.styled {width:100%;color:#567C8F;border-spacing:0;overflow:hidden;font-size:1.2em;background:#DCE5EA}
table.styled th {background:linear-gradient(#93B4C1, #6892A1);background:-moz-linear-gradient(#93B4C1, #6892A1);height:30px;text-align:left;padding:5px;border:1px solid #9ABAC7;color:#fff;font-weight:normal;line-height:32px;}

table.styled th:last-child {

}
table.styled td {padding:5px;margin:0;border-bottom:1px solid #B3CAD5;line-height:28px;}
table.styled td:last-child {

}
table.styled td .fa {margin:3px !important}
/*table.styled tr:nth-child(odd)		{ background-color:#fff; }
table.styled tr:nth-child(even)		{ background-color:#F1F5F8; }*/
table.styled a {color:#567C8F;text-decoration:none}
table.styled a:hover {text-decoration:underline}

/*table.styled button {height:36px;font-size:inherit}*/

.brightgreen {color:#62CF36;font-size:2em}
.brightred {color:#E05251;font-size:2em}

.timebutton {border-radius:15px;background:#78CDCA;color:#fff;font-weight:bold;padding:3px 10px;}

#datechanger {float:right}

/* Form stuff */
form {margin-bottom:0px;}
#content form.styled {text-align:left;margin-bottom:0px;}

form.styled label span {color:#86a3ae;margin:10px 0px 5px 0px;display:block}
form.styled input[type=text], form.styled input[type=email], form.styled input[type=file], form.styled input[type=time], form.styled select, form.styled textarea {
	color:#587C94;
	overflow:hidden;
	width:100%;height:30px;border:1px solid #9ABAC5;margin-bottom:0px;padding-left:10px;
	background: linear-gradient(#fff, #E0EBF1);
	background: -webkit-linear-gradient(#fff, #E0EBF1);
    }
    
form.styled input[type=time]{padding-left:3px !important}
form.styled select {padding-left:10px !important;border:2px solid #9ABAC7;background:#EEF3F6;height:32px;}
    form.styled textarea {height:40px;}
form.styled select.multiple {height:40px}

input[type="file"] {padding:4px}

.timeEntry {width:60px !important;float:left;padding:1px;height:35px !important;margin-bottom:0px !important;padding:2px 10px !important;}

input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {    
    background: url('../images/checkbox-off.png') no-repeat ;
    background-size:32px 32px;
    height:32px;
    width:32px;
    display:inline-block;
}
input[type="checkbox"]:checked + label  {
    background: url('../images/checkbox-on.png')  no-repeat;
    background-size:32px 32px;
    height:32px;
    width:32px;
}

input[type=checkbox].showlabel + label{ padding-left:40px;width:168px;padding-bottom:5px;}
input[type=checkbox].showlabel.long + label{ width:468px;}

textarea.medium {height:120px !important;}
textarea {padding-left:10px !important;}

label.error {color: red;
	font-style: italic;
	display:block;
	}
	
input.error, select.error, textarea.error {border:1px dotted red !important}

.home-icon {color:#fff;font-size:2em;float:left;margin-top:8px;margin-left:15px;}

input[type=time] {max-width:100px}

.reportBox {border-bottom:1px solid #fff}
.signedinBtn {background:#6bc21f;padding:1px 5px;border:1px solid #9cd770;border-radius:10px;font-size:0.7em;color:#fff;margin-top:6px;}
.signedoutBtn {background:#58737E;padding:1px 5px;border:1px solid #AEC2CB;border-radius:10px;font-size:0.7em;color:#fff;margin-top:6px;}
.editBtn {background:#3f5e6a;padding:2px;border:1px solid #607c88;border-radius:5px;font-size:8px;color:#c6dde8;position:relative;top:3px;cursor:pointer}

/* Dashboard layout */
#dashboard {top:0px;position:relative;font-family: 'Open Sans', sans-serif;}
#dashboard div {text-align:left}
#dashboard .left {width:265px;background:#AEC2CB;float:left;height:820px;overflow-y:auto}
#dashboard .right {width:483px;padding:8px 5px 0px 15px;float:right;height:820px;overflow-y:auto}

.content {margin-top:10px;}

.dashboardBtn {margin-bottom:10px;float:left;color:#fff;vertical-align:top;position:relative}
/*.dashboardBtn.long {width:440px;height:86px;padding:12px}*/
.dashboardBtn.long {width:96%;height:86px;padding:2%}
/*.dashboardBtn.half {width:204px;margin-right:8px;height:126px;padding:12px}*/
.dashboardBtn.half {width:45%;margin-right:2%;height:126px;padding:2%}
.dashboardBtn.last {margin-right:0px}

.viewRecord .dashboardBtn {height:auto;min-height:44px;/*padding:6px 12px;*/}

.dashboardBtn#meals {background:linear-gradient(#D3C86C, #BCB250);}
.dashboardBtn#activities {background:linear-gradient(#7EB58D, #60996F);}
.dashboardBtn#observations {background:linear-gradient(#94B6C2, #6D94A4);}
.dashboardBtn#bottles {background:linear-gradient(#78CDCA, #55B1AE);}
.dashboardBtn#sleeps {background:linear-gradient(#FAAC59, #DA892F);}
.dashboardBtn#nappies {background:linear-gradient(#D3C96C, #BCB250);}
.dashboardBtn#notes {background:linear-gradient(#94B6C2, #6D94A4);}
.dashboardBtn#play {background:linear-gradient(#507587, #3F5E69);}
.dashboardBtn#allergies {background:linear-gradient(#7EB58D, #609970);height:auto;}
.dashboardBtn#staffnews {background:linear-gradient(#507587, #3F5E69);height:auto;}
.dashboardBtn#accidents {background:linear-gradient(#D3C86C, #BCB250);}
.dashboardBtn#medicine {background:linear-gradient(#7EB58D, #60996F);}
.dashboardBtn#photos {background:linear-gradient(#D3C86C, #BCB250);}
.dashboardBtn#medical {background:linear-gradient(#C23B22, #E26F5A); height:auto;}
.dashboardBtn#switchRoom  {background:linear-gradient(#7EB58D, #609970);height:auto;}

.dashboardBtn span {text-transform:uppercase;display:block;margin-top:5px;font-size:10px;font-weight:bold}
.dashboardBtn#meals span {color:#999034}
.dashboardBtn#activities span {color:#347144}
.dashboardBtn#observations span {color:#4b6f7d}
.dashboardBtn#bottles span {color:#2f7c79}
.dashboardBtn#sleeps span {color:#9a6428}
.dashboardBtn#nappies span {color:#8d832d}
.dashboardBtn#notes span {color:#4b6f7d}
.dashboardBtn#play span {color:#1f3d49}
.dashboardBtn#medical span {color:#fff}
.dashboardBtn#allergies div.allergyBox {background:#3F714C;color:#fff;margin-top:10px;border-radius:20px;padding:3px 10px;}
.dashboardBtn#allergies div.allergyBox a {color:#fff;text-decoration:none;display:block}
.dashboardBtn#medical div.smallMedicalBox {background:#C23B22;color:#fff;margin-top:10px;border-radius:20px;padding:3px 10px;}
.dashboardBtn#medical div.smallMedicalBox a {color:#fff;text-decoration:none;display:block}
.dashboardBtn#staffnews div.newsContainer {background:#3F714C;color:#fff;margin-top:10px;}
.dashboardBtn#staffnews div.newsBox {background:#304E59;color:#fff;border-bottom-right-radius:20px;border-top-right-radius:20px;padding:3px 10px;float:left;width:320px}
.dashboardBtn#staffnews div.newsBox a {color:#fff;text-decoration:none;display:block;}
.dashboardBtn#staffnews div.newsdate {width:68px;background:#70A0B6;float:left;border-bottom-left-radius:20px;border-top-left-radius:20px;padding:3px 15px 3px 10px;font-size:14px;color:#324D58}

.dashboardBtn .time {font-size:24px;margin-top:-5px;}

button.update {float:right;position:absolute;top:60px;right:10px;border:1px solid #fff;background:none;color:#fff;border-radius:3px;padding:6px 6px;}
button.viewdetails {float:right;position:absolute;top:15px;right:10px;border:1px solid #fff;background:none;color:#fff;border-radius:3px;padding:6px 6px;}
.half  button.update {top:100px}

#dashboard #registration {background:linear-gradient(#D2C76B, #BEB250);height:32px;padding:10px 13px;text-transform:uppercase;color:#fff;font-size:14px;line-height:32px;}

#dashboard .left {-webkit-box-shadow: 7px 0 5px -2px #888;
            box-shadow: 7px 0 5px -2px #888;}

/* Alerts screen */
.dashboardBtn.red {background:linear-gradient(#C23B22, #E26F5A); height:auto;}
.dashboardBtn.blue {background:linear-gradient(#7EB58D, #60996F);height:auto;}
.dashboardBtn.orange {background:linear-gradient(#FAAC59, #DA892F);height:auto;}

button {cursor:pointer;padding:3px 8px;border:0px;border-radius:1px;text-transform:uppercase;font-size:10px;line-height:18px;}
button i {font-size:11px !important;}
button.registration {background:#A39735;color:#fff;font-weight:bold}
button.reports {background:#95B5C2;color:#fff;margin-left:10px;}
button.administration {background:#405E69;color:#fff;}
button.signout {background:#557F8F;color:#fff;}
button.signout i {font-size:14px !important;}

.btn-square {height:45px;font-size:14px}

button.addNote {background:#E58C28;color:#fff;}
button.viewNote {background:#4E7383;color:#fff;}

button.newgreen {background:linear-gradient(#7DB48C,#619A71);float:right;border:1px solid #599468}

h2.dashboard-title {font-size:30px;color:#fff;margin:0px;font-weight:normal;}
h2.dashboard-title img {height:27px;}
.viewRecord h2.dashboard-title span {font-size:14px;display:inline;float:right;line-height:35px;}

h2.cap {text-align:left}

svg path {fill:#fff}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow : inset 0 0 5px 0 black;
}

h1.pagetitle {text-align:left;height:36px;line-height:36px;padding:7px;color:#fff;font-size:26px;background:linear-gradient(#D3C86C, #BCB250);vertical-align:top;font-weight:normal;margin-top:0px;margin-bottom:0px;}
.inner {padding:10px;}

table.mealtimes {background:#C6D7DE;color:#fff;border-collapse:collapse;height:44px;font-size:12px;width:100%}
table.mealtimes td {border:2px solid #4F7484;padding:6px 6px;text-align:center;text-transform:uppercase}
table.mealtimes td.active {background:#4F7484}
table.mealtimes a {color:#fff}

table.foodselect {background:#4F7484;color:#fff;border-collapse:collapse;width:100%;}
table.foodselect td {padding:20px;width:209px;}
table.foodselect td input[type=checkbox].showlabel + label {width:198px}
table.foodselect tbody td {padding:10px 0px 10px 20px;}

td.nofill {background:#F3F7F8;}
td.nofill span {opacity:0.5}

#modalNotes {width:100%;height:150px;border:none}

.content {padding:0px 10px;}

/* Sleeps page */
.sleeptable {padding:0px;margin:0px;cellpadding:0px;border-collapse:collapse;min-height:70px;width:100%}
.sleeptable td {padding:0px}
.sleepBox {float:left;width:110px;margin-right:3px;background:#619A71;color:#fff;min-height:60px;text-transform:uppercase;padding:8px 0px 0px 10px;font-size:14px}
.sleepBox.completed {background:#88ACBA}
.sleepBox a {color:#fff;display:block}
.sleepingList {border-bottom:3px solid #2E4852;}
.sleepBox:nth-child(4n) {margin-right:0px;}

td.sleepName, td.sleepingAwake {font-size:14px;vertical-align:top}
td.sleepName div, td.sleepingAwake div {height:68px;background:#C8D9E0;}

span.startedat {font-size:7px;margin-top:8px;display:block}
div.sleeptime {float:right;border-top-left-radius:14px;border-bottom-left-radius:14px;background:#405E69;height:28px;line-height:28px;font-size:16px;width:55px;padding-right:8px;text-align:right}
div.sleeptime .mins {font-size:9px}

table.sleepingButtons {font-size:11px;width:100%}
table.sleepingButtons td {text-align:center}

.sleepDetails {width:100%;background:#619A71;min-height:67px;color:#fff;font-size:12px;}
.sleepDetails.completed {background:#88ACBA}
.sleepDetails .inner {padding:10px}
.sleepDetails a {color:#fff}
.sleepDetails .notifications div {padding:5px 15px;background:#3F714C;border-radius:15px;margin-top:7px;}
.sleepDetails.completed .notifications div {background:#405E69}
.sleepDetails .notifications div .time {float:right}
.sleepDetails .startedAt {font-size:16px;}
.sleepDetails .largeTime {font-size:24px;}
.sleepDetails .minutes {font-size:24px;}
.sleepDetails .minutes .text {font-size:14px;}
.sleepDetails input.largeTime {font-size:24px;width:70px;background:none;border:none;color:#fff}
.sleepDetails input.smallTime {font-size:12px;width:40px;background:none;border:none;color:#fff}

.sleepDetails select {width:100%;margin-top:10px;height:27px;border-radius:15px;padding:0px 10px;background:#3F714C;color:#fff;border:none}
.sleepDetails input[type=submit] {width:60px;margin-top:10px;height:27px;border-radius:5px;padding:0px 10px;background:transparent;color:#fff;border:1px solid #fff;}

.recordTable {width:100%;font-size:12px;}
.recordTable th, .recordTable td {text-align:left;padding:4px;}
.recordTable {background:transparent;}

.recordTable.meals th {background:#8B8237;color:#fff;}
.recordTable.meals td {background:#F4F0C1;}
.recordTable.sleeps th {background:#BC6C15;color:#fff;}
.recordTable.sleeps td {background:#FBF2E9;color:#AF5200;}
.recordTable.activities th {background:#376E46;color:#fff;}
.recordTable.activities td {background:#DCF3E1;}
.recordTable.messages th {background:#4b6f7d;color:#fff}
.recordTable.messages td {background:#CCDCE1}
.recordTable.bottles th {background:#287470;color:#fff;}
.recordTable.bottles td {background:#E3F3F2;color:#000}
.recordTable.nappies th {background:#8B8237;color:#fff;}
.recordTable.nappies td {background:#F4F0C1;}
.recordTable.medicine th {background:#376E46;color:#fff;}
.recordTable.medicine td {background:#DCF3E1;}
.recordTable.accident th {background:#8B8237;color:#fff;}
.recordTable.accident td {background:#F4F0C1;}

.viewRecord .childName {background:#42626F;padding:10px 20px;color:#fff;}
.viewRecord .childDetails {background:#96B2BD;padding:10px 20px;color:#fff;font-size:14px;text-transform:uppercase}
.viewRecord .childDetails p {margin:0px;}
.viewRecord .childDetails strong {color:#42626F;}

.dropdown {cursor:pointer}

.attachmentbutton {background:#67A077;border:none;border-radius:5px;padding:5px;float:right;font-size:12px;color:#fff !important;position:relative}

/* Dashboard icons */
.child-icons {margin-top:4px;width:100%}
.child-icons i.icon {float:left;width:20px;height:20px;margin-right:5px;}
.child-icons i.birthday {background:url('/assets/images/icons/birthday.png');background-size:20px 20px;}
.child-icons i.allergy-1 {background:url('/assets/images/icons/allergy-1.png');background-size:20px 20px;}
.child-icons i.allergy-2 {background:url('/assets/images/icons/allergy-2.png');background-size:20px 20px;}
.child-icons i.allergy-3 {background:url('/assets/images/icons/allergy-3.png');background-size:20px 20px;}
.child-icons i.photo-1 {background:url('/assets/images/icons/photo-red.png');background-size:20px 20px;}
.child-icons i.photo-2 {background:url('/assets/images/icons/photo-amber.png');background-size:20px 20px;}
.child-icons i.photo-3 {background:url('/assets/images/icons/photo-green.png');background-size:20px 20px;}
.child-icons i.notes {background:url('/assets/images/icons/notes.png');background-size:20px 20px;}

#admindashboard {margin-top:10px;padding:0px 10px;}

/* Child profile page, times table at the top */
#profileTimesTable {color:#fff;width:100%;margin-bottom:10px;text-align:center}
#profileTimesTable .green1 {background:#7BB28A;}
#profileTimesTable .green2 {background:#97D6A7;}
#profileTimesTable .green3 {background:#466D50;}
#profileTimesTable .green4 {background:#A0CD3C;}
#profileTimesTable table {width:100%;text-align:center;border-collapse:collapse;color:#fff;}
#profileTimesTable table td {width:50%;border:1px solid #fff;}
#profileTimesTable .small {font-size:10px;}

/* Child collector box on profile page */
.childCollector .relationship {font-size:12px;color:#547D8F;margin-bottom:2px;display:block}
.childCollector .name {font-size:17px;line-height:121%;color:#fff;margin-bottom:5px;display:block}
.childCollector .phone {font-size:16px;color:#547D8F;display:block}

/* Allergy box on profiel page */
#allergyTable {width:100%;font-size:12px;}
#allergyTable th {padding:3px;background:#F09837;color:#fff;text-transform:none;text-align:left}
#allergyTable td {padding:3px;background:#EEF3F6;color:#111}
#allergyTable button {background:#DB790E;padding:2px 7px;color:#fff;}

/* Layout for popup dialog */
.col-1-3 {width:33%;float:left}
.col-2-3 {width:66%;float:left}
.modal {font-size:20px}
.modal input[type=text],.modal input[type=time], .modal select { width:100%;height:40px;font-size:20px}


@media screen and (min-width: 1024px) {
	#content {z-index:0;overflow:visible;position:absolute;margin-top:0px;}
	
	header {z-index:10}
	#dashboard .left, #dashboard .right {min-height:100%;overflow:visible}
	
	#dashboard {margin-top:0px;}
	/*.dashboardBtn.half {width:213px;}
	.dashboardBtn.long {width:458px;}*/
	
	#admindashboard {height:824px;}
	
	.inner {padding:0px}
}

.chooseReport {box-shadow: 0 0 13px #888;}
.chooseReport .ui-dialog-content {padding:0 !important}
.chooseReport .ui-dialog-titlebar-close {
  display: none;
}
.chooseReport .ui-dialog-titlebar {display:none}

.selectReport {}
.selectReport .title {color:#fff;background:#C7BD5E;height:55px;font-size:22px;display:block;line-height:55px;padding-left:20px;}
.selectReport .title span {font-size:10px;text-transform:uppercase;padding:0 17px;background:#A39735;display:block;float:right;height:55px;line-height:55px;font-weight:bold}
.selectReport .title span a {color:#fff;}
.selectReport .content {margin:17px;}
.selectReport .content div {width:46%;padding-right:3%;color:#A0B8C3;border-right:2px solid #C7D9E2;float:left;text-align:center;min-height:150px;vertical-align:middle;font-size:14px;}
.selectReport .content div.last {border-right:none;padding-right:0;padding-left:3%;}
.selectReport .content div .button {color:#fff;font-size:12px;border:none;padding:10px;width:165px;display:block;margin:auto;}
.selectReport .content div .button.blue {background:#799EAD}
.selectReport .content div .button.green {background:#6BA47B}
.selectReport .content div input {color:#657882;background:#F3F7F8 url('/assets/images/date-input-bg.gif');font-weight:bold;padding-left:10px;background-repeat:no-repeat;background-position:top right;width:185px;border:3px solid #C7D9E2;height:35px;border-bottom:5px solid #C7D9E2;border-radius:4px;}

.center-cropped {
 
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  float:left;margin-right:5px;
  height: 100px;
  width: 100px;
}

.sleep-profile-center-cropped {
 object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  float:left;
  border-right:3px solid #fff
  height: 65px;
  width: 65px;
}

a.roomTile {float:left;margin-right:9px;position:relative;width:250px;height:250px;margin-bottom:10px !important;}
a.roomTile input[type="image"] {max-width:100%;height:auto;}
a.roomTile span {position:absolute;width:94%;left:0px;bottom:20px;text-align:center;color:#000;background:#ddd;padding:3%;}
a.roomTile span.selected {background:#163E11 !important;color:#fff !important}

div.roomTile {float:left;margin-right:12px;position:relative;width:240px;height:240px;margin-bottom:10px !important;}

div.rooms {padding:10px;}

a.userTile {float:left;margin-right:8px;position:relative;width:185px;height:185px;margin-bottom:10px !important;}
a.userTile input[type="image"] {max-width:100%;height:auto;}
a.userTile span {position:absolute;width:100%;left:0px;bottom:20px;text-align:center;color:#000;background:#ddd;padding:3% 0%;}
a.userTile span.selected {background:#163E11 !important;color:#fff !important}

.pinpad {width:320px;margin:10px auto}
.pinpad .pin {width:100px;height:100px;line-height:50px;margin-right:10px;float:left;margin-bottom:10px;background:#ddd;font-size:36px;}
.pinpad .pin.green {background:#009900 !important;font-size:18px;}
.pinpad .pin.yellow {background:#fed202 !important;color:#000;font-size:18px;}
.pinpad .pin.last {margin-right:0px;}
.pinpad .pin.first {clear:both}
#userPin {font-size:22px;height:29px;width:312px;padding:4px;text-align:center}

.headerbutton {margin-top:0px;float:left;height:80px;vertical-align:bottom;display:inline}
.headerbutton button {height:80px;margin:0px !important}

.previewUploadShowRecord {width:80px; height:80px; margin:5px}