﻿.main_header {
    background-image: url('/Content/img/header_bg.jpg');
    padding: 6px 0px;
}

.box_3 {
    padding: 2px 0px 0px;
    background: #0000001f;
}

.box-1 {
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    border: 5px solid #22222203;
    margin: 8px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    /* box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; */
    /* outline: 2px solid; */
    position: relative;
}

.heading {
    background: #4e0000;
    padding: 5px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 1px;
}

.main_btn {
    background-color: #930000;
    padding: 5px 10px 6px;
    border-radius: 4px;
    font-size: 15px;
    border: none;
}


.main_btn_f {
    background-color: #5cb85c;
    padding: 5px 10px 6px;
    border-radius: 4px;
    font-size: 15px;
    border: none;
}

.main_btn_b {
    background-color: #0d6efd;
    padding: 5px 10px 6px;
    border-radius: 4px;
    font-size: 15px;
    border: none;
}





.trcolor1 {
    background: #9d0202 !important;
}

.trcolor2 {
    background: #519903 !important;
}

.trcolor3 {
    background: #037953 !important;
}

.trcolor4 {
    background: #0c025e !important;
}

.trcolor5 {
    background: #86380b !important;
}

.trcolor6 {
    background: #827203 !important;
}

.trcolor7 {
    background: #2b2b2b !important;
}

.trcolor8 {
    background: #035719 !important;
}

.trcolor9 {
    background: #3b0383 !important;
}

.trcolor10 {
    background: #5f024a !important;
}

.trcolor11 {
    background: #ccd948 !important
}

.trcolor12 {
    background: #fdf1fb !important;
}

.trcolor13 {
    background: #ffffff !important;
}

.trcolor14 {
    background: #5f3404 !important;
}

.trcolor15 {
    background: #a90983 !important;
}

.theader {
    background: #1558b4;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.container-fluid.boxesss_3 {
    background: #fff;
    padding: 40px 30px;
    background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
}

    .container-fluid.boxesss_3 h5 {
        font-size: 28px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        border-bottom: 0px solid #ddd;
    }

.box-1:before {
    background: url('/Content/images/iconsbg.png');
    background-size: 100%;
    background-position: left;
    position: absolute;
    right: 20px;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    opacity: .05;
}

.box-1:hover {
    transform: scale(1.05);
    transition: 1s;
}

.box-1 label {
    font-size: 30px;
    margin-top: 2px;
}

section.main_table.content.main_tablemain_tablemain_table h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
    border-bottom: 0px solid #ddd;
    background: #fff;
    padding: 12px;
}

section.main_table.content.main_tablemain_tablemain_table {
    background: #f4f4f4;
    text-align: center;
    padding: 25px;
    text-align: center;
}

.table, table.table.table-bordered.table-responsive .table tr, table.table.table-bordered.table-responsive .table tr td, table.table.table-bordered.table-responsive .table tr th {
    border-color: #000000 !important;
    border-width: 2px !important;
}

.table-bordered > :not(caption) > * > * {
    border-width: 1.9px !important;
    border-color: black !important;
}

.table-bordered > :not(caption) > * {
    border-width: 1.9px !important;
    border-color: black !important;
}

td label {
    color: yellow !important;
}

@media(max-width:1500px) and (min-width: 768px) {
    .box-1 {
        text-align: center;
        padding: 5px 0;
        border-radius: 10px;
        border: 5px solid #22222203;
        margin: 8px 0;
        color: #fff;
        font-size: 13px;
        font-weight: 700; 
        position: relative;
    }
        .box-1 label {
            font-size: 22px;
            margin-top: 0px;
        }
    .container-fluid.boxesss_3 h5 {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
        border-bottom: 0px solid #ddd;
    }
    .box-1 {
        text-align: center;
        padding: 5px 0;
        border-radius: 10px;
        border: 5px solid #22222203;
        margin: 5px 0;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        position: relative;
    }
    section.main_table.content.main_tablemain_tablemain_table h2 {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: bold;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0px;
        border-bottom: 0px solid #ddd;
        background: #fff;
        padding: 12px;
    }
    table.table.table-bordered.table-responsive td {
        font-size: 13px;
        padding: 10px 5px;
        line-height: 1.3;
    }
    .main_btn {
        background-color: #930000;
        padding: 5px 10px 6px;
        border-radius: 4px;
        font-size: 14px;
        border: none;
    }
    .main_btn_f {
        background-color: #5cb85c;
        padding: 5px 10px 6px;
        border-radius: 4px;
        font-size: 14px;
        border: none;
    }
    .main_btn_b {
        background-color: #0d6efd;
        padding: 5px 10px 6px;
        border-radius: 4px;
        font-size: 14px;
        border: none;
    }
    .heading {
        background: #4e0000;
        padding: 5px;
        border-radius: 30px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin: 1px;
    }

}
    @media(max-width:767px) {
        .container-fluid.boxesss_3 h5 {
            font-size: 25px;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 20px;
            border-bottom: 0px solid #ddd;
        }

        .box-1 {
            text-align: center;
            padding: 6px;
            border-radius: 10px;
            border: 5px solid #22222203;
            margin: 5px 0;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            position: relative;
        }

            .box-1 label {
                font-size: 26px;
                margin-top: 0px;
            }

        section.main_table.content.main_tablemain_tablemain_table h2 {
            text-transform: uppercase;
            font-size: 25px;
            font-weight: bold;
            font-size: 23px;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 0px;
            border-bottom: 0px solid #ddd;
            background: #fff;
            padding: 12px;
            line-height: 1.2;
        }

        form.m-0 input {
            margin: 2px;
            text-align: center;
        }
    }
