/* CakePHP class */
.prev {
    display: none;
}

.next {
    display: none;
}

.form-error {
    background-color: #FFD7EB;
}


/* original common */
.fs-m {
    font-size: 12px;
    font-size: 1.2rem;
}

.fs-sl {
    font-size: 14px;
    font-size: 1.4rem;
}

.fs-ml {
    font-size: 16px;
    font-size: 1.6rem;
}

.fs-xl {
    font-size: 20px;
    font-size: 2rem;
}

.w25 {
    width: 25px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w55 {
    width: 55px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w150 {
    width: 150px !important;
}

.w170 {
    width: 170px !important;
}

.w180 {
    width: 180px !important;
}

.w200 {
    width: 200px !important;
}

.w230 {
    width: 230px !important;
}

.w250 {
    width: 250px !important;
}

.w280 {
    width: 270px !important;
}

.w300 {
    width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.w400 {
    width: 400px !important;
}

.w450 {
    width: 450px !important;
}

.w500 {
    width: 500px !important;
}

.w550 {
    width: 550px !important;
}

.w600 {
    width: 600px !important;
}

.w650 {
    width: 650px !important;
}

.w700 {
    width: 700px !important;
}

.w750 {
    width: 750px !important;
}

.w800 {
    width: 800px !important;
}

.w850 {
    width: 850px !important;
}

.w900 {
    width: 900px !important;
}

.w20p {
    width: 20%;
}

.w25p {
    width: 25%;
}

.w30p {
    width: 30%;
}

.w70p {
    width: 70%;
}

.w80p {
    width: 80%;
}

.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: right !important;
}

.vt {
    vertical-align: top !important;
}

.vm {
    vertical-align: middle !important;
}

.vb {
    vertical-align: bottom !important;
}

.nowrap {
    white-space: nowrap;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.mla {
    margin-left: auto !important;
}

.mra {
    margin-right: auto !important;
}

.mt0 {
    margin-top: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.m5 {
    margin: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.m10 {
    margin: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.m20 {
    margin: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.m30 {
    margin: 30px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mr110 {
    margin-right: 110px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.p5 {
    padding: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.p10 {
    padding: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.p20 {
    padding: 20px !important;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h30 {
    height: 30px;
}

.h50 {
    height: 50px;
}

.h100 {
    height: 100px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.bt-none {
    border-top: none !important;
}

.br-none {
    border-right: none !important;
}

.bb-none {
    border-bottom: none !important;
}

.bl-none {
    border-left: none !important;
}

.b-none {
    border: none !important;
}

.bg-black {
    background-color: #333333;
}

.bg-gray {
    background-color: #eeeeee;
}

.bg-green {
    background-color: #d6e9c6;
}

.bg-pink {
    background-color: #f2dede;
}

.bg-orange {
    background-color: #FDE288;
}

.bg-sky {
    background-color: #D7EBFB;
}

.bg-beige {
    background-color: #F8FACF;
}

.bg-white {
    background-color: #ffffff;
}

.bg-yellow {
    background-color: #fcf8e3;
}

.bg-white-im {
    background-color: #ffffff !important;
}

.font-black {
    color: #333333;
}

.font-yellow {
    color: #FFFF99;
}

.font-red {
    color: #CA0000;
}

.font-orenge {
    color: #FF6600;
}

.font-sky {
    color: #029ce2;
}

.font-green {
    color: #008000;
}

.font-green3 {
    color: #004000;
}

.font-gray {
    color: #888888;
}

.font-white {
    color: #ffffff;
}

.dis-block {
    display: block;
}

.dis-inline {
    display: inline;
}