@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
html {
    height: 100%;
}

body {
    overflow: auto;
    height: 100%;
    font-size: 14px;
    color: #e2e2e2;
    font-family: 'Roboto Slab', serif !important;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    background: #121212;
}

a:hover {
    text-decoration: none !important;
}

option {
    background: #282828;
    color: #ffffff;
}

  

.header {
    width: 100%;
}

/* .main-logo {
    background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
    animation: shine 3s infinite;
    -webkit-animation: shine 3s infinite;
    background-position: left;
    font-weight: 600;
} 

@keyframes shine {
    to{background-position: right;}
} */

.main-logo{
    font-weight: 600;
    background: -webkit-linear-gradient(
        right,
        rgba(186,148,62,1) 0%,
        rgba(236,172,32,1) 25%,
        rgba(249,244,180,1) 50%,
        rgba(236,172,32,1) 100%
        )
        repeat;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    /*Animation  한번에 여러개 적용하기 */
    animation: masked 15s linear infinite, fadeInDown 1.5s both 1;
    -webkit-animation: masked 15s linear infinite, fadeInDown 1.5s both 1;
    -moz-animation:masked 15s linear infinite, fadeInDown 1.5s both 1;
    -o-animation: masked 15s linear infinite, fadeInDown 1.5s both 1;
}

@keyframes masked {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -10000px 5000px;
    }
}
  
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translatey(-50px);
    }

    to {
        opacity: 1;
        transform: translatey(0px);
    }
}


.login-logo-size {
    font-size: 6vh;
}
.menu-logo-size {
    font-size: 5.5vh;
}
.result-logo-size {
    font-size: 4vh;
}

.menu_bg {
    background: #ed0707;
}

.navbar {
    padding: 0px;
    align-items: flex-start;
    box-shadow: none !important;
}

.navbar-dark .navbar-brand {
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

.navbar-dark .navbar-toggler {
    border: 0;
}

.navbar-collapse {
    float: left;
    z-index: 1;
    /* background: -webkit-linear-gradient(linear,left top,right bottom,from(#B57E10),to(#F9DF7B));
    background: linear-gradient(to right,#B57E10,#F9DF7B,#F9DF7B,#B57E10,#B57E10); */
}

.navbar-collapse .navbar-nav {
    text-decoration: uppercase;
}

.subnavbar-nav {
    background: #3c2c28;
    font-size: 13px;
}

.subnavbar-nav .nav-item .nav-link {
    color: #e2e2e2 !important;
}

.subnavbar-nav .nav-item .nav-link:hover, .subnavbar-nav .nav-item .nav-link.nav-active{
    color: #2d3033;
    background: #fb6040;
}

.main-menu.navbar-dark .navbar-nav .active>.nav-link {
    color: #2d3033;
    background: #ed0707;
}

.navbar-dark .navbar-nav .nav-item a {
    padding: 12px 28px;
}

.main-menu.navbar-dark .navbar-nav .nav-item a:focus {
    color: #000000;
}

.main-menu.navbar-dark .navbar-nav .nav-item a:hover,
.nav-item a.nav-active {
    color: #000000;
    background: #fb6040;
}

.navbar-dark .navbar-nav li {
    /* text-transform: uppercase; */
    padding: 0;
    display: inline;
}

.mobileMenu {
    flex-direction: row !important;
}
/* 
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/svg/menu.svg);
} */
.modal-content {
    background: #282828;
}

.modal-content button {
    outline: none;
}

.breadcrumb {
    background: #2e2e2e;
}

h3 {
    font-size: 1.75rem;
    color: #e2e2e2;
    margin-top: 20px;
}

.btn {
    /* text-transform: uppercase;*/
    font-weight: normal;
}

.text-primary {
    color: #ed0707 !important;
}

.text-secondary {
    color: #ff7959 !important;
}

.timer-container {
    color: #ffffff;
    font-size: 2.5vh;
}
.amount-container {
    color: #ffffff;
    font-size: 3vh;
}
.animation-heartbeat {
    animation-name: heartFadeInOut; 
    animation-iteration-count: infinite;
    animation-duration: 2s;
}
@keyframes heartFadeInOut{
    0% {transform: scale(1);}
    25% {transform: scale(.97);}
    35% {transform: scale(.9);}
    45% {transform: scale(1.1);}
    55% {transform: scale(.9);}
    65% {transform: scale(1.1);}
    75% {transform: scale(1.03);}
    100% {transform: scale(1);}
}

.btn-primary {
    background: #ff664a;
    color: #000000 !important;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #ff664a;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #ff967b;
    color: #000000;
    border-color: #ff967b !important;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background: #ed0707;
    color: #000000 !important;
    border-color: #ed0707 !important;
}

.btn-secondary {
    background: #8b8b8b;
    color: #000000;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #b8b6b6;
    color: #000000;
    border-color: #b8b6b6;
}

.btn-whatsapp {
    background: #075e54;
    color: #fff;
}


.btn-green:hover,
.btn-green:focus {
    background-color: #449d44;
    color: #fff;
}

.btn-green {
    background-color: #449d44;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    border: 1px solid #449d44;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-empty:hover,
.btn-empty:focus {
    background-color: #ff1100;
    color: #fff;
}

.btn-empty {
    background-color: #ff1100;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    border: 1px solid #ff1100;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-update:hover,
.btn-update:focus {
    background-color: #007bff;
    color: #fff;
}

.btn-update {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    border: 1px solid #007bff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-list:hover,
.btn-list:focus {
    background-color: transparent;
    color: #fff;
}

.btn-list {
    background-color: transparent;
    color: #fff;
    width: 175px;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500;
    border: 1px solid transparent;
    margin-top: 10px;
    margin-bottom: 10px;
}

form {
    padding: 10px 0px;
}

.form-control {
    background-color: transparent !important;
    border: 1px solid #484848 !important;
    border-radius: .25rem;
    font-size: inherit !important;
    color: inherit;
    border: 0;
    margin-bottom: 10px;
}

.form-control:focus {
    box-shadow: none! important;
    color: #ffffff !important;
}

.file_up .form-control {
    width: auto;
    border: 0px !important;
}

.file_up .form-group .f_title {
    padding: 5px;
    background: #525252;
    color: #fff;
    border-radius: 3px 3px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.delete_single .form-group .f_title {
    padding: 5px;
    background: #525252;
    color: #fff;
    border-radius: 3px 3px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.add_record .form-group .f_title {
    padding: 5px;
    background: #525252;
    color: #fff;
    border-radius: 3px 3px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.file_up .list_title {
    font-size: 1.75rem;
    color: #506070;
    margin-top: 20px;
    text-transform: capitalize;
    padding: 10px 0px;
}

.add_record .list_title {
    font-size: 1.75rem;
    color: #506070;
    margin-top: 20px;
    text-transform: capitalize;
    padding: 10px 0px;
}

.delete_single .list_title {
    font-size: 1.75rem;
    color: #506070;
    margin-top: 20px;
    text-transform: capitalize;
    padding: 10px 0px;
}

.file_up h3 {
    padding: 10px 20px;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
}

.file_up p {
    color: #ff2b2b;
}

.show_result .form-control {
    width: auto;
    border: 0px !important;
}

.show_result .form-group .f_title {
    padding: 5px;
    background: #525252;
    color: #fff;
    border-radius: 3px 3px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    display: table;
    margin-bottom: 20px;
}

.show_result .list_title {
    font-size: 1.75rem;
    color: #506070;
    margin-top: 20px;
    text-transform: capitalize;
    padding: 10px 0px;
}

.show_result h3 {
    padding: 10px 20px;
    font-size: 28px;
    font-weight: bold;
    color: #30bb17;
    text-transform: uppercase;
}

.show_result p {
    color: #ff2b2b;
}

.prev_result {}

.prev_result .border {
    border: 1px solid rgba(0, 0, 0, .1);
}

.prev_result h3 {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

.live_width {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.add_record h3 {
    padding: 10px 0px;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
}

.add_record p {
    color: #ff2b2b;
}

.delete_single h3 {
    padding: 10px 20px;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
}

.delete_single p {
    color: #ff2b2b;
}

.f_kasaragod h3 {
    background: #2fbcd0;
}

.f_kannur h3 {
    background: #a47669;
}

.f_wayanad h3 {
    background: #c4996c;
}

.f_kozhikode h3 {
    background: #949599;
}

.f_malappuram h3 {
    background: #ffc853;
}

.f_palakkad h3 {
    background: #f48859;
}

.f_thrissur h3 {
    background: #ee534f;
}

.f_ernakulam h3 {
    background: #e52765;
}

.f_idukki h3 {
    background: #582e60;
}

.f_kottayam h3 {
    background: #8f12ab;
}

.f_alapuzha h3 {
    background: #1170a8;
}

.f_p_thitta h3 {
    background: #19a8e2;
}

.f_kollam h3 {
    background: #30baa0;
}

.f_trivandram h3 {
    background: #8fca6e;
}

.bg_kasaragod,
.bg_kasaragod:hover,
.bg_kasaragod:focus {
    background: #2fbcd0;
}

.bg_kannur,
.bg_kannur:hover,
.bg_kannur:focus {
    background: #a47669;
}

.bg_wayanad,
.bg_wayanad:hover,
.bg_wayanad:focus {
    background: #c4996c;
}

.bg_kozhikode,
.bg_kozhikode:hover,
.bg_kozhikode:focus {
    background: #949599;
}

.bg_malappuram,
.bg_malappuram:hover,
.bg_malappuram:focus {
    background: #ffc853;
}

.bg_palakkad,
.bg_palakkad:hover,
.bg_palakkad:focus {
    background: #f48859;
}

.bg_thrissur,
.bg_thrissur:hover,
.bg_thrissur:focus {
    background: #ee534f;
}

.bg_ernakulam,
.bg_ernakulam:hover,
.bg_ernakulam:focus {
    background: #e52765;
}

.bg_idukki,
.bg_idukki:hover,
.bg_idukki:focus {
    background: #582e60;
}

.bg_kottayam,
.bg_kottayam:hover,
.bg_kottayam:focus {
    background: #8f12ab;
}

.bg_alapuzha,
.bg_alapuzha:hover,
.bg_alapuzha:focus {
    background: #1170a8;
}

.bg_p_thitta,
.bg_p_thitta:hover,
.bg_p_thitta:focus {
    background: #19a8e2;
}

.bg_kollam,
.bg_kollam:hover,
.bg_kollam:focus {
    background: #30baa0;
}

.bg_trivandram,
.bg_trivandram:hover,
.bg_trivandram:focus {
    background: #8fca6e;
}

table {
    margin-bottom: 30px;
    margin: auto;
    display: table-cell;
}

table tbody td {
    border: 1px solid #3f3f3f;
    padding: 5px 10px;
    line-height: normal;
    text-align: center;
}

table thead {
    background: #ed0707;
    color: #000000;
}

table thead th {
    border: 1px solid #282828;
    padding: 10px 20px;
    line-height: normal;
    border-bottom: 1px solid #ed0707 !important;
}

.table th {
    border-top: 1px solid #ed0707 !important; 
}

.file_up table {
    width: 75% !important;
    display: table;
}

.file_up table tbody td {
    text-align: center;
}

table tr:nth-child(odd) {
    background-color: none;
}

table tr:nth-child(even) {
    background-color: none;
}

.show_result {
    text-align: center;
}

.show_result table {
    width: 100%;
    background: #2d3135;
    display: inline;
}

.show_result table tbody {
    display: inline-block;
}

.show_result table tr {
    width: auto;
    display: inline-flex;
    text-align: center;
    margin: 5px;
    float: left;
}

.show_result table td {
    width: 100%;
}

.show_result .lot_title-table tbody {
    width: 100%;
}

.show_result .lot_title-table tbody tr {
    width: 100%;
}

.show_result .lot_title-table tbody tr td {
    background: #000;
    border: 0px;
    line-height: normal;
}

.show_result .t_title {
    background: #fff;
    margin-bottom: 0px;
    padding: 0px;
}

.show_result .t_title tr {
    margin: 0px!important;
}

.show_result .t_title tbody tr {
    width: auto;
    margin: 10px;
}

.show_result .t_title tbody tr td {
    border: 0px;
}

.show_result .lot_title {
    font-size: 3.5rem;
    font-weight: bolder;
    color: #000;
    text-transform: capitalize;
    text-align: left;
    padding-right: 20px;
}

.show_result .lot_date {
    font-size: 3.5rem;
    color: #f39200;
    font-weight: bold;
    text-align: left;
}

.show_result .r_title {
    width: auto;
    font-size: 2.3rem;
    color: #000;
    border-radius: 3px;
    line-height: normal;
    font-weight: bold;
}

.show_result .r_prize {
    width: auto;
    font-size: 2.2rem;
    color: #000;
    line-height: normal;
    font-weight: bold;
}

.show_result .con_title {
    width: auto;
    font-size: 1.8rem;
    color: #000;
    border-radius: 3px;
    line-height: normal;
    font-weight: bold;
}

.show_result .c_title {
    width: auto;
    font-size: 1.8rem;
    color: #000;
    border-radius: 3px;
    line-height: normal;
    font-weight: bold;
}

.show_result .c_prize {
    width: auto;
    font-size: 1.6rem;
    color: #000;
    line-height: normal;
}

.show_result .bg_prize {
    background: #eaeaea;
    padding: 10px 20px;
    border-radius: 3px;
}

.show_result .lot_title-table {
    background: #fff;
    width: 100%;
}

.show_result .ticket_no-table tbody tr td {
    line-height: normal;
    padding: 0px 5px;
    font-weight: bold;
    font-size: 2.6rem;
    color: #fff;
    border: 0px solid #757575;
}

.show_result .ticket_no-table_c tbody tr td {
    line-height: normal;
    padding: 0px 5px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
    border: 0px solid #757575;
}

.flash_result {
    animation: blinker 1s linear infinite;
}

.flash_result span {
    color: #fb4d4f;
    font-size: 4rem;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    line-height: 34px;
}

.page_result {
    text-align: center;
}

.page_result table {
    width: 100%;
    background: #eaeaea;
}

.page_result table tbody {
    display: block;
    padding: 0px 10px;
}

.page_result table tr {
    width: auto;
    display: inline-flex;
    text-align: center;
    background: #fff !important;
    margin: 3px;
    float: left;
}

.page_result table td {
    width: 100%;
    padding: 5px 5px;
}

.page_result .lot_title-table {
    background: #fff;
}

.page_result .lot_title-table tbody {
    width: 100%;
}

.page_result .lot_title-table tbody tr {
    width: 100%;
}

.page_result .lot_title-table tbody tr td {
    background: #fff;
    border: 0px;
    line-height: normal;
}

.page_result .lot_title-table tbody tr td {
    background: #fff;
    border: 0px;
    line-height: normal;
}

.page_result .t_title tbody tr {
    width: auto;
    margin: 10px 0px;
}

.page_result .t_title tbody tr td {
    border: 0px;
}

.page_result .lot_title {
    width: 100%;
    font-size: 25px;
    font-weight: bolder;
    color: #000000;
    text-transform: capitalize;
}

.page_result .lot_date {
    width: 100%;
    font-size: 25px;
    color: #f39200;
    font-weight: bold;
}

.page_result .r_title {
    width: auto;
    font-size: 16px;
    color: #fff;
    background: #fd0404;
    border-radius: 3px;
}

.page_result .r_prize {
    width: auto;
    font-size: 16px;
    color: #004bf3;
    background: #eaeaea;
}

.page_result .con_title {
    width: auto;
    font-size: 16px;
    color: #fff;
    background: #bd4545;
    border-radius: 3px;
}

.page_result .c_title {
    width: auto;
    font-size: 16px;
    color: #fff;
    background: #fd0404;
    border-radius: 3px;
}

.page_result .c_prize {
    width: auto;
    font-size: 16px;
    color: #004bf3;
    background: #eaeaea;
}

.page_result .bg_prize {
    background: #eaeaea;
    padding: 10px 20px;
    border-radius: 3px;
}

.page_result .ticket_no-table tbody tr td {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    border: 1px solid #757575;
    background: #fff;
}

.flash_result_page {
    animation: blinker 1s linear infinite;
}

.flash_result_page span {
    color: #fb4d4f;
    font-size: 30px;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    line-height: 34px;
}

span a {
    background-color: #fdd209 !important;
    color: #2d3033;
    font-weight: bold;
    padding: 5px 20px;
    font-weight: 500 !important;
    border: 1px solid #fdd209;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-decoration: none;
}

span a:hover,
span a:focus {
    background-color: #fdd209 !important;
    color: #2d3033;
    text-decoration: none;
}

.modal-xl .modal-title {
    position: absolute;
}

.footer_bg {
    background: #272727;
    padding: 20px 0;
}

.footer_bg footer {
    color: #fff;
}

.footer_social_icon a {
    font-size: 18px;
    color: #506070;
}

.footer_social_icon .fa-facebook-square {
    color: #046eb8;
}

.footer_social_icon .fa-youtube {
    color: #ff4747;
}

.avai_tick h3 {
    font-size: 1.2rem;
    padding: 10px 5px;
    text-align: center;
}

.avai_tick .last_4 {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.avai_tick .res_mob {
    max-width: 30%;
    width: 30%;
    display: flex;
}

.avai_tick .res-col {
    font-size: 14px;
    text-align: center;
    width: 50%;
}

.avai_tick .res_mob3 {
    max-width: 40%;
    width: 40%;
    display: flex;
}

.prize_detail_img {
    width: 500px;
    display: table;
}

.ticket_live {
    width: 100%;
    overflow: hidden;
    background: transparent;
}

.ticket_live .lottery_title {
    width: 100%;
    background: #fff;
}

.ticket_live .lottery_title table {
    width: 100%;
    background: #fff;
    margin-top: 20px;
    display: table;
}

.ticket_live .lottery_title tbody tr {
    background: #fff;
    border: 0;
}

.ticket_live .lottery_title tbody td {
    background: #fff;
    border: 0;
    padding: 10px 20px;
}

.ticket_live .lottery_title .title_name {
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ticket_live .lottery_title .title_no {
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ticket_live .lottery_title .date {
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ticket_live .lottery_title .category {
    float: left;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #e30000;
    font-size: 18px;
    font-weight: bold;
}

.ticket_live .lottery_title .rate {
    float: left;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #e30000;
    font-size: 18px;
    font-weight: bold;
}

.ticket_live .lottery_title .serial {
    float: left;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #506070;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
}

.ticket_live .lottery_title .lot_col {
    padding: 0 20px;
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ticket_live .lottery_title .red_text {
    float: left;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 18px;
    margin-bottom: 5px;
    color: #e30000;
    font-weight: bold;
}

.ticket_live .lottery_title .text {
    float: left;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 14px;
    margin-bottom: 5px;
    color: #506070;
    font-weight: normal;
}

.text-danger {
    color: #ed0707 !important;
}

#bhagyamithra_set_lottery {
    width: 100%;
}

.bhagyamithra_ticket_title {
    width: 100%;
}

.bhagyamithra_ticket_title h3 {
    width: 100%;
    text-transform: uppercase;
    color: #ff0101;
    font-weight: bold;
    margin-top: 40px;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
}

.nav-pills .nav-item {
    margin: 0 10px;
    background: #eaeaea;
}

#video_live {
    width: 100%;
    display: table;
}

#video_live_title {
    width: 100%;
}

.live_footer {
    width: 100%;
    background: #fff;
    height: 80px;
    position: fixed;
    bottom: 0;
    z-index: 99999999;
}

.fixed_title {
    width: 100% !important;
    background: #fff;
    position: fixed;
    z-index: 99999999;
}

.fixed_top {
    margin-top: 150px;
}

.date_col {
    color: #f44336;
}

.dataTables_wrapper {
    width: 100%;
}

.dataTable {
    width: 100%;
    display: inline-table;
}

.dataTable th {
    width: auto!important;
    text-align: center;
}

.fa-check-circle {
    color: #4cc34a;
    font-size: 18px;
}

.fa-times-circle {
    color: #f44336;
    font-size: 18px;
}

.fa-power-off {
    font-size: 18px;
}

.approve_alert {
    color: #4cc34a;
}

.reject_alert {
    color: #f44336;
}

.datepicker-days table thead th {
    padding: 0;
}

.datepicker-days table thead {
    background: none;
}

.datepicker-dropdown {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.header {
    border-bottom: 1px solid #fdd209;
}

.final_total .btn-primary {
    font-size: 18px;
}

.heading {
    color: #007bff;
    font-size: 18px;
    font-weight: 600;
}

.form-check-label {
    font-weight: 600;
}

.border-dashed {
    border: 1px dashed #fdd209;
}

.border-red-dashed {
    border: 1px dashed #fd3029;
}

.totalCount {
    font-size: 18px;
    font-weight: 600;
}

.totalCount span {
    font-size: 18px;
    font-weight: 500;
}

.need_validation_error, .needed_validation_error {
    border: 1px solid fd3029 !important;
}

.draw_date_text {
    animation: text-color-change 1s infinite;
}

.heading {
    color: #fd3029;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.ticket-heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.ticket-price {
    color: #fd3029;
    font-size: 20px;
    font-weight: 600;
}
.ticket-name {
    /* background-color: #1683f7;*/
    color: #ffffff; 
    background: #ed0707;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.form-check-label {
    font-weight: 600;
}
.list-group-set {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 1em;
}
.list-group-single {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 1em;
}
.popup-group-single {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.3em;
}
.list-group-item {
    color: #000000;
    background:#FAFA33;
    border: 0;
    padding: 1em;
    font-size: 15px;
    text-align: center;
}
.results .ticket-name {
    background-color: #8b8b8b;
    color: #000000;
}
.results .list-group-item {
    border: 0;
    padding: 1em;
    font-size: 18px;
    text-align: center;
}
.enable-select {
    cursor: pointer;
}
.enable-select:hover {
    background-color: #ed0707 !important;
}
.ticket-selected, .enable-select:active {
    color: #000000 !important;
    background-color: #ed0707 !important;
}
.bumper-item.enable-hover:hover {
    color: #000000 !important;
    background-color: #ed0707 !important;
}
.serial-text {
    font-size: 18px;
}
.live-settings {
    background: #52433f;
    color: #ffffff !important;
}
.live-settings .heading-line {
    font-size: 1.25rem;
    font-weight: 600;   
}
.live-settings input {
    transform: scale(1.2);
}

.liveResult .header, .liveResult .lottery-name {
    color: #fff;
    /* font-size: 40px;
    font-weight: 600;
	width: 100%; */
	z-index:999;
	/* height: 13vh; */
}

.liveResult .prizeContainer, .liveResult .sliderContainer {
    border-left: 2px solid #ccc;
    overflow-y: clip;
}



.marquee {
    position:relative;
    top:0;
    bottom:0;
    animation: marquee 20s linear infinite;
	z-index: -1;
    margin: 15px;
    /* padding: 15px; */
    border: 3px solid #717171;
}
@keyframes marquee {
    0% {
        top: 20em
    }
    100% {
        top: -50em
    }
}

@keyframes text-color-change {
    0% { color: #FBCA0D; }
    50% { color: #B57E10; }
    100% { color: #f5bb16; }
}



/* lottery card styles */
.lottery-card {min-height: 260px;max-height: 260px;border: 1px solid rgba(0,0,0,.125);border-radius: 8px;-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);background: #282828;}
.card-img {max-height: 125px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.card:hover {box-shadow: 1px 2px 4px 1px #8b99caa1;}
.big-model {max-width: 800px !important;}
.lottery-card:hover {
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px);
	transform: translate(0, -8px);
	box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
}


.mob-img img{ width:500px;  }
.list-group-set .list-group-item { width:auto; padding: 5px;  border-radius: 0; font-size: 0.9rem;  }
.list-group-single .list-group-item { width:auto; padding: 5px;  border-radius: 0; font-size: 0.9rem;  }
.lott_date { font-size: 16px; font-weight: 600;  color: #ff7959; }
.lott_ticket_name { float:left; margin-right:20px; font-size: 1.2em;  }
.sale_ticket_name {font-size: 1.2em;}
.lott_ticket_price { float:left; margin-right:20px; font-size: 1em;  }
/* .header_bg { background: #f9f9f9;  } */

.list-group-half { display: grid !important; grid-template-columns: repeat(5, 1fr); grid-gap: 1em; }
.list-group-half .list-group-item {  width:auto; padding: 5px;  border-radius: 0; font-size: 0.9rem; color: #000000; background:#FAFA33;}
.list-group-quater { display: grid !important; grid-template-columns: repeat(3, 1fr); grid-gap: 1em; }
.list-group-quater .list-group-item {  width:auto; padding: 5px;  border-radius: 0; font-size: 0.9rem; color: #000000; background:#FAFA33 }
.first_half { border: 0; border: 3px solid #695b58; list-style: none; }
.second_half { border: 0; border: 3px solid #575757; list-style: none; }
.first_quater { border: 0; border: 3px solid #695b58; list-style: none; }
.second_quater { border: 0; border: 3px solid #575757; list-style: none; }
.third_quater { border: 0; border: 3px solid #695b58; list-style: none; }
.fourth_quater { border: 0; border: 3px solid #575757; list-style: none; }

.bumper-group-set { display: grid !important; grid-template-columns: repeat(10, 1fr); grid-gap: 1em; text-align: center;}
.bumper-group-set .bumper-item {  width:auto; padding: none !important;  border-radius: 0; font-size: 0.9rem; color: #000000; background:#FAFA33; text-align: center; }
.bumper-item .bumper-dist{ background: #54575e; color:#ffffff; font-size: smaller;}
.enable-select .bumper-dist:hover { background-color: #0A174E !important;}
.first_district { border: 0; background: #fff8d5; list-style: none; }
.second_district { border: 0; background: #fff4f4; list-style: none; }

.selected-tickets { display: grid !important; grid-template-columns: repeat(5, 1fr); grid-gap: 0.2em; }
.selected-tickets .selected-item {  width:auto; padding: 8px;  border-radius: 0; font-size: 0.9rem; background:#FAFA33;text-align: center; color: #000000;}
.winner-selected-tickets { display: grid !important; grid-template-columns: repeat(2, 1fr); grid-gap: 0.2em; }
.winner-selected-tickets .selected-item {  width:auto; padding: 4px;  border-radius: 0; font-size: 0.9rem; background:#eceaea;text-align: center; }

.page-layout {background: #282828;}
.availableTickets {border: 3px solid #807471;}
.ticket-detail-panel {background: #3f3f3f; border-radius: 10px; overflow-wrap: anywhere;}
.text-ticket-category {color: #ffa88e; font-size: 2.5vh;}
.text-ticket-serial {color: #ffffff;font-size: 2vh;}
.text-ticket-count {font-size: 2vh;}


.sliderContainer { height: 40vh; }
/* .liveResult .prizeContainer { border:0; } */
.carousel_title { grid-column: 1 / 12; font-size: 3vh;  font-weight: bold; padding: 5px 0; width: 100%;  }
.sliderContainer_title { font-size: 3vh; font-weight:bold; padding:5px 0; width:100%; grid-column: 1 / 12; border: 2px solid #717171;}
.borderForContainers {border: 2px solid #717171;}
.consolationSerials {background:#FAFA33; color: #000000;font-size: 2vh !important;}
.result-live-grid { display: grid !important;   text-align: center; grid-gap: 1vh; }
.result-live-grid .winner-number { width:auto; padding: 5px;  border-radius: 0; font-size: 1rem;}

.prizeContainer { display: grid !important;   text-align: center; border: 2px solid #717171;}
.prizeContainer .winner-number { width:auto; padding: 5px;  border-radius: 0; font-size: 3em; }

.prizeContainer-1 .sliderContainer_title { grid-column: 1 / 1; padding: 10px 10px; font-size: 4vh; }
.prizeContainer-2 .sliderContainer_title { grid-column: 1 / 1; padding: 10px 10px; font-size: 4vh; }
.prizeContainer-1 .carousel_title { grid-column: 1 / 1;  }
.prizeContainer-2 .carousel_title { grid-column: 1 / 1;  }

.marqueePrize_title {font-size: 3vh;}
.prizeContainer-1 .prize-1 { padding: 5px; font-size: 9vh; font-weight: bold; color:#FAFA33;}
.prizeContainer-1 .prize-1 span { padding: 0px; font-size: 0.9em; display: none;   }
.prizeContainer-2 .prize-2 { padding: 5px; font-size: 5vh; font-weight: bold; }
.prizeContainer-2 .secondPrizeContainer .prize-2 { padding: 5px; font-size: 3vh; float: left; background: #484848; }
.prizeContainer-2 .secondPrizeGrid .prize-2 { padding: 5px; font-size: 3vh; float: left; background: #484848;}
.prizeContainer-2 .scrollPrizeContainer .prize-2 { padding: 3px; font-size: 2.5vh; float: left; background: #3f3f3f;color: #ffffff;}
.prizeContainer-3 .prize-3 { padding: 3px; font-size: 3vh; float: left; background: #3f3f3f;color: #ffffff;}
.prizeContainer-4 .prize-4 { padding: 3px; font-size: 3.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.prizeContainer-5 .prize-5 { padding: 5px; font-size: 3.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }

.prizeContainer-6 .prize-6 { padding: 5px; font-size: 3vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.prizeContainer-7 .prize-7 { padding: 5px; font-size: 3vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.prizeContainer-8 .prize-8 { padding: 5px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.prizeContainer-9 .prize-9 { padding: 5px; font-size: 2.5h; width: auto; float: left; background: #3f3f3f;color: #ffffff; }

.marqueeSideContainer { padding: 5px; border: 2px solid #ccc;}
.marqueeSideContainer .prize-1 { padding: 2px; font-size: 6vh; font-weight: bold; color:#FAFA33;}
.marqueeSideContainer .prize-2 { padding: 2px; font-size: 4vh; font-weight: bold; }
.marqueeSideContainer .prizeContainer-3 .prize-3 { padding: 3px; font-size: 2vh; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-4 .prize-4 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-5 .prize-5 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-6 .prize-6 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-7 .prize-7 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-8 .prize-8 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }
.marqueeSideContainer .prizeContainer-9 .prize-9 { padding: 3px; font-size: 2.5vh; width: auto; float: left; background: #3f3f3f;color: #ffffff; }

.prizeContainer-3 { display:block !important; }
.prizeContainer-4 { display:block !important; }
.prizeContainer-5 { display:block !important; }
.prizeContainer-6 { display:block !important; }
.prizeContainer-7 { display:block !important; }
.prizeContainer-8 { display:block !important; }
.prizeContainer-9 { display:block !important; }

.carousel-item .prizeContainer-3 .winner-number.prize-3 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-4 .winner-number.prize-4 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-5 .winner-number.prize-5 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-6 .winner-number.prize-6 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-7 .winner-number.prize-7 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-8 .winner-number.prize-8 { font-size: 2.5em;  width: auto; }
.carousel-item .prizeContainer-9 .winner-number.prize-9 { font-size: 2.5em;  width: auto; }



#mainPanel {  height:74vh; display: inline-table;   }

.header .lotteryTitle { font-size: 5vh;  font-weight: 500;  }
.footer .lottery-name { font-size: 4vh;  font-weight: 500; align-items: center; display: inline-grid; }
.liveResult .footer .CountDown {  color: #fff; font-size: 4vh; font-weight: 500; width: 40%; text-align:right; line-height: initial; padding-right:35px;  }
.lotteryImg { height:74vh;  object-fit: fill;}
.liveResult .footer .logo { padding: 20px 0; background-color: #fff; }
.liveResult .footer .logo img{ width: 200px; height: 11vh;}
.liveResult .currentTime {  background-color: #fff;  color: #000; font-weight: 500; padding: 20px 0; align-items: center !important; display: flex; font-size: 4vh;
    text-transform: uppercase;  }
.footer { height: 13vh;  }

.table { display: table; }
.table thead th {  font-size: 1.5em; text-align: left; }
.table tbody tr td {  font-size: 1.3em; text-align: center; padding: 14px 10px; line-height: 42px; text-align: left; color: #e2e2e2 !important; }
.table tbody tr { height:30px; }
/* .prizeList { height: 787px; } */


.liveResult .content-container img{ height: 22vh; margin-bottom:20px; }
.sliderContainer .slider-inner { font-size: 1.8em;  }
.secondPrizeContainer { display: grid !important;  grid-template-columns: repeat(5, 1fr); grid-gap: 1rem;}
.thirdPrizeContainer { display: grid !important;  grid-template-columns: repeat(5, 1fr); grid-gap: 1rem;}
.scrollPrizeContainer { display: grid !important;  grid-template-columns: repeat(9, 1fr); grid-gap: 0.5vh;}
.prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(3, 1fr); grid-gap: 1rem;}
.prizeContainer-5 .prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem;}
.prizeContainer-6 .prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem;}
.prizeContainer-7 .prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(9, 1fr); grid-gap: 0.5rem;}
.prizeContainer-8 .prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(10, 1fr); grid-gap: 0.5rem;}
.prizeContainer-9 .prizeContainer-inner {display: grid !important;  grid-template-columns: repeat(10, 1fr); grid-gap: 0.5rem;}
.sliderContainer .slider-consol-inner { display: grid !important;  grid-template-columns: repeat(2, 1fr); font-size: 2em;}
.prizeContainer-2 .marqueeNumberContainer.secondPrizeGrid  { display: grid !important;  grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; }
.prizeContainer-3 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-4 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-5 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-6 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-7 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-8 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.prizeContainer-9 .marqueeNumberContainer { display: grid !important;  grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.sliderContainer .slider-consol-inner .consolation-ticket-number {  padding: 5px 10px; border-radius: 0; width: 270px; font-size: 1em; float: left; }
.popup-ticket-heading {font-size: 18px;}

/* Style for Showing count in the index page */
.info-box { display: block; min-height: 90px; background: #282828; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 2px; margin-bottom: 15px; }
.info-box .bg-aqua { background-color: #00c0ef !important; }
.info-box .bg-red { background-color: #dd4b39 !important; }
.info-box .bg-green { background-color: #00a65a !important; }
.info-box .info-box-content { padding: 5px 10px; margin-left: 90px; }
.info-box .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0,0,0,0.2); }
.info-box .info-box-text { text-transform: uppercase; display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.info-box .info-box-number { font-weight: bold; font-size: 16px; }
  /* ends */



/* ==== Customer page Jumbotron style properties === */
.card-header .title {font-size: 17px;}
.card-header .accicon {float: right;font-size: 20px;width: 1.2em;}
.card-header{cursor: pointer;border-bottom: none;background: linear-gradient(40deg,#ff6ec4,#7873f5) !important;color: #fff;}
.card-header.subAccordion{cursor: pointer;border-bottom: none;background: linear-gradient(40deg,#ff6ec4,#7873f5) !important;color: #fff;}
.bannerImg.card{border: 1px solid #ddd;}
.card-header:not(.collapsed) .rotate-icon {transform: rotate(180deg);}
/* tabs */
.tab-vertical .nav.nav-tabs {float: left;display: block;margin-right: 0px;border-bottom: 0;}
.tab-vertical .nav.nav-tabs .nav-item {margin-bottom: 6px;}
.tab-vertical .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;background: #fff;padding: 17px 49px;color: #71748d;background-color: #dddde8;-webkit-border-radius: 4px 0px 0px 4px;-moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;}
.tab-vertical .nav-tabs .nav-link.active {color: #4285f4;background-color: #fff !important;border-color: transparent !important;}
.tab-vertical .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: 4px !important;border-top-right-radius: 0px !important;}
.tab-content {overflow: auto;-webkit-border-radius: 0px 4px 4px 4px;-moz-border-radius: 0px 4px 4px 4px;border-radius: 0px 4px 4px 4px;background: #fff;padding: 10px;}
.grey-background {background: #ededed;}
.ticket-search:focus{background-image: none;}
.bannerImg {background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;}
.rgba-stylish-strong {background-color: rgba(33, 27, 38, 0.8) !important;}
/* === end of jumbotron style properties === */






@media only screen and (max-width: 1200px) { 
	.container{ max-width: 100%;} .list-group-set { grid-template-columns: repeat(10, 1fr); } .list-group-single { grid-template-columns: repeat(8, 1fr); } .bumper-group-set { grid-template-columns: repeat(10, 1fr); } .bumper-group-single { grid-template-columns: repeat(8, 1fr); }   
}

@media only screen and (max-width: 991px) {
	.list-group-set { grid-template-columns: repeat(8, 1fr); grid-gap: 0.5em; } 
    .list-group-single { grid-template-columns: repeat(6, 1fr); grid-gap: 0.5em; } 
    .list-group-half { grid-template-columns: repeat(5, 1fr); grid-gap: 0.5em; } 
    .list-group-quater { grid-template-columns: repeat(3, 1fr); grid-gap: 0.5em; } 
    .bumper-group-set { grid-template-columns: repeat(8, 1fr); grid-gap: 0.5em; } 
    .bumper-group-single { grid-template-columns: repeat(6, 1fr); grid-gap: 0.5em; } 
}

@media only screen and (max-width: 768px) {
	.list-group-set { grid-template-columns: repeat(6, 1fr); grid-gap: 0.5em; } .list-group-single { grid-template-columns: repeat(5, 1fr); grid-gap: 0.5em; } .list-group-half { grid-template-columns: repeat(5, 1fr); grid-gap: 0.5em; } .list-group-quater { grid-template-columns: repeat(3, 1fr); grid-gap: 0.5em; }  .bumper-group-set { grid-template-columns: repeat(6, 1fr); grid-gap: 0.5em; } .bumper-group-single { grid-template-columns: repeat(5, 1fr); grid-gap: 0.5em; }
    .navbar-toggler {margin: 12px;font-weight: 500;color: #3f4a56 !important;font-size: 14px;font-family: 'Roboto', sans-serif !important;}
    .navbar-collapse {z-index: 1;background: #fdd209;}
}

@media only screen and (max-width: 576px) { .mob-img img{ width:100%;  } 
	.list-group-set { grid-template-columns: repeat(4, 1fr); grid-gap: 0.1em; } .list-group-single { grid-template-columns: repeat(3, 1fr); grid-gap: 0.1em; } .list-group-half { grid-template-columns: repeat(4, 1fr); grid-gap: 0.1em; } .list-group-quater { grid-template-columns: repeat(4, 1fr); grid-gap: 0.1em; }.bumper-group-set { grid-template-columns: repeat(4, 1fr); grid-gap: 0.1em; } .bumper-group-single { grid-template-columns: repeat(3, 1fr); grid-gap: 0.1em; }
    .navbar-toggler {margin: 6px;font-weight: 500;color: #3f4a56 !important;font-size: 14px;font-family: 'Roboto', sans-serif !important;}
    .navbar-collapse {z-index: 1;background: #fdd209;}
    .winner-btn-container{margin-right: 100px;margin-top: 30px;}
}

@media only screen and (max-width: 340px) {.list-group-half { grid-template-columns: repeat(3, 1fr); grid-gap: 0.1em; }  }