/*float*/
.float-r {float: right;}
.float-l {float: left ;}
.float-clear {clear:both;}

/*margin*/
.m-t-0 {margin-top: 0px;}
.m-t-5 {margin-top: 5px;}
.m-t-3 {margin-top: 3px;}
.m-t-7 {margin-top: 7px;}
.m-t-9 {margin-top: 9px;}
.m-t-10 {margin-top: 10px;}
.m-t-15 {margin-top: 15px;}
.m-t-17 {margin-top: 17px;}
.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}
.m-t-40 {margin-top: 40px;}
.m-t-50 {margin-top: 50px;}
.m-t-60 {margin-top: 60px;}
.m-b-0 {margin-bottom: 0px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-7 {margin-bottom: 7px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-30 {margin-bottom: 30px;}
.m-l-0 {margin-left: 0px;}
.m-l-5 {margin-left: 5px;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-l-20 {margin-left: 20px;}
.m-l-25 {margin-left: 25px;}
.m-l-30 {margin-left: 30px;}
.m-l-35 {margin-left: 35px;}
.m-l-40 {margin-left: 40px;}
.m-l-50 {margin-left: 50px;}
.m-l-55 {margin-left: 55px;}
.m-l-75 {margin-left: 75px;}
.m-r-0 {margin-right: 0px;}
.m-r-5 {margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px;}
.m-r-20 {margin-right: 20px;}
.m-r-30 {margin-right: 30px;}
.m-r-40 {margin-right: 40px;}
.m-r-50 {margin-right: 50px;}

/*padding*/
.p-t-0 {padding-top: 0px;}
.p-t-1 {padding-top: 1px;}
.p-t-2 {padding-top: 2px;}
.p-t-3 {padding-top: 3px;}
.p-t-5 {padding-top: 5px;}
.p-t-7 {padding-top: 7px;}
.p-t-8 {padding-top: 8px;}
.p-t-9 {padding-top: 9px;}
.p-t-10 {padding-top: 10px;}
.p-t-15 {padding-top: 15px;}
.p-t-20 {padding-top: 20px;}
.p-t-30 {padding-top: 30px;}
.p-t-40 {padding-top: 40px;}
.p-b-0 {padding-bottom: 0px;}
.p-b-5 {padding-bottom: 5px;}
.p-b-7 {padding-bottom: 7px;}
.p-b-10 {padding-bottom: 10px;}
.p-b-15 {padding-bottom: 15px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-30 {padding-bottom: 30px;}
.p-b-40 {padding-bottom: 40px;}
.p-l-0 {padding-left: 0px;}
.p-l-5 {padding-left: 5px;}
.p-l-10 {padding-left: 10px;}
.p-l-15 {padding-left: 15px;}
.p-l-20 {padding-left: 20px;}
.p-l-25 {padding-left: 25px;}
.p-l-30 {padding-left: 30px;}
.p-l-35 {padding-left: 35px;}
.p-l-40 {padding-left: 40px;}
.p-l-90 {padding-left: 90px;}
.p-r-0 {padding-right: 0px;}
.p-r-4 {padding-right: 4px;}
.p-r-5 {padding-right: 5px;}
.p-r-10 {padding-right: 10px;}
.p-r-11 {padding-right: 11px;}
.p-r-15 {padding-right: 15px;}
.p-r-20 {padding-right: 20px;}
.p-r-30 {padding-right: 30px;}
.p-r-40 {padding-right: 40px;}


/*width*/
.width-400 {width: 400px;}
.width-500 {width: 500px;}
.width-600 {width: 600px;}

/*max-width*/
.w-max-52 {max-width: 52px;}
.w-max-62 {max-width: 62px;}
.w-max-74 {max-width: 74px;}
.w-max-77 {max-width: 77px;}
.w-max-80 {max-width: 80px;}
.w-max-86 {max-width: 86px;}
.w-max-90 {max-width: 90px;}
.w-max-97 {max-width: 97px;}
.w-max-100 {max-width: 100px;}
.w-max-104 {max-width: 104px;}
.w-max-108 {max-width: 108px;}
.w-max-110 {max-width: 110px;}
.w-max-115 {max-width: 115px;}
.w-max-116 {max-width: 116px;}
.w-max-120 {max-width: 120px;}
.w-max-130 {max-width: 130px;}
.w-max-131 {max-width: 131px;}
.w-max-133 {max-width: 133px;}
.w-max-142 {max-width: 142px;}
.w-max-146 {max-width: 146px;}
.w-max-150 {max-width: 150px;}
.w-max-200 {max-width: 200px;}
.w-max-210 {max-width: 210px;}
.w-max-250 {max-width: 250px;}
.w-max-300 {max-width: 300px;}
.w-max-400 {max-width: 400px;}
.w-max-444 {max-width: 444px;}
.w-max-450 {max-width: 450px;}
.w-max-480 {max-width: 480px;}
.w-max-500 {max-width: 500px;}
.w-max-600 {max-width: 600px;}
.w-max-45-percent {max-width: 45%;}
.w-max-50-percent {max-width: 50%;}
.w-max-55-percent {max-width: 55%;}
.w-max-60-percent {max-width: 60%;}
.w-max-80-percent {max-width: 80%;}
.w-max-90-percent {max-width: 90%;}
.w-max-95-percent {max-width: 95%;}


.display-flex-direction-row {
    display: flex;
    flex-direction: row;   
}

.div-w-480-m-l-15-m-r-15 {
    width: 600px;
    max-width: 600px;
    margin-left: 30px;
    margin-right: 30px;
}

/*@media screen and (max-width: 1600px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 650px;
    }
}
@media screen and (max-width: 1550px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 625px;
    }
}*/
@media screen and (max-width: 1450px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 600px;
    }
}
@media screen and (max-width: 1450px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 575px;
    }
}
@media screen and (max-width: 1400px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 550px;
    }
}
@media screen and (max-width: 1350px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 525px;
    }
}
@media screen and (max-width: 1300px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 500px;
    }
}
@media screen and (max-width: 1250px) {
    .div-w-480-m-l-15-m-r-15 {
        max-width: 475px;
    }
}
@media screen and (max-width: 1200px) {
    .div-w-480-m-l-15-m-r-15 {
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.div-w-620-m-l-15-m-r-15 {    
    width: 620px;
    max-width: 620px;
    margin-left: 15px;
    margin-right: 15px;
}
@media screen and (max-width: 1200px) {
    .div-w-630-m-l-10-m-r-10 {
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;

    }
}

.div-w-960-m-l-15-m-r-15 {
    /*width: 480px;
    max-width: 480px;*/
    width: 100%;
    /*max-width: 1310px;*/
    max-width: 1260px;
    margin-left: 30px;
    margin-right: 30px;
}

/*@media screen and (max-width: 1600px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1360px;
    }
}
@media screen and (max-width: 1550px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1310px;
    }
}*/
@media screen and (max-width: 1450px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1260px;
    }
}
@media screen and (max-width: 1450px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1210px;
    }
}
@media screen and (max-width: 1400px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1160px;
    }
}

@media screen and (max-width: 1350px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1110px;
    }
}
@media screen and (max-width: 1300px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1060px;
    }
}
@media screen and (max-width: 1250px) {
    .div-w-960-m-l-15-m-r-15 {
        max-width: 1010px;
    }
}
@media screen and (max-width: 1200px) {
    .div-w-960-m-l-15-m-r-15 {
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }
}



/*font-color*/
.txt-c-blue {color: blue;}
.txt-c-blueviolet {color: blueviolet;}
.txt-c-royalblue {color: royalblue;}
.txt-c-inputblue {color: #428bca;}
.txt-c-mediumblue {color: mediumblue;}
.txt-c-navy {color: navy;}
.txt-c-red {color: red;}
.txt-c-darkred {color: darkred;}
.txt-c-mediumvioletred {color: mediumvioletred;}
.txt-c-brown {color: brown;}
.txt-c-FFEAC7 {color: #FFEAC7;}
.txt-c-000 {color: #000;}
.txt-c-333 {color: #333;}
.txt-c-666 {color: #666;}
.txt-c-777 {color: #777;}
.txt-c-999 {color: #999;}
.txt-c-seagreen {color: seagreen;}
.txt-c-yellow {
    color: brown;
}
.txt-c-darkcyan {color: darkcyan;}
.txt-c-darkgreen {color: darkgreen;}
.txt-c-darkblue {color: darkblue;}
.txt-c-darkslateblue {color: darkslateblue;}

.form-control.txt-c-darkred {
    color: darkred;
}

.form-control.bg-FFEAC7 {
    background: #FFEAC7;
}



/*font-size*/
.txt-f-s-13{font-size: 13px;}
.txt-f-s-14{font-size: 14px;}
.txt-f-s-15{font-size: 15px;}
.txt-f-s-16{font-size: 16px;}
.txt-f-s-17{font-size: 17px;}
.txt-f-s-18{font-size: 18px;}
.txt-f-s-19{font-size: 19px;}
.txt-f-s-20{font-size: 20px;}
.txt-f-s-21{font-size: 21px;}
.txt-f-s-22{font-size: 22px;}
.txt-f-s-23{font-size: 23px;}
.txt-f-s-24{font-size: 24px;}
.txt-f-s-25{font-size: 25px;}

/*font-weight*/
.txt-f-w-500{font-weight:500;}
.txt-f-w-600{font-weight:600;}

/*text-align*/
.txt-align-r {text-align:right;}
.txt-align-l {text-align:left;}
.txt-align-c {text-align:center;}

/*text-decoration*/
.txt-decoration-none {text-decoration: none;}


.bg-FFEAC7 {background: #FFEAC7;}
.bg-yellow {background: yellow;}