/* CSS Document */
@import url("bootstrap/css/bootstrap.min.css");

html {
    height: auto;
}

body {
    margin: 0; 
    padding: 0px;
    background: linear-gradient(to bottom, #fcfcfc, #f1f8ff, #ffffff); 
    color: #000000; 
    font-family: sans-serif!important;
    font-size: 12px; 
    font-weight: normal; 
}

* {
    margin: 0;
    padding: 0; 
    font-weight: normal; 
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;
    box-sizing: content-box; 
}

.eye-icon-c{
    color:#208ece!important;
}
.ui-datatable-scrollable-body{
    margin-right:0px!important;
}

.scroll-w .ui-dialog-content {
    max-height: 300px; 
    overflow-y: auto;
}


th{
    font-weight: bold!important;
}

.table-bg{
    background-color:#5988c0!important;
}

.border-all{
    border:none!important;
}

.t-m{
    margin-left: 10px!important;
}
.input-h{
    height:28px!important;
}

.topbar-menu {
    min-height:30px;
    background: #326095;
} 

.header-bg {

    background: #fff!important;
} 

qa-bg{
    background: #517b9e!important;
    color: #fff!important;

}


.top-menu{

    list-style-type: none;
    margin: 0;
    padding:0px;
    float: right;
}



.top-menu li{
    float:left;
    padding:5px 5px 0px 5px;
}

.top-menu li a{
    font-size:14px;
    color:#fff;
    font-weight:normal;
}

.top-menu li a:hover{
    color:#ccc;
}

.login-heading{
    font-size:16px!important; 
    font-weight:bold; 
    text-decoration: underline; 
    color:#0e7dd9; 
    margin-bottom: 10px;
}

.login-btn{
    margin:19px 0 0px!important;
}

.common-f{
    font-size:11px;
}
.mar-common-f{
    font-size:13px;
}


.popup-s-w{
    width:560px!important; 
    height: auto;  
    margin: 0 -10px auto;

}

.box-scroll-w{
    height:248px; 
    background: #F5F5F5;
    overflow-y: scroll;
    overflow-x: hidden; 
    margin-bottom: 25px;
    padding: 0 10px;
}

.force-overflow
{
    min-height:280px; 

}

#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #366093;
}

.top-m{
    margin:9px 0 0 -14px; 
}

.m-top{
    margin-top:18px!important;
}
.but-top{
    margin:-1px 0 0 1px; 
}

.ui-panel .ui-panel-titlebar {

    text-align: center!important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer;
    background: #f2f4f3!important;
}
.mar-all{
    margin: 0px;
    padding: 0px;
}

.color-b {
    color: #000;
}

.pan-left{
    padding-left: 15px;
    padding-top: 5px;

}

.box-width {
    width: 99%;
    margin-bottom: 25px;
}


.color-w{
    color:#ffffff!important;
    font-family: serif;

}

.scroll-height{
    height: 429px!important;
    -moz-min-height:429px!important;
    -webkit-min-height:429px!important;
    -ms-min-height:429px!important;
}

.heading_3{
    font-size: 14px;
    font-weight: bold;
}

.heading_4 {
    font-size: 16px;
    color: #004C99;
    font-weight: bold;
    text-decoration: underline;
    padding: 6px 0 5px;
    cursor: pointer;
    font-family: sans-serif;
}

.heading_4 h2:hover{
    color:#e38d13;
}


.mar-top{
    margin-top:-2px;
}

.mar-right{
    margin-right:10px;
}
.mar-right_25{
    margin-right:25px;
}
.mar-right_30{
    margin-right:30px;
}

.r-input-s{
    min-width: 230px!important;
}


a {
    outline: none;
    text-decoration: none;
}

a.more {
    font-weight: bold;
    color: #a52a2a;
    background-color: transparent;
}

a.more:hover {
    color: #003145;
    background-color: transparent;
    text-decoration: underline;
}

.h-c{
    color: #314b65!important;

}
.down-but{
    background:#2d577a!important;
    border:1px #2d577a solid!important;

}
.slash-or-wrapper {
    width: 60px;
    height: 60px;
    position: relative;
}

.big-slash {
    font-size: 60px;
    line-height: 1;
    font-weight: 400;
    z-index: 1;
    color:#275072!important;
}

.or-badge {
    font-size: 12px;
    font-weight: bold;
    width: 28px;
    height: 28px;
    background-color: #325b7e; /* Bootstrap primary */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

img, ul.lists li.first, .border-none {  
    border: none !important;
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: decimal;
    margin-left: 24px;
}

ul.lists {
    height: 100%;
}

ul.lists li {
    border-top: 1px solid #b8cd56;
}

ul.lists li a {
    text-decoration: none;
    background: url(../images/blts.png) no-repeat 0 0.5em;
    color: #a52a2a;
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    line-height: 1.5em; 
    padding-left: 19px; 
    padding-right: 0;
    padding-top: 0; 
    padding-bottom: 0; 
    background-color: transparent;
}

ul.lists li a:hover {
    color: #003145;
    background-color: transparent;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-top: 0px;
}

p {
    margin: 0 0 5px 0;
}


.heading-f{
    font-size:10px!important;
    font-weight: bold!important;


}

.p-but-top{
    padding-top: 20px;

}

.sub-but{
    padding:9px 0 10px 90px;
    float: right;
}
.marquee-top{
    padding-top: 6px;
}
.pad-left{
    padding-left: 30px!important;

}

.top-pad-top{
    padding-top:4px;
    line-height: 5px;

}

.bot-top{
    margin-top: 25px;
}

.width-10{
    width:13%;
    background: #337ab7;

}


.width-60{
    width:60%;
    text-align: center;
    background: #337ab7;
}

.width-20{
    width:30%;
    text-align: right;
    background:#337ab7;
}


.width-100{
    width: 100px;
}

.width-200{
    width:200px;
}



.blank_top_5{
    margin: 6px 0 3px;
}

.blank_top_15{
    margin: 15px 0 3px;
}

.blank_height_10{
    margin-bottom: 10px;
}

.blank_height_5{
    margin-bottom: 5px;
}

.blank_height_15{
    margin-bottom: 15px;
}

.blank_height_32{
    margin-bottom:32px;

}

.blank_height_38{
    margin-bottom:38px;

}

.input-group{
    padding-bottom:5px;
}

.left_logo{
    line-height:0px;
    padding-bottom:1px;
}

.rema-heading_f{
    width: 70%;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    margin: 6px 0 10px;
}






.main_container_grid_row{
    width: 100%;
}



/* ================================== body panel start here ================================== */
.contentPanel {
    font-size: 1.0em;
}

.content-section {
    min-height: 625px;    
}

.contentPanel h1, h1 {
    font-size: 18px;
    color: #0176a6;
}

.contentPanel h2, h2 {
    font-weight: bold;
    font-size: 15px;
    color: #0176a6;
}

.contentPanel h3, h3 {
    font-weight: bold;
    font-size: 16px;
    color: #0176a6;
    display: inline-block;
}

.contentPanel ul {
    margin-bottom: 15px;
}

.login { cursor: hand; cursor: pointer; }
.logout { cursor: hand; cursor: pointer; }

.menuBarHeaderDiv.ui-corner-all, .float-left {
    border-radius: 0px !important;
    float: left !important;
}
.menuBarHeaderDiv.ui-menubar {

}
.menuBarHeaderDiv.ui-widget {
    font-size: 1.3em !important;
}


.logo {
    background: url(../images/logo_e-vahan.png) no-repeat;
    width: 100%;
    height: 60px;
    background-size: contain;
    background-position: left;
    display: inline-block;
}

.header-section {
    margin-bottom: 25px;
}

.error-message-header {
    font-weight: bold; 
    text-align: center; 
    font-size: 24px; 
}
.red {
    color: #FF0000;
}

.error {
    color: #ff0000;
    font-size: inherit;
    font-weight: normal;
}

.form-legend {
    margin: 0px 10px;
    padding: 0px 5px;
    font-size: 14px;
    margin-top: 100px;
}

.header-main {
    content: '';
    font-size: 18px; 
    color:#0e7dd9!important;
    text-transform: uppercase;
    margin:3px auto 7px;
    border-bottom: 2px solid #2980B9;
    padding: 0px 5px 2px;
    display: inline-block;
}

.header-main-second {
    content: '';
    font-size: 18px; 
    color: #0e7dd9;
    text-transform: uppercase;
    margin:8px auto 1px;
    border-bottom: 2px solid #2980B9;
    padding: 0px 5px 2px;
    display: inline-block;

}

.header-gap {
    margin: 1% auto auto; 
    width: 99%;
}
.header-subheader {
    font-weight: bold; 
    font-size: 16px; 
    color: blue;
    margin-bottom: 5px;
    display: block;
}

.field-label-section {
    display: inline-block;
    width: 50%;
    text-align: left;
}

.field-label { 
    color:#0e7dd9; 
    font-size: 13px; 
    font-weight: normal; 
    line-height: 2.0; 
    text-align: left; 
}

.field-label-white {
    color: #FFFFFF !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
}

.field-label-select-option {
    position: absolute; 
    top: 2px;
}
.field-label-mandate:after {
    content: '*';
    color: #FF0000;
    font-size: 10px;
    margin-left: 2px;
}
.field-set-section {
    position: relative; 
    line-height: 25px; 
    height: 35px;
}

.content-note {
    margin: 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;

}
.dropdown-select {
    font-size: 12px; 
    margin: 0px; 
    padding: 0px; 
    font-weight: normal;
}

.text-field, input[type='text'], input[type='password'], input[type='int'] {
    padding-left:15px !important;
    width:90% !important; 
    color: #001F13!important;
    background:#FFFFFF!important;
    font-size: 14px !important;
    height: 28px; 
    padding: 0px; 
    font-weight: normal !important; 
    border-radius: 4px;
    outline: none;
    margin-bottom:0px;
}

.text-field:focus, input[type='text']:focus, input[type='password']:focus, input[type='int']:focus, input[type='radio']:focus,
.ui-selectonemenu:focus, .ui-selectmanymenu:focus, .ui-selectonemenu.ui-state-focus, .ui-selectmanymenu.ui-state-focus, 
.ui-chkbox-box.ui-state-focus, .ui-chkbox-box:focus,
.ui-selectcheckboxmenu-label.ui-state-hover,
.ui-inputtextarea.ui-state-hover {
    background: #c6ffc6 !important;
    border-color: #1682ba !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-outputlabel.ui-state-error, .ui-inputtextarea {
    background: #ffffff !important;
}

label.ui-outputlabel{
    border:none !important;
    color: #124480!important;
    font-weight: bold!important;
}

.p-l{
    padding-left: 26px!important;
}


input[type='text'].ui-state-error, .ui-selectonemenu.ui-state-error, .ui-selectmanymenu.ui-state-error, .ui-inputtextarea.ui-state-error {
    background: #fef1ec !important;
}

input:disabled, select:disabled, .ui-selectonemenu.ui-state-disabled, option:disabled{
    background: #dddddd !important;
}

select {
    min-width: 100px; 
    height: 24px; 
    color: #001F13 !important;
    font-size: 14px !important;
    margin: 0px 0px 10px; 
    padding: 0px; 
    font-weight: normal; 
    border-radius: 4px;
    border: 0px solid #1682BA;
    outline: none;
}
.ui-selectonemenu-items-wrapper ul {
    overflow-x: hidden;
}
.center-position, .ui-dialog-buttonpane {
    text-align:center!important;
}

.scroll-hiddne{
    overflow:hidden!important;
}

.absolute-button {
    width: 100%; 
    line-height: 30px; 
    position: absolute; 
    bottom: 20px;
}
.message-content-panel {
    border: 1px solid #1682BA; 
    text-align: center; 
    border-radius: 10px;
    line-height: 2.5; 
    padding: 20px 0px; 
    min-height: 250px; 
    background: #FFFFFF; 
    position: relative;
}

.left-position,
.datatable-first-column-header-left th:nth-child(1),  
.datatable-second-column-header-left th:nth-child(2),  
.datatable-third-column-header-left th:nth-child(3),
.datatable-fourth-column-header-left th:nth-child(4),
.datatable-fifth-column-header-left th:nth-child(5),
.datatable-six-column-header-left th:nth-child(6),
.datatable-seven-column-header-left th:nth-child(7),
.datatable-eight-column-header-left th:nth-child(8),
.datatable-nine-column-header-left th:nth-child(9),
.datatable-first-column-left td:nth-child(1),  
.datatable-second-column-left td:nth-child(2),  
.datatable-third-column-left td:nth-child(3),
.datatable-fourth-column-left td:nth-child(4),
.datatable-fifth-column-left td:nth-child(5),
.datatable-six-column-left td:nth-child(6),
.datatable-seven-column-left td:nth-child(7),
.datatable-eight-column-left td:nth-child(8),
.datatable-nine-column-left td:nth-child(9) {
    text-align: left !important;
}

.right-position,
.datatable-first-column-header-right th:nth-child(1),  
.datatable-second-column-header-right th:nth-child(2),  
.datatable-third-column-header-right th:nth-child(3),
.datatable-fourth-column-header-right th:nth-child(4),
.datatable-fifth-column-header-right th:nth-child(5),
.datatable-six-column-header-right th:nth-child(6),
.datatable-seven-column-header-right th:nth-child(7),
.datatable-eight-column-header-right th:nth-child(8),
.datatable-nine-column-header-right th:nth-child(9),
.datatable-first-column-right td:nth-child(1),  
.datatable-second-column-right td:nth-child(2),  
.datatable-third-column-right td:nth-child(3),
.datatable-fourth-column-right td:nth-child(4),
.datatable-fifth-column-right td:nth-child(5),
.datatable-six-column-right td:nth-child(6),
.datatable-seven-column-right td:nth-child(7),
.datatable-eight-column-right td:nth-child(8),
.datatable-nine-column-right td:nth-child(9) {
    text-align: right !important;
}


.content-link {
    color: #004C99;
    text-decoration: underline;
    font-weight: normal;
}

.content-link:hover {
    cursor: pointer;
    color: #FF0000;
    text-decoration: none;
}
.horizontal-menu {
    left: 0px; top: 00px; width: 100% ; height: auto; position: relative;
}

.buttonlabel, button {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
    margin: 10px;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 0 20px 0 20px;
    border-radius: 5px;
    border: 1px solid #00648C;
    background: #DFEFFC;
    width: auto;
}

.buttonlabel:hover, button:hover {
    border: 1px solid #00648C;
    background: #00648C !important;
    color: #FFFFFF !important;
    cursor: pointer;
}

.ui-inputfield {
    width: 88.5%; 
    padding: 0px; 
    font-weight: normal; 
    border-radius: 4px;
    outline: none;
}
.header-button {
    bottom : 8px;
    top:8px;
    right: 10px; 
    display: inline-block; 
    position: absolute;
}

.report-table {
    background: #d9e592; 
    width: 100%; 
    padding: 5px; 
    box-sizing: border-box;

}

.ui-panel-content td, .top-align {
    vertical-align: top !important;
}

.ui-selectonemenu, .ui-selectmanymenu, .ui-selectcheckboxmenu {
    width:90% !important;
    height:31px; 
    font-size: 14px; 
    margin: 0px; 
    padding: 0px; 
    font-weight: normal; 
    text-align: left;
    vertical-align: middle;
    background: #FFFFFF !important;
}

.ui-selectonemenu-label {
    width: 100% !important;
}

#tb_WmiNameList label {
    text-transform: uppercase;
}

.ui-selectonemenu-items-wrapper {
    margin-right: 2px;
}

.resp-label-section {
    width: 100%; 
    display: block;
    vertical-align: top;
}

.resp-blank-height {
    height: 1px;
}

.bottom-space {
    margin-bottom: 10px !important;
}


.line-space{
    line-height: 16px;
}


.right-space {
    margin-right: 10px !important;
}

.top-space {
    margin-top: 10px !important;
}

.left-space {
    margin-left: 15px !important;
}

.ui-selectmanymenu {
    display: inline-block;
    height: 75px;
}


.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited,
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited
{
    color: #070B19 !important;
}

.ui-outputlabel-rfi {
    color: #FF0000;
    font-size: 10px;
    margin-left: 2px;
}

.glyphicon-log-out:before {
    margin-right: 6px;

}

.glyphicon-log-out {
    font-size: 17px !important;

}

.content-welcome {
    font-size: 1.2em;
    line-height: 2.0;
    text-align: justify;

}

.content-wel {
    font-size: 1.2em;
    line-height: 1.4;
    text-align: justify;
}

.content-Space { 
    padding: 20px 40px;
}


.contents-Space { 
    padding:0px 40px;
}

#seat_list_table_data td:nth-child(2) {
    text-align: left;
    padding-left: 10px !important; 
}
#seat_list_table_data td {
    height: 10px !important;
    margin: 0px !important;
    line-height: 1.0 !important;
    vertical-align: middle;
}

#seat_list_table_head th, .ui-datatable thead th {
    color: #070B19 !important;
    font-weight: 900 !important;
    /*height: 10px !important;*/
    margin: 0px !important;
    line-height: 1.5 !important;
    vertical-align: middle;
    word-break: break-all;
    text-transform: capitalize;
}
.ui-datatable tbody td {
    padding: 5px 0px 5px 5px !important;
    vertical-align: middle !important;
    word-break: break-all;
    text-align: left;
}

.ui-state-disabled {
    opacity: 1 !important;
    filter: Alpha(Opacity=1) !important;
    background-image: none;
}


.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 100% !important; 
    padding-right: 0px !important; 
}

#seat_list_table_data .ui-datatable-empty-message td, .ui-datatable-empty-message td {
    height: 50px;
    font-weight: 900;
}



/*New Navbar start*/

.navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1000;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.navigation-background-nav {
    cursor: pointer;
    z-index: 9999;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(135deg, #5588c3 70%, #366093 30%);
    background: -webkit-linear-gradient(135deg, #5588c3 70%, #366093 30%);
    background: -moz-linear-gradient(135deg, #5588c3 70%, #366093 30%);
    background: -o-linear-gradient(135deg, #5588c3 70%, #366093 30%);
    background: -ms-linear-gradient(135deg, #5588c3 70%, #366093 30%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    padding: 2px 20px;
    border: none;
}

/* Hover Effect for Nav Background */
.navigation-background-nav:hover {
    color: #e8f2ff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    transition: all 0.3s ease;
}

/* Main Navbar Links */
.navbar-default .navbar-nav > li > a {
    color: #f1f6ff;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.3s ease;
}

/* Hover & Open States */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    color: #ffffff !important;
    background-color: #0066a3 !important;
    box-shadow: 0 3px 10px rgba(0, 102, 163, 0.6);
    transform: translateY(-1px);
}

/* Active Link */
.navbar-default .navbar-nav > .active > a {
    background-color: #005083 !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0, 80, 131, 0.7);
    border-radius: 6px;
}

/* Dropdown Menu */
.dropdown-menu {
    background-color: #3a6091;
    border-radius: 8px;
    border: none;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35);
    padding: 6px 0;
    min-width: 210px;
    font-size: 14px;
    animation: fadeIn 0.25s ease;
}

/* Dropdown Items */
.dropdown-item {
    color: #d1d9eb;
    padding: 10px 20px;
    transition: all 0.25s ease;
}

.dropdown-item:hover {
    background-color: #5a88c0;
    color: #ffffff;
    padding-left: 24px;
}

/* Submenu (desktop default) */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: -1px;   /* gap remove */
    border-radius: 8px;
    display: none;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

/* Invisible hover bridge (desktop flicker fix) */
.dropdown-submenu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 15px;    
    height: 100%;
}

/* ✅ Submenu arrow indicator */
.dropdown-submenu > a::after {
    content: "▶";               
    font-size: 12px;
    color: #d1d9eb;            
/*    float: right;             */
    margin-top: 4px;            
    transition: transform 0.3s ease, color 0.3s ease;
}


.dropdown-submenu:hover > a::after {
    transform: rotate(90deg);   
    color: #ffffff;
}


.navbar-nav > li:hover > ul.dropdown-menu {
    display: block;
}


@media (max-width: 991px) {
    .dropdown-menu {
        position: relative;
        box-shadow: none;
        background-color: #3a6091;
    }

    .dropdown-submenu > .dropdown-menu {
        position: relative;  
        left: 0;              
        top: 0;
        margin-left: 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: block;      
        box-shadow: none;
        background-color: transparent;
        padding-left: 15px; 
    }

    .dropdown-submenu:after {
        display: none;
    }


    .dropdown-submenu > a::after {
        content: "▼";
        float: right;
        margin-top: 6px;
    }
}


.navbar-toggle {
    background: transparent !important;
    border: 1px solid #0073b1 !important;
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.navbar-toggle:hover {
    background: rgba(0, 115, 177, 0.1) !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0073b1 !important;
}


.nav-link {
    color: #f1f6ff;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #a6d4ff;
}

/*New Navbar End*/

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/*new end*/


.profile-menu { 
    .dropdown-menu{
        right: 0;
        left: unset;
    }
    .fa-fw{
        margin-right: 10px;
    }  
}
.toggle-change{
    &::after {
        border-top: 0;
        border-bottom: .3em solid;
    }
}  


.input{
    text-transform: uppercase;
}

label{
    font-weight: normal !important;
    display: block;
    max-width: 100%;
    margin-bottom: 0px !important;
}

.dialogTitle-text {
    font-size: 14pt;
}

.datatable-panel{
    width: 98%;
}
.underline-text{
    text-decoration: underline;
}
.ManyCheckbox table, .datatable-panel-100 {
    width:100% !important;
}

.conditional-format {
    font-size: 1.5em !important; 
    color: blue !important;
}

.ManyCheckbox tr{
    margin-bottom: 10px;
}

.panelRowHeight table tr{
    height: 30px;
    font-size: 14px;
}
.panelRowHeight table tr td{
    vertical-align: middle;       
}
.panelTableHeight table tr{
    height: 30px;
}
.panelTextColor{
    color: darkcyan
}
#pickList td:nth-child(1), .float-right {
    float: right !important;
}

.scroll-panel-overflow {
    overflow: auto;
}

.scroll-panel-height {
    min-height: 495px;
    max-height: 495px;
}



.picklist-label td:nth-child(1), .picklist-label td:nth-child(3) {
    min-width: 200px;
}
.picklist-label td:nth-child(2) {
    min-width: 50px;
}

.font-bold{
    font-weight: bold;
}
.font-s{
    font-size: 18px;
}

.datatable-panel-serial-no, .col-width {
    width: 100px !important;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #000000 !important;
}

.vahan-captcha td:first-child {
    width: 105px;
}

.vahan-captcha input[type='text'] {
    max-width: 200px !important;
    height: 50px !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    text-shadow: 5px 5px 5px #828282;
}

.ui-selectoneradio td label{
    margin-left:  10px !important;
    margin-right: 10px !important;
    font-weight:bold!important;
    font-size:14px;
}

.route-details-header {
    border:1px solid #1682BA;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #000000; 
    background: #C7DFF7;
    line-height: 2.0; 
    padding-left: 5px;
    text-transform:capitalize;
}

.route-details-scroll-panel {
    height:200px; 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
}

.ui-panel-titlebar, .ui-widget-header, .ui-panel-titlebar {
    background: #c7dff7 !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: 1px solid #1682BA !important; 

}

.left-menu-header {
    background: #019ddd; 
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: bold;
    /*text-shadow: 1px 1px 1px #FFF;*/
    cursor: pointer;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #dfeffc !important;
}

.ui-widget-header
{
    background: linear-gradient(135deg, #2c5c92, #5d8ecb) !important;
    color: #fff!important;
    box-shadow: 1px 1px 3px #888888;
}


button .ui-state-hover, .font-white {
    color: #FFFFFF !important;
}

.ui-fieldset .ui-fieldset-legend {
    padding: 0px !important;
    width: 25% !important;
}

.ui-growl {
    z-index: 99999999 !important;  
}

.vahan-grey-background {
    background: url(../resources/images/vahan-grey.png) no-repeat;
    background-size: contain;
    background-position: center center;
    background-origin: border-box;
    min-height: 200px;
}
div {
    /*border: 1px dotted #FF0000;*/
}

.text-welcome-heading {

    color: #293f55 !important;
}

.welcome-heading-size {
    font-size: 160%;
}
.welcome-sub-heading-size {
    font-size: 155%;
}


.right_head_w {
    margin-top: 6px;
    position: relative;
}

.resize-font {
    background: #0ca8e8 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    float: right;
    width:15px;
    height:15px;
    line-height:20px;
    margin: 3px 3px 5px;
    padding: 7px;
    text-align: center;

}
.resize-font:hover {
    background-color: #003040;
}

.main_news_w {
    clear:both;
    width:100%;
    background:#6798d1;
    border-top: 1px #02628a solid;
    box-shadow:1px 1px 2px 1px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:   1px 1px 2px 2px rgba(50, 50, 50, 0.75);
}


.news_w{
    width:98%;
    line-height:30px;
    margin:0 auto;
    vertical-align: middle;
    color: white;
    font-size:14px;
    letter-spacing:1px;
}

.marquee,
.marquee-with-options,
.marquee-vert-before,
.marquee-vert {
    width: 100%;
    overflow: hidden;
    border:none;
    cursor: pointer;
    color: #fff;
}

#main_slider_w{
    width:100%;
    margin:0 auto;

}



#inner_slider_w{
    width:98%;
    margin:0 auto;
    background:#f7fcf7;
}


#main_inner_bot_w{
    width:98%;
    margin:1px auto;

}

#left_inner_box img{
    width:13%;
    height:auto;
    float:left;
    padding:1px 2px 0 1px;
}


#left_inner_box h1{
    font-size:18px;
    font-weight:bold;
    color:#035a7e;
    padding:10px 0 5px;
    font-style:italic;
}


#left_inner_box p{
    font-size:12px;
    font-weight:normal;
    color:#000;
    line-height:21px;
    text-align:justify;
}


.readmore_w{
    clear:both;
    width:105px;
    height:auto;
    float:right;
}

.readmore_w img{
    width:87%;
    margin:2px 0 5px;

}


.top-mar{
    margin: 26px 2px 0 2px;
}

.top-row{
    margin: 8px 0px 8px;
}

.top-mar-row{
    margin: 36px 2px 0 2px;
}


.top-mars{
    margin:7px 2px 0 -6px;
}

.input-w{
    width: 50%;
    height: 35px;
    margin: 0 auto;

}

.rto-but_sub{
    width: 100px; 
    height: 26px; 
    line-height:26px; 
    font-size: 14px;

}

.rto-pho-img{
    width:85%;
    height:180px;
}

.footer-notes {
    color: #000000;
    font-size: 10px;
}

.font-online-common{
    text-align: left !important; 
    padding-left: 32px;
    font-size: 16px;
    text-decoration: none;

}


.pull-check-right {
    padding-left: 30px;
}




@media screen and (min-device-width: 480px) and (max-width: 768px) { 

    .topbar-menu{
        display: none;
    }


    .top-mar{
        margin:0px;
    }   


    .top-mars{
        margin:0px;
    }

}


@media (max-width: 360px){

    .topbar-menu{
        display: none;
    } 

    .hide-header{
        display: none;
    }


    .main_news_w{
        display: none; 
    }

}

.pad-left{
    padding-left:6px!important;
}

.grid-box-row{
    width:335px;
    border: hidden; border-width:0;
}

.note-box-row{
    border: hidden; border-width:0;

}

.grid-box-row-w{
    width:40%;
    border: hidden; border-width:0;
}

.output-info{
    color: orangered;
}

.rp-heading-common{
    text-align: center;
    font-size: 16px;
    padding-left: 21px;
    line-height: 25px;
    text-decoration: none;
}

.grid-mainbox-w{
    margin:5px 20px 3px;
    border:none;

}


.grid-row-box-l
{
    float:left!important; 
    width:43%!important;
    margin-bottom: 5px;
}

.grid-row-box-r
{
    float: left!important;
    width:49%!important;
    margin-bottom: 5px;
    margin-left:5px;

}


.ui-grid_bot{
    margin-bottom: 10px;

}


.block_button_w{
    width:99px;
    height: 30px;
    text-align: center;
}
.but-mar{
    margin:0px 2px 0 2px;
}

.left-row-mar{
    margin-left:32px;
}


.ui-grid-left{
    margin-left: 15px;
}


.text-content{

    height:450px; 
    overflow: auto;

}

.text-content h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13pt;
    font-weight:bold;
    color:#053a99;
    text-decoration: underline;
    text-align: center;
    margin: 5px 0 15px;

}

.text-content-inner-w {
    width: 95%;
    margin: 0 auto;
}

.text-content-inner-w h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    color:#cd5403;
    text-align:left;
    text-decoration: none;
    margin: 2px 0 7px;


}
.text-panel-left{
    width:90%!important; 
    margin: 0 auto!important; 

}
.text-panel-right{
    width: 15%; 
    float: right; 
    position: fixed;
    right:80px;
}
.text-panel-right img{
    width:85%;
    height:153px;
}

.text-panel-right p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
    font-weight: bold;
    color:#000;
    text-align: center;
    margin: 5px 0 2px;
    padding: 0px;
    line-height: 10px;

}

.text-panel-right p span{
    font-size: 9pt;
    font-weight: bold;
    font-family:cursive;
}

.list-ul ul{
    margin: 0px;
    padding: 0px;
}

.list-ul li{
    margin: 0px;
    text-align:left;
    list-style-type:decimal;
    color: #000;
    font-size: 10pt;
    font-weight: normal;
    padding: 2px 0 2px;
}


.second-list-ul ul{
    margin: 0px;
    padding: 0px;
}

.second-list-ul li{
    margin: 0px;
    text-align:left;
    list-style-type:upper-roman;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
}

.font-heading{
    width: 100%;
    margin: 14px 0 0px;

}

.font-heading h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:15pt;
    font-weight:bold;
    color:#1569a0;
    text-decoration: none;
    text-align: center;
    margin:4px 0 11px;
    line-height: 19px;

}
.font-heading span{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    color:#cd5403;
    text-align:left;
    text-decoration: none;
    margin: 2px 0 7px;

}


.left-search-w{
    width:140px;
    height:27px;
    float:right;
    font-size:9px;
}

.left-mar{
    margin-right:-20px; margin-left:-20px;
}

.right-mar{
    margin-right: 10px;
}


.center-col-row{
    width:100%;
    display: flex;
    justify-content:center;

}

.bot-footer{ 
    width:100%;
    margin: 60px 0 15px;
    border-top: 1px dotted #000;
}

bot-footer p { 
    line-height:10px;
    margin:15px 10px 0 0px;
}
.bottom-pho-w {
    width: 17%;
}
.bottom-pho-w img{   
    width: 93px;
} 
.footer-line-height {
    line-height: 50px;
    height: 50px; 
    vertical-align: middle;
}
.main-body-w {
    width:850px;
    margin:0 auto; 
    border:1px #002900 solid;
}
.rp-bg-w{
    width: 250px; 
    height: 150px;
    background:url(images/vahan_logo-tri-color.png)  no-repeat !important; 
    position: absolute; margin: 245px 0 0 280px; 
    opacity: 0.20;filter: 
        alpha(opacity=20);}
.heading_1{
    font-weight: bold;  

}

.heading_2{font-weight:normal;text-decoration:none;list-style: none;}



.pr_w
{
    width:470px;
    margin:0 auto;
    height:auto;
}

@page
{
    size: auto;   /* auto is the initial value */
    margin:5mm 15mm;  /* this affects the margin in the printer settings */
}

@media print {
    .display-none {
        display : none !important;
    }
    .left-space {
        margin-left: 0px;
    }
    .header-main{
        border-bottom: 1px solid #000000;
        margin: 0 auto 10px;
    }

    .ui-widget-content {
        border-color: #000000 !important;
    }

    .border-transparent th.ui-state-default {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }
}
.page-break {
    page-break-after: always;
}

.bottom-line {
    content: '';
    margin: 2px auto;
    border-bottom: 1px solid #000000;
    padding: 0px 2px 1px;
    display: inline-block;
}

.table-width-two td {
    width: 50%;
    vertical-align: top !important;
}

.table-width-three td {
    width: 33%;
    vertical-align: top !important;
}

.table-width-four td {
    width: 25%;
    vertical-align: top !important;
}

.table-width-oneforth td:nth-child(1) {
    width: 25% !important;
    vertical-align: top !important;
}

.table-width-oneforth td:nth-child(2) {
    width: 75% !important;
    vertical-align: top !important;
}

.report-header {
    font-size: 16px;
    color: #000000;
    font-family: Arial;
    margin-bottom: 5px;
}

.report-subheader {
    font-size: 14px;
    color: #000000;
    font-family: Arial;
    font-weight: 700;
}

.border-transparent tr.ui-widget-content, .border-transparent .ui-datalist-content.ui-widget-content {
    border: transparent !important;
}

.border-transparent th.ui-state-default, .border-transparent tfoot td.ui-state-default {
    border-left: transparent !important;
    border-right: transparent !important;
}

.inline-section {
    display: inline-block !important;
}

.position-relative {
    position: relative;
}

.qrcode-position-absolute {
    position: absolute; 
    right: 10px; 
    top: 10px;
}

.but_v{
    margin: 18px 0 10px;
}


.panel-scroll{
    max-height:280px; overflow-y: scroll;
}

.box-heading{
    width: 60%; margin:5px auto; 
    border: 1px #019ddd solid; 
    box-shadow: 1px 2px 3px #888888;
    border-radius: 15px;
}

.box-heading h2{
    border-bottom:1px #019ddd dotted;
    padding: 5px;
    text-align: center;
}


.blink_me {
    animation: blinker 1s linear infinite;
    color: #000;
}

@keyframes blinker {  
    50% { opacity: 0.4; }
}


.box_bg_w{
    width: 98%;
    margin: 20px 0 20px;
    background: #daeeff ;
    border:1px #daeeff solid;
    border-radius:25px;
    box-shadow: 3px 2px 4px #888888;
}

.box_bg_w:hover{
    background: #f6edda;
}


.box_bg_w h1{
    font-size: 1.7em;
    text-align: center;
    color: #000;
    padding: 14px 0 2px;
    cursor: default;


}


.box_bg_w a{
    font-size:20px;
    color: #08406f;

}

.box_bg_w a:hover{
    cursor: pointer;
    color: red;




}


.box_bg_w h2{
    font-size: 1.5em;
    padding-bottom: 18px;
    margin: 0px;
    text-align: center;
    color: #fff;

}

.drak-blue{
    background: #037fb2;
    color: #fff;
    border: none;
}



.marquee-c{
    color: #fff;
    font-weight: bold;
}


.marquee {
    width:100%;

    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  
    animation: marquee 45s linear infinite;
    font-size: 15px!important;
}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}



ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

/* Wrapper to prevent scroll */
.footer-banner-wrapper {
    width: 100%;
    overflow-x: hidden; 
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Image styling */
.footer-banner {
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;       
    max-width: none;   
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}


@media (max-width: 1999px) {
    .footer-banner {
        width: 100%;     
        max-width: 100%;
    }
}



.footer-bottom {
    clear: both;
    background-color: #4370a4;
    min-height: 30px;
    width: 100%;
    bottom: 0;

}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}

.mar-left{
    margin-left:55px;

}

.ui-selectonemenu .ui-selectonemenu-trigger  {
    width:40px!important;

}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
    margin-top:18px!important;
}
.chart-title-bar {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height:26px;
    background: #547ea1;
    border-top-left-radius: 2px; 
    border-top-right-radius: 2px; 
    border-bottom: 2px solid #0c526a;
}
.chart-outer-box {
    width:98%;
    margin-top: 16px;
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
    border: 2px solid #547ea1;
    -webkit-box-shadow: 0 8px 6px -6px #181818;
    -moz-box-shadow: 0 8px 6px -6px #181818;
    box-shadow: 0 8px 6px -6px #181818;
}

.captcha-w2{
    width:100%;
    height:40px!important;
    max-width:120px;
    display: inline-block;
}
.ref-s{
    padding: 0 0 0 25px!important;
}
.border-w{
    border: 1px #000 solid!important;
    border-radius:5px!important;

}
/*custom-table start*/

.custom-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    table-layout: auto;   
}


.custom-table thead {
    background: #366093;
    color: #fff;
}

.custom-table thead th {
    padding: 14px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #003366;
    white-space: nowrap;
}

/* Rows */
.custom-table tbody tr {
    transition: background 0.3s ease;
}
.custom-table tbody td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
    font-size: 15px;
    line-height: 25px;
}

/* Alternate row colors */
.custom-table tbody tr:nth-child(odd) {
    background: #f9f9f9;
}
.custom-table tbody tr:nth-child(even) {
    background: #eef4ff;
}


@media (max-width: 767px) {
    .custom-table thead th {
        white-space: normal;   
        font-size: 14px;      
        padding: 10px;       
    }

    .custom-table tbody td {
        font-size: 13px;       
        padding: 8px;
    }
}

/*custom-table end*/



.f-s{
    font-size:15px!important;
}

.border-pad{
    padding: 5px!important;
}
.border-s{
    float: left!important; 
    text-align: left!important; 
}

.border-top{
    margin-top:6px!important;
}
.word_break {
    white-space: normal !important;
    word-break: break-word !important;
}


.custom-header-style .ui-column-title {
    text-transform: none !important;
}

.ui-widget-content {
    border:none!important;
    background: #f7fbff!important;
    color: #000000;
}
.ui-column-title{
    font-weight:bold!important;
}
.ui-panel .ui-panel-content {
border: 1px solid #2c5c92!important;
border-top: none !important;
}

.ui-datatable tbody td {
       border: 1px solid #1682ba!important;
    text-align: center!important;
}
.lable-box{
    width:85%; height: 20px;
}

.org-box{
    background:#ff8900!important;
    color: #ff8900!important;
}

.darkb-box{
    background:#e4f8e7!important;
    border: 2px solid #0cc327!important;

}



.red-box{
    background: red!important;
}
.green-box{
    background: green!important;
}

.p-table-s{
    background: #f2f4f3!important;  text-align: center!important;
    font-weight: bold!important;
}

.p-s{
    color:#3c851b!important; font-weight: bold; font-size:16px!important;

}

.ui-panel .ui-panel-title {

    font-weight: bold!important;
    font-size: 18px!important;
}

.pulse2{
    -webkit-animation: pulse 400ms infinite alternate;
    animation: pulse 400ms infinite alternate;
}
@-webkit-keyframes pulse {
    0% { background-color: #4b99d9; }
    100% { background-color: yellow; }
}
@keyframes pulse {
    0% { background-color: #4b99d9; }
    100% { background-color: yellow; }
}

.blink-soft {
    animation: blinker 1.9s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}


/* Data Table Mobile View Start */

.mobile-label {
    display:none;
}

.overflow-s{
    max-height:350px!important;
    overflow-y:auto!important;
}


.responsive-reflow-table table {
    border-collapse: collapse;
    width: 100%;

}

.responsive-reflow-table th,
.responsive-reflow-table td {
    padding: 8px 10px;
    border: 1px solid #ddd;
    text-align: left;
}


@media only screen and (max-width: 768px) {
    /* Make all table elements block to stack */
    .responsive-reflow-table table,
    .responsive-reflow-table thead,
    .responsive-reflow-table tbody,
    .responsive-reflow-table th,
    .responsive-reflow-table td,
    .responsive-reflow-table tr {
        display: block;
        width: 100%;
        text-align: left!important;
    }

    /* Hide the table header row on mobile */
    .responsive-reflow-table thead tr {
        display: none;
    }

    /* Style each row with border and spacing */
    .responsive-reflow-table tbody tr {
        margin-bottom: 1.5rem;
        padding: 0.75rem 0.5rem;
        border: 1px solid #ccc;
        background: #fafafa;
        border-radius: 4px;
        text-align: left!important;
    }

    /* Make each cell display label + value */
    .responsive-reflow-table tbody tr td {
        position: relative;
        padding-left: 50%;       /* space for label */
        border: none;
        border-bottom: 1px solid #eee;
        text-align: left!important;
        white-space: normal;
    }

    /* Remove bottom border on last cell */
    .responsive-reflow-table tbody tr td:last-child {
        border-bottom: 0;
    }

    /* Show label (header) before each cell's content */
    .responsive-reflow-table tbody tr td::before {
        content: attr(data-label) " ";
        position: absolute;
        left: 10px;
        top: 8px;
        font-weight: bold;
        white-space: nowrap;
        text-transform: none;
        text-align: left!important;
    }
}



@media screen and (max-width: 768px) {
    .mobile-label {
        display: inline-block;
        font-weight: bold;
        margin-right: 5px;
        color: #000;
        width:49%;
    }
    .login-bg {

        padding: 2px 0px!important;

    }

    .datatable-panel-serial-no, .col-width {
        width: 100%!important;
    }


}


/* Data Table Mobile View End */



/* PDF Open Start */

.pdf-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom:125%;
    overflow: hidden;
}

.pdf-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.pdf-fallback {
    text-align: center;
    padding-top: 1rem;
    display: none;
}

@media (max-width: 767px) {
    .pdf-fallback {
        display: block;
    }

    .pdf-fallback a { 
        font-size:20px;
        color: #158bc1!important;

    }

}


/* PDF Open End */








/* FAQ's' Start */


.accordion-button.custom-header {
    background-color: #3a6091; /* light blue */
    color: #fff; /* dark blue text */
}

/* Hover effect */
.accordion-button.custom-header:hover {
    background-color: #4f7cb6; /* darker blue */
    color: #003366;
}

/* When collapsed */
.accordion-button.custom-header.collapsed {
    background-color: #517b9e;
    color: #fff;
}

/* FAQ's' End */

.bg_body {
    width: 100%;
    height:100vh;
    align-items: center;
    justify-content: center;
    background-image: url("./images/body-bg.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; /* Prevent scroll */
}


.transparent-panel.ui-panel {
    background-color: transparent !important;
    border:1px #315a7d solid!important;
    box-shadow: none !important;
}

/* Header area */
.transparent-panel .ui-panel-titlebar {
    background: #315a7d !important;
    border: none !important;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    padding-left: 0;

}

/* Panel content */
.transparent-panel .ui-panel-content {
    background: transparent !important;
    border: none !important;
    padding: 1rem 0 !important;
}

.captcha-w {
    width: 100%;
    max-width: 120px;
    display: inline-block;
}

/*Animation start header*/

.fancy-header {
    background: linear-gradient(to right, #ffffff 40%, #dbefff 70%, #003366 100%);
    padding: 10px 20px;
    min-height: 70px;
    position: relative;
    overflow: hidden;
}

.fancy-header .row {
    position: relative;
    z-index: 2;
}

/* Logo Image */
.logo-img {
    max-height: 60px;
    width: auto;
}

/* Right side box with transparent car */
.fancy-right-box {
    background: url('./images/fancy-car-bg2.png') no-repeat right center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 15px;
    min-height: 60px;
    position: relative;
    z-index: 1;
}

/* Fancy Text */
.fancy-logo-text {
    font-size: 16px;
    font-weight: 900;
    color: #ffffff;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px 12px;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

/* Responsive */
@media (max-width: 768px) {
    .logo-img {
        max-height: 50px;
    }

    .fancy-right-box {
        background-size: contain;
        min-height: 50px;
        padding-right: 10px;
    }

    .fancy-logo-text {
        font-size: 14px;
    }
}

/*Animation end header*/

/*access-btn start*/

.access-btn {
    border: 1px solid #366093;
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    background: #366093;
    transition: all 0.3s ease-in-out;
    height: 100%; /* equal height for all */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.access-btn:hover {
    background: #93c3fd;
    color: #000;
    cursor: pointer;
}
.access-btn i,
.access-btn .big-text {
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
}
.access-btn:hover i,
.access-btn:hover .big-text {
    color: #fff;
}

.dark-contrast .access-t, 
.dark-contrast .access-t i {
    color: #000!important;
}




/* ================= Dark Contrast (Clean Dark Mode) ================= */

/* Dark Contrast apply na ho accessibility box par */
.dark-contrast .accessibility-controls,
.dark-contrast .accessibility-controls * {
    all: unset !important;
    display: revert !important;
    color: revert !important;
    background: revert !important;
    border: revert !important;
    box-shadow: revert !important;
    font-size: revert !important;
}

.dark-contrast,
.dark-contrast body,
.dark-contrast html {
    background: #000 !important;
    background-image: none !important; 
    color: #fff !important;
}


.dark-contrast * {
    color: #fff !important;
}

.dark-contrast .ui-state-default, 
.dark-contrast .ui-widget-content .ui-state-default, 
.dark-contrast .ui-widget-header .ui-state-default {
    border: 1px solid #1682ba;
    background: none;
    font-weight: bold;
    color: #640d0d;
}



.dark-contrast .main_news_w{
    background: #000;

}

.dark-contrast .fancy-header {
    background: linear-gradient(to right, #ffffff 40%, #98a0a7 70%, #000000 100%);
}

.dark-contrast .navigation-background-nav {
    background: -webkit-linear-gradient(141deg, #2c2c2c 70%, #1c1a1a 30%);
}


.dark-contrast .login-bg {
    background: radial-gradient(160% 120% at -10% -20%, #222 0 55%, transparent 56%),
        radial-gradient(185% 135% at -8% -20%, #1a1a1a 0 60%, transparent 61%),
        radial-gradient(210% 150% at -6% -20%, #333 0 65%, transparent 66%),
        radial-gradient(240% 165% at -4% -20%, #2a2a2a 0 70%, transparent 71%),
        radial-gradient(270% 180% at -2% -20%, #444 0 75%, transparent 76%),
        linear-gradient(180deg, #000 0%, #111 100%);
    border: 1px #444 solid !important;  /* ✅ border bhi dark */
}

.dark-contrast .topbar-menu {
    background: #000;

}

.dark-contrast .ui-widget-header {
    background: #070708 !important;
    /* color: #fff !important; */
    box-shadow: 1px 1px 3px #000000;
}

.dark-contrast #style-3::-webkit-scrollbar-thumb
{
    background-color: #000;
}

.dark-contrast .ui-widget-content {
    /* border: 1px solid #1682ba; */
    background: #8d8d8d !important;
    color: #000000;
}

/* === Dark Contrast Inputs === */
.dark-contrast .text-field,
.dark-contrast input[type='text'],
.dark-contrast input[type='password'],
.dark-contrast input[type='int'] {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #666 !important; /* halka sa border dikhane ke liye */
}

.dark-contrast .login-links-wrapper .ui-button {
    background: #08090a;
}

.dark-contrast .login-links-wrapper .ui-button:hover {
    background: #333 !important;   /* dark mode ke liye hover ka background */
    color: #fff !important;        /* text white karne ke liye */
    border: 1px solid #666 !important;
}
/*.dark-contrast .box-scroll-w {
    height: 248px;
    background: #8d8d8d;
}*/

.dark-contrast .footer-bottom {
    clear: both;
    background-color: #000000;
}
.dark-contrast a,
.dark-contrast a * {
    color: yellow !important;
    font-weight: bold;
}


.dark-contrast img,
.dark-contrast video,
.dark-contrast iframe {
    filter: grayscale(100%) brightness(60%) contrast(90%) !important;
}


.dark-contrast header,
.dark-contrast .header {
    background: linear-gradient(90deg, #000000, #1a1a1a, #333333) !important;
    background-image: none !important;
}


/* Dark Contrast - Dropdown styling */
.dark-contrast .ui-selectonemenu {
    background: #000 !important;   /* dropdown box black */
    color: yellow !important;      /* selected text yellow */
    border: 1px solid #666 !important;
}

.dark-contrast .ui-selectonemenu-label {
    background: #000 !important;
    color: yellow !important;       /* label text yellow */
}

.dark-contrast .ui-selectonemenu-items {
    background: #000 !important;    /* dropdown list bg */
    color: yellow !important;       /* dropdown list text */
}

.dark-contrast .ui-selectonemenu-item {
    background: #000 !important;
    color: yellow !important;
}

.dark-contrast .ui-selectonemenu-item:hover {
    background: #333 !important;    /* hover effect */
    color: #ff0 !important;         /* hover text */
}





.invert-colors {
    filter: invert(1) hue-rotate(180deg) !important;
}

.invert-colors img {
    filter: invert(1) hue-rotate(180deg) !important; 
}


.low-saturation {
    filter: saturate(50%);
}


.highlight-links a {
    background: yellow;
    color: black !important;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
}


.hide-images img {
    display: none !important;
}


.default-cursor {
    cursor: default !important;
}

.ui-datagrid-column label {
    position: relative;
    display: inline-block;
    background: #fff;                  
    color: #0540a1 !important;         
    font-size:16px !important;
    font-weight: 900 !important;       
/*    font-family: "Impact", "Arial Black", "Poppins", sans-serif;*/
    text-align: center;
    padding:5px 30px;
    margin:1px;
    border-radius: 12px;
    border: 2px solid #0cc327!important;
    letter-spacing: 1px;

    text-shadow: 1px 1px 2px rgba(5,64,161,0.25);

    box-shadow: 0 4px 12px rgba(5,64,161,0.25);
    min-width: 100px;
    transition: all 0.3s ease;
}


.ui-datagrid-column label::before,
.ui-datagrid-column label::after {
    content: "";
    position: absolute;
    top: 50%;
    width:8px;
    height:8px;
    background: #9ee4a8;      
    border-radius: 50%;
    transform: translateY(-50%);
}


.ui-datagrid-column label::before {
    left: 10px;
}


.ui-datagrid-column label::after {
    right: 10px;
}


.ui-datagrid-column label:hover {
    animation: swing 1s ease-in-out;
}


@keyframes swing {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(5deg); }
    50%  { transform: rotate(-5deg); }
    75%  { transform: rotate(4deg); }
    100% { transform: rotate(0deg); }
}
/*access-btn end*/


/*   (19-09-2025) New Add style start  */

/*  Panel Header new style start  */

#pnlApplicantAuction_header {
    background: linear-gradient(135deg, #2c5c92, #5d8ecb) !important; 
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 12px 18px !important;
    border-radius: 12px 12px 0 0 !important;
    letter-spacing: 0.5px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

#pnlApplicantAuction_content {
    background: #f6fbff !important;
    padding: 20px !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}


#pnlApplicantAuction_content label {
    font-weight: 600 !important;
    color: #000 !important;      
    font-size: 14px !important;
    margin-bottom: 6px !important;
    display: block;
    text-align: left !important;
    margin-left: 24px !important; 
}


.ui-selectonemenu {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #fff !important;
    height: 40px !important;
    transition: 0.2s;
    width: 90% !important;      
    box-sizing: border-box !important; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    margin-bottom: 12px;   
}
.ui-selectonemenu:hover {
    border-color: #2c5c92 !important;
    box-shadow: 0 0 0 3px rgba(45, 106, 179, 0.15);
}


.ui-selectonemenu-label {
    font-size: 14px !important;
    color: #333 !important;
    padding: 0 12px !important;
    line-height: 40px !important;
}


.ui-selectonemenu-trigger {
    background: #fff !important;
    border: none !important;
    border-left: 1px solid #d1d5db !important;
    border-radius: 0 8px 8px 0 !important;
    width: 32px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ui-selectonemenu-trigger .ui-icon {
    background-image: none !important;   
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #2c5c92 !important; 
    margin: 0 auto !important;
}

.but_v {
    background: linear-gradient(135deg, #2c5c92, #5d8ecb) !important;
    color: #fff !important;
    border: 1px solid #2c5c92 !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    height: 42px !important;
    padding: 0 20px !important;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin: 8px;


    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.but_v:hover {
    background: linear-gradient(135deg, #2c5c92, #5d8ecb) !important;
    color: #e2e2e2 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}

.but_v:active {
    transform: translateY(1px);
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
}
.but_reset_v {
    background: linear-gradient(120deg, #727272, #585858)!important;
    color: #fff !important;
    border: 1px solid #9f9f9f!important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    height: 42px !important;
    margin: 8px;
    padding: 0 20px !important;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
    cursor: pointer;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.but_reset_v:hover {
    background: linear-gradient(135deg, #454546, #9E9E9E) !important;
    color: #e2e2e2 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}


#totcount {
    background: #2c5c92 !important;  
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: none !important;
    height: 40px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
}

.ui-inputfield {
    height: 40px !important;
    line-height: 40px !important;
}

/* ==== Panel Header new style end==== */


/*excel-download-btn start*/

.excel-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background-color: #107c41; /* Excel green */
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 14px;   /* medium spacing */
    border-radius: 5px;
    text-decoration: none !important;
    transition: background 0.25s ease-in-out, transform 0.15s;
}

.excel-download-btn i {
    font-size: 16px; 
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
}

.excel-download-btn:hover {
    background-color: #0b5c30; /* darker Excel green */
    transform: translateY(-1px);
    color: #fff !important;
}

.excel-download-btn:hover i {
    transform: scale(1.12);
}


.note-box {
    background: #e0eefb;             /* हल्का पीला background */
    border-left: 5px solid maroon;   /* left highlight bar */
    color: #5a2a2a;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 14px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-top: 12px;   /* ✅ ऊपर वाले form से gap */
    clear: both;        /* ✅ overlap रोकने के लिए */
}
.note-box strong {
    color: maroon;
    margin-right: 5px;
}


/*excel-download-btn End*/


/*New  myCashTable table css start*/
/* ======================== */
/* Table Base & Font Style  */
/* ======================== */
.myCashTable.ui-datatable {
    border: 1px solid #c1c1c1 !important;
    border-radius: 6px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Arial, sans-serif !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04); /* subtle shadow */
    width: 100% !important;
    table-layout: auto !important;
}

.myCashTable.ui-datatable th.ui-state-default {
    background: #2c5c92 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-align: center !important;
    padding: 10px 4px !important; 
    border-bottom: 1px solid #14406b !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;  
}

.myCashTable .ui-datatable-scrollable-body table thead {
    display: none !important;
}

.myCashTable.ui-datatable tbody.ui-datatable-data tr:nth-child(even) {
    background-color: #f2f6fa !important;
}

.myCashTable.ui-datatable tbody.ui-datatable-data tr:nth-child(odd) {
    background-color: #ffffff !important;
}

.myCashTable.ui-datatable tbody.ui-datatable-data tr {
    border-bottom: 1px solid #beccd9 !important; 
}

.myCashTable.ui-datatable td {
    padding: 6px 8px !important;
    text-align: center !important;
    word-break: break-word !important;
    color: #333 !important;
    border: 1px solid #beccd9 !important; 
}

.myCashTable .ui-datatable-scrollable-body {
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;  
}

.myCashTable.ui-datatable tbody.ui-datatable-data tr:hover {
    background-color: #d9e4f5 !important;
    transition: background-color 0.2s ease-in-out;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 border: 1px solid #949aa1 !important;
}

/* ======================== */
/* Mobile Responsive Fix    */
/* ======================== */
@media (max-width: 768px) {
    
    .custom-datatable-cell table {
    width: 100% !important;
    table-layout: auto !important;
}

    .myCashTable.ui-datatable-scrollable .ui-datatable-scrollable-body {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .myCashTable.ui-datatable-scrollable .ui-datatable-scrollable-header {
        display: block !important;
        overflow-x: auto !important;
    }

    .myCashTable.ui-datatable-scrollable .ui-datatable-scrollable-body thead {
        visibility: collapse !important; 
        display: table-row-group !important;
    }

    .myCashTable.ui-datatable table {
        width: 100% !important;
        min-width: 600px !important; 
    }

    .myCashTable.ui-datatable td,
    .myCashTable.ui-datatable th.ui-state-default {
        font-size: 12px !important;
        padding: 6px 4px !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
    }
}

.no-border {
    border: none !important;
    box-shadow: none !important; /* agar shadow bhi aa raha ho */
}


.ui-panel.customRtoPanel.ui-widget > .ui-panel-content {
    border: none !important;
    box-shadow: none !important;
}
/*New myCashTable table css end*/


.custom-datatable-cell td,
.custom-datatable-cell th {
    min-width: 120px; /* apne hisaab se adjust */
}




/*   (19-09-2025) New Add style End  */