/* main styles */
body {
    font-family:Helvetica,Arial,sans-serif;
    font-size: 12px;
    margin:0;
    padding:0;
   /* background-color:#DBECC0; */
}
form {
    margin:0;
    padding:0
}
.clear{
    clear:both;
}
select{
    font-family:Arial,sans-serif;
    color:#333333;
    font-size: 12px;
    min-width:150px;
    width: auto;
}
img {border:none;}
a {color:#FFFFFF;text-decoration: none}
a:hover {color:#1978EE;text-decoration: underline}

.link  {color:#00A84F;text-decoration: none; font-size: 12px;}
.link a:hover {color:#000000;text-decoration: underline; font-size: 12px;}


.link2 {color:#0507F5;text-decoration: none; font-size: 12px;}
.link2 a:hover {color:#2381F5;font-size: 12px;}


input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}


input, select, textarea {
    font: 10px ;  
    color: #000000;
}	
.div_banner{
    float:left;
    margin: 3px;
    padding: 0px;
    width: 200px;   
    text-align: center;
}
.div_banner .main{
    font-size: 23px;
    color:maroon;    
}
.div_banner .sub{
    font-size: 15px;
    color:#333333;
    text-align: center;
}
/* middle */
#middle {
    position: relative;
    float:left;    
    margin:3px 3px 3px 3px;
    width:99.4%;
    background:#ffffff;
    border: 1px solid #000000;
    height: auto;
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 3px 3px 9px #666;
    -webkit-box-shadow: 3px 3px 9px #666;
    box-shadow: 3px 3px 9px #666;
    behavior: url(border-radius.htc);*/
    min-height: 500px;
}
.home_blue{
    height: 45px;
    background-color: #398FFC;
    text-align: center;
    vertical-align: middle;

}
.home_blue a{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;

}

.top-bar a.button {
    float:right;
    display:block;
    height:15px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:5px;
    background:#318BFB;

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.top-bar h4 {
    color:#007d3b;
    margin:0 0 1px 0;
}

/* bar with select */


/* table container */
div.table {
    float:left;
    margin:0 0 37px 0;
}
table.listing {
    border-bottom:0px solid #9097A9;
    background:#007d3b;
    border:0px ;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;*/
}
table.listing th {
    background:url(../images/tab_hd.png) repeat-x;
    font-weight:bold;
    border-top:0 !important;
    padding:0px;
    font-size: 11px;
    color:#FFFFFF;
}

table.listing th.full {border-left:0;border-right:0 !important;font-size: 11px;height: 20px;}
/* table styles */
table.listing td,
table.listing th {

    border:0px solid #fff;

}	

table.listing td {
    /*vertical-align: middle;*/
    color:#000000;
    padding-left:3px;
    padding-top:4px;
    font-size: 11px;


}
table.listing tr:nth-child(odd) td {

}
table.listing .white td {
    background:#fff;
}	
table.listing th:first-child, table.listing td:first-child {border-left:0px solid #9097A9;}
table.listing th:last-child, table.listing td:last-child {border-right:0px solid #9097A9;}

table.listing th:first-child {

    border-left:0;
}
table.listing tfoot{
    background: white;
}




/* table select */
div.table .select {
    float:right;
    margin:2px 1px 0 0;
    width:176px;
    height:25px;
    background:#9097A9;
    color:#fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
div.table .select strong {
    float:left;
    padding:5px 0 0 5px;
}	
div.table .select select {
    float:right;
    width:78px;
    margin:2px 3px 0 0;
    text-align:right;
}





/* paging*/

div.pagination {
    padding: 3px;
    margin: 3px;

    color:#5EA5FD;
    font-size:10px;
}

div.pagination a {
    border: 1px solid #89C520;
    margin-right:3px;
    padding:2px 5px;

    background-image:url(../images/meneame.jpg);
    background-position:bottom;
    text-decoration: none;

    color: #000000;
}
div.pagination a:hover, div.meneame a:active {
    border: 1px solid #89C520;
    background-image:none;
    background-color:#e8fdc2;
    color: #000000;
}
div.pagination span.current {
    margin-right:3px;
    padding:2px 5px;
    border: 1px solid #89C520;

    font-weight: bold;
    background-color: #e8fdc2;
    color: #000000;
}
div.pagination span.disabled {
    margin-right:3px;
    padding:2px 5px;
    border: 1px solid #A1DD45;
    color: #A1DD45;
}
/*paging End */
/* button */

.input-rounded-button{
    font-size: 12px;  
    background-color:#bdd83d;
    /*border:0;
	display:none;
	-moz-border-radius: 10px;
	display:inline-block;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	cursor: pointer;
	color:#FFFFFF;*/
    text-align:center;
    padding: 3px;
}
/* end Button */
/* error Mesaage*/
.error  {
    padding:2px 4px;
    margin:0px;
    border:solid 1px #FBD3C6;
    background:#FDE4E1;
    color:#CB4721;    
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

.error_required  {
    padding:0;
    margin:0px;
    border:solid 1px #FBD3C6;
    background:#FDE4E1;
    color:#CB4721;    
    font-size:12px;
    font-weight:bold;   
    text-align:center;
}


/* end Error MSG*/
/* top banner */
#banner_row {
    height: 110px;
    width: 100%;
    background:url("../images/hd_slice.gif") repeat-x;
    /*position: relative;*/
}
/* end top Banner*/
#banner2{   
    width:34%;
    float:left;
    height: 81px;
}
.middle_header{
    float: left;
    width:35%;
    height: 81px;
}
.log_det{
    width:29%;
    float:left;
    height: 81px;
    padding-right: 0px;
}
.login_row {
    position: relative;
    float:right;
    width:99%;
    height: 20px;
    text-align: right;
    padding-right: 10px;
}
.banner_line{
    width: 100%;   
    background: url("../images/banner_line.jpg") repeat-x scroll 0 0 transparent;    
    height: 14px;
}
/*.banner_footer{
    width:100%;    
    height:36px;
    background:url(images/main-bg.png) repeat-x;
    background-position: bottom;
}
.footer{
    padding-top: 10px;
    width:72%;
    float:left;
    margin:0 auto; 
    font-size:11px;
    padding-left:1%;    
}
.footer_right{
    padding-top: 10px;
    width:24%;
    float:left;
    font-size:11px;
    text-align: right;
    padding-right:1%;
}*/

footer{   
    width:99%;
    padding: 5px;
}
/* left column */

/* center column */
#center-column {
    float:left;
    margin: 10px;

    /*background:-webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, rgb(221,221,221)),
        color-stop(0.5, rgb(255,255,255))
        );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F6FC', endColorstr='#FFFFFF'); /* for IE 
    background:-moz-linear-gradient(
        left top,
        rgb(221,221,221) 0%,
        rgb(255,255,255) 50%
        );*/
    background-color: white;
    border-radius: 10px;
    /* border: 1px solid #000000;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height:380px;
    width: 98%;
    padding:5px 5px 0 5px;
    behavior: url(border-radius.htc);
}	

.select-bar {
    border-bottom: 2px solid;
    border-top: 2px solid;
    clear: both;
    margin: 0 0 6px;
    padding: 5px 0 1px;
    text-align: center;
}
.select-bar select {margin:0 2px;}
.right_b{font-weight:bold;
         font-size: 12px;
         text-align: right;}
.left_b{font-weight:bold;
        font-size: 12px;
        text-align: left;}

.rows_font{ font-size: 11px;}
.required{font-weight:bold; color: red;}
.ToolText{
    position:relative;
    display: block;

}
.ToolTextHover{position:relative;}
.ToolText span{display:none;background-color: white;}
.ToolTextHover span{
    position:absolute;
    z-index: 200;
    border:1px solid black;
    top:2.5em;
    left:15px;
    background-color:#488CDA; color:#FFFFFF;
    text-align: center;
    width:auto;
    height:auto;
}

/* Dhruvisha */

input.buttonz {
    padding-left: 5px;
    margin-right: 10px;
    border: 0;
    background: #fff url(button.gif) no-repeat;
    color: #000000;
    height: 22px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.buttonzEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 7px;
    height: 22px;
    background: url(end.gif) no-repeat;
}

.inputHide {
    border          : 1px solid #9097A9;
    background      : white;
    readonly        : true;
}

/* Dhruvisha 23-Sept-2011 */

.subheading {
    background:#919191;
    color:#ffffff;
    font-weight: bold;
}
#error_div{
    float: left;    
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;

}
#error_div2{
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;    
}

.first_tr {background:#cbe6b5;}
.second_tr {background:#e8f6dc;}
.third_tr {background:#cbe6b5;}
.fourth_tr {background:#EAB5AC}


#line {
    background: url("../images/line.gif") repeat-y scroll 0 0 transparent;
}
.dos_middle{
    float:left;
    margin-left: 2px;
    width: 82%;
    border: solid 1px #2381F5;
    min-height: 550px;
}
.dos_title{    
    font-size: 16px;
    font-weight: bold;
    color:#0D8A41;
    text-align: center;
    padding-bottom: 3px;
}
.hide_show_div{
    float: left;
    padding-top:225px;
    margin-left: 4px;
    margin-right: 0px;
    min-height: 325px;
    vertical-align: middle;
    border:solid 1px #1778F0;
    width: 7px;
}
.download_text{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color:#B57130;
}
.download_text a{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color:#B57130;
    text-decoration: underline;
}
.msg{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color:#089642;
}
#div_map_emp ,#div_map_farmer,#div_map_retailer,#div_map_dist{

    height: 300px;
    width: 300px;   
}
.user_left{
    float:left;
    width:19%;
    background-color: #E8F6DC;
    height: 590px;
    margin-right: 5px;
    text-align: top;
    overflow-y:scroll;
     overflow-x:hidden;
    border: solid 1px #333333;
}
.user_left ul{
    float:left;
    padding: 0px;
    margin: 0px;
    width: 99%;
    list-style: none;
}
.user_left ul li{
    float:left;
    padding: 2px 0 2px 5px;
    margin: 0px;
    list-style: none;
    width: 100%;
}

.current_user{
    background-color:#8DCE7E;   
}
.user_right1{
    float:left;
    width:80%;
}

.user_right_inner{
    float:left;
    width:100%;
    border:solid 1px #333333;
    overflow-y:scroll;
    min-height: 460px;
    background-color: #CBE6B5;
}
.image_block{
    float:left;
    width:127px;
    height:140px;
    margin: 4px;
}
.image_block img{
    border:solid 1px #333333;
}
.image_desc{
    float:left;
    width:128px;
    height: 25px;
}


/*2025.01.17*/
.form-check-inline {
    display: inline-block;
    margin-right: 0.4rem !important; /* Adjust space between options */
}

/* Optional: Further reduce space between form elements */
.form-group,
.form-check {
    margin-bottom: 0.5rem  !important; /* Reduce the gap between the form elements */
}

.form-check-input {
    margin-top: 0.2rem  !important; /* Adjust radio button alignment */
}
.form-title {
    font-size: 14px !important;
    font-weight: bold;
 }
 .form-backcolor{
 background:#007d3b;
 color:#FFFFFF;
}



.top-bar h4 {
    margin-top: 0;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
}

.form-select {
    font-size: 12px !important;
}

.table th,
.table td {
    font-size: 12px !important;
    padding: 2px 8px !important;
    vertical-align: middle !important;
}
.table th {
    text-align: center !important;
    --bs-table-color: white !important;
}
.table {
    --bs-table-bg: #007d3b !important;
    --bs-table-color: black !important;
    border-color: #033f1f !important;
}
.form-label,
.form-control {
    font-size: 14px !important;
    padding: 4px 6px !important;
}

.table.table-bordered.table-striped {
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    border-collapse: collapse !important;
    width: 100% !important;
    
}

.table.table-bordered.table-striped thead {
    --bs-table-bg: #007d3b !important;    
    color: white !important;
    text-align: center !important;
}

.table.table-bordered.table-striped tbody tr {
    height: 15px !important;
}

.table.table-bordered.table-striped tbody tr:nth-child(odd) {
    /*background-color: #cbe6b5 !important;*/
    --bs-table-bg: #cbe6b5 !important;
    --bs-table-border-color: #007d3b !important;
    
}

.table.table-bordered.table-striped tbody tr:nth-child(even) {
    /*background-color: #e8f6dc !important;*/
    --bs-table-bg: #e8f6dc !important;
    --bs-table-border-color: #007d3b !important;    
}

/* Optional: Table Borders */
.table.table-bordered.table-striped,
.table.table-bordered.table-striped th,
.table.table-bordered.table-striped td {
    border: 1px solid #033f1f !important;
    padding: 3px !important;
    /*text-align: center !important;*/
}

.dropdown-item,.btn  {
    font-size: 12px !important;
}
.h4, h4 {
    font-size: 1.5rem;
}

/*.table-light {
    background: #cbe6b5 !important;
}

.table-secondary {
    background: #e8f6dc !important;
}*/

.table-light {   
    --bs-table-bg: #cbe6b5 !important;
    border-color: #033f1f !important;
}
.table-secondary {
    --bs-table-bg: #e8f6dc !important;
    border-color: #033f1f !important;
}

/* html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

.footer {
    background-color: #343a40;
    color: white;
    text-align: center;
    padding: 10px;
} */
.container
{
    min-height: calc(100vh - 50px); 
}
.navbar {
    background-color: #cbe6b5 !important; /* A professional dark blue-gray */
    /*color: #ffffff !important; /* White text for contrast */
}
.card
{
    background-color: #cbe6b5;
}
.modal-body {
    max-height: 87vh; /* Set a max height relative to the viewport */
    overflow-y: auto; /* Enable vertical scrolling */
}

.word-wrap
{
    word-wrap: break-word;
    white-space: normal;
}