body {
}


@media (min-width:0) {
    .xs-p-0 {
        padding: 0px;
    }

    .xs-pt-0 {
        padding-top: 0px;
    }

    .xs-pl-0 {
        padding-left: 0px;
    }

    .xs-pr-0 {
        padding-right: 0px;
    }

    .xs-pb-0 {
        padding-bottom: 0px;
    }

    .xs-m-0 {
        margin: 0px;
    }

    .xs-mt-0 {
        margin-top: 0px;
    }

    .xs-ml-0 {
        margin-left: 0px;
    }

    .xs-mr-0 {
        margin-right: 0px;
    }

    .xs-mb-0 {
        margin-bottom: 0px;
    }

    .xs-p-5 {
        padding: 5px;
    }

    .xs-pt-5 {
        padding-top: 5px;
    }

    .xs-pl-5 {
        padding-left: 5px;
    }

    .xs-pr-5 {
        padding-right: 5px;
    }

    .xs-pb-5 {
        padding-bottom: 5px;
    }

    .xs-m-5 {
        margin: 5px;
    }

    .xs-mt-5 {
        margin-top: 5px;
    }

    .xs-ml-5 {
        margin-left: 5px;
    }

    .xs-mr-5 {
        margin-right: 5px;
    }

    .xs-mb-5 {
        margin-bottom: 5px;
    }

    .xs-p-10 {
        padding: 10px;
    }

    .xs-pt-10 {
        padding-top: 10px;
    }

    .xs-pl-10 {
        padding-left: 10px;
    }

    .xs-pr-10 {
        padding-right: 10px;
    }

    .xs-pb-10 {
        padding-bottom: 10px;
    }

    .xs-m-10 {
        margin: 10px;
    }

    .xs-mt-10 {
        margin-top: 10px;
    }

    .xs-ml-10 {
        margin-left: 10px;
    }

    .xs-mr-10 {
        margin-right: 10px;
    }

    .xs-mb-10 {
        margin-bottom: 10px;
    }

    .xs-p-15 {
        padding: 15px;
    }

    .xs-pt-15 {
        padding-top: 15px;
    }

    .xs-pl-15 {
        padding-left: 15px;
    }

    .xs-pr-15 {
        padding-right: 15px;
    }

    .xs-pb-15 {
        padding-bottom: 15px;
    }

    .xs-m-15 {
        margin: 15px;
    }

    .xs-mt-15 {
        margin-top: 15px;
    }

    .xs-ml-15 {
        margin-left: 15px;
    }

    .xs-mr-15 {
        margin-right: 15px;
    }

    .xs-mb-15 {
        margin-bottom: 15px;
    }

    .xs-p-20 {
        padding: 20px;
    }

    .xs-pt-20 {
        padding-top: 20px;
    }

    .xs-pl-20 {
        padding-left: 20px;
    }

    .xs-pr-20 {
        padding-right: 20px;
    }

    .xs-pb-20 {
        padding-bottom: 20px;
    }

    .xs-m-20 {
        margin: 20px;
    }

    .xs-mt-20 {
        margin-top: 20px;
    }

    .xs-ml-20 {
        margin-left: 20px;
    }

    .xs-mr-20 {
        margin-right: 20px;
    }

    .xs-mb-20 {
        margin-bottom: 20px;
    }

    .xs-p-30 {
        padding: 30px;
    }

    .xs-pt-30 {
        padding-top: 30px;
    }

    .xs-pl-30 {
        padding-left: 30px;
    }

    .xs-pr-30 {
        padding-right: 30px;
    }

    .xs-pb-30 {
        padding-bottom: 30px;
    }

    .xs-m-30 {
        margin: 30px;
    }

    .xs-mt-30 {
        margin-top: 30px;
    }

    .xs-ml-30 {
        margin-left: 30px;
    }

    .xs-mr-30 {
        margin-right: 30px;
    }

    .xs-mb-30 {
        margin-bottom: 30px;
    }

    .xs-p-40 {
        padding: 40px;
    }

    .xs-pt-40 {
        padding-top: 40px;
    }

    .xs-pl-40 {
        padding-left: 40px;
    }

    .xs-pr-40 {
        padding-right: 40px;
    }

    .xs-pb-40 {
        padding-bottom: 40px;
    }

    .xs-m-40 {
        margin: 40px;
    }

    .xs-mt-40 {
        margin-top: 40px;
    }

    .xs-ml-40 {
        margin-left: 40px;
    }

    .xs-mr-40 {
        margin-right: 40px;
    }

    .xs-mb-40 {
        margin-bottom: 40px;
    }

    .xs-p-50 {
        padding: 50px;
    }

    .xs-pt-50 {
        padding-top: 50px;
    }

    .xs-pl-50 {
        padding-left: 50px;
    }

    .xs-pr-50 {
        padding-right: 50px;
    }

    .xs-pb-50 {
        padding-bottom: 50px;
    }

    .xs-m-50 {
        margin: 50px;
    }

    .xs-mt-50 {
        margin-top: 50px;
    }

    .xs-ml-50 {
        margin-left: 50px;
    }

    .xs-mr-50 {
        margin-right: 50px;
    }

    .xs-mb-50 {
        margin-bottom: 50px;
    }

    .xs-p-60 {
        padding: 60px;
    }

    .xs-pt-60 {
        padding-top: 60px;
    }

    .xs-pl-60 {
        padding-left: 60px;
    }

    .xs-pr-60 {
        padding-right: 60px;
    }

    .xs-pb-60 {
        padding-bottom: 60px;
    }

    .xs-m-60 {
        margin: 60px;
    }

    .xs-mt-60 {
        margin-top: 60px;
    }

    .xs-ml-60 {
        margin-left: 60px;
    }

    .xs-mr-60 {
        margin-right: 60px;
    }

    .xs-mb-60 {
        margin-bottom: 60px;
    }

    .xs-p-70 {
        padding: 70px;
    }

    .xs-pt-70 {
        padding-top: 70px;
    }

    .xs-pl-70 {
        padding-left: 70px;
    }

    .xs-pr-70 {
        padding-right: 70px;
    }

    .xs-pb-70 {
        padding-bottom: 70px;
    }

    .xs-m-70 {
        margin: 70px;
    }

    .xs-mt-70 {
        margin-top: 70px;
    }

    .xs-ml-70 {
        margin-left: 70px;
    }

    .xs-mr-70 {
        margin-right: 70px;
    }

    .xs-mb-70 {
        margin-bottom: 70px;
    }

    .xs-p-80 {
        padding: 80px;
    }

    .xs-pt-80 {
        padding-top: 80px;
    }

    .xs-pl-80 {
        padding-left: 80px;
    }

    .xs-pr-80 {
        padding-right: 80px;
    }

    .xs-pb-80 {
        padding-bottom: 80px;
    }

    .xs-m-80 {
        margin: 80px;
    }

    .xs-mt-80 {
        margin-top: 80px;
    }

    .xs-ml-80 {
        margin-left: 80px;
    }

    .xs-mr-80 {
        margin-right: 80px;
    }

    .xs-mb-80 {
        margin-bottom: 80px;
    }

    .xs-p-90 {
        padding: 90px;
    }

    .xs-pt-90 {
        padding-top: 90px;
    }

    .xs-pl-90 {
        padding-left: 90px;
    }

    .xs-pr-90 {
        padding-right: 90px;
    }

    .xs-pb-90 {
        padding-bottom: 90px;
    }

    .xs-m-90 {
        margin: 90px;
    }

    .xs-mt-90 {
        margin-top: 90px;
    }

    .xs-ml-90 {
        margin-left: 90px;
    }

    .xs-mr-90 {
        margin-right: 90px;
    }

    .xs-mb-90 {
        margin-bottom: 90px;
    }

    .xs-p-100 {
        padding: 100px;
    }

    .xs-pt-100 {
        padding-top: 100px;
    }

    .xs-pl-100 {
        padding-left: 100px;
    }

    .xs-pr-100 {
        padding-right: 100px;
    }

    .xs-pb-100 {
        padding-bottom: 100px;
    }

    .xs-m-100 {
        margin: 100px;
    }

    .xs-mt-100 {
        margin-top: 100px;
    }

    .xs-ml-100 {
        margin-left: 100px;
    }

    .xs-mr-100 {
        margin-right: 100px;
    }

    .xs-mb-100 {
        margin-bottom: 100px;
    }

    .xs-p-150 {
        padding: 150px;
    }

    .xs-pt-150 {
        padding-top: 150px;
    }

    .xs-pl-150 {
        padding-left: 150px;
    }

    .xs-pr-150 {
        padding-right: 150px;
    }

    .xs-pb-150 {
        padding-bottom: 150px;
    }

    .xs-m-150 {
        margin: 150px;
    }

    .xs-mt-150 {
        margin-top: 150px;
    }

    .xs-ml-150 {
        margin-left: 150px;
    }

    .xs-mr-150 {
        margin-right: 150px;
    }

    .xs-mb-150 {
        margin-bottom: 150px;
    }

    .xs-p-200 {
        padding: 200px;
    }

    .xs-pt-200 {
        padding-top: 200px;
    }

    .xs-pl-200 {
        padding-left: 200px;
    }

    .xs-pr-200 {
        padding-right: 200px;
    }

    .xs-pb-200 {
        padding-bottom: 200px;
    }

    .xs-m-200 {
        margin: 200px;
    }

    .xs-mt-200 {
        margin-top: 200px;
    }

    .xs-ml-200 {
        margin-left: 200px;
    }

    .xs-mr-200 {
        margin-right: 200px;
    }

    .xs-mb-200 {
        margin-bottom: 200px;
    }

    .xs-p-250 {
        padding: 250px;
    }

    .xs-pt-250 {
        padding-top: 250px;
    }

    .xs-pl-250 {
        padding-left: 250px;
    }

    .xs-pr-250 {
        padding-right: 250px;
    }

    .xs-pb-250 {
        padding-bottom: 250px;
    }

    .xs-m-250 {
        margin: 250px;
    }

    .xs-mt-250 {
        margin-top: 250px;
    }

    .xs-ml-250 {
        margin-left: 250px;
    }

    .xs-mr-250 {
        margin-right: 250px;
    }

    .xs-mb-250 {
        margin-bottom: 250px;
    }
}

@media (min-width:480px) {
    .sm-p-0 {
        padding: 0px;
    }

    .sm-pt-0 {
        padding-top: 0px;
    }

    .sm-pl-0 {
        padding-left: 0px;
    }

    .sm-pr-0 {
        padding-right: 0px;
    }

    .sm-pb-0 {
        padding-bottom: 0px;
    }

    .sm-m-0 {
        margin: 0px;
    }

    .sm-mt-0 {
        margin-top: 0px;
    }

    .sm-ml-0 {
        margin-left: 0px;
    }

    .sm-mr-0 {
        margin-right: 0px;
    }

    .sm-mb-0 {
        margin-bottom: 0px;
    }

    .sm-p-5 {
        padding: 5px;
    }

    .sm-pt-5 {
        padding-top: 5px;
    }

    .sm-pl-5 {
        padding-left: 5px;
    }

    .sm-pr-5 {
        padding-right: 5px;
    }

    .sm-pb-5 {
        padding-bottom: 5px;
    }

    .sm-m-5 {
        margin: 5px;
    }

    .sm-mt-5 {
        margin-top: 5px;
    }

    .sm-ml-5 {
        margin-left: 5px;
    }

    .sm-mr-5 {
        margin-right: 5px;
    }

    .sm-mb-5 {
        margin-bottom: 5px;
    }

    .sm-p-10 {
        padding: 10px;
    }

    .sm-pt-10 {
        padding-top: 10px;
    }

    .sm-pl-10 {
        padding-left: 10px;
    }

    .sm-pr-10 {
        padding-right: 10px;
    }

    .sm-pb-10 {
        padding-bottom: 10px;
    }

    .sm-m-10 {
        margin: 10px;
    }

    .sm-mt-10 {
        margin-top: 10px;
    }

    .sm-ml-10 {
        margin-left: 10px;
    }

    .sm-mr-10 {
        margin-right: 10px;
    }

    .sm-mb-10 {
        margin-bottom: 10px;
    }

    .sm-p-15 {
        padding: 15px;
    }

    .sm-pt-15 {
        padding-top: 15px;
    }

    .sm-pl-15 {
        padding-left: 15px;
    }

    .sm-pr-15 {
        padding-right: 15px;
    }

    .sm-pb-15 {
        padding-bottom: 15px;
    }

    .sm-m-15 {
        margin: 15px;
    }

    .sm-mt-15 {
        margin-top: 15px;
    }

    .sm-ml-15 {
        margin-left: 15px;
    }

    .sm-mr-15 {
        margin-right: 15px;
    }

    .sm-mb-15 {
        margin-bottom: 15px;
    }

    .sm-p-20 {
        padding: 20px;
    }

    .sm-pt-20 {
        padding-top: 20px;
    }

    .sm-pl-20 {
        padding-left: 20px;
    }

    .sm-pr-20 {
        padding-right: 20px;
    }

    .sm-pb-20 {
        padding-bottom: 20px;
    }

    .sm-m-20 {
        margin: 20px;
    }

    .sm-mt-20 {
        margin-top: 20px;
    }

    .sm-ml-20 {
        margin-left: 20px;
    }

    .sm-mr-20 {
        margin-right: 20px;
    }

    .sm-mb-20 {
        margin-bottom: 20px;
    }

    .sm-p-30 {
        padding: 30px;
    }

    .sm-pt-30 {
        padding-top: 30px;
    }

    .sm-pl-30 {
        padding-left: 30px;
    }

    .sm-pr-30 {
        padding-right: 30px;
    }

    .sm-pb-30 {
        padding-bottom: 30px;
    }

    .sm-m-30 {
        margin: 30px;
    }

    .sm-mt-30 {
        margin-top: 30px;
    }

    .sm-ml-30 {
        margin-left: 30px;
    }

    .sm-mr-30 {
        margin-right: 30px;
    }

    .sm-mb-30 {
        margin-bottom: 30px;
    }

    .sm-p-40 {
        padding: 40px;
    }

    .sm-pt-40 {
        padding-top: 40px;
    }

    .sm-pl-40 {
        padding-left: 40px;
    }

    .sm-pr-40 {
        padding-right: 40px;
    }

    .sm-pb-40 {
        padding-bottom: 40px;
    }

    .sm-m-40 {
        margin: 40px;
    }

    .sm-mt-40 {
        margin-top: 40px;
    }

    .sm-ml-40 {
        margin-left: 40px;
    }

    .sm-mr-40 {
        margin-right: 40px;
    }

    .sm-mb-40 {
        margin-bottom: 40px;
    }

    .sm-p-50 {
        padding: 50px;
    }

    .sm-pt-50 {
        padding-top: 50px;
    }

    .sm-pl-50 {
        padding-left: 50px;
    }

    .sm-pr-50 {
        padding-right: 50px;
    }

    .sm-pb-50 {
        padding-bottom: 50px;
    }

    .sm-m-50 {
        margin: 50px;
    }

    .sm-mt-50 {
        margin-top: 50px;
    }

    .sm-ml-50 {
        margin-left: 50px;
    }

    .sm-mr-50 {
        margin-right: 50px;
    }

    .sm-mb-50 {
        margin-bottom: 50px;
    }

    .sm-p-60 {
        padding: 60px;
    }

    .sm-pt-60 {
        padding-top: 60px;
    }

    .sm-pl-60 {
        padding-left: 60px;
    }

    .sm-pr-60 {
        padding-right: 60px;
    }

    .sm-pb-60 {
        padding-bottom: 60px;
    }

    .sm-m-60 {
        margin: 60px;
    }

    .sm-mt-60 {
        margin-top: 60px;
    }

    .sm-ml-60 {
        margin-left: 60px;
    }

    .sm-mr-60 {
        margin-right: 60px;
    }

    .sm-mb-60 {
        margin-bottom: 60px;
    }

    .sm-p-70 {
        padding: 70px;
    }

    .sm-pt-70 {
        padding-top: 70px;
    }

    .sm-pl-70 {
        padding-left: 70px;
    }

    .sm-pr-70 {
        padding-right: 70px;
    }

    .sm-pb-70 {
        padding-bottom: 70px;
    }

    .sm-m-70 {
        margin: 70px;
    }

    .sm-mt-70 {
        margin-top: 70px;
    }

    .sm-ml-70 {
        margin-left: 70px;
    }

    .sm-mr-70 {
        margin-right: 70px;
    }

    .sm-mb-70 {
        margin-bottom: 70px;
    }

    .sm-p-80 {
        padding: 80px;
    }

    .sm-pt-80 {
        padding-top: 80px;
    }

    .sm-pl-80 {
        padding-left: 80px;
    }

    .sm-pr-80 {
        padding-right: 80px;
    }

    .sm-pb-80 {
        padding-bottom: 80px;
    }

    .sm-m-80 {
        margin: 80px;
    }

    .sm-mt-80 {
        margin-top: 80px;
    }

    .sm-ml-80 {
        margin-left: 80px;
    }

    .sm-mr-80 {
        margin-right: 80px;
    }

    .sm-mb-80 {
        margin-bottom: 80px;
    }

    .sm-p-90 {
        padding: 90px;
    }

    .sm-pt-90 {
        padding-top: 90px;
    }

    .sm-pl-90 {
        padding-left: 90px;
    }

    .sm-pr-90 {
        padding-right: 90px;
    }

    .sm-pb-90 {
        padding-bottom: 90px;
    }

    .sm-m-90 {
        margin: 90px;
    }

    .sm-mt-90 {
        margin-top: 90px;
    }

    .sm-ml-90 {
        margin-left: 90px;
    }

    .sm-mr-90 {
        margin-right: 90px;
    }

    .sm-mb-90 {
        margin-bottom: 90px;
    }

    .sm-p-100 {
        padding: 100px;
    }

    .sm-pt-100 {
        padding-top: 100px;
    }

    .sm-pl-100 {
        padding-left: 100px;
    }

    .sm-pr-100 {
        padding-right: 100px;
    }

    .sm-pb-100 {
        padding-bottom: 100px;
    }

    .sm-m-100 {
        margin: 100px;
    }

    .sm-mt-100 {
        margin-top: 100px;
    }

    .sm-ml-100 {
        margin-left: 100px;
    }

    .sm-mr-100 {
        margin-right: 100px;
    }

    .sm-mb-100 {
        margin-bottom: 100px;
    }

    .sm-p-150 {
        padding: 150px;
    }

    .sm-pt-150 {
        padding-top: 150px;
    }

    .sm-pl-150 {
        padding-left: 150px;
    }

    .sm-pr-150 {
        padding-right: 150px;
    }

    .sm-pb-150 {
        padding-bottom: 150px;
    }

    .sm-m-150 {
        margin: 150px;
    }

    .sm-mt-150 {
        margin-top: 150px;
    }

    .sm-ml-150 {
        margin-left: 150px;
    }

    .sm-mr-150 {
        margin-right: 150px;
    }

    .sm-mb-150 {
        margin-bottom: 150px;
    }

    .sm-p-200 {
        padding: 200px;
    }

    .sm-pt-200 {
        padding-top: 200px;
    }

    .sm-pl-200 {
        padding-left: 200px;
    }

    .sm-pr-200 {
        padding-right: 200px;
    }

    .sm-pb-200 {
        padding-bottom: 200px;
    }

    .sm-m-200 {
        margin: 200px;
    }

    .sm-mt-200 {
        margin-top: 200px;
    }

    .sm-ml-200 {
        margin-left: 200px;
    }

    .sm-mr-200 {
        margin-right: 200px;
    }

    .sm-mb-200 {
        margin-bottom: 200px;
    }

    .sm-p-250 {
        padding: 250px;
    }

    .sm-pt-250 {
        padding-top: 250px;
    }

    .sm-pl-250 {
        padding-left: 250px;
    }

    .sm-pr-250 {
        padding-right: 250px;
    }

    .sm-pb-250 {
        padding-bottom: 250px;
    }

    .sm-m-250 {
        margin: 250px;
    }

    .sm-mt-250 {
        margin-top: 250px;
    }

    .sm-ml-250 {
        margin-left: 250px;
    }

    .sm-mr-250 {
        margin-right: 250px;
    }

    .sm-mb-250 {
        margin-bottom: 250px;
    }
}

@media (min-width:768px) {
    .md-p-0 {
        padding: 0px;
    }

    .md-pt-0 {
        padding-top: 0px;
    }

    .md-pl-0 {
        padding-left: 0px;
    }

    .md-pr-0 {
        padding-right: 0px;
    }

    .md-pb-0 {
        padding-bottom: 0px;
    }

    .md-m-0 {
        margin: 0px;
    }

    .md-mt-0 {
        margin-top: 0px;
    }

    .md-ml-0 {
        margin-left: 0px;
    }

    .md-mr-0 {
        margin-right: 0px;
    }

    .md-mb-0 {
        margin-bottom: 0px;
    }

    .md-p-5 {
        padding: 5px;
    }

    .md-pt-5 {
        padding-top: 5px;
    }

    .md-pl-5 {
        padding-left: 5px;
    }

    .md-pr-5 {
        padding-right: 5px;
    }

    .md-pb-5 {
        padding-bottom: 5px;
    }

    .md-m-5 {
        margin: 5px;
    }

    .md-mt-5 {
        margin-top: 5px;
    }

    .md-ml-5 {
        margin-left: 5px;
    }

    .md-mr-5 {
        margin-right: 5px;
    }

    .md-mb-5 {
        margin-bottom: 5px;
    }

    .md-p-10 {
        padding: 10px;
    }

    .md-pt-10 {
        padding-top: 10px;
    }

    .md-pl-10 {
        padding-left: 10px;
    }

    .md-pr-10 {
        padding-right: 10px;
    }

    .md-pb-10 {
        padding-bottom: 10px;
    }

    .md-m-10 {
        margin: 10px;
    }

    .md-mt-10 {
        margin-top: 10px;
    }

    .md-ml-10 {
        margin-left: 10px;
    }

    .md-mr-10 {
        margin-right: 10px;
    }

    .md-mb-10 {
        margin-bottom: 10px;
    }

    .md-p-15 {
        padding: 15px;
    }

    .md-pt-15 {
        padding-top: 15px;
    }

    .md-pl-15 {
        padding-left: 15px;
    }

    .md-pr-15 {
        padding-right: 15px;
    }

    .md-pb-15 {
        padding-bottom: 15px;
    }

    .md-m-15 {
        margin: 15px;
    }

    .md-mt-15 {
        margin-top: 15px;
    }

    .md-ml-15 {
        margin-left: 15px;
    }

    .md-mr-15 {
        margin-right: 15px;
    }

    .md-mb-15 {
        margin-bottom: 15px;
    }

    .md-p-20 {
        padding: 20px;
    }

    .md-pt-20 {
        padding-top: 20px;
    }

    .md-pl-20 {
        padding-left: 20px;
    }

    .md-pr-20 {
        padding-right: 20px;
    }

    .md-pb-20 {
        padding-bottom: 20px;
    }

    .md-m-20 {
        margin: 20px;
    }

    .md-mt-20 {
        margin-top: 20px;
    }

    .md-ml-20 {
        margin-left: 20px;
    }

    .md-mr-20 {
        margin-right: 20px;
    }

    .md-mb-20 {
        margin-bottom: 20px;
    }

    .md-p-30 {
        padding: 30px;
    }

    .md-pt-30 {
        padding-top: 30px;
    }

    .md-pl-30 {
        padding-left: 30px;
    }

    .md-pr-30 {
        padding-right: 30px;
    }

    .md-pb-30 {
        padding-bottom: 30px;
    }

    .md-m-30 {
        margin: 30px;
    }

    .md-mt-30 {
        margin-top: 30px;
    }

    .md-ml-30 {
        margin-left: 30px;
    }

    .md-mr-30 {
        margin-right: 30px;
    }

    .md-mb-30 {
        margin-bottom: 30px;
    }

    .md-p-40 {
        padding: 40px;
    }

    .md-pt-40 {
        padding-top: 40px;
    }

    .md-pl-40 {
        padding-left: 40px;
    }

    .md-pr-40 {
        padding-right: 40px;
    }

    .md-pb-40 {
        padding-bottom: 40px;
    }

    .md-m-40 {
        margin: 40px;
    }

    .md-mt-40 {
        margin-top: 40px;
    }

    .md-ml-40 {
        margin-left: 40px;
    }

    .md-mr-40 {
        margin-right: 40px;
    }

    .md-mb-40 {
        margin-bottom: 40px;
    }

    .md-p-50 {
        padding: 50px;
    }

    .md-pt-50 {
        padding-top: 50px;
    }

    .md-pl-50 {
        padding-left: 50px;
    }

    .md-pr-50 {
        padding-right: 50px;
    }

    .md-pb-50 {
        padding-bottom: 50px;
    }

    .md-m-50 {
        margin: 50px;
    }

    .md-mt-50 {
        margin-top: 50px;
    }

    .md-ml-50 {
        margin-left: 50px;
    }

    .md-mr-50 {
        margin-right: 50px;
    }

    .md-mb-50 {
        margin-bottom: 50px;
    }

    .md-p-60 {
        padding: 60px;
    }

    .md-pt-60 {
        padding-top: 60px;
    }

    .md-pl-60 {
        padding-left: 60px;
    }

    .md-pr-60 {
        padding-right: 60px;
    }

    .md-pb-60 {
        padding-bottom: 60px;
    }

    .md-m-60 {
        margin: 60px;
    }

    .md-mt-60 {
        margin-top: 60px;
    }

    .md-ml-60 {
        margin-left: 60px;
    }

    .md-mr-60 {
        margin-right: 60px;
    }

    .md-mb-60 {
        margin-bottom: 60px;
    }

    .md-p-70 {
        padding: 70px;
    }

    .md-pt-70 {
        padding-top: 70px;
    }

    .md-pl-70 {
        padding-left: 70px;
    }

    .md-pr-70 {
        padding-right: 70px;
    }

    .md-pb-70 {
        padding-bottom: 70px;
    }

    .md-m-70 {
        margin: 70px;
    }

    .md-mt-70 {
        margin-top: 70px;
    }

    .md-ml-70 {
        margin-left: 70px;
    }

    .md-mr-70 {
        margin-right: 70px;
    }

    .md-mb-70 {
        margin-bottom: 70px;
    }

    .md-p-80 {
        padding: 80px;
    }

    .md-pt-80 {
        padding-top: 80px;
    }

    .md-pl-80 {
        padding-left: 80px;
    }

    .md-pr-80 {
        padding-right: 80px;
    }

    .md-pb-80 {
        padding-bottom: 80px;
    }

    .md-m-80 {
        margin: 80px;
    }

    .md-mt-80 {
        margin-top: 80px;
    }

    .md-ml-80 {
        margin-left: 80px;
    }

    .md-mr-80 {
        margin-right: 80px;
    }

    .md-mb-80 {
        margin-bottom: 80px;
    }

    .md-p-90 {
        padding: 90px;
    }

    .md-pt-90 {
        padding-top: 90px;
    }

    .md-pl-90 {
        padding-left: 90px;
    }

    .md-pr-90 {
        padding-right: 90px;
    }

    .md-pb-90 {
        padding-bottom: 90px;
    }

    .md-m-90 {
        margin: 90px;
    }

    .md-mt-90 {
        margin-top: 90px;
    }

    .md-ml-90 {
        margin-left: 90px;
    }

    .md-mr-90 {
        margin-right: 90px;
    }

    .md-mb-90 {
        margin-bottom: 90px;
    }

    .md-p-100 {
        padding: 100px;
    }

    .md-pt-100 {
        padding-top: 100px;
    }

    .md-pl-100 {
        padding-left: 100px;
    }

    .md-pr-100 {
        padding-right: 100px;
    }

    .md-pb-100 {
        padding-bottom: 100px;
    }

    .md-m-100 {
        margin: 100px;
    }

    .md-mt-100 {
        margin-top: 100px;
    }

    .md-ml-100 {
        margin-left: 100px;
    }

    .md-mr-100 {
        margin-right: 100px;
    }

    .md-mb-100 {
        margin-bottom: 100px;
    }

    .md-p-150 {
        padding: 150px;
    }

    .md-pt-150 {
        padding-top: 150px;
    }

    .md-pl-150 {
        padding-left: 150px;
    }

    .md-pr-150 {
        padding-right: 150px;
    }

    .md-pb-150 {
        padding-bottom: 150px;
    }

    .md-m-150 {
        margin: 150px;
    }

    .md-mt-150 {
        margin-top: 150px;
    }

    .md-ml-150 {
        margin-left: 150px;
    }

    .md-mr-150 {
        margin-right: 150px;
    }

    .md-mb-150 {
        margin-bottom: 150px;
    }

    .md-p-200 {
        padding: 200px;
    }

    .md-pt-200 {
        padding-top: 200px;
    }

    .md-pl-200 {
        padding-left: 200px;
    }

    .md-pr-200 {
        padding-right: 200px;
    }

    .md-pb-200 {
        padding-bottom: 200px;
    }

    .md-m-200 {
        margin: 200px;
    }

    .md-mt-200 {
        margin-top: 200px;
    }

    .md-ml-200 {
        margin-left: 200px;
    }

    .md-mr-200 {
        margin-right: 200px;
    }

    .md-mb-200 {
        margin-bottom: 200px;
    }

    .md-p-250 {
        padding: 250px;
    }

    .md-pt-250 {
        padding-top: 250px;
    }

    .md-pl-250 {
        padding-left: 250px;
    }

    .md-pr-250 {
        padding-right: 250px;
    }

    .md-pb-250 {
        padding-bottom: 250px;
    }

    .md-m-250 {
        margin: 250px;
    }

    .md-mt-250 {
        margin-top: 250px;
    }

    .md-ml-250 {
        margin-left: 250px;
    }

    .md-mr-250 {
        margin-right: 250px;
    }

    .md-mb-250 {
        margin-bottom: 250px;
    }
}

@media (min-width:1140px) {
    .lg-p-0 {
        padding: 0px;
    }

    .lg-pt-0 {
        padding-top: 0px;
    }

    .lg-pl-0 {
        padding-left: 0px;
    }

    .lg-pr-0 {
        padding-right: 0px;
    }

    .lg-pb-0 {
        padding-bottom: 0px;
    }

    .lg-m-0 {
        margin: 0px;
    }

    .lg-mt-0 {
        margin-top: 0px;
    }

    .lg-ml-0 {
        margin-left: 0px;
    }

    .lg-mr-0 {
        margin-right: 0px;
    }

    .lg-mb-0 {
        margin-bottom: 0px;
    }

    .lg-p-5 {
        padding: 5px;
    }

    .lg-pt-5 {
        padding-top: 5px;
    }

    .lg-pl-5 {
        padding-left: 5px;
    }

    .lg-pr-5 {
        padding-right: 5px;
    }

    .lg-pb-5 {
        padding-bottom: 5px;
    }

    .lg-m-5 {
        margin: 5px;
    }

    .lg-mt-5 {
        margin-top: 5px;
    }

    .lg-ml-5 {
        margin-left: 5px;
    }

    .lg-mr-5 {
        margin-right: 5px;
    }

    .lg-mb-5 {
        margin-bottom: 5px;
    }

    .lg-p-10 {
        padding: 10px;
    }

    .lg-pt-10 {
        padding-top: 10px;
    }

    .lg-pl-10 {
        padding-left: 10px;
    }

    .lg-pr-10 {
        padding-right: 10px;
    }

    .lg-pb-10 {
        padding-bottom: 10px;
    }

    .lg-m-10 {
        margin: 10px;
    }

    .lg-mt-10 {
        margin-top: 10px;
    }

    .lg-ml-10 {
        margin-left: 10px;
    }

    .lg-mr-10 {
        margin-right: 10px;
    }

    .lg-mb-10 {
        margin-bottom: 10px;
    }

    .lg-p-15 {
        padding: 15px;
    }

    .lg-pt-15 {
        padding-top: 15px;
    }

    .lg-pl-15 {
        padding-left: 15px;
    }

    .lg-pr-15 {
        padding-right: 15px;
    }

    .lg-pb-15 {
        padding-bottom: 15px;
    }

    .lg-m-15 {
        margin: 15px;
    }

    .lg-mt-15 {
        margin-top: 15px;
    }

    .lg-ml-15 {
        margin-left: 15px;
    }

    .lg-mr-15 {
        margin-right: 15px;
    }

    .lg-mb-15 {
        margin-bottom: 15px;
    }

    .lg-p-20 {
        padding: 20px;
    }

    .lg-pt-20 {
        padding-top: 20px;
    }

    .lg-pl-20 {
        padding-left: 20px;
    }

    .lg-pr-20 {
        padding-right: 20px;
    }

    .lg-pb-20 {
        padding-bottom: 20px;
    }

    .lg-m-20 {
        margin: 20px;
    }

    .lg-mt-20 {
        margin-top: 20px;
    }

    .lg-ml-20 {
        margin-left: 20px;
    }

    .lg-mr-20 {
        margin-right: 20px;
    }

    .lg-mb-20 {
        margin-bottom: 20px;
    }

    .lg-p-30 {
        padding: 30px;
    }

    .lg-pt-30 {
        padding-top: 30px;
    }

    .lg-pl-30 {
        padding-left: 30px;
    }

    .lg-pr-30 {
        padding-right: 30px;
    }

    .lg-pb-30 {
        padding-bottom: 30px;
    }

    .lg-m-30 {
        margin: 30px;
    }

    .lg-mt-30 {
        margin-top: 30px;
    }

    .lg-ml-30 {
        margin-left: 30px;
    }

    .lg-mr-30 {
        margin-right: 30px;
    }

    .lg-mb-30 {
        margin-bottom: 30px;
    }

    .lg-p-40 {
        padding: 40px;
    }

    .lg-pt-40 {
        padding-top: 40px;
    }

    .lg-pl-40 {
        padding-left: 40px;
    }

    .lg-pr-40 {
        padding-right: 40px;
    }

    .lg-pb-40 {
        padding-bottom: 40px;
    }

    .lg-m-40 {
        margin: 40px;
    }

    .lg-mt-40 {
        margin-top: 40px;
    }

    .lg-ml-40 {
        margin-left: 40px;
    }

    .lg-mr-40 {
        margin-right: 40px;
    }

    .lg-mb-40 {
        margin-bottom: 40px;
    }

    .lg-p-50 {
        padding: 50px;
    }

    .lg-pt-50 {
        padding-top: 50px;
    }

    .lg-pl-50 {
        padding-left: 50px;
    }

    .lg-pr-50 {
        padding-right: 50px;
    }

    .lg-pb-50 {
        padding-bottom: 50px;
    }

    .lg-m-50 {
        margin: 50px;
    }

    .lg-mt-50 {
        margin-top: 50px;
    }

    .lg-ml-50 {
        margin-left: 50px;
    }

    .lg-mr-50 {
        margin-right: 50px;
    }

    .lg-mb-50 {
        margin-bottom: 50px;
    }

    .lg-p-60 {
        padding: 60px;
    }

    .lg-pt-60 {
        padding-top: 60px;
    }

    .lg-pl-60 {
        padding-left: 60px;
    }

    .lg-pr-60 {
        padding-right: 60px;
    }

    .lg-pb-60 {
        padding-bottom: 60px;
    }

    .lg-m-60 {
        margin: 60px;
    }

    .lg-mt-60 {
        margin-top: 60px;
    }

    .lg-ml-60 {
        margin-left: 60px;
    }

    .lg-mr-60 {
        margin-right: 60px;
    }

    .lg-mb-60 {
        margin-bottom: 60px;
    }

    .lg-p-70 {
        padding: 70px;
    }

    .lg-pt-70 {
        padding-top: 70px;
    }

    .lg-pl-70 {
        padding-left: 70px;
    }

    .lg-pr-70 {
        padding-right: 70px;
    }

    .lg-pb-70 {
        padding-bottom: 70px;
    }

    .lg-m-70 {
        margin: 70px;
    }

    .lg-mt-70 {
        margin-top: 70px;
    }

    .lg-ml-70 {
        margin-left: 70px;
    }

    .lg-mr-70 {
        margin-right: 70px;
    }

    .lg-mb-70 {
        margin-bottom: 70px;
    }

    .lg-p-80 {
        padding: 80px;
    }

    .lg-pt-80 {
        padding-top: 80px;
    }

    .lg-pl-80 {
        padding-left: 80px;
    }

    .lg-pr-80 {
        padding-right: 80px;
    }

    .lg-pb-80 {
        padding-bottom: 80px;
    }

    .lg-m-80 {
        margin: 80px;
    }

    .lg-mt-80 {
        margin-top: 80px;
    }

    .lg-ml-80 {
        margin-left: 80px;
    }

    .lg-mr-80 {
        margin-right: 80px;
    }

    .lg-mb-80 {
        margin-bottom: 80px;
    }

    .lg-p-90 {
        padding: 90px;
    }

    .lg-pt-90 {
        padding-top: 90px;
    }

    .lg-pl-90 {
        padding-left: 90px;
    }

    .lg-pr-90 {
        padding-right: 90px;
    }

    .lg-pb-90 {
        padding-bottom: 90px;
    }

    .lg-m-90 {
        margin: 90px;
    }

    .lg-mt-90 {
        margin-top: 90px;
    }

    .lg-ml-90 {
        margin-left: 90px;
    }

    .lg-mr-90 {
        margin-right: 90px;
    }

    .lg-mb-90 {
        margin-bottom: 90px;
    }

    .lg-p-100 {
        padding: 100px;
    }

    .lg-pt-100 {
        padding-top: 100px;
    }

    .lg-pl-100 {
        padding-left: 100px;
    }

    .lg-pr-100 {
        padding-right: 100px;
    }

    .lg-pb-100 {
        padding-bottom: 100px;
    }

    .lg-m-100 {
        margin: 100px;
    }

    .lg-mt-100 {
        margin-top: 100px;
    }

    .lg-ml-100 {
        margin-left: 100px;
    }

    .lg-mr-100 {
        margin-right: 100px;
    }

    .lg-mb-100 {
        margin-bottom: 100px;
    }

    .lg-p-150 {
        padding: 150px;
    }

    .lg-pt-150 {
        padding-top: 150px;
    }

    .lg-pl-150 {
        padding-left: 150px;
    }

    .lg-pr-150 {
        padding-right: 150px;
    }

    .lg-pb-150 {
        padding-bottom: 150px;
    }

    .lg-m-150 {
        margin: 150px;
    }

    .lg-mt-150 {
        margin-top: 150px;
    }

    .lg-ml-150 {
        margin-left: 150px;
    }

    .lg-mr-150 {
        margin-right: 150px;
    }

    .lg-mb-150 {
        margin-bottom: 150px;
    }

    .lg-p-200 {
        padding: 200px;
    }

    .lg-pt-200 {
        padding-top: 200px;
    }

    .lg-pl-200 {
        padding-left: 200px;
    }

    .lg-pr-200 {
        padding-right: 200px;
    }

    .lg-pb-200 {
        padding-bottom: 200px;
    }

    .lg-m-200 {
        margin: 200px;
    }

    .lg-mt-200 {
        margin-top: 200px;
    }

    .lg-ml-200 {
        margin-left: 200px;
    }

    .lg-mr-200 {
        margin-right: 200px;
    }

    .lg-mb-200 {
        margin-bottom: 200px;
    }

    .lg-p-250 {
        padding: 250px;
    }

    .lg-pt-250 {
        padding-top: 250px;
    }

    .lg-pl-250 {
        padding-left: 250px;
    }

    .lg-pr-250 {
        padding-right: 250px;
    }

    .lg-pb-250 {
        padding-bottom: 250px;
    }

    .lg-m-250 {
        margin: 250px;
    }

    .lg-mt-250 {
        margin-top: 250px;
    }

    .lg-ml-250 {
        margin-left: 250px;
    }

    .lg-mr-250 {
        margin-right: 250px;
    }

    .lg-mb-250 {
        margin-bottom: 250px;
    }
}

@media (min-width:1440px) {
    .xl-p-0 {
        padding: 0px;
    }

    .xl-pt-0 {
        padding-top: 0px;
    }

    .xl-pl-0 {
        padding-left: 0px;
    }

    .xl-pr-0 {
        padding-right: 0px;
    }

    .xl-pb-0 {
        padding-bottom: 0px;
    }

    .xl-m-0 {
        margin: 0px;
    }

    .xl-mt-0 {
        margin-top: 0px;
    }

    .xl-ml-0 {
        margin-left: 0px;
    }

    .xl-mr-0 {
        margin-right: 0px;
    }

    .xl-mb-0 {
        margin-bottom: 0px;
    }

    .xl-p-5 {
        padding: 5px;
    }

    .xl-pt-5 {
        padding-top: 5px;
    }

    .xl-pl-5 {
        padding-left: 5px;
    }

    .xl-pr-5 {
        padding-right: 5px;
    }

    .xl-pb-5 {
        padding-bottom: 5px;
    }

    .xl-m-5 {
        margin: 5px;
    }

    .xl-mt-5 {
        margin-top: 5px;
    }

    .xl-ml-5 {
        margin-left: 5px;
    }

    .xl-mr-5 {
        margin-right: 5px;
    }

    .xl-mb-5 {
        margin-bottom: 5px;
    }

    .xl-p-10 {
        padding: 10px;
    }

    .xl-pt-10 {
        padding-top: 10px;
    }

    .xl-pl-10 {
        padding-left: 10px;
    }

    .xl-pr-10 {
        padding-right: 10px;
    }

    .xl-pb-10 {
        padding-bottom: 10px;
    }

    .xl-m-10 {
        margin: 10px;
    }

    .xl-mt-10 {
        margin-top: 10px;
    }

    .xl-ml-10 {
        margin-left: 10px;
    }

    .xl-mr-10 {
        margin-right: 10px;
    }

    .xl-mb-10 {
        margin-bottom: 10px;
    }

    .xl-p-15 {
        padding: 15px;
    }

    .xl-pt-15 {
        padding-top: 15px;
    }

    .xl-pl-15 {
        padding-left: 15px;
    }

    .xl-pr-15 {
        padding-right: 15px;
    }

    .xl-pb-15 {
        padding-bottom: 15px;
    }

    .xl-m-15 {
        margin: 15px;
    }

    .xl-mt-15 {
        margin-top: 15px;
    }

    .xl-ml-15 {
        margin-left: 15px;
    }

    .xl-mr-15 {
        margin-right: 15px;
    }

    .xl-mb-15 {
        margin-bottom: 15px;
    }

    .xl-p-20 {
        padding: 20px;
    }

    .xl-pt-20 {
        padding-top: 20px;
    }

    .xl-pl-20 {
        padding-left: 20px;
    }

    .xl-pr-20 {
        padding-right: 20px;
    }

    .xl-pb-20 {
        padding-bottom: 20px;
    }

    .xl-m-20 {
        margin: 20px;
    }

    .xl-mt-20 {
        margin-top: 20px;
    }

    .xl-ml-20 {
        margin-left: 20px;
    }

    .xl-mr-20 {
        margin-right: 20px;
    }

    .xl-mb-20 {
        margin-bottom: 20px;
    }

    .xl-p-30 {
        padding: 30px;
    }

    .xl-pt-30 {
        padding-top: 30px;
    }

    .xl-pl-30 {
        padding-left: 30px;
    }

    .xl-pr-30 {
        padding-right: 30px;
    }

    .xl-pb-30 {
        padding-bottom: 30px;
    }

    .xl-m-30 {
        margin: 30px;
    }

    .xl-mt-30 {
        margin-top: 30px;
    }

    .xl-ml-30 {
        margin-left: 30px;
    }

    .xl-mr-30 {
        margin-right: 30px;
    }

    .xl-mb-30 {
        margin-bottom: 30px;
    }

    .xl-p-40 {
        padding: 40px;
    }

    .xl-pt-40 {
        padding-top: 40px;
    }

    .xl-pl-40 {
        padding-left: 40px;
    }

    .xl-pr-40 {
        padding-right: 40px;
    }

    .xl-pb-40 {
        padding-bottom: 40px;
    }

    .xl-m-40 {
        margin: 40px;
    }

    .xl-mt-40 {
        margin-top: 40px;
    }

    .xl-ml-40 {
        margin-left: 40px;
    }

    .xl-mr-40 {
        margin-right: 40px;
    }

    .xl-mb-40 {
        margin-bottom: 40px;
    }

    .xl-p-50 {
        padding: 50px;
    }

    .xl-pt-50 {
        padding-top: 50px;
    }

    .xl-pl-50 {
        padding-left: 50px;
    }

    .xl-pr-50 {
        padding-right: 50px;
    }

    .xl-pb-50 {
        padding-bottom: 50px;
    }

    .xl-m-50 {
        margin: 50px;
    }

    .xl-mt-50 {
        margin-top: 50px;
    }

    .xl-ml-50 {
        margin-left: 50px;
    }

    .xl-mr-50 {
        margin-right: 50px;
    }

    .xl-mb-50 {
        margin-bottom: 50px;
    }

    .xl-p-60 {
        padding: 60px;
    }

    .xl-pt-60 {
        padding-top: 60px;
    }

    .xl-pl-60 {
        padding-left: 60px;
    }

    .xl-pr-60 {
        padding-right: 60px;
    }

    .xl-pb-60 {
        padding-bottom: 60px;
    }

    .xl-m-60 {
        margin: 60px;
    }

    .xl-mt-60 {
        margin-top: 60px;
    }

    .xl-ml-60 {
        margin-left: 60px;
    }

    .xl-mr-60 {
        margin-right: 60px;
    }

    .xl-mb-60 {
        margin-bottom: 60px;
    }

    .xl-p-70 {
        padding: 70px;
    }

    .xl-pt-70 {
        padding-top: 70px;
    }

    .xl-pl-70 {
        padding-left: 70px;
    }

    .xl-pr-70 {
        padding-right: 70px;
    }

    .xl-pb-70 {
        padding-bottom: 70px;
    }

    .xl-m-70 {
        margin: 70px;
    }

    .xl-mt-70 {
        margin-top: 70px;
    }

    .xl-ml-70 {
        margin-left: 70px;
    }

    .xl-mr-70 {
        margin-right: 70px;
    }

    .xl-mb-70 {
        margin-bottom: 70px;
    }

    .xl-p-80 {
        padding: 80px;
    }

    .xl-pt-80 {
        padding-top: 80px;
    }

    .xl-pl-80 {
        padding-left: 80px;
    }

    .xl-pr-80 {
        padding-right: 80px;
    }

    .xl-pb-80 {
        padding-bottom: 80px;
    }

    .xl-m-80 {
        margin: 80px;
    }

    .xl-mt-80 {
        margin-top: 80px;
    }

    .xl-ml-80 {
        margin-left: 80px;
    }

    .xl-mr-80 {
        margin-right: 80px;
    }

    .xl-mb-80 {
        margin-bottom: 80px;
    }

    .xl-p-90 {
        padding: 90px;
    }

    .xl-pt-90 {
        padding-top: 90px;
    }

    .xl-pl-90 {
        padding-left: 90px;
    }

    .xl-pr-90 {
        padding-right: 90px;
    }

    .xl-pb-90 {
        padding-bottom: 90px;
    }

    .xl-m-90 {
        margin: 90px;
    }

    .xl-mt-90 {
        margin-top: 90px;
    }

    .xl-ml-90 {
        margin-left: 90px;
    }

    .xl-mr-90 {
        margin-right: 90px;
    }

    .xl-mb-90 {
        margin-bottom: 90px;
    }

    .xl-p-100 {
        padding: 100px;
    }

    .xl-pt-100 {
        padding-top: 100px;
    }

    .xl-pl-100 {
        padding-left: 100px;
    }

    .xl-pr-100 {
        padding-right: 100px;
    }

    .xl-pb-100 {
        padding-bottom: 100px;
    }

    .xl-m-100 {
        margin: 100px;
    }

    .xl-mt-100 {
        margin-top: 100px;
    }

    .xl-ml-100 {
        margin-left: 100px;
    }

    .xl-mr-100 {
        margin-right: 100px;
    }

    .xl-mb-100 {
        margin-bottom: 100px;
    }

    .xl-p-150 {
        padding: 150px;
    }

    .xl-pt-150 {
        padding-top: 150px;
    }

    .xl-pl-150 {
        padding-left: 150px;
    }

    .xl-pr-150 {
        padding-right: 150px;
    }

    .xl-pb-150 {
        padding-bottom: 150px;
    }

    .xl-m-150 {
        margin: 150px;
    }

    .xl-mt-150 {
        margin-top: 150px;
    }

    .xl-ml-150 {
        margin-left: 150px;
    }

    .xl-mr-150 {
        margin-right: 150px;
    }

    .xl-mb-150 {
        margin-bottom: 150px;
    }

    .xl-p-200 {
        padding: 200px;
    }

    .xl-pt-200 {
        padding-top: 200px;
    }

    .xl-pl-200 {
        padding-left: 200px;
    }

    .xl-pr-200 {
        padding-right: 200px;
    }

    .xl-pb-200 {
        padding-bottom: 200px;
    }

    .xl-m-200 {
        margin: 200px;
    }

    .xl-mt-200 {
        margin-top: 200px;
    }

    .xl-ml-200 {
        margin-left: 200px;
    }

    .xl-mr-200 {
        margin-right: 200px;
    }

    .xl-mb-200 {
        margin-bottom: 200px;
    }

    .xl-p-250 {
        padding: 250px;
    }

    .xl-pt-250 {
        padding-top: 250px;
    }

    .xl-pl-250 {
        padding-left: 250px;
    }

    .xl-pr-250 {
        padding-right: 250px;
    }

    .xl-pb-250 {
        padding-bottom: 250px;
    }

    .xl-m-250 {
        margin: 250px;
    }

    .xl-mt-250 {
        margin-top: 250px;
    }

    .xl-ml-250 {
        margin-left: 250px;
    }

    .xl-mr-250 {
        margin-right: 250px;
    }

    .xl-mb-250 {
        margin-bottom: 250px;
    }
}

.xs-flex-display {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.xs-flex-display-inline {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.xs-flex-row {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.xs-flex-row-reverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.xs-flex-col-reverse {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.xs-flex-row {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.xs-flex-col {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.xs-flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.xs-flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.xs-flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    -moz-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.xs-flex-justify-start {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.xs-flex-justify-end {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.xs-flex-justify-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.xs-flex-justify-between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.xs-flex-justify-around {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.xs-flex-items-start {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.xs-flex-items-end {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.xs-flex-items-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.xs-flex-items-baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.xs-flex-items-stretch {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.xs-flex-content-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.xs-flex-content-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.xs-flex-content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.xs-flex-content-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.xs-flex-content-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: Space-around;
}

.xs-flex-content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.xs-flex-self-auto {
    -ms-flex-item-align: auto;
    -webkit-align-self: auto;
    -moz-align-self: auto;
    align-self: auto;
}

.xs-flex-self-start {
    -ms-flex-item-align: flex-start;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
}

.xs-flex-self-end {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
}

.xs-flex-self-center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
}

.xs-flex-self-baseline {
    -ms-flex-item-align: baseline;
    -webkit-align-self: baseline;
    -moz-align-self: baseline;
    align-self: baseline;
}

.xs-flex-self-stretch {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
}

.xs-flex-grow {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width:480px) {
    .sm-flex-display {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .sm-flex-display-inline {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .sm-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .sm-flex-row-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .sm-flex-col-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .sm-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .sm-flex-col {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sm-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sm-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .sm-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .sm-flex-justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .sm-flex-justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .sm-flex-justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sm-flex-justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .sm-flex-justify-around {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .sm-flex-items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sm-flex-items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .sm-flex-items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sm-flex-items-baseline {
        -webkit-box-align: baseline;
        -moz-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .sm-flex-items-stretch {
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .sm-flex-content-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .sm-flex-content-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .sm-flex-content-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .sm-flex-content-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .sm-flex-content-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: Space-around;
    }

    .sm-flex-content-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .sm-flex-self-auto {
        -ms-flex-item-align: auto;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        align-self: auto;
    }

    .sm-flex-self-start {
        -ms-flex-item-align: flex-start;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
    }

    .sm-flex-self-end {
        -ms-flex-item-align: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
    }

    .sm-flex-self-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
    }

    .sm-flex-self-baseline {
        -ms-flex-item-align: baseline;
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        align-self: baseline;
    }

    .sm-flex-self-stretch {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        align-self: stretch;
    }

    .sm-flex-grow {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

@media (min-width:768px) {
    .md-flex-display {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .md-flex-display-inline {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .md-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .md-flex-row-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .md-flex-col-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .md-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .md-flex-col {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .md-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .md-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .md-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .md-flex-justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .md-flex-justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .md-flex-justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .md-flex-justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .md-flex-justify-around {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .md-flex-items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .md-flex-items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .md-flex-items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .md-flex-items-baseline {
        -webkit-box-align: baseline;
        -moz-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .md-flex-items-stretch {
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .md-flex-content-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .md-flex-content-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .md-flex-content-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .md-flex-content-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .md-flex-content-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: Space-around;
    }

    .md-flex-content-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .md-flex-self-auto {
        -ms-flex-item-align: auto;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        align-self: auto;
    }

    .md-flex-self-start {
        -ms-flex-item-align: flex-start;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
    }

    .md-flex-self-end {
        -ms-flex-item-align: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
    }

    .md-flex-self-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
    }

    .md-flex-self-baseline {
        -ms-flex-item-align: baseline;
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        align-self: baseline;
    }

    .md-flex-self-stretch {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        align-self: stretch;
    }

    .md-flex-grow {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

@media (min-width:1140px) {
    .lg-flex-display {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .lg-flex-display-inline {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .lg-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .lg-flex-row-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .lg-flex-col-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .lg-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .lg-flex-col {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .lg-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .lg-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .lg-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .lg-flex-justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .lg-flex-justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .lg-flex-justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .lg-flex-justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .lg-flex-justify-around {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .lg-flex-items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .lg-flex-items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .lg-flex-items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .lg-flex-items-baseline {
        -webkit-box-align: baseline;
        -moz-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .lg-flex-items-stretch {
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .lg-flex-content-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .lg-flex-content-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .lg-flex-content-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .lg-flex-content-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .lg-flex-content-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: Space-around;
    }

    .lg-flex-content-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .lg-flex-self-auto {
        -ms-flex-item-align: auto;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        align-self: auto;
    }

    .lg-flex-self-start {
        -ms-flex-item-align: flex-start;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
    }

    .lg-flex-self-end {
        -ms-flex-item-align: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
    }

    .lg-flex-self-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
    }

    .lg-flex-self-baseline {
        -ms-flex-item-align: baseline;
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        align-self: baseline;
    }

    .lg-flex-self-stretch {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        align-self: stretch;
    }

    .lg-flex-grow {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

@media (min-width:1440px) {
    .xl-flex-display {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .xl-flex-display-inline {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .xl-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .xl-flex-row-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .xl-flex-col-reverse {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .xl-flex-row {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .xl-flex-col {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .xl-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .xl-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .xl-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .xl-flex-justify-start {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .xl-flex-justify-end {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .xl-flex-justify-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .xl-flex-justify-between {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .xl-flex-justify-around {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .xl-flex-items-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .xl-flex-items-end {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .xl-flex-items-center {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .xl-flex-items-baseline {
        -webkit-box-align: baseline;
        -moz-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .xl-flex-items-stretch {
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .xl-flex-content-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .xl-flex-content-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .xl-flex-content-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .xl-flex-content-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }

    .xl-flex-content-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: Space-around;
    }

    .xl-flex-content-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .xl-flex-self-auto {
        -ms-flex-item-align: auto;
        -webkit-align-self: auto;
        -moz-align-self: auto;
        align-self: auto;
    }

    .xl-flex-self-start {
        -ms-flex-item-align: flex-start;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
    }

    .xl-flex-self-end {
        -ms-flex-item-align: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
    }

    .xl-flex-self-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
    }

    .xl-flex-self-baseline {
        -ms-flex-item-align: baseline;
        -webkit-align-self: baseline;
        -moz-align-self: baseline;
        align-self: baseline;
    }

    .xl-flex-self-stretch {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        align-self: stretch;
    }

    .xl-flex-grow {
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}


.static {
    position: relative;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.show {
    display: block;
}

.hidden {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.visible-on {
    visibility: visible;
}

.visible-off {
    visibility: hidden;
}

.opacity0 {
    opacity: 0;
}

.opacity1 {
    opacity: 1;
}

.img-scale {
    width: 100%;
    height: auto;
}

.resize-vertical {
    resize: vertical;
}

.resize-horizontal {
    resize: horizontal;
}

.resize-none {
    resize: none;
}

.hidden-visually, .hidden-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

i.icon-2x {
    font-size: 110%;
}

i.icon-3x {
    font-size: 130%;
}

i.icon-4x {
    font-size: 160%;
}

i.icon-5x {
    font-size: 200%;
}

i.icon-6x {
    font-size: 260%;
}

i.icon-7x {
    font-size: 320%;
}

i.icon-8x {
    font-size: 400%;
}

i.icon-9x {
    font-size: 500%;
}

i.icon-10x {
    font-size: 700%;
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 4s infinite linear;
    -moz-animation: spin 4s infinite linear;
    -ms-animation: spin 4s infinite linear;
    -o-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*select:-moz-focusring
{
	color:transparent;
	text-shadow:0 0 0 #000
}
	select:not([multiple])
{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgOTcuMSA0NTEuOCAyNTcuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDk3LjEgNDUxLjggMjU3LjYiPjxwYXRoIGZpbGw9IiM2MjYyNjIiIGQ9Ik0yMjUuOSAzNTQuN2MtOC4xIDAtMTYuMi0zLjEtMjIuNC05LjNsLTE5NC4yLTE5NC4yYy0xMi40LTEyLjQtMTIuNC0zMi40IDAtNDQuOCAxMi40LTEyLjQgMzIuNC0xMi40IDQ0LjcgMGwxNzEuOSAxNzEuOSAxNzEuOS0xNzEuOWMxMi40LTEyLjQgMzIuNC0xMi40IDQ0LjcgMCAxMi40IDEyLjQgMTIuNCAzMi40IDAgNDQuOGwtMTk0LjIgMTk0LjJjLTYuMiA2LjItMTQuMyA5LjMtMjIuNCA5LjN6Ii8+PC9zdmc+) no-repeat scroll right 12px center / 14px 16px padding-box;
	padding-right:36px
}
	select:not([multiple]) option
{
	padding:2px 10px
}
	select:not([multiple]).input-sm
{
	padding-right:24px;
	background-size:10px 14px
}
	select:not([multiple]).input-lg
{
	padding-right:40px;
	background-size:18px 20px
}*/








.list-filter {
    background: #f6f6f6;
    border: 1px solid #e8ebf1;
    border-radius: 5px;
    padding: 10px;
    padding-bottom: 0;
}

    .list-filter .row {
        margin-left: 0;
        margin-right: 0;
    }

    .list-filter .form-group {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }


        .list-filter .form-group > .row > label,
        .list-filter .form-group > .row > div {
            padding-left: 5px;
            padding-right: 5px;
        }


        .list-filter .form-group label {
            margin-bottom: 0;
            overflow-wrap: normal;
        }


.feather-icon-14 {
    width: 14px;
    height: 14px;
}

.table thead th {
    text-transform: none;
}

.table th, .table td {
    word-wrap: normal;
    white-space: normal;
}

.dg_header_lbl {
    color: #444;
    font-size: 14px;
}



.dg_table {
    border: 1px solid #DEDEDE;
}

    .dg_table td {
        padding: 2px;
        border-color: #DEDEDE;
    }

    .dg_table tr {
        background-color: #F4F4F4;
    }

        .dg_table tr:nth-child(2n+1) {
            background-color: #fff;
        }

.dg_table_pagerC {
    background-color: #eee;
}


    .dg_table_pagerC .pagination li a:hover {
        background-color: #ddd;
    }

.table_pagerC {
    background-color: transparent;
    margin-top: 10px;
}

    .table_pagerC .pagination li a {
        border: 1px solid #eee;
    }



.dg_table {
}

    .dg_table td {
        height: 30px;
        padding: 0 5px !important;
    }

.dg_table_bw, .dg_table_bw td {
    word-wrap: break-word;
    table-layout: fixed;
}


.dg_header4, .dg_header4 td, .dg_header4 th {
    color: #666;
    background-color: #eee;
}

    .dg_header4 td, .dg_header4 th {
        padding: 6px !important;
        font-weight: bold;
    }

.dg_item {
    background-color: #FFFFFF;
    font-size: 11px;
}

.dg_altrItem {
    background-color: #F4F4F4;
    font-size: 11px;
}


.dg_dragItem {
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.dg_editItem {
}

.dg_selected {
    background-color: #C5BBAF;
    font-weight: bold;
    color: #333333;
    font-size: 11px;
}

.dg_pager {
    background-color: #EEEEEE;
    color: #666666;
}

    .dg_pager > td > span {
        cursor: default;
    }

    .dg_pager > td > a:hover {
        background-color: #eee;
    }

    .dg_pager td {
        height: 38px !important;
    }


.dg_border {
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
}

.dg_of {
}

.dg_div_of {
    width: 100%;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

    .dg_div_of.modalPopup_title {
        width: 550px;
    }

        .dg_div_of.modalPopup_title span {
            word-wrap: break-word;
            white-space: nowrap;
        }

.dg_bw {
    word-wrap: break-word;
}

select.form-control {
    color: rgb(73, 80, 87);
}

.input-group-sm > .input-group-addon {
    padding: 3px 10px;
}

.input-group-lg > .input-group-addon {
    padding: 9px 16px;
}

.has-success .input-group-addon,
.has-error .input-group-addon {
    color: #fff;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 0 !important;
}

.form-bordered .form-group > div {
    padding: 10px;
}

.form-view-mode .form-group label {
    margin-bottom: 0;
    color: #0056b3;
}


.form-edit-mode .form-group label {
    margin-bottom: 0;
    color: #0056b3;
}

.form-edit-mode .form-group {
    margin-bottom: 15px;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .control-label {
    padding-top: 17px;
    margin-bottom: 0;
    text-align: right;
}

.form-bordered-row .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered-row .control-label {
    padding-top: 17px;
    margin-bottom: 0;
    text-align: right;
}

.form-bordered-row .form-group > div {
    padding: 15px;
}

.right_aligned button {
    margin-left: 7px;
}

.has-success .input-group-addon,
.has-error .input-group-addon {
    color: #555;
}

.proc {
    position: relative;
    top: -25px;
    left: 95%;
}

@media only screen and (max-width : 768px) {
    .form-bordered .form-group > div {
        border: none;
    }
}

@media only screen and (max-width : 425px) {
    .proc {
        position: relative;
        top: -25px;
        left: 91%;
    }
}

#tab3 .form-horizontal .radio, #tab3 .form-horizontal .checkbox,
#tab3 .form-horizontal .radio-inline, #tab3 .form-horizontal .checkbox-inline {
    padding-top: 0;
    margin-bottom: 4px;
}

.m-l-10 {
    margin-left: 10px;
}

.panel-heading.tab-list {
    padding: 2px 0 0 10px;
}

.tab-list .nav-tabs {
    border-bottom: 0;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        margin-bottom: 13px;
    }
}

.page-header {
    margin-bottom: 15px;
    color: #000;
}

    .page-header.vam {
        margin-bottom: 0px;
    }

.main-header {
    margin-top: 19px;
    color: #000;
}

.dib {
    display: inline-block;
}

.vam {
    vertical-align: middle;
}

.vat {
    vertical-align: top;
}


.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    border-top: 1px solid #ddd;
    margin-top: 4px;
}

    .ui-autocomplete-category:first-child {
        border-top: none;
        margin-top: 0;
    }



.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.59);
    -moz-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.59);
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.59);
}


    .ui-autocomplete .ui-menu-item * {
        font-size: 13px;
    }

.txtAutoCompleteClear {
    position: absolute;
    right: 0;
    z-index: 4;
    top: 0;
    padding-bottom: 8px;
    padding-right: 16px;
    padding: 5px;
    border: none;
}

.txtAutoCompleteClearIcon {
    cursor: pointer;
    display: inline-block;
    color: #999 !important;
}

.ui-datepicker-trigger {
    margin-left: 2px !important;
}


.txtReadOnly {
    background-color: #eee;
    color: #999 !important;
}

[data-autocomplete="1"][readonly] {
    cursor: default !important;
}



/*AutoComplete flyout */

.autocomplete_completionListElement {
    background-color: #eee;
    border: 1px solid #ccc;
    border-width: 1px 1px 0px 1px;
    cursor: default;
}

/* AutoComplete highlighted item */
.autocomplete_margin {
    margin: 0px 0px 0px -38px;
}

.autocomplete_highlightedListItem {
    padding: 5px 12px;
    border-bottom: 1px #ccc solid;
    font-size: 11px;
    background: #4173CC;
    color: #fff;
    display: inline-block;
}

/* AutoComplete item */

.autocomplete_listItem {
    /*padding: 1px;
    cursor: default;
    text-align: left;*/
    padding: 5px 12px;
    margin: 0;
    background-color: #eee;
    border-bottom: 1px #ccc solid;
    font-size: 11px;
    display: inline-block;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    padding: 2px;
}

.ui-autocomplete .ui-menu-item .ui-state-active {
    background: none;
    background-color: #eee;
    font-weight: normal;
    color: #333;
    border: none;
    padding: 2px;
}

.ui-autocomplete .ui-autocomplete-category {
    background-color: #eee;
    font-size: 14px;
}

.ui-autocomplete .ui-menu-item {
}

/*.div_listeden_sec {
    z-index: 100;
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 2px !important;
    border: 1px solid #dddddd;
    color: #444444;
    list-style: outside none none;
    margin: 0;
    outline: medium none;
}

    .div_listeden_sec .default {
        padding: 5px 7px;
        border: 1px solid #ccc;
        border-width: 0 1px 1px;
    }

    .div_listeden_sec ul {
        display: none;
        margin: 0;
        padding: 0;
    }

        .div_listeden_sec ul li {
            padding: 5px 12px;
            margin: 0;
            list-style-type: none;
            border: 1px solid #ccc;
            border-width: 0 1px 1px;
            font-size: 11px;
        }

            .div_listeden_sec ul li em {
                font-weight: bold;
                font-style: normal;
                background: #ccc;
            }

            .div_listeden_sec ul li.auto-focus {
                background: #4173CC;
                color: #fff;
            }

                .div_listeden_sec ul li.auto-focus em {
                    background: none;
                }*/
.dvAutoCompleteAddNewTxt {
    padding: 4px 0px;
}

.liAutoCompleteAddNew {
    font-weight: normal !important;
}

.dvAutoCompleteAddNew {
    padding-bottom: 10px;
    text-align: left;
    margin-top: 4px;
}

    .dvAutoCompleteAddNew i {
        margin-right: 4px;
    }

    .dvAutoCompleteAddNew > span {
        /*width:50%;
        margin:0 auto;
        display:inline-block;*/
    }

    .dvAutoCompleteAddNew > a {
        margin: 0 20px;
    }

.swal2-modal .swal2-actions button.swal2-confirm {
    background-color: #ff3366;
    border-color: #ff3366;
}

    .swal2-modal .swal2-actions button.swal2-confirm:focus,
    .swal2-modal .swal2-actions button.focus.swal2-confirm,
    .swal2-modal .swal2-actions button.swal2-cancel:focus,
    .swal2-modal .swal2-actions button.focus.swal2-cancel {
        box-shadow: none;
    }


.swal2-modal .swal2-actions button.swal2-cancel {
    background-color: #727cf5;
    border-color: #727cf5 !important;
}


.pagination {
    margin: 4px 0 !important;
}

.grid_pagerC {
    text-align: center;
}

.page.active a {
    color: #fff !important;
}

.table_pagerC {
    background-color: transparent;
    margin-top: 10px;
}

    .table_pagerC .pagination li a {
        border: 1px solid #eee;
    }

    .table_pagerC .pagination {
        width: auto !important;
        display: inline-block !important;
        margin: 4px auto !important;
    }

        .table_pagerC .pagination li {
            float: left;
        }

.table th, .table td {
    padding: 0.6rem 0.6rem;
}

.table .btn-xs, .listView .btn-xs {
    padding: 4px;
}

    .table .btn-xs .btn-icon-prepend, .listView .btn-xs .btn-icon-prepend {
        margin-right: 0;
    }



.sorted_table tr.placeholder {
    display: block;
    /*background: #0088cc!important;*/
    background: #ff0000 !important;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 500;
    width: 100% !important;
    height: 2px !important;
}

    .sorted_table tr.placeholder:before {
        content: "";
        position: absolute;
        width: 100% !important;
        height: 2px !important;
        border: 5px solid transparent;
        /*border-left-color: #0088cc!important;*/
        border-left-color: #ee0000 !important;
        margin-top: -5px;
        left: -5px;
        border-right: none;
    }

.sorted_table > tbody > tr {
    /*position: static;*/
}

.dg_item_bg_0 {
    background-color: #ff555e;
    color: #fff;
}

.dg_item_bg_1 {
    background-color: #9b6ef3;
    color: #fff;
}

.dg_item_bg_2 {
    background-color: #ffe981;
    color: #fff;
}


.dg_item_bg_3 {
    background-color: #8bf18b;
    color: #fff;
}

.dg_item_bg_4 {
    background-color: #ff8650;
    color: #fff;
}

.dg_item_bg_5 {
    background-color: #83b2ff;
    color: #fff;
}

.dg_item_bg_6 {
}


[data-toggle="collapse"].collapsed::after {
    content: "\e842";
}

[data-toggle="collapse"]::after {
    content: "\e845";
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 feather;
    font-size: 24px;
    line-height: 1;
    width: auto;
    height: auto;
    vertical-align: middle;
    line-height: .625rem;
    font-size: .875rem;
    margin-left: .3rem;
}


.note-list-item {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f4f9;
    border-radius: 0.25rem;
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    margin-top: 15px;
}

.note-list-item-header {
    border-bottom: 1px solid #f2f4f9;
    padding: 5px 20px;
}

.note-list-item-container {
    padding: 5px 20px;
}


.header-text-color {
    color: #727cf5;
}

.note-main-container {
    /*margin-top:40px;*/
}

.note-container {
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.has-error .form-control {
    border-color: #dc3545;
    -webkit-box-shadow: 0 0 0 .1rem rgba(220,53,69,.25);
    box-shadow: 0 0 0 .1rem rgba(220,53,69,.25);
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.has-feedback .form-control-feedback {
    right: -20px;
    top: 10px;
}

.form-radio-button-list-container {
    display: inline-block;
    position: relative;
}

    .form-radio-button-list-container .has-feedback .form-control-feedback {
        right: -40px;
        top: 3px;
    }

    .form-radio-button-list-container .error.help-block {
        left: 0;
    }

.has-feedback .input-group .form-control-feedback {
    right: -32px;
}

.has-error .form-control-feedback {
    color: #dc3545;
}

.error.help-block {
    font-weight: normal;
    position: absolute;
    bottom: -16px;
    color: #dc3545;
}

.input-group .error.help-block {
    bottom: -21px;
    left: 0;
}

.fa-icon-13 {
    font-size: 13px !important;
}

.btn-icon-prepend.fa {
    font-size: 14px !important;
}



.btn-geri {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 10px;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
}

.w80 {
    width: 80%;
}

.w70 {
    width: 70%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w20 {
    width: 20%;
}

.w10 {
    width: 10%;
}


i[data-feather].btn-icon-prepend {
    display: inline-block;
    height: 15px;
}

.sidebar .sidebar-body .nav .nav-item {
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
}


.dropdown-menu {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26);
}

.liMultipleSelectBtnTamam {
    position: absolute;
    display: none;
    z-index: 1001;
    width: 100%;
    background-color: #fff;
    height: 40px;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    text-align: center;
    padding-top: 6px;
}

.open > .liMultipleSelectBtnTamam {
    display: block;
}

ul.multiselect-container {
    padding-bottom: 5px !important;
}

.btnMultipleSelectTamam {
    padding: 5px 20px !important;
}


.dvMultiSelectContainer .btn-group {
    margin: 0;
    width: 100%;
}

    .dvMultiSelectContainer .btn-group > button {
        box-shadow: none !important;
        border: 1px solid #e8ebf1;
        font-weight: 400;
        font-size: 0.875rem;
        background-color: #fff !important;
        color: rgb(73, 80, 87);
        width: 100%;
        min-width: 100%;
        text-align: left;
        font-size: 14px;
        padding: 8px 16px;
        height: calc(1.5em + 0.75rem + 2px);
        border-radius: 2px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        .dvMultiSelectContainer .btn-group > button > .caret {
            position: absolute;
            right: 8px;
            top: 14px;
        }

    .dvMultiSelectContainer .dropdown .dropdown-toggle::after,
    .dvMultiSelectContainer .btn-group .dropdown-toggle::after {
        float: right !important;
        margin-top: 2px;
        margin-right: -10px;
    }

    .dvMultiSelectContainer .btn-group > button:focus {
        border-color: #66afe9 !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    }

    .dvMultiSelectContainer .btn-group .ui-state-hover,
    .dvMultiSelectContainer .btn-group .ui-state-default,
    .dvMultiSelectContainer .btn-group .ui-state-focus {
        background: none;
    }

.multiselect-container > li > a.multiselect-all label {
    font-weight: 400;
    color: #666;
}

.dvMultiSelectContainer .btn-group .ui-icon,
.dvMultiSelectContainer .btn-group .ui-state-focus .ui-icon,
.dvMultiSelectContainer .btn-group .ui-state-hover .ui-icon {
    color: #666;
}

.dvMultiSelectContainer .btn-group .ui-button-text {
    padding: 0;
    font-weight: normal !important;
}



.dvMultiSelectContainer .multiselect-container input[type=checkbox] {
    opacity: 1;
    margin: 3px 6px;
    z-index: 2;
    width: auto;
    height: auto;
}

.dvMultiSelectContainer .multiselect-container li {
    margin-bottom: 2px;
}


    .dvMultiSelectContainer .multiselect-container li a {
        display: inline-block;
        width: 100%;
    }

    .dvMultiSelectContainer .multiselect-container li.active a {
        background-color: #eee;
        color: inherit;
    }

    .dvMultiSelectContainer .multiselect-container li a:hover {
        background-color: #eee;
        color: inherit;
    }

.dvMultiSelectContainer .multiselect-container > li > a > label {
    padding-left: 5px;
    display: inline-block;
    width: 100%;
    color: #666;
}

.dvMultiSelectContainer .multiselect-container {
    width: 100%;
}

button .spinner-border {
    margin-right: 7px;
    margin-bottom: -1px;
}

.form-check.dib {
    margin-right: 30px;
}

.form-group label.form-check-label {
    color: #000;
}

.form-check .form-check-label {
    display: inline-block;
}

.btnAddNew {
    /*margin-bottom: 5px;*/
}

#profileDropdown img {
    width: 30px;
    height: 30px;
}

#profileDropdown img {
    width: 30px;
    height: 30px;
}

.profileImage img {
    width: 80px;
    height: 80px;
}

.page-content .card {
    clear: both;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-family: FontAwesome;
    content: "\f054";
    color: #ccc;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}

.breadcrumb {
    display: inline-block;
    padding-left: 3px;
    padding-top: 0;
    padding-bottom: 15px;
}

    .breadcrumb a {
        color: #0056b3;
    }

.breadcrumb-item {
    display: inline-block;
    font-size: 16px;
}

.clear-both {
    clear: both;
}

.uploadifive-button {
    line-height: normal !important;
    height: auto !important;
    width: auto !important;
}

.lvFileUploadListContainer {
    max-width: 460px;
}

    .lvFileUploadListContainer .file-upload-list-item:last-child {
        margin-bottom: 20px;
    }

.file-upload-list-item {
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 15px;
    margin-bottom: 5px;
}

    .file-upload-list-item .uploadifive-button {
    }

    .file-upload-list-item .file-icon {
        margin-right: 10px;
        font-size: 18px;
    }

    .file-upload-list-item a[data-code="FileName"] {
        width: calc(100% - 60px);
    }

.uploadifive-queue {
    z-index: 1000 !important;
}

.progress {
    height: 30px;
    font-size: 14px;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs {
    margin-top: 5px;
}

a:focus, input:focus {
    border-color: inherit;
}

.has-top-menu {
    margin-top: -8px;
}

.nav-link .link-title {
    letter-spacing: -0.05em;
}

.nav-link .link-icon.fa {
    margin-left: 2px;
}

.gridView .form-check-label, .gridView .form-check {
    display: inline-block;
}

.email-aside {
    min-height: calc(100vh - 170px);
    width: 250px;
}

@media (max-width: 768px) {
    .email-aside {
        min-height: auto;
        width: 100%;
        border-bottom: 1px solid #e8ebf1;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
}

.left-menu-main-content {
    width: calc(100% - 250px);
}

@media (max-width: 768px) {
    .left-menu-main-content {
        width: 100%;
    }
}

.page-content .card {
    min-height: calc(100vh - 220px);
}


    .page-content .card .card {
        min-height: auto;
    }

.inbox-wrapper .email-aside .aside-content .aside-nav .nav li.active a {
    background-color: rgba(114, 124, 245, 0.1);
    color: #727cf5;
}

.inbox-wrapper .email-aside .aside-content {
    padding: 0;
}

.alert {
    border-left: 3px solid;
}

.form-edit-mode:not(.form-controls-w100) .input-group {
    width: 300px;
}


.form-edit-mode:not(.form-controls-w100) .dvYearMonthSelect .input-group {
    width: 150px;
}

.form-edit-mode:not(.form-controls-w100) .gridView .input-group {
    width: auto;
}




.dvMultiSelectContainer {
    width: 100%;
}

@media (max-width: 568px) {
    .form-edit-mode:not(.form-controls-w100) .input-group {
        width: 100%;
    }

    .form-edit-mode:not(.form-controls-w100) .dvYearMonthSelect .input-group {
        width: 50%;
    }
}


.popover {
    max-width: none !important;
}

.tooltip-inner {
    max-width: 450px !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

    .table-striped tbody tr:nth-of-type(2n+1):hover {
        background-color: #f7f7f7;
    }


.main-wrapper-fixed-width {
    display: inline-block !important;
    overflow: visible !important;
}

.fixed-width-grid-control-container {
    width: calc(100vw - 330px);
    display: block;
}

.fixed-width-btn-group {
    margin-right: calc(100% - 100vw + 305px);
}

.sidebar-folded .fixed-width-grid-control-container {
    width: calc(100vw - 160px);
}

.gridView[data-fixed-width] .table-responsive {
    width: auto;
    overflow: visible;
}

@media (max-width: 568px) {
    .main-wrapper-fixed-width {
        display: flex !important;
        overflow: hidden !important;
    }

    .fixed-width-grid-control-container {
        width: auto !important;
        display: block !important;
    }
}

.modal-top-bar {
    width: 100%;
    height: auto;
}

    .modal-top-bar.sidebar .sidebar-header {
        justify-content: normal;
        -webkit-justify-content: normal;
    }

.has-modal-top-bar {
    margin-top: 50px;
}

.modal-top-bar-seperator {
    margin-left: 25px;
    margin-right: 25px;
    height: 60px;
    border-right: 1px solid #f2f4f9;
}

.pos-fixed {
    position: fixed;
}

.pos-right {
    right: 0;
}

.dvFormFieldDescription {
    font-style: italic;
    color: #666;
    margin-top: 5px;
    /*display: inline-block;*/
}

.dvFormFieldDescriptionToolTip {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    margin-top: -3px;
}

.nav-tabs .nav-link, .nav-tabs .nav-link {
    border-color: #ebedf2 #ebedf2 #ebedf2;
    margin-right: 4px;
}

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        background-color: #fff;
    }

.dvLoading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.dvLoadingBG {
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.dvLoadingIndicator {
    position: absolute;
    border: 2px solid #f0f0f0;
    padding: 5px;
    width: 160px;
    left: calc(50% - 80px);
    top: 10px;
    background-color: #fff;
}

.dvLoadingModal .dvLoadingIndicator {
    top: 0;
    border-top: none;
    position: fixed;
}

.dvLoadingIndicator .spinner-border {
    margin-left: 10px;
    width: 1.4rem;
    height: 1.4rem;
}

.dvLoadingTxt {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.dvSeperator {
    border-top: 1px solid #f2f2f2;
}

a[readonly] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

select[readonly] {
    pointer-events: none;
    cursor: not-allowed;
}

div[data-item-type="RadioButtonList"][readonly] label {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.timepicker.input-group .input-group-addon {
    padding: 0 10px;
    border-left: 1px solid #e8ebf1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

    .timepicker.input-group .input-group-addon svg {
        width: 18px;
        color: #686868;
    }

.bodyLogin .page-content .card {
    min-height: 0px;
}

.badge {
    min-width: 50px;
}

.grid-cell-description {
    margin-top: 5px;
}

.grid-cell-icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

    .grid-cell-icon .btn-icon-prepend {
        font-size: 22px !important;
        vertical-align: middle;
    }

    .grid-cell-icon + div {
        display: inline-block;
        vertical-align: middle;
    }

.dropdown-menu-grid-view-button-list li {
    margin: 4px 0;
}

    .dropdown-menu-grid-view-button-list li:first-child {
        margin-top: 0;
    }

    .dropdown-menu-grid-view-button-list li:last-child {
        margin-bottom: 0;
    }

    .dropdown-menu-grid-view-button-list li a {
        cursor: pointer;
        width: 100%;
    }


.nav-tabs .nav-item .badge {
    margin-left: 10px;
    min-width: 20px;
    min-height: 20px;
}

    .nav-tabs .nav-item .badge:empty {
        display: inline-block;
    }

.ui-autocomplete.ui-front {
    z-index: 1071;
}


.form-switch {
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
    line-height: 24px;
}

.form-switch-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 0;
}

.form-switch-label {
    display: block;
    padding: 0 0 0 44px;
    cursor: pointer;
}

    .form-switch-label:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        width: 36px;
        height: 14px;
        background-color: rgba(0, 0, 0, .26);
        border-radius: 14px;
        z-index: 1;
        transition: background-color 0.28s cubic-bezier(.4, 0, .2, 1);
    }

    .form-switch-label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 14px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14),0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
        z-index: 2;
        transition: all 0.28s cubic-bezier(.4, 0, .2, 1);
        transition-property: left, background-color;
    }

.form-switch-input:checked + .form-switch-label:before {
    background-color: rgba(114, 124, 245, 0.3);
}

.form-switch-input:checked + .form-switch-label:after {
    left: 16px;
    background-color: #727cf5;
}

.btn-sort, .btn-sort-list {
    cursor: move;
    padding: 5px;
}

    .btn-sort svg, .btn-sort-list svg {
        margin-right: 0 !important;
    }

.sort-placeholder {
    background-color: #ff2222;
    height: 2px;
    width: 80px;
    margin: 3px;
    position: relative;
}

    .sort-placeholder:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #ff2222;
        position: absolute;
        top: -5px;
        left: -6px;
    }



.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.frmListExport {
    display: inline-block;
}

.gvListSummary {
    margin-top: 15px;
}

.gvListSummaryWithExportBtn {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-left: 15px !important;
}

.gvListSummary td {
    padding-left: 5px;
    padding-right: 5px;
}

.gvListSummary .tdListSummaryTitle {
    background-color: #f2f2f2;
}

.gvListSummary .tdListSummaryValue {
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

    .gvListSummary .tdListSummaryValue span {
        color: #555;
    }




.disabled {
    pointer-events: none;
}


.input-group .input-group-addon:not(.txtAutoCompleteClear) {
    padding: 0 10px;
    border-left: 1px solid #e8ebf1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 39px;
    text-align: center;
}

    .input-group .input-group-addon i {
        margin: 0 auto;
    }

.input-group-with-add-on.input-group {
    padding: 0;
    border: 1px solid #e8ebf1;
    border-radius: 4px;
    direction: ltr;
}

    .input-group-with-add-on.input-group .form-control,
    .input-group-with-add-on.input-group select,
    .input-group-with-add-on.input-group .email-compose-fields .select2-container--default .select2-selection--multiple,
    .email-compose-fields .select2-container--default .input-group-with-add-on.input-group .select2-selection--multiple,
    .input-group-with-add-on.input-group .select2-container--default .select2-selection--single,
    .select2-container--default .input-group-with-add-on.input-group .select2-selection--single,
    .input-group-with-add-on.input-group .select2-container--default .select2-selection--single .select2-search__field,
    .select2-container--default .select2-selection--single .input-group-with-add-on.input-group .select2-search__field,
    .input-group-with-add-on.input-group .typeahead, .input-group-with-add-on.input-group .tt-query,
    .input-group-with-add-on.input-group .tt-hint {
        border: 0;
    }

.mapView {
    height: 100vh;
}