body {
    width: 100%;
    font-family: Arial;
    color: #212121;
    overflow-x:hidden;
}

.cent{margin-left:47%;}

ol, ul {
    margin-top: 0;
    margin-bottom: 0px !important;
}

#toys-grid {
    margin-bottom: 30px;
}

#toys-grid .txt-heading {
    background-color: #D3F5B8;
}

#toys-grid table {
    width: 100%;

}

#toys-grid table td {
    background-color: #fff;
}

.table {

    width: 100%;
    max-width: 100%;
    margin-bottom: 0px !important;

}

label {

    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    font-weight: 700;

}

.search-box {
   
    background-color: #98B337;
    margin: 2px 0px;
}

.demoInputBox {
    padding: 7px;
    border: #000 0px solid;
    border-radius: 2px;
    margin: 3px 5px;
	width: 100%;

}


.btnSearch {
    padding: 5px;
    border: #3276B1 1px solid;
    border-radius: 4px;
    margin: 0px 5px;
	background: #3276B1;
	color:#fff
}

.perpage-link {
    padding: 5px 10px;
    border: #C8EEFD 2px solid;
    border-radius: 4px;
    margin: 0px 5px;
    background: #FFF;
    cursor: pointer;
}

.current-page {
    padding: 5px 10px;
    border: #C8EEFD 2px solid;
    border-radius: 4px;
    margin: 0px 5px;
    background: #C8EEFD;
}

.btnEditAction {
    background-color: #3276B1;
  padding: 5px 12px;
    color: #FFF;
    text-decoration: none;
}

.btnDeleteAction {
    background-color: #D60202;
padding: 5px 12px;
    color: #FFF;
    text-decoration: none;
}

#btnAddAction {
    background-color: #09F;
    border: 0;
    padding: 5px 10px;
    color: #FFF;
    text-decoration: none;
}

#frmToy {

}

#frmToy div {
    margin-bottom: 5px
}

#frmToy div label {
    margin-left: 5px
}

.error {
    background-color: #FF6600;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}

.info {
    font-size: .8em;
    color: #FF6600;
    letter-spacing: 2px;
    padding-left: 5px;
}