* {
    font-family: 'Open Sans', sans-serif;
}

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;
}

.hidden-important {
    display: none !important;
}

.form-edit-mode .form-group.hiddenFormEditMode {
    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-predefined-filter {
    margin-bottom: 15px;
    background: #f6f6f6;
    border: 1px solid #e8ebf1;
    border-radius: 5px;
    padding: 2px;
}

    .list-filter-predefined-filter .nav {
        margin: 0;
    }

    .list-filter-predefined-filter .nav-link {
        border: none;
        color: #777;
    }

        .list-filter-predefined-filter .nav-link:hover {
            background-color: transparent !important;
        }

        .list-filter-predefined-filter .nav-link.active {
            color: #007bff;
            border-bottom: 2px solid #007bff;
            background-color: transparent !important;
        }

    .list-filter-predefined-filter .lnkToggleFilter, .list-filter-predefined-filter .lnkRefreshFilter {
        margin-top: 2px;
        cursor: pointer;
        color: #777 !important;
        padding: 8px;
    }

        .list-filter-predefined-filter .lnkToggleFilter:hover,
        .list-filter-predefined-filter .lnkToggleFilter.active,
        .list-filter-predefined-filter .lnkRefreshFilter:hover,
        .list-filter-predefined-filter .lnkRefreshFilter.active {
            color: #007bff !important;
        }

.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;
}

.dvGridViewNoRecord, .dvGridViewSimilarResults {
    width: 50%;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    /*font-weight: bold;*/
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
}

.lnkGridViewSimilarResults {
    color: inherit;
    text-decoration: underline;
}



.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: 350px;
    max-width: 500px;
    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;
    background-color: #E9ECEF;
}

.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;
}


.dvAutoCompleteAddNewTxt {
    padding: 4px 0px;
}

.liAutoCompleteAddNew {
    font-weight: normal !important;
}

.dvAutoCompleteAddNew {
    padding: 5px;
    margin-top: 4px;
    background-color: #fff;
    text-align: center;
}

    .dvAutoCompleteAddNew .btn {
        padding-left: 30px;
        padding-right: 30px;
    }

    .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 !important;
    color: #666 !important;
}


.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 {
}

.dg_item_bg_renk-kodu-1 {
    background-color: #727cf5;
    color: #fff;
}

.dg_item_bg_renk-kodu-2 {
    background-color: #e9ecef;
    color: #fff;
}

.dg_item_bg_renk-kodu-3 {
    background-color: #10b759;
    color: #fff;
}

.dg_item_bg_renk-kodu-4 {
    background-color: #ff3366;
    color: #fff;
}

.dg_item_bg_renk-kodu-5 {
    background-color: #fbbc06;
    color: #fff;
}

th.dg_header_bg_renk-kodu-5 {
    background-color: #fbbc06;
    color: #fff;
}

th.dg_header_bg_renk-kodu-6 {
    background-color: #F7EBD0;
}


.dg_item_bg_renk-kodu-6 {
    background-color: #66d1d1;
    color: #fff;
}

.dg_item_bg_renk-kodu-7 {
    background-color: #060c17;
    color: #fff;
}

.dg_item_bg_renk-kodu-8 {
    background-color: #0368d5;
    color: #fff;
}

th.dg_header_bg_renk-kodu-8 {
    background-color: #0368d5;
    color: #fff;
}

    th.dg_header_bg_renk-kodu-8 * {
        color: #fff !important;
    }

.dg_item_bg_renk-kodu-9 {
    background-color: #fc870a;
    color: #fff;
}

.dg_item_bg_renk-kodu-10 {
    background-color: #9ddb18;
    color: #fff;
}

.dg_item_bg_renk-kodu-11 {
    background-color: #87dffa;
    color: #fff;
}

.dg_item_bg_renk-kodu-12 {
    background-color: #9c1152;
    color: #fff;
}

.dg_item_bg_renk-kodu-13 {
    background-color: #00336b;
    color: #fff;
}

.dg_item_bg_renk-kodu-14 {
    background-color: #979899;
    color: #fff;
}

.dg_item_bg_renk-kodu-15 {
    background-color: #4b4b4b;
    color: #fff;
}

.dg_item_bg_renk-kodu-16 {
    background-color: #025402;
    color: #fff;
}

.dg_item_bg_renk-kodu-17 {
    background-color: #fc9bb3;
    color: #fff;
}

.dg_item_bg_renk-kodu-18 {
    background-color: #9a000f;
    color: #fff;
}

.dg_item_bg_renk-kodu-19 {
    background-color: #a119e0;
    color: #fff;
}

.dg_item_bg_renk-kodu-20 {
    background-color: #6c3a3a;
    color: #fff;
}

.dg_item_bg_renk-kodu-21 {
    background-color: #d00399;
    color: #fff;
}

.dg_item_bg_renk-kodu-22 {
    background-color: #743a0f;
    color: #fff;
}

.dg_item_bg_warning {
    background-color: #fbbc06;
    color: #333;
}

.dg_item_bg_light {
    background-color: #e9ecef;
    color: #333;
}


[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;
    z-index: 1;
}

.input-group .error.help-block {
    bottom: -18px;
    left: 0;
    white-space: nowrap;
}

.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%;
}

.w25 {
    width: 25%;
}

.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, .dvSelectListContainer {
    box-shadow: none !important;
    border: 1px solid #e8ebf1;
    background-color: #fff !important;
    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 select, .dvSelectListContainer select[data-select-with-search="1"] {
        display: none;
    }

    .dvSelectListContainer select[data-select-with-search="0"] {
        border: none !important;
    }

    .dvMultiSelectContainer .btn-group, .dvSelectListContainer .btn-group {
        margin: 0;
        width: 100%;
    }


.multiselect-container .input-group-addon {
    display: inline-block !important;
    line-height: 33px !important;
}

.dvMultiSelectContainer .btn-group > button, .dvSelectListContainer .btn-group > button {
    font-weight: 400;
    font-size: 0.875rem;
    color: rgb(73, 80, 87);
    /*width: calc(100% - 39px);
    min-width: calc(100% - 39px);*/
    width: 100%;
    min-width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    padding: 8px 16px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dvMultiSelectContainer.has-add-on .btn-group > button {
    width: calc(100% - 39px);
    min-width: calc(100% - 39px);
}

.dvMultiSelectContainer .btn-group > button > .caret, .dvSelectListContainer .btn-group > button > .caret {
    position: absolute;
    right: 8px;
    top: 14px;
}

.dvMultiSelectContainer .dropdown .dropdown-toggle::after,
.dvMultiSelectContainer .btn-group .dropdown-toggle::after,
.dvSelectListContainer .dropdown .dropdown-toggle::after,
.dvSelectListContainer .btn-group .dropdown-toggle::after {
    /*float: right !important;
    margin-top: 2px;
    margin-right: -10px;*/
    position: absolute;
    right: 5px;
    top: 12px;
}

.dvMultiSelectContainer .btn-group > button:focus,
.dvSelectListContainer .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,
.dvSelectListContainer .btn-group .ui-state-hover,
.dvSelectListContainer .btn-group .ui-state-default,
.dvSelectListContainer .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,
.dvSelectListContainer .btn-group .ui-icon,
.dvSelectListContainer .btn-group .ui-state-focus .ui-icon,
.dvSelectListContainer .btn-group .ui-state-hover .ui-icon {
    color: #666;
}

.dvMultiSelectContainer .btn-group .ui-button-text,
.dvSelectListContainer .btn-group .ui-button-text {
    padding: 0;
    font-weight: normal !important;
}



.dvMultiSelectContainer .multiselect-container input[type=checkbox],
.dvSelectListContainer .multiselect-container input[type=checkbox] {
    opacity: 1;
    margin: 3px 6px;
    z-index: 2;
    width: auto;
    height: auto;
}

    .dvMultiSelectContainer .multiselect-container input[type=checkbox][disabled=disabled],
    .dvSelectListContainer .multiselect-container input[type=checkbox][disabled=disabled] {
        opacity: 0.5;
    }

.dvMultiSelectContainer .multiselect-container li,
.dvSelectListContainer .multiselect-container li {
    margin-bottom: 2px;
}


    .dvMultiSelectContainer .multiselect-container li a,
    .dvSelectListContainer .multiselect-container li a {
        display: inline-block;
        width: 100%;
    }

    .dvMultiSelectContainer .multiselect-container li.active a,
    .dvSelectListContainer .multiselect-container li.active a {
        background-color: #eee;
        color: inherit;
    }

    .dvMultiSelectContainer .multiselect-container li a:hover,
    .dvSelectListContainer .multiselect-container li a:hover {
        background-color: #eee;
        color: inherit;
    }

.dvMultiSelectContainer .multiselect-container > li > a > label,
.dvSelectListContainer .multiselect-container > li > a > label {
    padding-left: 5px;
    display: inline-block;
    width: 100%;
    color: #666;
}

.dvSelectListContainer .multiselect-container li input {
    display: none;
}


.dvMultiSelectContainer .multiselect-container,
.dvSelectListContainer .multiselect-container {
    width: 100%;
    /*min-width: 200px;*/
}

.multiselect-container .input-group {
    width: 100% !important;
    min-width: 100% !important;
}

.multiselect-container .multiselect-search {
    display: inline-block !important;
    width: calc(100% - 55px) !important;
}




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;
    padding: 5px;
}

.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);
    }

.urun-dokuman-file-upload-list-item a[data-code="FileName"] {
    width: calc(100% - 240px);
}

.urun-dokuman-list-item-container {
    padding: 5px 20px;
}

    .urun-dokuman-list-item-container .fileIcon {
        font-size: 48px;
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }

.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) .input-group:has(.narrow-input) {
        width: 100px !important;
    }


.form-edit-mode.form-edit-mode-wide:not(.form-controls-w100) .input-group {
    width: 390px;
}


.form-edit-mode:not(.form-controls-w100) .dvYearMonthSelect .input-group,
.form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal .input-group {
    width: 145px;
}

.form-edit-mode.form-edit-mode-wide:not(.form-controls-w100) .dvYearMonthSelect .input-group,
.form-edit-mode.form-edit-mode-wide:not(.form-controls-w100) .dvFormInputHorizontal .input-group {
    width: 190px;
}

.form-edit-mode.form-edit-mode-wide:not(.form-controls-w100) .dvFormInputHorizontal3Column .input-group {
    width: 123px;
}

.form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal3Column .input-group {
    width: 93px;
}

.form-edit-mode:not(.form-controls-w100) .dvYearMonthSelect .input-group:first-child,
.form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal .input-group:first-child {
    margin-right: 10px;
}

.form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal3Column .input-group:first-child {
    margin-right: 10px;
}

.form-edit-mode:not(.form-controls-w100) .gridView .input-group {
    width: auto;
}




.dvMultiSelectContainer, .dvSelectListContainer {
    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,
    .form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal .input-group {
        width: 50%;
    }

    .form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal3Column .input-group {
        width: 100%;
    }

    .form-edit-mode:not(.form-controls-w100) .dvFormInputHorizontal3Column .dib {
        width: 100%;
        margin: 5px 0;
    }
}


.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:hover {
    background-color: #e6f9ff !important;
}


.main-wrapper-fixed-width {
    display: inline-block !important;
    overflow: visible !important;
}

.fixed-width-grid-control-container {
    width: calc(100vw - 330px);
    display: block;
}

.modal-page .fixed-width-grid-control-container {
    width: calc(100vw - 80px) !important;
}

.modal-page .left-menu-main-content .fixed-width-grid-control-container {
    width: calc(100vw - 335px) !important;
}

.modal-page .fixed-width-grid-control-container[name="GEYDosyaOkumaProgress"] {
    width: calc(100vw - 120px) !important;
}

.modal-page .dvTopMenu.fixed-width-grid-control-container {
    width: calc(100vw - 40px) !important;
}
/*
.modal-page .main-wrapper-fixed-width .fixed-width-grid-control-container {
    width: calc(100vw - 80px);
}*/

.fixed-width-btn-group {
    margin-right: calc(100% - 100vw + 305px);
}

.sidebar-folded .fixed-width-grid-control-container {
    width: calc(100vw - 160px);
}

.sidebar-folded .dvTopMenu.fixed-width-grid-control-container {
    width: calc(100vw - 120px);
}

.fixed-width-grid-control-container.hidden {
    display: none;
}


.gridView[data-fixed-width] .table-responsive {
    width: auto !important;
    overflow: visible !important;
}

@media (max-width: 768px) {
    .main-wrapper-fixed-width {
        display: flex !important;
        overflow: hidden !important;
    }

    .fixed-width-grid-control-container {
        width: auto !important;
        display: block !important;
        max-width: calc(100vw - 50px);
    }

        .fixed-width-grid-control-container.hidden {
            display: none !important;
        }

    .ios-safari .fixed-width-grid-control-container {
        max-width: calc(100vw - 28px);
    }

    .gridView .table-responsive {
        overflow: scroll !important;
        max-width: calc(100vw - 50px);
    }


    .ios-safari .gridView .table-responsive {
        max-width: calc(100vw - 28px);
    }
}

.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;*/
}

.dvFormFieldDescriptionInfo {
    font-style: normal;
}

    .dvFormFieldDescriptionInfo .subtitle {
        font-weight: bold;
    }

.dvFormFieldDescriptionInfo {
    border: 1px solid #eee;
}

    .dvFormFieldDescriptionInfo .row {
        padding: 2px;
    }

.dvFormFieldDescriptionBox {
    margin-top: 5px;
    border: 1px solid #eee;
    padding: 5px;
    max-width: 400px;
    /*display: inline-block;*/
}

    .dvFormFieldDescriptionBox label {
        display: inline-block;
        margin-right: 3px;
        line-height: 22px;
    }

}

.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;*/
    border-color: #e3e3e3 #e3e3e3 #e3e3e3;
    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, div.form-radio-button-list-container[readonly] label {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.7;
}

div[data-item-type="RadioButtonList"][readonly] .form-radio-button-list-container.disabled > div {
    opacity: 1 !important;
}

.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;
    font-style: normal;
}

.badge-round {
    border-radius: 8px;
}

.badge-top-menu {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 18px !important;
}

    .badge-top-menu.badge-info {
        color: #fff;
    }

.badge-tag {
    margin-right: 5px;
}

.grid-cell-description {
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
    color: #666;
}

.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;
    }

    .grid-cell-icon + .dropdown .btn {
        padding-left: 0;
        padding-right: 0;
    }

.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%;
        text-align: left;
        padding-left: 0.5rem !important;
    }

.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;
}

.form-switch-input[readonly="readonly"]:checked + .form-switch-label:after {
    opacity: 0.5;
    pointer-events: none;
}

.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;
    }

[data-toggle="popover"] {
    cursor: pointer;
}

.dvTreeListContainerC {
    width: 100%;
    height: 250px;
    overflow-y: scroll;
    border: 1px solid #e8ebf1;
    min-width: 500px;
}

.urunListeKategoriTreeList .dvTreeListContainerC {
    width: 100% !important;
    height: 100% !important;
    overflow-y: scroll;
    border: 1px solid #e8ebf1;
    min-width: 100% !important;
}

.dvTreeListContainer {
    width: 100%;
}

.list-filter .form-group label.col-form-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.btn-outline-light-blue {
    color: #7cd1ff;
    background-color: transparent;
    border-color: #7cd1ff;
}


.btn-outline-light-blue-2 {
    color: #b5e5ff;
    background-color: transparent;
    border-color: #b5e5ff;
}


.text-light-blue {
    color: #7cd1ff;
}

.text-light-blue-2 {
    color: #8ce1ff;
}

.btn-light-blue {
    background-color: #7cd1ff;
    color: #fff !important;
    border-color: #7cd1ff;
}

    .btn-light-blue.disabled {
        color: #fff !important;
    }

.badge-light-blue {
    background-color: #7cd1ff;
    color: #fff;
}

.btn-success.disabled {
    color: #fff !important;
}

.btn-light-blue-2 {
    background-color: #b5e5ff;
    color: #666 !important;
    border-color: #b5e5ff;
}

.badge-light-blue-2 {
    background-color: #b5e5ff;
    color: #666;
}


.btn-outline-blue {
    color: #39b5f7;
    background-color: transparent;
    border-color: #39b5f7;
}

.btn-outline-blue-2 {
    color: #1f86e0;
    background-color: transparent;
    border-color: #1f86e0;
}

.text-blue {
    color: #39b5f7;
}

.text-blue-2 {
    color: #1f86e0;
}


.btn-blue {
    background-color: #39b5f7;
    color: #fff;
    border-color: #39b5f7;
}

    .btn-blue.disabled {
        color: #fff !important;
    }

.badge-blue {
    background-color: #39b5f7;
    color: #fff;
}


.btn-blue-2 {
    background-color: #1f86e0;
    color: #fff;
    border-color: #1f86e0;
}

    .btn-blue-2.disabled {
        color: #fff !important;
    }


.badge-blue-2 {
    background-color: #1f86e0;
    color: #fff;
}

.btn-outline-dark-blue {
    color: #1161b7;
    background-color: transparent;
    border-color: #1161b7;
}


.text-dark-blue {
    color: #1161b7;
}

.btn-dark-blue {
    background-color: #1161b7;
    color: #fff;
    border-color: #1161b7;
}

    .btn-dark-blue.disabled {
        color: #fff !important;
    }


.badge-dark-blue {
    background-color: #1161b7;
    color: #fff;
}


.btn-group-container .btn-group {
    width: 100%;
    display: flex;
}

    .btn-group-container .btn-group .btn.disabled {
        opacity: 1;
    }

    .btn-group-container .btn-group .btn {
        flex: 1 1 0;
        border: 1px solid #ddd;
    }

        .btn-group-container .btn-group .btn:before, .btn-group-container .btn-group .btn:after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: -10px;
            z-index: 1;
            border: 14px solid transparent;
            border-right: 0;
            border-left: 10px solid transparent;
            width: 0;
            height: 0;
        }

        .btn-group-container .btn-group .btn.btn-success:after,
        .btn-group-container .btn-group .btn.btn-outline-success:after,
        .btn-group-container .btn-group .btn.btn-success:before,
        .btn-group-container .btn-group .btn.btn-outline-success:before,
        .btn-group-container .btn-group .btn.btn-secondary:before,
        .btn-group-container .btn-group .btn.btn-outline-secondary:before,
        .btn-group-container .btn-group .btn.btn-secondary:after,
        .btn-group-container .btn-group .btn.btn-outline-secondary:after {
            display: none;
        }


        .btn-group-container .btn-group .btn:before {
            z-index: 1;
            right: -11px;
            border-left-color: #e0e0e0;
        }

        .btn-group-container .btn-group .btn:after {
            z-index: 2;
            border-left-color: #fff;
        }

        .btn-group-container .btn-group .btn.btn-warning:after {
            border-left-color: #fbbc06;
        }

        .btn-group-container .btn-group .btn.btn-light-blue:after {
            border-left-color: #7cd1ff;
        }

        .btn-group-container .btn-group .btn.btn-light-blue-2:after {
            border-left-color: #b5e5ff;
        }

        .btn-group-container .btn-group .btn.btn-blue:after {
            border-left-color: #39b5f7;
        }

        .btn-group-container .btn-group .btn.btn-blue-2:after {
            border-left-color: #1f86e0;
        }


        .btn-group-container .btn-group .btn.btn-dark-blue:after {
            border-left-color: #1161b7;
        }


.main-wrapper .page-wrapper {
    background-color: #ebeef1;
}

.nav.nav-tabs {
    clear: both;
}

.nav-tabs .nav-link {
    background-color: #f7f8f9;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        opacity: 1;
    }

.btn, .fc .fc-button, .swal2-modal .swal2-actions button, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions .disabled a {
    padding: .5rem 1rem .5rem 1rem;
}

.badge {
    padding: 6px 5px;
}


/*.nested-modal #cboxLoadedContent {
    margin-bottom: 56px;
    margin-top: auto;
    border-bottom: 1px solid #DDD;
}*/

.nested-modal #cboxTitle {
    display: none !important;
}


/*.nested-modal #cboxClose {
    bottom: 12px;
    top: auto;
}
*/
.dropdown .dropdown-menu {
    width: 450px;
    padding: 15px !important;
}

    .dropdown .dropdown-menu .form-edit-mode:not(.form-controls-w100) .input-group {
        width: 305px !important;
    }

.input-group-full-width .input-group {
    width: 100% !important;
}

    .input-group-full-width .input-group .token-input-list-facebook {
        width: 100% !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 16px !important;
    }


li.token-input-token-facebook {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.h100 {
    height: 100% !important;
}

.h70 {
    height: 70% !important;
}

.h30 {
    height: 30% !important;
}

.h65 {
    height: 65% !important;
}

.h35 {
    height: 35% !important;
}


.h4TerminalLoginHeader {
    /*margin-top: -35px;
    margin-bottom: 35px;*/
    color: #999;
}

.bootstrap-datetimepicker-widget td {
    padding: 5px !important;
}

.bootstrap-datetimepicker-widget table {
    border-top: 1px solid #e8ebf1;
}

.datepicker > div {
    padding: 2px 5px 0px 5px !important
}

.gridview-with-datepicker {
    /*min-height: 250px;*/
}

.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;
    background-color: #f6f6f6;
    border: 1px #e8ebf1 solid;
}

.input-group .input-group-addon i {
    margin: 0 auto;
}

.input-group-with-add-on.input-group {
    padding: 0;
    border: 1px solid #e8ebf1;
    border-radius: 2px;
    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;
    }

.sidebar .sidebar-body .nav .nav-item .nav-link[data-toggle="collapse"]::after {
    position: absolute;
    right: 0;
}

.sidebar .sidebar-body .nav.sub-menu {
    padding-left: 15px;
    padding-bottom: 0;
}

    .sidebar .sidebar-body .nav.sub-menu .nav-item {
        border-bottom: none !important;
    }

        .sidebar .sidebar-body .nav.sub-menu .nav-item.active .nav-link {
            color: #727cf5;
        }

            .sidebar .sidebar-body .nav.sub-menu .nav-item.active .nav-link::before {
                border: 1px solid #727cf5;
                background: #727cf5;
            }

        .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link {
        }

            .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link:before {
                position: static;
                margin-right: 10px;
            }

            .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link .link-title {
                margin-left: 0 !important;
                margin-top: 0 !important;
            }


.gridView-header-row {
    background-color: #F0F0F0 !important
}

    .gridView-header-row:hover {
        background-color: #F2F2F2 !important
    }

    .gridView-header-row td {
        text-align: center;
    }

    .gridView-header-row span {
        font-weight: bold;
    }

.gridView .form-check-label.hidden, .gridView .form-check.hidden {
    display: none !important;
}


.form-group[data-dynamic-visibility] {
    margin-left: 30px;
    background-color: #f2f2f2;
    margin-bottom: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    width: calc(100% - 32px) !important;
    flex: 0 0 calc(100% - 32px);
}

    .form-group[data-dynamic-visibility]:last-child {
        margin-bottom: 15px !important;
    }

.list-filter .form-group[data-dynamic-visibility],
.no-dynamic-visibility-attr[data-dynamic-visibility] {
    margin-left: 0 !important;
    background-color: inherit !important;
    margin-bottom: 15px !important;
    padding-bottom: inherit !important;
    padding-top: inherit !important;
    flex: auto !important;
}

.no-dynamic-visibility-attr[data-dynamic-visibility] {
    width: 100% !important;
    /*width: auto !important;*/
}

    .no-dynamic-visibility-attr[data-dynamic-visibility] .form-group {
        margin-left: 0 !important;
        background-color: inherit !important;
    }

        .no-dynamic-visibility-attr[data-dynamic-visibility] .form-group[data-dynamic-visibility] {
            margin-left: 30px !important;
            background-color: #f2f2f2 !important;
        }

    .list-filter .form-group[data-dynamic-visibility]:last-child,
    .no-dynamic-visibility-attr[data-dynamic-visibility]:last-child {
        margin-bottom: inherit !important;
    }

.form-group[data-dynamic-visibility] .input-group {
    /*width: 100% !important;*/
}

.form-group[data-dynamic-visibility] .dvFormInputHorizontal3Column .input-group {
    width: 123px !important;
}



/*.form-group {
    margin-bottom: 0 !important;
}*/


a.disabled {
    color: rgb(33, 37, 41) !important;
}

.ctEtiketYazdirItemContainer .input-group {
    width: 120px !important;
}

.ctEtiketYazdirItemContainer select {
    margin-left: 0 !important;
}

.DepoStokEtiketiYazdirmaContainer {
    border: none !important;
}

.mapView {
    height: 100vh;
}

.urunFotografImg {
    /* width:70px;*/
    height: 120px;
}


.firmaFotografImg {
    /* width:70px;*/
    /*height: 120px;*/
}

.lvUrunFotograflarListView div[name="ItemContainer"] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}


    .lvUrunFotograflarListView div[name="ItemContainer"]:last-child {
        border-bottom: none;
    }






.orgchart {
    background: #fff;
}

    .orgchart td.left, .orgchart td.right, .orgchart td.top {
        border-color: #aaa;
    }

    .orgchart td > .down {
        background-color: #aaa;
    }




    .orgchart .node .title {
        background-color: #d5080f;
        border-radius: 0;
    }

    .orgchart .node .content {
        border-color: #d5080f;
        border-radius: 0;
    }

    .orgchart .renkGrubu0 .title {
        background-color: #ffba00;
    }

    .orgchart .renkGrubu0 .content {
        border-color: #ffba00;
    }

    .orgchart .renkGrubu0.seviye2 .title {
        background-color: #ffdb22;
        color: #666;
    }

    .orgchart .renkGrubu0.seviye3 .title {
        background-color: #ffec44;
        color: #666;
    }



    .orgchart .renkGrubu1 .title {
        background-color: #40bbea;
    }

    .orgchart .renkGrubu1 .content {
        border-color: #40bbea;
    }


    .orgchart .renkGrubu1.seviye2 .title {
        background-color: #62ddfc;
    }

    .orgchart .renkGrubu1.seviye3 .title {
        background-color: #84fffe;
    }


    .orgchart .renkGrubu2 .title {
        background-color: #5ca323;
    }

    .orgchart .renkGrubu2 .content {
        border-color: #5ca323;
    }

    .orgchart .renkGrubu2.seviye2 .title {
        background-color: #7ec545;
    }

    .orgchart .renkGrubu2.seviye3 .title {
        background-color: #9fe767;
        color: #666;
    }


    .orgchart .renkGrubu3 .title {
        background-color: #7c38bc;
    }

    .orgchart .renkGrubu3 .content {
        border-color: #7c38bc;
    }

    .orgchart .renkGrubu3.seviye2 .title {
        background-color: #9e5ade;
    }

    .orgchart .renkGrubu3.seviye3 .title {
        background-color: #bf7cff;
    }

    .orgchart .renkGrubu4 .title {
        background-color: #00b19d;
    }

    .orgchart .renkGrubu4 .content {
        border-color: #00b19d;
    }

    .orgchart .renkGrubu4.seviye2 .title {
        background-color: #22d3bf;
    }

    .orgchart .renkGrubu4.seviye3 .title {
        background-color: #44f5df;
        color: #666;
    }


    /*sshperformans*/
    .orgchart .node .title i {
        display: none;
    }

    .orgchart .node .content {
        height: auto;
        width: 120px;
        padding: 0;
    }

    .orgchart .node {
        width: 115px;
        margin-right: 10px;
    }

        .orgchart .node .title {
            width: 120px;
            /*height: 40px;*/
            line-height: 14px !important;
            font-weight: 600;
            height: auto;
            align-items: center !important;
            display: flex;
            justify-content: center;
            padding: 10px;
        }

        .orgchart .node i {
            display: none;
        }

            .orgchart .node i.toggleBtn {
                display: initial;
            }

        .orgchart .node.focused {
            background-color: transparent;
        }

        .orgchart .node:hover {
            background-color: transparent;
        }



        .orgchart .node .title > div {
            text-overflow: initial;
            white-space: normal;
            height: 40px;
            display: table-cell;
            width: 115px;
            vertical-align: middle;
        }

        .orgchart .node.satir2 .content {
            /*height: 40px;
        text-overflow: initial;
        white-space: normal;*/
        }

        .orgchart .node .content > div {
            display: table-cell;
            vertical-align: middle;
            height: 60px;
            font-size: 15px;
            width: 115px;
        }

        .orgchart .node.satir2 .content > div > .lblDegerAciklama {
            font-size: 11px;
        }

    .orgchart.l2r .node {
        height: 230px;
    }

        .orgchart.l2r .node .content {
            width: 220px;
            transform: rotate(-90deg) translate(-90px,-90px) rotateY(180deg);
        }

        .orgchart.l2r .node .title {
            width: 220px;
            transform: rotate(-90deg) translate(-90px,-90px) rotateY(180deg);
        }


    .orgchart .node.level_0 .title {
        background-color: #ff555e;
        color: #fff;
    }

    .orgchart .node.level_0 .content {
        border-color: #ff555e;
    }

    .orgchart .node.level_1 .title {
        background-color: #9b6ef3;
    }

    .orgchart .node.level_1 .content {
        border-color: #9b6ef3;
    }


    .orgchart .node.level_2 .title {
        background-color: #ffe981;
        color: #333;
    }

    .orgchart .node.level_2 .content {
        border-color: #ffe981;
    }

    .orgchart .node.level_3 .title {
        background-color: #8bf18b;
        color: #333;
    }

    .orgchart .node.level_3 .content {
        border-color: #8bf18b;
    }

    .orgchart .node.level_4 .title {
        background-color: #ff8650;
    }

    .orgchart .node.level_4 .content {
        border-color: #ff8650;
    }

    .orgchart .node.level_5 .title {
        background-color: #83b2ff;
    }

    .orgchart .node.level_5 .content {
        border-color: #83b2ff;
    }


    .orgchart .node.renk-kodu-1 .title {
        background-color: #727cf5 !important;
    }

    .orgchart .node.renk-kodu-1 .content {
        border-color: #727cf5 !important;
    }

    .orgchart .node.renk-kodu-2 .title {
        background-color: #e9ecef !important;
    }

    .orgchart .node.renk-kodu-2 .content {
        border-color: #e9ecef !important;
    }

    .orgchart .node.renk-kodu-3 .title {
        background-color: #10b759 !important;
    }

    .orgchart .node.renk-kodu-3 .content {
        border-color: #10b759 !important;
    }

    .orgchart .node.renk-kodu-4 .title {
        background-color: #ff3366 !important;
    }

    .orgchart .node.renk-kodu-4 .content {
        border-color: #ff3366 !important;
    }

    .orgchart .node.renk-kodu-5 .title {
        background-color: #fbbc06 !important;
    }

    .orgchart .node.renk-kodu-5 .content {
        border-color: #fbbc06 !important;
    }

    .orgchart .node.renk-kodu-6 .title {
        background-color: #66d1d1 !important;
    }

    .orgchart .node.renk-kodu-6 .content {
        border-color: #66d1d1 !important;
    }

    .orgchart .node.renk-kodu-7 .title {
        background-color: #060c17 !important;
    }

    .orgchart .node.renk-kodu-7 .content {
        border-color: #060c17 !important;
    }

    .orgchart .node.renk-kodu-8 .title {
        background-color: #0368d5 !important;
    }

    .orgchart .node.renk-kodu-8 .content {
        border-color: #0368d5 !important;
    }

    .orgchart .node.renk-kodu-9 .title {
        background-color: #fc870a !important;
    }

    .orgchart .node.renk-kodu-9 .content {
        border-color: #fc870a !important;
    }

    .orgchart .node.renk-kodu-10 .title {
        background-color: #9ddb18 !important;
    }

    .orgchart .node.renk-kodu-10 .content {
        border-color: #9ddb18 !important;
    }

    .orgchart .node.renk-kodu-11 .title {
        background-color: #87dffa !important;
    }

    .orgchart .node.renk-kodu-11 .content {
        border-color: #87dffa !important;
    }

    .orgchart .node.renk-kodu-12 .title {
        background-color: #9c1152 !important;
    }

    .orgchart .node.renk-kodu-12 .content {
        border-color: #9c1152 !important;
    }

    .orgchart .node.renk-kodu-13 .title {
        background-color: #00336b !important;
    }

    .orgchart .node.renk-kodu-13 .content {
        border-color: #00336b !important;
    }

    .orgchart .node.renk-kodu-14 .title {
        background-color: #979899 !important;
    }

    .orgchart .node.renk-kodu-14 .content {
        border-color: #979899 !important;
    }

    .orgchart .node.renk-kodu-15 .title {
        background-color: #4b4b4b !important;
    }

    .orgchart .node.renk-kodu-15 .content {
        border-color: #4b4b4b !important;
    }

    .orgchart .node.renk-kodu-16 .title {
        background-color: #025402 !important;
    }

    .orgchart .node.renk-kodu-16 .content {
        border-color: #025402 !important;
    }

    .orgchart .node.renk-kodu-17 .title {
        background-color: #fc9bb3 !important;
    }

    .orgchart .node.renk-kodu-17 .content {
        border-color: #fc9bb3 !important;
    }

    .orgchart .node.renk-kodu-18 .title {
        background-color: #9a000f !important;
    }

    .orgchart .node.renk-kodu-18 .content {
        border-color: #9a000f !important;
    }

    .orgchart .node.renk-kodu-19 .title {
        background-color: #a119e0 !important;
    }

    .orgchart .node.renk-kodu-19 .content {
        border-color: #a119e0 !important;
    }

    .orgchart .node.renk-kodu-20 .title {
        background-color: #6c3a3a !important;
    }

    .orgchart .node.renk-kodu-20 .content {
        border-color: #6c3a3a !important;
    }

    .orgchart .node.renk-kodu-21 .title {
        background-color: #d00399 !important;
    }

    .orgchart .node.renk-kodu-21 .content {
        border-color: #d00399 !important;
    }

    .orgchart .node.renk-kodu-22 .title {
        background-color: #743a0f !important;
    }

    .orgchart .node.renk-kodu-22 .content {
        border-color: #743a0f !important;
    }







.dvRenderingOptionSettings {
    border: 1px solid #ccc;
    border-radius: 5px;
    /*margin-top:-8px;*/
    margin-left: 10px;
    margin-top: -5px;
    margin-bottom: 5px;
}

    .dvRenderingOptionSettings .btn {
        padding: 0.35rem 0.35rem;
    }

        .dvRenderingOptionSettings .btn:focus {
            border: none;
        }

    .dvRenderingOptionSettings .btn-link {
        padding-left: 0.15rem;
    }

    .dvRenderingOptionSettings .btn-light {
        color: #999;
    }

        .dvRenderingOptionSettings .btn-light:hover {
            background-color: none;
        }


    .dvRenderingOptionSettings.pos-fixed {
        position: sticky;
        right: 55px;
    }



.dvUserManualDetail {
    border: 1px solid #ccc;
    border-radius: 5px;
    /*margin-top:-8px;*/
    margin-left: 5px;
    margin-top: -5px;
    margin-bottom: 5px;
}

    .dvUserManualDetail .btn {
        padding: 0.35rem 0.35rem;
    }

        .dvUserManualDetail .btn:focus {
            /*border: none;*/
        }

    .dvUserManualDetail .btn-link {
        padding-left: 0.15rem;
    }

    .dvUserManualDetail .btn-light {
        color: #999;
    }

        .dvUserManualDetail .btn-light:hover {
            background-color: none;
        }


    .dvUserManualDetail.pos-fixed {
        position: sticky;
        right: 25px;
    }

.dvButtonContainerStickyRight {
    position: sticky;
    right: 125px;
    float: right;
    display: inline-block;
    /*margin-bottom: 15px;*/
    margin-top: -5px;
}

.form-radio-button-list-container.disabled > div {
    opacity: 0.5;
}

input.disabled {
    opacity: 0.5;
}

.dvTerminalQuickMenu {
    border: 1px solid #ccc;
    border-radius: 5px;
    /*margin-top:-8px;*/
    /*margin-left: 10px;*/
    /*padding:0 5px;*/

    position: sticky;
    right: 55px;
    float: right;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: -5px;
}

    .dvTerminalQuickMenu .btn {
        /*padding: 0.35rem 0.35rem;*/
        padding: 0 2px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        box-sizing: border-box;
        text-align: center;
    }

        .dvTerminalQuickMenu .btn:focus {
            border: none;
        }

        .dvTerminalQuickMenu .btn i {
        }

    .dvTerminalQuickMenu .btn-link {
        /*padding-left: 0.15rem;*/
    }

    .dvTerminalQuickMenu .btn-light {
        color: #999;
    }

        .dvTerminalQuickMenu .btn-light:hover {
            background-color: none;
        }


    .dvTerminalQuickMenu .dvTerminalUserName {
        display: inline-block;
        vertical-align: middle;
        padding: 0 3px 0 10px;
        color: rgb(83, 83, 83);
    }

.btnTerminalLogout svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
}

.dvTerminalQuickMenu.pos-fixed {
    position: fixed;
    right: 25px;
}

.btnTerminalDepoAnasayfaButton {
    padding: 25px 0;
    font-size: 18px;
}

.sidebar .sidebar-body .nav.navTerminal .nav-item.active .nav-link::before {
    height: 100%;
}

.input-daterange {
    width: calc((100% - 40px) / 2);
    padding: 0;
}

.input-daterange-1 {
    border-right: 1px solid #e8ebf1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon .feather {
    color: #686868;
}

.bootstrap-datetimepicker-widget {
    min-width: 300px;
}


.gridView .lnkSortColumn, .table .lnkSortColumn {
    font-size: 14px !important;
}

.form-check.disabled {
    opacity: 0.5;
}

.gridView input {
    padding-left: 5px;
    padding-right: 5px;
}



.w100vw {
    width: calc(100vw - 100px);
}

.input-group-addon[data-show-data-source-detail] {
    cursor: pointer;
}

.form-switch.disabled {
    opacity: 0.5;
}

.gvSatisKalemListe .txtUrun {
    width: 210px;
}

.gvSatisKalemListe input,
.gvSatisKalemListe select {
    padding-left: 5px;
}

.gvSatisKalemListe input {
    padding-right: 5px;
}

.gvSatisKalemListe .input-group {
    width: auto !important;
}

.gvSatisKalemListe .ddlSecenek1 {
    width: 150px;
    flex: none;
}

.gvOdemePlaniListe .table-responsive {
    background-color: #fff !important;
}


/*@media (min-width: 1200px) {
    table > thead {
        z-index: 4;
        background-color: #fff;
        position: sticky;
        border-bottom: 1px solid #ddd;
        inset-block-start: 50px;
    }
}



table > thead > th {
}

table > thead > tr {
    border-bottom: 1px solid #ddd;
}

    table > thead > tr > th {
        inset-block-start: 50px;*/
/*top: 60px;*/
/*}*/

body {
    display: grid !important;
}

.main-wrapper {
    overflow: visible !important;
    /*width: 100%;*/
    /*display:inline-block;*/
}

    .main-wrapper .page-wrapper {
        /* -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;*/
        /* -webkit-flex-direction: row;
        flex-direction: row;
        width:auto;*/
    }

.list-filter {
    /* display:flex;
    -webkit-flex-direction: column;
    flex-direction: column;*/
}


.fixed-width-grid-control-container {
    /*width: 100%;*/
}

.main-wrapper-fixed-width .fixed-width-grid-control-container {
    width: calc(100vw - 325px);
    display: block;
}

.main-wrapper-fixed-width .dvTopMenu.fixed-width-grid-control-container {
    width: calc(100vw - 285px);
}

.main-wrapper-fixed-width .left-menu-main-content .fixed-width-grid-control-container {
    width: calc(100vw - 575px);
}

.main-wrapper-fixed-width .left-menu-main-content .dvTopMenu.fixed-width-grid-control-container {
    width: calc(100vw - 535px);
}

.dvRenderingOptionSettings {
    position: sticky;
    right: 55px;
}


.dvUserManualDetail {
    position: sticky;
    right: 25px;
}

.gridView .table-responsive {
    width: auto !important;
    overflow: visible;
}

/*.gridView > .table-responsive > table {*/
.gridView > div > table {
    border-collapse: separate !important;
    border-spacing: 0px 0px;
}

    /*.gridView > .table-responsive > table > thead*/
    .gridView > div > table > thead, .gridView > div > div > div > table > thead {
        z-index: 10;
        background-color: #eee;
        position: -webkit-sticky;
        position: sticky;
        top: 59px;
    }

/*.dvDashboardGrid table > thead, .modal-page .gridView > .table-responsive > table > thead {*/
.dvDashboardGrid table > thead, .modal-page .gridView > div > table > thead, .modal-page .gridView > div > div > div > table > thead {
    top: 0px;
}

.has-modal-top-bar .modal-page .gridView > div > table > thead, .has-modal-top-bar .modal-page .gridView > div > div > div > table > thead {
    top: 60px;
}

/*.gridView > .table-responsive > .table.table-bordered {*/
.gridView > div > .table.table-bordered {
    border-top: none;
}

/*.gridView > .table-responsive > .table-bordered tr th {*/
.gridView > div > .table-bordered tr th {
    border-left: 1px #d8dbe1 solid !important;
    border-top: 1px #d8dbe1 solid !important;
    border-right: none !important;
    border-bottom: none !important;
}


/*.gridView > .table-responsive > .table-bordered tr td {*/
.gridView > div > .table-bordered tr td {
    border-left: 1px #d8dbe1 solid !important;
    border-top: 1px #d8dbe1 solid !important;
    border-right: none !important;
    border-bottom: none !important;
}



/*.gridView > .table-responsive > .table-bordered tbody tr:first-child td {*/
.gridView > div > .table-bordered tbody tr:first-child td {
    border-top: none !important;
}

/*.gridView > .table-responsive > .table-bordered tr th:last-child {*/
.gridView > div > .table-bordered tr th:last-child {
    border-right: 1px #d8dbe1 solid !important;
}

/*.gridView > .table-responsive > .table-bordered tr:last-child th {*/
.gridView > div > .table-bordered tr:last-child th {
    border-bottom: 1px #d8dbe1 solid !important;
}


/*.gridView > .table-responsive > .table-bordered tr td:last-child {*/
.gridView > div > .table-bordered tr td:last-child {
    border-right: 1px #d8dbe1 solid !important;
}

/*.gridView > .table-responsive > .table-bordered tr:last-child td {*/
.gridView > div > .table-bordered tr:last-child td,
.gvListSummary > div > .table-bordered tr:last-child td {
    border-bottom: 1px #d8dbe1 solid !important;
}


.dvMultipleSelectText {
    width: 100%;
}

    .dvMultipleSelectText textarea {
        border: 1px solid #eee;
        height: 100px;
    }



.liMultipleSelectButtonList > div {
    padding: 5px 10px;
    display: inline-block;
}

.liMultipleSelectButtonList {
    border-bottom: 1px solid #f2f2f2;
}

.bg-tr-separator {
    background-color: #ddd !important;
}

.progress-bar-container {
    height: 25px;
    position: relative; /* relative here */
    max-width: 200px;
}

.progress-bar-indicator {
    height: 100%;
    border-radius: 3px;
    /* this will do the magic */
    -webkit-mask: linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0);
}

    .progress-bar-indicator::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(to right, rgba(16, 183, 89, .1), rgba(16, 183, 89, 1)); /* your gradient here */
    }

    .progress-bar-indicator.less20::before {
        background-image: linear-gradient(to right, rgba(255,165,0, .1), rgba(255,165,0, 1)); /* your gradient here */
    }

    .progress-bar-indicator.less40::before {
        background-image: linear-gradient(to right, rgba(255,178,102, .1), rgba(255,178,102, 1)); /* your gradient here */
    }

    .progress-bar-indicator.less60::before {
        background-image: linear-gradient(to right, rgba(255,255,0, .1), rgba(255,255,0, 1)); /* your gradient here */
    }

    .progress-bar-indicator.less80::before {
        background-image: linear-gradient(to right, rgba(51,255,51, .1), rgba(51,255,51, 1)); /* your gradient here */
    }

    .progress-bar-indicator.less99::before {
        background-image: linear-gradient(to right, rgba(16,183,89, .1), rgba(16,183,89, 1)); /* your gradient here */
    }

    .progress-bar-indicator[data-value="100"] {
        height: 100%;
        border-radius: 3px;
        /* this will do the magic */
        -webkit-mask: linear-gradient(#10b759 0 0);
        mask: linear-gradient(#21b159 0 0);
    }

        .progress-bar-indicator[data-value="100"]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: linear-gradient(0deg, #10b759, #21b159); /* your gradient here */
        }

.progress-bar-indicator-text {
    position: relative;
    color: black;
    text-align: center;
    height: 19px;
    vertical-align: -webkit-baseline-middle;
    /* padding-top: 5px; */
    /* font-size: 13px; */
    /* display: inline-block; */
    padding: 6px 5px;
    font-size: 75%;
    font-weight: 700;
}

.progress-bar-indicator[data-value="100"] .progress-bar-indicator-text {
    color: white;
}

.dvTextAreaSetting {
    float: right;
    font-size: 11px;
    display: inline-block;
    width: 100%;
    text-align: right;
}

    .dvTextAreaSetting > .active {
        color: gray;
    }

    .dvTextAreaSetting ~ .cke {
        margin-top: 20px !important;
    }

.form-edit-mode:not(.form-controls-w100) .input-group-textarea {
    width: 100% !important;
}

.predefined-filter-bullet {
    font-size: 5px;
    vertical-align: middle;
    margin-right: 5px;
    color: #007bff;
}

.nav-link[data-is-user-based="1"] .predefined-filter-bullet {
    color: rgb(119, 119, 119) !important;
}

.ml-edit-wrapper {
    display: inline-block;
    /*width: 100%;*/
    position: relative;
    /*border:1px dashed #eee;*/
}

.ml-edit-container-wrapper {
    border: 1px dashed #ccc;
    position: relative;
}

.ml-edit-container {
    position: absolute;
    left: 0px;
    top: -20px;
}

    .ml-edit-wrapper > a,
    .ml-edit-container > a {
        /*display:none;*/
        display: inline-block;
        /*position: absolute;
        right: 20px;
        top: 4px;*/
    }



.ml-edit-wrapper * {
    float: none;
}

.ml-edit-wrapper .ml-edit-btn,
.ml-edit-container .ml-edit-btn {
    display: inline-block;
    cursor: pointer;
    color: #007bff;
    opacity: 0;
    margin-left: 5px;
}

.ml-edit-wrapper .ml-edit-btn {
    /*position: absolute;
    right: -20px;*/
}


.ml-edit-container .ml-edit-btn {
    opacity: 0.5;
}

.ml-edit-wrapper:hover > .ml-edit-btn, .ml-edit-container:hover .ml-edit-btn {
    display: inline-block;
    opacity: 1;
}

.hidden-important {
    display: none !important;
}

.fa-palet::before {
    content: "\f482";
}

.intranetImage img {
    height: 80px;
    width: auto;
}

.dropdown-header-intranet {
    border-bottom: none !important;
}

.nav-profile-menu .dropdown-toggle:after {
    display: inline-block !important;
}

.navbar .navbar-content .nav-bar-search .fa-search {
    font-size: 17px;
    color: rgb(83, 83, 83);
    margin-right: 0 !important;
    margin-top: 3px;
}

    .navbar .navbar-content .nav-bar-search .fa-search:hover {
        color: #727cf5;
    }


.navbar .navbar-content .navbar-nav .nav-item {
    width: auto;
    min-width: 20px;
}



.btnYaziciSecBtn {
    /*margin-top: -3px;*/
    /*float: right;*/
    line-height: 21px !important;
    height: 100% !important;
}

    .btnYaziciSecBtn i {
        margin-right: 0 !important;
    }

.tamamlananLabel {
    font-weight: 600;
    background-color: #f6f6f6;
    padding: 5px;
}

.tamamlananDeger {
    padding: 3px;
    border-right: 2px solid #f6f6f6;
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6;
}

.CalisanIsimleri {
    min-height: 28px !important;
    font-size: 12px !important;
}

    .CalisanIsimleri a {
        white-space: normal;
        display: inline-block;
    }

.CalisanFotolari {
    display: contents !important;
}

    .CalisanFotolari > img {
        margin-top: 5px;
    }

.Calisan {
    display: contents !important;
}

.dvExportButtonContainer {
    display: none;
}

/*Sonuç Bulunamadı Başlangıç*/

.liMultipleSelectBtnSonucBulunamadi {
    position: initial;
    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 > .liMultipleSelectBtnSonucBulunamadi {
    display: block;
}

.btnMultipleSelectSonucBulunamadi {
    padding: 5px 20px !important;
}

/*Sonuç Bulunamadı Bitiş*/

.gvSelectAllGroup {
    width: 70px;
    display: inline-block !important;
}


    .gvSelectAllGroup > .form-check .form-check-label {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    .gvSelectAllGroup .dvDropdownMenuItem * {
        font-weight: normal !important;
    }

    .gvSelectAllGroup .dvDropdownMenuItem {
        width: 250px;
    }

    .gvSelectAllGroup .btn-outline-secondary {
        border: none;
        background: none !important;
        margin-left: -10px !important;
    }

        .gvSelectAllGroup .btn-outline-secondary:hover::after {
            color: #666 !important;
        }


        .gvSelectAllGroup .btn-outline-secondary:focus {
            box-shadow: none !important;
            color: inherit !important;
        }

.form-check-label-warning .input-frame::before {
    border-color: #fbbc06 !important;
}

.form-check .form-check-label-warning input[type="checkbox"]:checked + .input-frame::before {
    border-color: #fbbc06 !important;
    background-color: #fbbc06 !important;
}

.dropdown-menu .form-switch-grouping {
    padding-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
}

#cboxTitle {
    width: calc(100% - 70px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 25px !important;
    top: 17px !important;
}

.badge-circle {
    min-width: 25px;
    border-radius: 100%;
    min-height: 25px;
    vertical-align: middle;
    line-height: 12px;
    margin-top: -2px;
}

.gridView .text-column-with-icon {
    width: calc(100% - 30px);
    display: inline-block;
}

.form-check-label.disabled {
    opacity: 0.6;
}

.text-small {
    font-size: 11px !important;
    color: #666 !important;
}

.ui-tooltip {
    opacity: 1;
    background-color: #fff;
    border: 1px solid #ccc;
}

.ui-tooltip-content {
    background-color: #fff;
    font-size: 13px;
}

.float-left {
    float: left;
}

.swal2-container {
    z-index: 10001;
}

td span[title] {
    cursor: pointer;
}

.form-edit-mode {
    max-width: 1100px;
}


@media (max-width:1099.99px) {
    .form-edit-mode {
        max-width: calc(100vw - 25px);
    }
}

.tdListSummaryValue input {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
}

.SatisKalemListeSummary .tdListSummaryTitle {
    text-align: right;
}

.SatisKalemListeSummary .tdListSummaryTitle {
    text-align: right;
}

th.dib, td.dib {
    display: table-cell;
}

.MusteriTopluIslemContainer {
    width: 290px !important;
}

.dropdown-toggle-one-column .dropdown-menu {
    width: 250px;
}

    .dropdown-toggle-one-column .dropdown-menu button {
        margin-bottom: 10px;
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

        .dropdown-toggle-one-column .dropdown-menu button:last-child {
            margin-bottom: 0px;
        }

.list-filter-predefined-filter .fa-grip-lines {
    margin-right: 5px;
}

.gvListSummary.gvListSummaryNoMargin {
    margin-top: 5px;
}

.multiselect-container .input-group {
    width: 100% !important;
}

.gridView th.select-all {
    max-width: 30px;
}

.sablondegiskenleri .input-group {
    width: 140px !important;
}

button[readonly="readonly"] {
    opacity: 0.4;
    pointer-events: none;
}

.form-switch-input[disabled="disabled"] + .form-switch-label::before {
    opacity: 0.5;
    pointer-events: none;
}

.form-switch-input[readonly="readonly"] + .form-switch-label::before {
    opacity: 0.5;
    pointer-events: none;
}

.dvNavbarContainer .navbar-nav .nav-item a i {
    font-size: 16px;
}

h6 {
    font-size: .93rem !important;
}

.btnPredefinedFilter {
    padding-top: 13px;
    padding-bottom: 13px;
}

.btn-primary.disabled {
    color: #fff !important;
}

    .btn-primary.disabled.btn-selected-text {
        color: #666 !important;
    }

.list-filter-predefined-filter .nav-tabs .nav-item {
    margin-bottom: 0;
    height: 39px;
}

.list-filter-predefined-filter > .dib {
    max-width: calc(100% - 70px);
}

.btnIsIstasyonuTopluIslemContainer .dropdown-menu {
    width: 260px;
}

.table-responsive .input-group .error.help-block {
    bottom: -14px;
}

.BatchFunctionsFormEditMode {
    max-width: 300px;
}

    .BatchFunctionsFormEditMode ul {
        list-style: none;
        padding-left: 15px;
        padding-right: 15px;
    }

.gridView[data-fixed-width] .table_pagerC {
    width: calc(100vw - 350px) !important;
}

.input-group.dvSelectListPredefinedFormListFieldEditibility {
    width: 450px !important;
}

    .input-group.dvSelectListPredefinedFormListFieldEditibility .dvMultiSelectContainer,
    .input-group.dvSelectListPredefinedFormListFieldEditibility .dvSelectListContainer {
        width: 66.7%;
    }

        .input-group.dvSelectListPredefinedFormListFieldEditibility .dvSelectListContainer.dvSelectListPredefinedFormListFieldEditibility {
            width: 32.3%;
            margin-left: 1%;
        }


.table-responsive {
    overflow-y: visible;
}

tr.text-secondary a {
    color: #7987a1;
}

.dovizKuruDesc {
    position: absolute;
    margin-top: 3px;
}

.form-switch-input.disabled {
    opacity: 0;
}

th.text-center-grid, td.text-center-grid {
    text-align: center;
}

.dvMultipleInputColumnItem {
    min-width: 180px;
}

    .dvMultipleInputColumnItem .dvSelectListContainer {
        position: relative;
    }

        .dvMultipleInputColumnItem .dvSelectListContainer .custom-error,
        .input-group .custom-error {
            left: 0;
            font-weight: normal;
            position: absolute;
            bottom: -17px;
            color: #dc3545;
            z-index: 1;
        }

.form-view-mode .dvFormInputHorizontal3Column {
    padding: calc(1px + 0.5rem);
}

.fc-tooltip-container {
    max-width: 300px;
}

.fc-month-view .fc-content {
    overflow: visible;
}

    .fc-month-view .fc-content .fc-title {
        white-space: break-spaces;
    }

.table-notification table > thead th {
    padding: 0;
}

.dvNavbarContainer .fa-bell {
    font-size: 20px !important;
    margin-top: 3px;
}


.table-notification table > tbody > tr:first-child > td {
    border-top: none;
}

.table-notification table > tbody > tr:last-child > td {
    border-bottom: 1px solid rgb(232, 235, 241);
}

.bg-warning-light {
    background-color: #fef2cd !important;
}

.table-notification .btn-icon-prepend {
    color: #999;
}

.notification-link .badge {
    position: absolute;
    top: -8px;
    left: 10px;
    border-radius: 30%;
    padding: 3px 5px !important;
    min-width: 20px;
    z-index: 2;
    display: none;
}

.btnFileUploadOnlyBtn {
    padding: 5px;
}

    .btnFileUploadOnlyBtn .btn-icon-prepend {
        margin-right: 0 !important;
    }

.bodyLogin .page-wrapper {
    background-size: cover;
    background-position: center center;
}

.login-container {
    max-width: 420px;
}

    .login-container.Solda {
        margin-left: 80px;
    }

    .login-container.Ortada {
        margin: 0 auto;
    }

    .login-container.Sagda {
        float: right;
        width: 420px;
        margin-right: 80px;
    }

.noble-ui-logo {
    margin: 40px 0 30px 0 !important;
    text-align: center;
}

.input-group-with-add-on .token-input-list-facebook {
    border: none;
}

ul.token-input-list-facebook {
    padding: 1px 0.5rem !important;
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
    background-color: #fff;
}

div.token-input-dropdown-facebook {
    max-height: 400px;
    overflow-y: scroll;
    border-top: 1px solid #ccc;
}

.token-input-token-facebook.token-input-token-disabled {
    background-color: #999;
}

    .token-input-token-facebook.token-input-token-disabled .token-input-delete-token-facebook {
        display: none;
    }

table.table-bordered tr th.td-border-bottom, table.table-bordered tr td.td-border-bottom {
    border-bottom: 1px #d8dbe1 solid !important;
}

stroke {
    color: #888;
}

.fc-month-view .fc-row.fc-week .fc-bg .fc-day-number {
    opacity: 0.5;
    float: right;
}

.fc-month-view .fc-row.fc-week .fc-content-skeleton .fc-day-number {
    display: none !important;
}

.fc-month-view thead {
    display: none !important;
}

.fc-month-view .fc-event-container .fc-day-grid-event:first-child {
    margin-top: 24px;
}

li.token-input-token-facebook {
    max-width: 100%;
    white-space: break-spaces;
    position: relative;
    padding: 6px;
    padding-right: 6px;
    padding-right: 20px;
    line-height: 1.0rem;
}

    li.token-input-token-facebook span {
        right: 6px;
        position: absolute;
        top: 4px;
        font-size: 14px;
    }

.dvListRenderingSettings {
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .dvListRenderingSettings .btn {
        padding: 0.35rem 0.35rem;
        padding-left: 0.35rem;
    }

    .dvListRenderingSettings .btn-icon-prepend {
        margin-right: 0 !important;
    }

.fc-title .badge {
    margin-top: 5px;
    padding: 5px;
}

.btn[data-toggle="collapse"] {
    padding-left: 10px;
}

.form-view-mode .btn[data-toggle="collapse"] {
    padding-left: 0px;
}

.group-header, .group-header-header {
    background-color: #eee;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

    .group-header h6 {
        font-size: .85rem !important;
    }

.group-header-header {
    background-color: #f2f2f2;
}

    .group-header-header h6 {
        font-size: .85rem !important;
        font-weight: 500;
    }

.btn-table-clipboard {
    cursor: pointer;
}

ul.token-input-list-facebook.disabled {
    pointer-events: none;
    color: #495057 !important;
    background-color: #e9ecef !important;
}

    ul.token-input-list-facebook.disabled .token-input-token-facebook {
        background-color: #999 !important;
    }


.dvDashboardNoItems {
    padding: 30px;
    color: #007bff;
}

.multiselect-selected-options-list {
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

    .multiselect-selected-options-list li {
        list-style-type: disc;
        margin-left: 20px;
        color: #777;
    }

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

.ck-editor__editable {
    min-height: 200px !important; /* Set a minimum height */
    max-height: 400px !important; /* Set a max height */
    height: auto !important; /* Allow it to grow with content */
    overflow: scroll !important; /* Add scrollbars if content exceeds the height */
}

.ck-powered-by-balloon {
    display: none !important;
}



.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
    max-width: 100% !important;
    width: calc(100vw - 0px) !important;
    height: calc(100vh - 100px) !important;
    max-height: 100vh !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 10px !important;
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable {
    margin-top: 0 !important;
}

.ck-fullscreen__left-sidebar {
    display: none !important;
}

.ck-fullscreen__right-sidebar {
    display: none !important;
}

figure.image.image_resized {
    display: block;
}

    figure.image.image_resized > img {
        width: 100% !important;
        height: auto !important;
    }

.ck .ck-placeholder::before, .ck.ck-placeholder::before {
    color: #c0c0c0 !important;
}

/*.UzerindekiMalzemelerInnerContainer * {
    display:none;
}

.UzerindekiMalzemelerContainer {
    max-width: 400px !important;
}*/

/*
.UzerindekiMalzemelerInnerContainer {
    max-width:400px;
}

    .UzerindekiMalzemelerInnerContainer .fixed-width-grid-control-container {
        max-width: 400px;
    }

    .UzerindekiMalzemelerInnerContainer .gridView[data-fixed-width] .table-responsive {
        overflow: scroll !important;
    }
*/

.main-wrapper-fixed-width .dvDashboardContainer .fixed-width-grid-control-container {
    width: 100%;
}



/* Mobil görünüm */
@media (max-width: 568px) {
    .main-wrapper .page-wrapper .page-content {
        padding: 5px 5px;
    }
}

/* Mobil görünüm */
@media (max-width: 768px) {
    .dib:has(.input-group) {
        width: 100%;
    }

    .fixed-width-grid-control-container:has(.list-filter) {
        clear: both;
    }

    .modal-page .fixed-width-grid-control-container {
        width: calc(100vw - 28px) !important;
    }

    .row.w100 {
        margin-left: 0;
        margin-right: 0;
    }


    .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
        font-size: 7px;
    }

    .w100 .gridView, .gridView.w100 {
        margin-left: 10px;
        width: calc(100% - 10px);
    }

    .form-edit-mode:not(.form-controls-w100) .gridView .input-group {
        width: 100%;
    }

    .HorizontalMiktarUrunContainer {
        max-width: calc(100% - 20px);
    }

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

    .form-group[data-dynamic-visibility] {
        margin-left: 20px;
        margin-top: 5px;
    }



    .w100 > .btn {
        margin-left: 10px;
    }

    .gridView:not(.fc) table,
    .gridView:not(.fc) thead,
    .gridView:not(.fc) tbody,
    .gridView:not(.fc) th,
    .gridView:not(.fc) td,
    .gridView:not(.fc) tr {
        display: block;
        width: 100%;
    }

    .gridView:not(.fc) thead {
        display: none; /* başlık gizleniyor */
    }

    .gridView:not(.fc) tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 0.15rem;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }


    .gridView:not(.fc) td {
        display: flex;
        justify-content: flex-start; /* space-between yerine sola dayalı */
        align-items: flex-start; /* üstten hizalama */
        padding: 0.5rem;
        border: none;
        border-bottom: 1px solid #eee;
        flex-wrap: wrap; /* uzun değerler taşarsa alt satıra geçebilir */
    }

        .gridView:not(.fc) td:last-child {
            border-bottom: none;
        }

        .gridView:not(.fc) td::before {
            content: attr(data-label);
            color: #0056B3;
            flex: 0 0 40%; /* max %40 genişlik */
            max-width: 40%;
            margin-right: 1rem;
            text-align: left;
            font-weight: normal;
            font-size: 14px;
        }


    .gridView:not(.fc) > div > .table-bordered tr td {
        border: none !important;
    }

        .gridView:not(.fc) > div > .table-bordered tr td:last-child {
            border: none !important;
        }

    .gridView:not(.fc) > div > .table-bordered tr:last-child td {
        border: none !important;
    }


    .gridView:not(.fc) > div > .table-bordered tr td span {
        margin-top: 2px;
    }

    .gridView:not(.fc) > div > .table-bordered tr td .btn-light {
        margin: 2px;
    }

    .gridView:not(.fc) > div > .table-bordered tr td.btn-placement-ref .btn-outline-primary,
    .gridView:not(.fc) > div > .table-bordered tr td.btn-placement-ref .btn-outline-success,
    .gridView:not(.fc) > div > .table-bordered tr td .grid-cell-description {
        margin-left: calc(40% + 1rem);
        margin-top: 1rem;
    }


    .main-wrapper .page-wrapper.modal-page .page-content {
        padding: 25px;
    }


    .main-wrapper .page-wrapper .page-content {
        padding: 5px 5px;
    }

    .page-content .card {
        max-width: calc(100vw - 10px);
    }


    .card .card-body {
        padding: 1.5rem 0.5rem;
    }


    .list-filter {
        position: fixed;
        top: 0;
        right: -100%; /* gizli */
        width: 80%;
        height: 100%;
        z-index: 1050;
        overflow-y: auto;
        transition: right 0.3s ease-in-out;
        box-shadow: -2px 0 8px rgba(0,0,0,0.2);
        padding-bottom: 100px;
    }

        .list-filter.open {
            right: 0; /* görünür */
        }
}

a.disabled.badge-success {
    color: #fff !important;
}


.ui-autocomplete .ui-menu-item-wrapper {
    display: flex;
    align-items: center; /* dikeyde ortalama */
    gap: 8px; /* resim ve yazı arası boşluk */
}

.autocomplete-image {
    flex-shrink: 0; /* resim küçülmesin */
    display: flex;
    /*align-items: center;
    justify-content: center;*/
    width: 60px;
    aspect-ratio: 1 / 1;
    background: #c0c0c0;
    overflow: hidden;
}


    .autocomplete-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #c0c0c0;
        display: block;
    }


.autocomplete-text {
    flex: 1; /* kalan alanı kaplasın */
    min-width: 0; /* wrap çalışsın */
    white-space: normal; /* satır kaymasına izin ver */
    word-break: break-word;
}



.list-image {
    display: block;
    width: 100px;
    aspect-ratio: 1 / 1; /* Kare görünüm için */
    background: #c0c0c0; /* Siyah bant */
    overflow: hidden;
}

    .list-image img {
        width: calc(100% - 2px) !important;
        height: calc(100% - 2px) !important;
        object-fit: contain;
        background: #c0c0c0;
        display: block;
        margin-left: 1px;
        margin-top: 1px;
    }

.ui-autocomplete .ui-menu-item-wrapper .list-image {
    width: 60px;
}

.txtUrunArama .btnUrunArama {
    height: 35px;
    margin-left: 5px;
    cursor: pointer;
}

.txtUrunArama .txtAutoCompleteClear {
    right: 45px;
}

.table td.imgProfileList img {
    width: 100px !important;
    height: 100px !important;
    background-color: transparent !important;
}

.table td.imgProfileList .list-image {
    background-color: transparent !important;
}

.dvDijitalKatalogUrunFiyatContainer {
    font-size: 16px;
}

.dvDijitalKatalogUrunStokContainer, .dvDijitalKatalogUrunFiyatContainer {
    margin-bottom: 15px;
}

.alert-success-float {
    position: absolute;
    padding: 10px 20px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
    min-width: 200px;
    text-align: center;
    max-width: 500px;
}

.stellarnav.mobile {
    margin-bottom: 10px;
}

    .stellarnav.mobile.left > ul, .stellarnav.mobile.right > ul {
        z-index: 2;
        margin-top: 60px;
    }

@media(max-width:568px) {
    .ui-autocomplete {
        max-width: calc(100vw - 52px);
    }

    .dvDijitalKatalogLogoContainer img {
        max-width: 60%;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 2.0rem;
    }
}


.swal2-modal .swal2-close {
    font-size: 30px;
    font-weight: bold;
    color: #888;
}

.swal2-close:focus {
    outline: none;
}

.custom-swal .swal2-icon.swal2-warning {
    display: none !important;
}

.custom-swal button.swal2-confirm {
    padding-top: 13px;
    padding-bottom: 13px;
    border: 1px solid rgb(255, 51, 102) !important;
    background-color: #fff !important;
    color: rgb(255, 51, 102) !important;
    width: 250px;
}

    .custom-swal button.swal2-confirm:hover {
        background-color: rgb(255, 51, 102) !important;
        color: #fff !important;
    }

.custom-swal button.swal2-cancel {
    padding-top: 13px;
    padding-bottom: 13px;
    border: 1px solid #727cf5 !important;
    background-color: #fff !important;
    color: #727cf5 !important;
    width: 250px;
}

    .custom-swal button.swal2-cancel:hover {
        background-color: #727cf5 !important;
        color: #fff !important;
    }

.custom-swal .swal2-actions {
    margin-top: 0;
}

.custom-swal .swal2-actions {
    margin-top: 0;
}

.custom-swal.swal2-modal {
    min-height: 180px;
}

.dvDijitalKatalogUrunDetayModal .modal-content {
    max-width: 700px;
}


@media (max-width:720px) {

    .dvDijitalKatalogUrunDetayModal .modal-content {
        max-width: 90vw;
    }
}

.dvToplamContainer {
    display: grid !important;
    grid-template-columns: 1fr; /* 2 eşit sütun */
    border: 1px solid #d8dbe1;
    border-collapse: collapse;
    width: 500px !important;
    margin-left: auto;
    box-sizing: border-box;
    padding-right: 12px;
    padding-left: 12px;
}

    .dvToplamContainer .form-group {
        display: contents; /* her form-group satır gibi davransın */
    }

.modal-page .dvToplamContainer.fixed-width-grid-control-container {
    width: 500px !important;
}

/* her label hücresi */
.dvToplamContainer label {
    border-bottom: 1px solid #d8dbe1;
    border-right: 1px solid #d8dbe1;
    padding: 6px 10px;
    background: #f9f9f9;
    box-sizing: border-box;
}

/* her değer hücresi (span veya input içeren kısım) */
.dvToplamContainer .col-md-6:not(:has(label)) {
    border-bottom: 1px solid #d8dbe1;
    padding: 6px 10px;
    box-sizing: border-box;
}

/* son satırın alt border'ını kaldır */
.dvToplamContainer .form-group:last-of-type label,
.dvToplamContainer .form-group:last-of-type .col-md-6:not(:has(label)) {
    border-bottom: none;
}

/* input alanları hücreyi düzgün doldursun */
.dvToplamContainer input.form-control {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d8dbe1;
    height: auto;
}

/* dikey hizalama */
.dvToplamContainer label,
.dvToplamContainer .col-md-6:not(:has(label)) {
    display: flex;
    align-items: center;
}

/* mobil görünümde */
@media (max-width: 520px) {
    .dvToplamContainer {
        grid-template-columns: 1fr;
    }

        .dvToplamContainer label {
            border-right: none;
        }
}