/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 24 Jan 2023, 5:37:49 pm
    Author     : Rohan Bhatte
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,100,700,900);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&display=swap');
html{
   scroll-behavior: smooth;
   font-family: 'Open Sans',sans-serif;
}
hr{
    height:2px; 
    border:none; 
    background-image: -webkit-linear-gradient(155deg, rgba(27,160,63,1) 0%, rgba(149,208,91,1) 47%, rgba(0,100,0,1) 100%);
    background-image: -moz-linear-gradient(155deg, rgba(27,160,63,1) 0%, rgba(149,208,91,1) 47%, rgba(0,100,0,1) 100%);
    background-image: -ms-linear-gradient(155deg, rgba(27,160,63,1) 0%, rgba(149,208,91,1) 47%, rgba(0,100,0,1) 100%);
    background-image: -o-linear-gradient(155deg, rgba(27,160,63,1) 0%, rgba(149,208,91,1) 47%, rgba(0,100,0,1) 100%); 
    width:80%; 
    text-align:center; 
    margin: 0 auto;
}
#logo {
    height: 120px;
    width: 251px;
    margin-bottom: 20px;
    margin-top: 20px;
    float:right;
}
#footer{    
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 70%;
}
#div_nopending{
    margin: auto;
    width: 50%;
    text-align: center;
}

@media only screen and (max-width: 800px) and (min-width: 375px){
    #img_nopending{
        width: 100%;
        height: 100%;
        left:auto;
        right:auto;
    }
}
#img_nopending{
    width: 60%;
    height: 60%;
    left:auto;
    right:auto;
}
 
.btn-grad1 {background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%)}
.btn-grad1 {
   margin-left: 3px;
   margin-top: 35px;
   padding: 10px 35px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
 }
.btn-grad1:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }
.btn-grad2 {background-image: linear-gradient(to right, #43cea2 0%, #185a9d  51%, #43cea2  100%)}
.btn-grad2 {
   margin-left: 3px;
   margin-top: 30px;
   padding: 10px 35px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
 }
 .btn-grad2:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }
.card {
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    min-height: 70px;
    margin-top: 20px;
    overflow: hidden;
}
.card .titleb {
    background: #007ea7;
    color: #7dc4df;
    font-weight:bold;
    font-size: 1.5rem;
    text-align: center;
    line-height: 3rem;
    
 }
 .card .titleg {
    background: #1a936f;
    color: #c6dabf;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .titler {
    background: #b71c1c;
    color: #ffcdd2;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .titley {
    background: #f9a825;
    color: #fff59d;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .titletrop1{
    background: rgb(153,30,102);
    background: linear-gradient(59deg, rgba(153,30,102,1) 0%, rgba(218,41,28,1) 33%, rgba(255,51,51,1) 66%, rgba(255,199,44,1) 100%); 
    color: #ffffeb;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .titletrop2{
    background: rgb(32,36,78);
    background: linear-gradient(38deg, rgba(32,36,78,1) 0%, rgba(51,51,153,1) 33%, rgba(0,153,255,1) 66%, rgba(0,152,167,1) 100%); 
    color: #cceaff;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .titletrop3{
    background: rgb(0,150,57);
    background: linear-gradient(152deg, rgba(0,150,57,1) 0%, rgba(164,214,94,1) 33%, rgba(113,204,152,1) 66%, rgba(0,150,129,1) 100%);
    color: darkgreen;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 3rem;
    text-align: center;
 }
 .card .content {
    padding: 1.3rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px;
 }
 .divclash{
    position: fixed;
    padding: 0.5em 0.5em;
    top:15%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #B71C1C;
    color:white;
    border-radius: 0.5rem;
    z-index: 80;
    visibility:hidden;
}