/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 11, 2023, 4:41:37 PM
    Author     : sheeja
*/
body{
    background-color: #FCFFE9;
    color:black;
}
.card{
/*    background-color: #FCFFE9;*/
background-color:#d3e3fd;/*#f6f6f6;*/
    color:black;
}
.mt-3 {
    margin-top: .5rem!important;
}

.ourfntclr{
    color:#ef3b3f;

}



.btnbckclr{
    background-color:#ef3b3f; 
    border-color:#E5E5E5;
}
.menufnt{   
    font-weight:bold;
    color:#ef3b3f;
}

.nav-link {
    color: #000;   
}

.sidebar .nav-link.active {
    color: #ef3b3f;
    font-weight:bolder;
}

.nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #000;
    color: #fd7e14;
}

.mainheader{
    color: #fd7e14; 
}

.btn:hover {
    color: white;
    background-color: black;
    /*border-color: var(--bs-btn-hover-border-color);*/
}


.form-control {
    color:blue;
    font-size:14px;
    background-color: #F8F9FA;/*color Alice blue on left menu  */
}

.prdsearchbox{
    padding: 10px;
    font-size: 17px;
    border: 1px solid #E5E5E5;
    float: left;
    width: 80%;
    background: #F8F9FA;   /*color Alice blue on left menu  */
    height:33px;
}
.alltopsearchbox{
    padding: 10px;
    font-size: 17px;
    border: 1px solid #292929;
    float: left;
    width: 80%;
    background: #F8F9FA;   /*color Alice blue on left menu  */
}
.prdsearchbtn{
    float: left;
    width: 20%;   
    background: #ef3b3f;
    color: white;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    border-left: none;
    cursor: pointer; 
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    height:36px;
   
}

.prdheadsearchbtn{
    float: left;
    width: 8%;
/*    padding: 10px;*/
    background: #ef3b3f;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer; 
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    height:8%;
}


.pb-md-4 {
    padding-bottom: .5rem!important;
}

/*calendar styling*/
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #ef3b3f;
    color: #333333;
    font-weight: bold;
}

.tbltpheader {
    color:#ef3b3f;
    text-align:left;
    padding-bottom:10px;
    background-color:#333333;
}

.usertableheader{
    background-color: #dee2e6;color:#ef3b3f;text-align:left;padding-bottom:10px;
}

.btn-dark {    
    --bs-btn-hover-bg: red;
    --bs-btn-hover-border-color: red;
    font-weight:bold;
    color:#6ea8fe;;
}

/* Price range */
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    background-color: orange;
}

.advcsspanoutmessage{
   color:gray;font-size:16px;font-weight:bold;
}

.atblprdlinkfont{
color:#2196F3;
text-decoration: none;
}

.dashbg{
    background-color:#d3e3fd;/*white;*/
}
.qbdashbg{
     background-color: #00800042;
}
.nav-tabs .nav-link {   
    border: var(--bs-nav-tabs-border-width) solid black; 
    background-color: #ef3b3f;
}
.nav-link:focus, .nav-link:hover {
    background-color:black;
    color: #ef3b3f;
    font-weight:bold;
}

.nav-tabsorng .nav-linkorng {   
    border: var(--bs-nav-tabs-border-width) solid black; 
    font-weight:bold;
/*    background-color: #FFA500;*/
}


.prdetailschk{
    padding-right:10px;
}

.big-checkbox {width: 20px; height: 20px; cursor:pointer;}

.big-radio {width: 16px; height: 16px; cursor:pointer;}

.generatetabbtn{
    float: left;
    width: 300px;;   
    background: #ef3b3f;
    color: black;
    font-size: 16px;
    font-weight:bold;
    border: 1px solid #E5E5E5;
    border-left: none;
    cursor: pointer; 
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    height:46px;
   
}

/*try tab hover */
.tab {
  display: flex;
}

.tab-link {
  position: relative;
  padding: 10px 10px;
/*  margin: 1px;*/
  background-color: black;
  cursor: pointer;
  color: #333;
}

.tab-link::before {
  content: attr(data-tooltip); /* Show the value of the data-tooltip attribute as a tooltip */
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: lightblue;
  color: #000;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}

.tab-link:hover::before {
  opacity: 1;
}


.custom-icon {
  font-size: 18px; /* Adjust the font size to change the icon size */
   margin-top: -5px;
}

 .label-like-button {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        padding: 5px;
        font: inherit;
        text-align: left;
        text-decoration: none; 
        color:blue;
        font-weight:bold;
    }
    
    .blckbg{
       background: black;      
       color: white; 
    }

    .btngame_projects_phase{
    float: left;
    width: 250px;;   
    background-color:darkblue;
    color:white;height:56px;
    font-size:18px;
    font-weight:bold;
    border: 1px solid #E5E5E5;
    border-left: none;
    cursor: pointer; 
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    height:46px;
   
}

.tblheadertxtclr{
/*    color:#ef3b3f;*/
    text-align:left;
    padding-bottom:10px;
/*    min-width:10%;*/
/*    background-color:#333333;*/
    color:#FD673A;background-color:#000000;
}


.tabcompare{
/*    width:145px;*/
    text-align:center;
    font-size:15px;
    color:white;
}
table th {
            position: sticky;
            top: 0;
            background-color: #f8f9fa; /* Choose your desired background color */
            z-index: 100;
        }
        
        
/* flag info dropdoen  */
  #flagDropdown option[value='Add New'] {
            color: #ff4d00;
            font-weight:bold;
        }
        
/* hr for prod details page  */

prdhr { 
  height: 1px;
  border: 0;
  border-top: 1px solid red;
  background-color: red;
  margin: 1em 0;
  padding: 0;
}

/* radio button for compare   */
/* Apply styles to radio buttons */
input[type="radio"] {
    width: 20px; /* Adjust the width as needed */
    height: 20px; /* Adjust the height as needed */
    border: 2px solid #3498db; /* Set border color */
    border-radius: 50%; /* Make it circular */
}

/* Change background color when radio button is checked */
input[type="radio"]:checked {
    background-color: #3498db; /* Set background color when checked */
}

/* Apply styles to radio buttons in a specific class (for example, 'custom-radio') */
.custom-radio input[type="radio"] {
    width: 30px; /* Adjust the width as needed */
    height: 30px; /* Adjust the height as needed */
    border: 3px solid #e74c3c; /* Set border color */
}

/* Change background color when radio button is checked in the custom class */
.custom-radio input[type="radio"]:checked {
    background-color: #e74c3c; /* Set background color when checked */
}