@charset "UTF-8";
/*!
* Custome creded by Team
*/

/* colors for major contents */

.navbar_header_background {
   /*background: #616589;*/
   background-image: linear-gradient( to top,  rgb(143 150 143),  rgb(169 174 169));
   background-blend-mode: darken;
   background-size: cover;
   min-height: 10% !important;
   padding-left: 2%;
   padding-right: 2%;
   padding-top: 1%;
   padding-bottom: 1%;
}

.navbar_header_background .col-md-6{
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
}

.navbar_header_background #login_form{
   margin-bottom: 0%;
}
/*.navbar_header_background .col-md-2 {width: 20%;}
.navbar_header_background .col-md-4 {width: 30%;}
.navbar_header_background .col-md-6 {width: 50%;}*/

.logoBoxdiv{   
   display: flex;
   align-items: flex-end;
   column-gap: 1rem;
}

.logo {
   width: 50%;
}

.logo_name{
   font-size: 1.23rem;
}

.rightnav {
   display: flex;
   align-items: flex-end;
   column-gap: 0.810rem;  
   /*padding-right: var(--bs-gutter-x, 0.75rem);*/
   padding-left: var(--bs-gutter-x, 0.75rem);
   /*margin-top: 2.8rem;
   margin-right: 3rem;
   margin-left: auto;*/
}


#org_id{
   width: 100%;
}

.cls_org_id{    
   width: 20%;
}

#username{
   width: 100%;
}
.cls_username{
   width: 50%;
}

#password{
   width: 100%;
}
.cls_password{
 width: 30%;
}

.fg_password{
  width: 100%;
  text-align: right;
  padding-right: 23%;
  font-size: 15px;
}
.fg_password a{
   color: #fff !important; 
}

#btn-login{
   width: 100%;
}
.btn-login{
   /*color: #535797;
   border: 4px solid #535797;*/
   color: #8F968F;
   border: 1px solid #717871;
}

.card-background{
   background-image: linear-gradient( to bottom, rgb(143 150 143), rgb(156 162 156), rgb(255 255 255));
}

.btn-back{
   /*color: #535797;
   border: 4px solid #535797;*/
   color: #8F968F;
   border: 1px solid #717871;
}

.modal-content{
   background-color: #F6F6F6;
}

/* colors for major contents ends */

/*For alert modals*/
.success_message{
   font-weight: bold;   
}

.modal-footer{
   border: none;
}

.new-card {
   margin-bottom: 4%;
   position: relative;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
}

.card-body{
   height: 20rem;
}

.news-card-body{
   height: 41.6rem;
   overflow-x: auto;
}

.card-title{
   font-size: 5rem;
   font-family: Arial;
   text-align: center;
   color: #fff;
   font-weight: bold;
   margin-top: -2.1rem;
}

.card-p{
   font-size: 18;
   color: #fff;
}
.card-p-black{
   font-size: 18;
   color: #000;
}
.card-p-black li{
   font-size: 14;
   color: #000;
}

.sign-sm-box{
   background: #fff;
   margin-left: 1.5rem;
   text-align: center;
}
.sign-sm-red{
   color: #661010;
   border-radius: 5px;
   border: 2px solid #661010;
}
.sign-sm-per{
   color: #292e5d;
   border-radius: 5px;
   border: 2px solid #292e5d;
}
.sign-sm-title{
   font-size: 18;
}
.sign-sm-src{
   font-size: 23;
   font-weight: bold;
}
.sign-sm-body{
   font-size: 16;
}
.span-32{
   font-size: 32;
}
.span-25{
   font-size: 25;
}

.news-card-title{
   font-size: 40;
   font-family: Arial;
   text-align: center;
   color: #fff;
   font-weight: bold;      
}

.news-title{
   font-size: 1rem;
   color: #8F968F;
}
.news-src{
   font-size: 16;
}
.news-body{
   font-size: 14;
   padding-left: 0.5rem;
}


/* Navbar*/
.navbar {
   display: flex;
   align-items: center;
   justify-content: center;
   top: 0;      
   padding-top: 15px;
   /* position: sticky;cursor: pointer;*/
}

.nav-list {
   /*width: 50%;*/
   display: flex;
   align-items: center;
}

.nav-list li {
   list-style: none;
   padding: 60px 30px 0px;
}

.nav-list li a {
   text-decoration: none;
   color: white;
}

.nav-list li a:hover {
   color: grey;
}




.page_body{
   padding: 2%;
}


.text-left{
   text-align: left;
}
.text-center{
   text-align: center;
}
.text-right{
   text-align: right;
}

.error_flag{
   color: red;
}

.success_flag{
   color: green;
}

.href_cls{
   text-decoration: none;
   color: white;
}

.href_cls:hover{
   text-decoration: none;
   color: white;
}


/*For Mobile devices:*/
@media only screen and (min-width: 1px) and (max-width: 480px)  {
    .cls_org_id{    
      width: 30%;
   }
   .cls_password{    
      width: 40%;
   }
   
   .navbar_header_background {
      padding: 5%;
   }

   .logo{
      width: 30%;
   }

   .page_body_row{
      padding: 0.7rem;
      margin-right: -1.3rem;
   }

   .nav-list{
      display: unset !important;
   }

   .rightnav {
      flex-direction: column;
      row-gap: 0.810rem;
      margin-left: -1.5rem;
      align-items: start;
      margin-top: 0.5rem;
      margin-bottom: 1rem;
   }

   .navbar {
      display: unset;
      align-items: center;
      justify-content: center;
      top: 0;
      padding-top: 15px;
   } 

   .nav-list li{
      padding: 15px 25px 0px !important;
      text-align: center !important;
   }   

   .fg_password{
      width: 100%;
      text-align: left;
      padding-right: 0%;
      position: absolute;
      margin-bottom: -4%;
   }
   .cls-mr-5 {
      margin-top: 1rem;
   }

   .card-title{
      font-size: 3.5rem;
      margin-top: -1.9rem;
   }
}

/*For Tablets or iPad:*/
@media only screen and (min-width: 481px) and (max-width: 768px)  {

   .cls_org_id{    
      width: 30%;
   }
   .cls_password{    
      width: 40%;
   }
   .navbar_header_background .col-md-2 {width: 30%;}
   .navbar_header_background .col-md-4 {width: 10%;}
   .navbar_header_background .col-md-6 {width: 60%;}

   .fg_password{
      width: 100%;
      text-align: right;
      padding-right: 17%;
      font-size: 15px;
   }
   .news-card-body{
      height: 40.8rem;
   }

   .card-title {
      font-size: 4rem;
      font-family: Arial;
      text-align: left;
      color: #fff;
      font-weight: bold;
      margin-top: -2.0rem;
   }
   .span-32 {
      font-size: 1.5rem;
   }
   .span-expert {
      font-size: 2.69rem;
   }
   .href_cls{
      font-size: 3.5rem;
   }
}

/*For Laptop or small-size screen:*/
@media only screen and (min-width: 769px) and (max-width: 1024px)  {
   /*.rightnav {      
      margin-left: 0rem;
      margin-top: 3rem;
   }*/
   .logo{
      width: 40%;
   }
   .cls_org_id{    
      width: 30%;
   }
   .cls_password{    
      width: 40%;
   }

   .navbar_header_background .col-md-2 {width: 30%;}
   .navbar_header_background .col-md-4 {width: 10%;}
   .navbar_header_background .col-md-6 {width: 60%;}

   .fg_password{
      width: 100%;
      text-align: right;
      padding-right: 21%;
      font-size: 15px;
   }

   .news-card-body{
      height: 41.0rem;
   }

   .card-title {
      font-size: 4rem;
      font-family: Arial;
      text-align: left;
      color: #fff;
      font-weight: bold;
      margin-top: -2.1rem;
   }
}

/*For Extra-large size device8*/
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
   .navbar_header_background .col-md-2 {width: 30%;}
   .navbar_header_background .col-md-4 {width: 20%;}
   .navbar_header_background .col-md-6 {width: 50%;}
   .logo{
      width: 30%;
   }
   .fg_password{
      width: 100%;
      text-align: right;
      padding-right: 20%;
      font-size: 15px;
   }
   .news-card-body{
      height: 41.3rem;
   }
}

/*For Extra-large size device8*/
@media only screen and (min-width: 1980px) {
   .navbar_header_background .col-md-2 {width: 30%;}
   .navbar_header_background .col-md-4 {width: 20%;}
   .navbar_header_background .col-md-6 {width: 50%;}

   .fg_password{
      padding-top: 5%;
   }
}