body{
   background-color: #3d717c8f;
}

.borderlogo{
    border: 15px solid #234441; 
    border-radius:5px; 
    margin:5px;
    background-image: url(../img/background-02.jpg);
}
.btn-danger {
    background-color: #234441;
    border-color: #234441;
}

.satkarlogo{
    width:  116px;
}

.logo{
    color:#fff;
    text-decoration: none;
}

.bg-color2{
    border-radius:5px; 
    border: 5px solid #cbdce3; 
    background:#560a0a; 
    margin:5px;
    color: white;
}
.scrollToTop{
    color: white;
}
.bg-chart{
    border-radius:5px;
    background-color: #af361a!important; 
    margin:0px 5px 0px 5px;
}
#content{
    border-radius:5px;
    margin:0px 5px 0px 5px;
}
table{
   width: 100%;
   text-align: center;
}
.table{ 
   border-collapse: collapse; 
   width: 100%; 
   background-color: #fff; 
   border: 1px solid #fff;
}

.table tr,.table td{ 
   border: 1px solid #fff; 
   padding: 8px;
}

.pt-13{
   padding-top: 13px!important;
} 

.table td,.table tr,.table th{ 
   font-size: 16px!important;
   border:none; 
   text-align:center; 
   padding: 8px; 
} 
.jc{ 
   font-weight:bold!important; 
   font-size: 32px!important; 
} 

.table thead tr{
   border: 1px solid #3f51b5; 
} 

.table tr{
   border: 1.5px solid #3f51b5;

} 

#fix {
    background-color: #ffffff;
    color: black;
    border: 5px solid #002736;
    margin: 4px;
    padding: 4px;
    font-weight: bold;
    text-decoration: none;
    font-size: large;
    font-style: italic;
    text-align: center;
}
.fix_div {
    font-size: 20px;
}

@media (max-width: 768px) {
    .jumbotron{font-size: 12px !important;}
    .one_img img {width: 12% !important;}
}

@media (max-width:480px){
    .one_img img {width: 12% !important;}
    .jumbotron{font-size: 12px !important;}
}

@media (max-width:320px)
{
    .one_img img {width: 12% !important;}
    .jumbotron{font-size: 12px !important;}
}
@media screen and (max-width:667px) { 
.table td,.table tr,.table th{ 
    padding: 5px 0px!important;
    font-size: 10px!important; 
}

.jc{ 
   font-weight:bold!important; 
   font-size: 14px!important; 
} 
.divtable{ 
   padding:0!important; 
   } 
}
                         
.border-right {
   border-left: none!important; 
   border-right: 1px solid #3f51b5!important;
} 

.css-11,.css-16,.css-22,.css-27,.css-33,.css-38,.css-44,.css-49,.css-50,.css-55,.css-61,.css-66,.css-72,.css-83,.css-88,.css-94,.css-99,.css-05,.css-00,.css-77{ 
   color:red;
} 

.divtable{ 
   padding: 15px 10%; 
} 
.jumbotron{font-size: 12px !important;}
.one_img img {width: 12% !important;}
.head3{ 
   padding: 30px!important; 
} 

.border-left{
   border-right: none!important; 
} 

.border-jodi{ 
   border: none!important; 
}
 [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid] { 
   display: none; 

} 
[wire\:offline] { 
   display: none; 
} 

[wire\:dirty]:not(textarea):not(input):not(select) { 
   display: none; 
} 

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { 
   animation-duration: 50000s; 
   animation-name: livewireautofill; 
   } 

@keyframes livewireautofill { from {}
 .bg-chart { background-image: linear-gradient(45deg, #28a2af, #6564dc)!important;
  }
 .bg-chart {
    background: #af361a!important;
}}
 .btn-blue{ background-color: rgb(18 166 181)!important; font-weight: 700!important;} 
 .font-20{ font-size:20px!important; }
 .border-red{ background: #132d48!important;}.dis{ background: #fff; color: #fff; font-size: 28px;}
 .dis-content{color: #fff;}.zones { background: #3c1321!important; color: #fff;}