/********** Template CSS **********/
:root {
    --primary: #EB1616;
    --secondary: #191C24;
    --light: #6C7293;
    --dark: #000000;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
}


/*** Layout ***/
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px;
    height: 100vh;
    overflow-y: auto;
    background: var(--secondary);
    transition: 0.5s;
    z-index: 999;
}

.content {
    margin-left: 250px;
    min-height: 100vh;
    background: var(--dark);
    transition: 0.5s;
}

@media (min-width: 992px) {
    .sidebar {
        margin-left: 0;
    }

    .sidebar.open {
        margin-left: -250px;
    }

    .content {
        width: calc(100% - 250px);
    }

    .content.open {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .sidebar {
        margin-left: -250px;
    }

    .sidebar.open {
        margin-left: 0;
    }

    .content {
        width: 100%;
        margin-left: 0;
    }
}


/*** Navbar ***/
.sidebar .navbar .navbar-nav .nav-link {
    padding: 7px 20px;
    color: var(--light);
    font-weight: 500;
    border-left: 3px solid var(--secondary);
    border-radius: 0 30px 30px 0;
    outline: none;
}

.sidebar .navbar .navbar-nav .nav-link:hover,
.sidebar .navbar .navbar-nav .nav-link.active {
    color: var(--primary);
    background: var(--dark);
    border-color: var(--primary);
}

.sidebar .navbar .navbar-nav .nav-link i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    border-radius: 40px;
}

.sidebar .navbar .navbar-nav .nav-link:hover i,
.sidebar .navbar .navbar-nav .nav-link.active i {
    background: var(--secondary);
}

.sidebar .navbar .dropdown-toggle::after {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .5s;
}

.sidebar .navbar .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(-180deg);
}

.sidebar .navbar .dropdown-item {
    padding-left: 25px;
    border-radius: 0 30px 30px 0;
    color: var(--light);
}

.sidebar .navbar .dropdown-item:hover,
.sidebar .navbar .dropdown-item.active {
    background: var(--dark);
}

.content .navbar .navbar-nav .nav-link {
    margin-left: 25px;
    padding: 12px 0;
    color: var(--light);
    outline: none;
}

.content .navbar .navbar-nav .nav-link:hover,
.content .navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.content .navbar .sidebar-toggler,
.content .navbar .navbar-nav .nav-link i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    border-radius: 40px;
}

.content .navbar .dropdown-item {
    color: var(--light);
}

.content .navbar .dropdown-item:hover,
.content .navbar .dropdown-item.active {
    background: var(--dark);
}

.content .navbar .dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: middle;
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .5s;
}

.content .navbar .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(-180deg);
}

@media (max-width: 575.98px) {
    .content .navbar .navbar-nav .nav-link {
        margin-left: 15px;
    }
}


/*** Date Picker ***/
.bootstrap-datetimepicker-widget.bottom {
    top: auto !important;
}

.bootstrap-datetimepicker-widget .table * {
    border-bottom-width: 0px;
}

.bootstrap-datetimepicker-widget .table th {
    font-weight: 500;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 10px;
    border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: var(--primary);
}


/*** Testimonial ***/
.progress .progress-bar {
    width: 0px;
    transition: 2s;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 5px solid var(--primary);
    border-radius: 15px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--dark);
    border-color: var(--primary);
}

/*** Custom ***/


.MyBg {background-image: linear-gradient(maroon, black );}
.QuoteImg {display:none;}
.QuoteTxt h3, .QuoteTxt h5 {display:none;}
.QuoteTxt h4 {display:inline-block; color:#9499b5; font-weight:500;}
.QuoteTxt p {font-size:120%;}

.contest_box {padding:18px; border-radius:5px; color:#fff; line-height:1.2;}
.contest_box h2 {display:inline-block; font-size:22px;}
.contest_box p {display:inline-block; margin-top:7px;}

.CT-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 118px;
    height: 118px;
	margin:5px;
	padding:8px;
	background: radial-gradient(#22262f 0%, #181b21 30%, #000000 65%);
	border:6px solid #EB1616;
	border-radius: 100%;
}
.CT-badge:hover { 
	border:6px solid #a2a6bd; 
}
.CT-badge .CT-icon, .CT-badge .CT-icon2 {
        display: flex;
        align-items: center;
        justify-content: center; 
		font-size:180%;
		font-weight:600;
        color: #EB1616;
 }
.CT-badge .CT-icon2 { 
		font-size:120%;
		line-height:1.2; 
		text-align:center;
 }

.align-items-40 {padding-left:28%; }
.open .align-items-40 {padding-left:39%; }

#footLink .text-right {text-align:right !important;}
.sm-txt {font-size:90%;}
.sm-txt a {color:#a9adc5;}

.btn-sm, .btn-group-sm>.btn {
    padding: 3px 6px;
    font-size: 12px; 
}

.table-bordered td, .table-bordered th { border:1px solid rgba(100,100,100,0.4) !important; padding:3px 6px;}
table.dataTable {border-collapse: collapse !important;}
.pagination li {padding-right:5px;}


.contest-badge, .contest-badge2 {display: flex; justify-content: space-between; align-items: center; margin:0; padding:10px 15px; width:100%; border-radius:5px; border:2px solid rgba(180,180,180,0.3);} 
.contest-badge img {margin:auto; max-width:100%;}
.contest-pool {width:33%; color:#000; line-height:1.3; font-size:100%; font-weight:700; vertical-align:top;}
.contest-pool h5 {display:inline-block;font-size:250%; line-height:1.2; color:#000; margin-left:15px; text-shadow: 1px 1px #fff; vertical-align:top;}
.contest-pool span{display:block; text-align:right; margin-right:10px; color:#000; line-height:1.3; font-size:12px;}
.contest-entry {width:28%; text-align:center; color:#000; line-height:1.4; font-size:93%; background:rgba(255,255,255,0.3);}
.contest-entry h5 {font-size:160%; color:#000;} 
.entry-price {margin-top:5px;}
.contest-title {width:35%; text-align:center; padding-left:10px; color:#000; line-height:1.3; font-size:100%;}
.contest-title span{display:inline-block; color:#000; line-height:1.3; font-size:130%; font-weight:700;}
.pool-label { display:inline-block; padding:3px 7px; font-size:90%; background:#f0f0f0; border-radius:3px; margin-right: 5px; }

.contest-badge2 .contest-pool {width:40%; color:#000; line-height:1.3; font-size:100%; font-weight:700; vertical-align:top;}
.contest-badge2 .contest-entry {width:40%; text-align:center; color:#000; line-height:1.4; font-size:93%; background:rgba(255,255,255,0.3);}
.contest-badge2 .contest-title {width:80%; float:left; text-align:center; padding-left:10px; color:#000; line-height:1.3; font-size:100%;}

.contest-offer {display: block; margin:0; padding:10px 15px; width:100%; border-radius:5px; border:2px solid rgba(180,180,180,0.3);} 
.contest-offer .contest-title {display:inline-block; width:40%; text-align:center; padding-left:10px; color:#000; line-height:1.2; font-size:100%;}
.contest-offer .contest-pool {display:inline-block; width:28%; float:left; margin-top:12px; padding-top:10px; color:#000; line-height:1.4; font-size:100%; font-weight:700; vertical-align:top;}
.contest-offer .contest-entry {display:inline-block; width:28%; float:right; margin-top:12px; text-align:center; color:#000; line-height:1.4; font-size:93%; background:rgba(255,255,255,0.3);}
.contest-offer .txt-sm {display:inline-block; width:39%; text-align:center; color:#000; font-size:100%; line-height:1;}
.contest-offer .contest-title h5{color:#e00606; line-height:1.1; font-size:180%;}
.contest-offer .contest-title h6{color:#0b3a89; line-height:1.1; font-size:130%;}

h3 .fas, h3 .fa {font-size:48px;}

.table .infoLk {float:right; margin-left:5px; width:20px; height:20px; text-align:center; font-size:12px; font-weight:bold; border:1px solid #6C7293; border-radius:100%;}
.tableWid tr td, .tableWid tr th {padding:0px;}
.DTsplit {display:block; min-width:160px; width:14%; min-height:40px; padding:6px 7px; margin:0; border-bottom:1px solid #000;}
.tableWid td .DTsplit:first-child, .tableWid th .DTsplit:first-child {min-height:65px;}
.tableWid td .DTsplit:last-child, .tableWid th .DTsplit:last-child {border-bottom:none;}
.DTsplit .btn, .DTsplit button {font-size:70%; padding:0px 8px; margin:0;}

.table-responsive::-webkit-scrollbar {
  width: auto;
  height:6px;
}
.table-responsive::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
  border:2px solid rgba(0,0,0,0); 
}
.table-responsive::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0);
  border:none;
  border-radius:4px; 
}
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0);
}

.accordion-item {margin-bottom:10px;}
.accordion-body .DTsplit {border-bottom:1px solid #202020;}

.color1 {background-image: linear-gradient( 170deg, #ff4a4f 30%, #fe9358 100%);}
.color1:hover {background-image: linear-gradient( 176deg, #ff4a4f 20%, #fe9358 90%);}
.color2 {background-image: linear-gradient( 178deg, #f7e73a 30%, #d2b806 100%);}
.color2:hover {background-image: linear-gradient( 180deg, #f7e73a 30%, #d2b806 90%);}
.color3 {background-image: linear-gradient( 178deg, #34d7e6 30%, #109dc6 100%);}
.color3:hover {background-image: linear-gradient( 180deg, #34d7e6 30%, #109dc6 90%);}
.color4 {background-image: linear-gradient( 178deg, #7cce24 30%, #318a0f 100%);}
.color4:hover {background-image: linear-gradient( 180deg, #7cce24 30%, #318a0f 90%);}
.color5 {background-image: linear-gradient( 178deg, #9e62db 30%, #5d2bb1 100%);}
.color5:hover {background-image: linear-gradient( 180deg, #9e62db 30%, #5d2bb1 90%);}
.color6 {background-image: linear-gradient( 178deg, #ca6fd0 30%, #a4359d 100%);}
.color6:hover {background-image: linear-gradient( 180deg, #ca6fd0 30%, #a4359d 90%);}
.golden {background-image: linear-gradient( 178deg, #dcc24b 30%, #cba531 100%);}
.golden:hover {background-image: linear-gradient( 180deg, #dcc24b 30%, #cba531 90%);}
.silver {background-image: linear-gradient( 178deg, #ccd0d2 30%, #9fa3a6 100%);}
.silver:hover {background-image: linear-gradient( 180deg, #ccd0d2 30%, #9fa3a6 90%);}

@media (max-width: 1100px) and (min-width: 600px) {

	.contest-offer .contest-pool, .contest-offer .contest-entry {margin-top:0px; padding-top:0px;} 
	.contest-offer .contest-title h5{color:#e00606; line-height:1; font-size:140%;}
	.contest-offer .contest-title h6{color:#0b3a89; line-height:1; font-size:100%;}
	.contest-offer .txt-sm {font-size:85%; line-height:1.1;}
}


@media (max-width: 580px) {


	.g-4, .gy-4 { --bs-gutter-y: 0.8rem; }
	.g-4, .gx-4 { --bs-gutter-x: 0.8rem; }
	.px-4 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
	.p-4 { padding: 0.8rem !important; }
	.rounded { border-radius: 6px !important; } 
	.accordion-body { padding: 1rem 0.93rem; }


	.Mcolchg .col-sm-6 {flex:0 0 auto;width:50% !important;}
	.Mcolchg .p-4 {padding:15px !important;}
	.Mcolchg .fa-3x {font-size:32px; padding-right: 15px;}
	.align-items-40, .open .align-items-40 {padding-left:22%; } 
	.sidebar.open .navbar {top:80px;}
	.table {font-size:90%;}
	#footLink .sm-txt {text-align:center !important; padding:5px;}
	#footLink .text-right {text-align:center !important;}
	.LogLogo {width:180px;}

	.container-fluid .row .col-sm-6{flex:0 0 auto;width:50%}

	.contest-badge {padding:5px; }
	.contest-pool {width:36%; font-size:80%;}
	.contest-entry {width:28%; font-size:85%; padding:4px;}
	.contest-pool h5{font-size:140%; color:#000; margin-left:0; }
	.pool-label { font-size:80%; margin:1px 0;}
	.contest-entry h5 {font-size:115%; color:#000;}
	.contest-title {width:38%; font-size:80%; line-height:1.4; margin-right:5px;} 
	.contest-title h4 {font-size:90%; color:#fff;}
	.contest-title h6 {font-size:70%;}
	.contest-title button, .contest-title .btn-sm {padding:2px 8px; margin:5px 0; font-size:85%; border-radius:10px;}
	.contest-offer .contest-title {display:block; width:100%;}
	.contest-offer .contest-pool {display:inline-block; width:45%; float:none; margin-top:0px; margin-right:18px; padding-top:0px; color:#000; vertical-align:top; font-size:80%}
	.contest-offer .contest-entry {display:inline-block; width:45%; float:none; margin-top:0px; padding:0; line-height:1.4; font-size:82%; }
	.contest-offer .txt-sm {display:block; width:100%; margin-top:5px; font-size:70%; line-height:1.1;}
	.contest-offer .contest-title h5{color:#e00606; line-height:1; font-size:120%;}
	.contest-offer .contest-title h6{color:#0b3a89; line-height:1; font-size:93%;}

	h3 .fas, h3 .fa {font-size:30px;}

	.tableWid td .DTsplit:first-child, .tableWid th .DTsplit:first-child {min-height:65px;} 
	.DTsplit { width:99%; min-width: 141px; }
	.order-sm-up {-webkit-box-ordinal-group: 2; order: 1;}
	.order-sm-6 {-webkit-box-ordinal-group: 7; order: 6;}
	.order-sm-12 { -webkit-box-ordinal-group: 13; order: 12; }

}