body
{
    margin-left:0px;
}
#heading{
    text-align:center;
}

.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
}

#btnsubmit{
    color:black;
    font:bold;
    margin-bottom:10px;
    background:#F48019C9;
}
.loginbg{
    background-image:url(../../../assets/img/generic/banner4.png);background-position: 100% 100%;
}
.login-header {
    /*background-color:#fc4a1a;   
    color:#fff;*/
    /*background-color: #F0F8FF;*/
    background-image: linear-gradient(to right, #f12711 0%, #f9bd69 100%);
    /* background-color: #D2691E; /*#F48019; #D2691E;*/
    color: #fff;
    text-shadow: 1px 1px 2px Maroon,0 0 1em #f12711, 0 0 0.2em #f9bd69;
    font-size: 19px;
}
    .login-header h2 {
        font-weight: bold !important;
    }

.container-login {
    margin: 0;
    margin-top: 20px;
}
.login-img
{
    padding-left:10px;
    padding-right:5px;
    height:87%;
}
.login-footer {
    margin-bottom: 0;
    background-color: #F0F8FF;
    /*background-color: #6E0500;*/ /*#F48019; */
    color: #000;
    padding: 0px 15px 0px 15px;
}
.form1 {
    /*border:2px 0px 2px 0px;*/
    border: solid #EF7104 3px;
    /*border: solid 3px #cfcfcf;*/
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 73%;
    background-color: #fdf6ef;
}
    .form1 .form-group .form-label {
        color: #f12711;
        font-weight: 600;
    }
.app-theme-white.fixed-header .app-header__logo {
    /*// background: #fc4a1a;*/
    background: #F0F8FF; /* #F48019;*/
    color: brown;
}

.app-header .app-header__content {
    background-color: #F0F8FF;
    color: brown;
}

.dropdown-item:last-child {
    
    color: #fff;
}
.form-border-background {
  /*  background-color: #FAEBF8;*/
    border: solid 1px maroon;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: brown;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: brown;
}

.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: brown; /* #F48019;*/
}

.app-theme-white .app-sidebar {
    background: #fbecde;
}

.vertical-nav-menu li a.mm-active {
    background: #efe78e94;    
}

.menu-vertical {
    /* Adjust width as needed */
   
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}

    .menu-vertical ul {
      
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .menu-vertical ul li {
            width: 100%;
            padding: 10px 20px;
            border-bottom: 1px solid #484043;
            color: #484043;
        }

    .menu-vertical ul li:hover {
        background-color: #efe78e94;
        color: #CD5C5C;
    }

    .menu-vertical a {
        color: brown;
        text-decoration: none;
        
    }
    .menu-vertical ul li a:hover {
        color: #484043;
    }


.app-sidebar .app-sidebar__inner{
    padding:0px;
}

.app-sidebar__heading {    
    color: black;    
    text-align: center;
}

.app-sidebar .scrollbar-sidebar .sidebar-heading {
    text-align: center;
    font-weight: bold;
    color: #964B00;
    padding: 40px 10px;
    border-bottom: 2px solid #484043;
}
.login-header img {
    width: 100%;
}
.app-header__logo img{
    width:50px;
}
.up img{
    
    width: 100px;
    padding-top: 5px;

}
/*.login-header h2{   
    padding-top: 25px;
}*/
.inspector-container {
    margin-left: 3px;
    border: solid 1px #ddd6d6;
    padding-top:5px;
}
.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
    
}
.dvcontent{
    margin-top: 15px;
}

#btnLogout {
    color: #fff;
    font-weight: bold;
    background-color: brown;
}

.mm-active{
    margin-left:-25px !important;
}

/*.modalPopup 
{
    background-color: #ffffff;
    box-shadow: 0px 0px 5px #ddd6d6,
                0px 0px 5px #ddd6d6,
                0px 0px 5px #ddd6d6,
                0px 0px 5px #ddd6d6;                                 
    width: 50%; 
    border-radius:20px;       
}*/
.modalPopup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:#ffffff ; /* Semi-transparent background *//*rgba(0, 0, 0, 0.5)*/
        width: 80%; /* Adjust the width as needed */
        max-width: 400px; /* Set maximum width */
        /*padding: 20px;*/
        border-radius: 5px;
        z-index: 9999; /* Ensure the popup is above other elements */
    }
    .modalBackground {
        background-color: #ddd6d6;
        filter: alpha(opacity=50);
        opacity: 0.7;
    }

.outlin-border
{
    background: white;
    border:1px solid #808080;        
    padding:5px;
    border-radius:20px;               
}


.app-theme-white .app-header 
{
    background: #F48019; 
      
}

.app-theme-white .app-footer .app-footer__inner {
    background: #F0F8FF;
    /*margin-left: 280px*/
}
.text-red
 {
   color: #e13a3a; 
 }

/*.rcorners1 {
    border-radius: 30px 30px;
    padding: 20px;
    width:170px;
    height: 100px;
    color: #000;
}*/
.p {
    background: rgb(87,150,255);
    background: linear-gradient(76deg, rgba(87,150,255,1) 28%, rgba(0,255,239,0.9192051820728291) 100%);
    color:#fff;
    /*background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%);*/
}

.p1 {
    background: rgb(236,37,37);
    background: linear-gradient(76deg, rgba(236,37,37,1) 28%, rgba(220,145,233,0.9192051820728291) 100%);
    color: #fff;
    /* background: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);*/
    /* /background: linear-gradient(110.7deg, rgb(9, 154, 151) 6.3%, rgb(21, 205, 168) 90.6%);
    / /background: linear-gradient(57.4deg, rgb(249, 206, 183) 4.6%, rgb(234, 174, 202) 26%, rgb(210, 182, 226) 49.1%, rgb(173, 209, 242) 86.5%);
    /*/
}

.p2 {
    background: rgb(246,134,5);
    background: linear-gradient(76deg, rgba(246,134,5,1) 28%, rgba(249,230,159,0.9192051820728291) 100%);
    color: #fff;
    /* background-image: linear-gradient(to right, #ef8212, #dcdf6b);*/
}

.p3 {
    /background: linear-gradient(107deg, rgb(2, 108, 223) 27.4%, rgb(0, 255, 255) 92.7%);
     background: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}

.p4 {
    background: radial-gradient(circle at 10% 20%, rgb(255, 200, 124) 0.1%, rgb(252, 251, 121) 90%);
    /*/background: radial-gradient(circle at 10% 20%, rgb(236, 158, 248) 0%, rgb(131, 83, 241) 90.1%);
    / /background: radial-gradient(circle at 3% 4.8%, rgb(169, 224, 127) 0%, rgb(248, 247, 121) 86.6%);
    /*/
}

.p5 {
    background: linear-gradient(109.6deg, rgb(253, 199, 141) 11.3%, rgb(249, 143, 253) 100.2%);
}

.p6 {
    /*background: rgb(131,58,180);
background: -moz-linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(218,45,45,0.8995973389355743) 48%, rgba(252,176,69,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(218,45,45,0.8995973389355743) 48%, rgba(252,176,69,1) 100%);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(218,45,45,0.8995973389355743) 48%, rgba(252,176,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#833ab4",endColorstr="#fcb045",GradientType=1);*/
    /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=bcda38&c2=c259db&gt=l&gd=dtl
*/
    background: rgba(188, 218, 56, 1.0);
    background: linear-gradient(135deg, rgba(188, 218, 56, 1.0), rgba(194, 89, 219, 1.0));
}

.p7 {
   /* /background:linear-gradient(0deg, blue, green 40%, red);
    / background: rgba(230, 176, 115, 1.0);*/
    background: linear-gradient(135deg, rgba(230, 176, 115, 1.0), rgba(60, 221, 230, 1.0));
}

.p8 {
    background: rgba(215, 45, 40, 1.0);
    background: linear-gradient(135deg, rgba(215, 45, 40, 1.0), rgba(138, 220, 232, 1.0));
}

.body-bg-color {
    background: rgb(4,94,246);
    background: linear-gradient(76deg, rgba(4,94,246,0.3309698879551821) 23%, rgba(159,226,249,0.5102415966386555) 87%);
}


/* From minorupdate  */

.panel-widget {
    background: #fff;
}

.panel-blue {
    background: #30a5ff;
    color: #fff;
}
.panel-widget {
    padding: 0;
    position: relative;
}

.panel {
    border: 0;
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.widget-right {
    text-align: left;
    line-height: 1.6em;
    margin: 0px;
    padding: 20px;
    height: 70px;
    width: 150px;
    color: #999;
    font-weight: 300;
    background: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.widget-right .large {
        color: #5f6468;
        /* border-bottom-color: #f9243f; */
    }

.panel-blue .widget-left {
    background: #30a5ff;
    color: #fff;
}
.panel-orange .widget-left {
    background: #ffb53e;
    color: #fff;
}

.panel-teal .widget-left {
    background: #1ebfae;
    color: #fff;
}
.panel-brown .widget-left {
    background: #CD5C5C;
    color: #fff;
}
.panel-Brightpurple .widget-left {
    background: #BF40BF;
    color: #fff;
}
.panel-Amaranth .widget-left {
    background: #9F2B68;
    color: #fff;
}

.widget-left {
    height: 70px;
    width: 50px;
    padding-top: 15px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.widget-right .text-muted {
    color: #f9243f;
    /* border-bottom-color: #f9243f; */
}

.text-muted {
    --bs-text-opacity: 1;
    margin-top: -10px;
    
    color: red !important;
    font-weight:bold;
    text-align:end;
}

.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 0px;
}

.footer-shadow {
  
    border: 1px solid #d4d1d11a;
    margin-top: 7px;
    /* margin-left: 25px; */
    /* width: 158px; */
    /* height: 158px; */
    /* padding-top: 25px; */
    -webkit-box-shadow: 0px -4px 8px rgb(50 50 50 / 18%);
    -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -4px 10px rgb(50 50 50 / 17%);

}

.app-header__content .master-title{
    margin-left:20%;
}

.footer-img {
    margin-top: -20px;
    width: 260px;
    padding-left: 10px;
    vertical-align: middle;
}
.bg-maroon {
    background: brown;
}

.box-orange-border {
    border: 3px solid #EF7104;
}
.box-headerbg-orange {
    background-color: #EF7104;
    color: #FFF;
    font-weight: bold;
}
.box-Redishorange-border {
    border: 3px solid #f12711;
}
.box-headerbg-Redishorange {
    background-color: #f12711;
    color: #FFF;
    font-weight: bold;
}

/* Buttons  */

.btn-primary {
    background-color: Brown;
    color: #fff;
    font-weight: bold;
    border-color: Brown;
}
 
a i{
    color:brown;
}
/* Modal styles */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 20%; /* Could be more or less, depending on screen size */
}
.mymodal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 25px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
 .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal .header {
    background-color: brown;
    color: #fff;
}
.tabContainer .ajax__tab_header {
    font-weight: bold; /* Makes the text bold */
}
.tabContainer .ajax__tab_header.ajax__tab_active {
    font-weight: bold; /* Ensures the active tab header is also bold */
}

.page-title {
    font-size: 25px;
    font-weight: bold;
    color: rgb(243 90 47);
}
.text-search {
    width: 100px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 20px;
    transition: width 0.4s ease-in-out;
}
.text-search:focus {
   width: 60%;
   display:inline-flex;
}

.forgetpassword-bg {
    border: solid #EF7104 3px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #fdf6ef;
}
   
    .forgetpassword-bg .form-group .form-label {
     color: #f12711;
     font-weight: 600;
}
.gridview .page-link {
    color: black;
    text-decoration: none;
    padding: 5px;
}

    .gridview .page-link:hover {
        background-color: lightblue; /* Change to your desired hover color */
        color: white; /* Change text color on hover */
    }

.heading-value {
    background-color: cadetblue;
    padding: 3px;
    font-weight: bolder;
    text-align: center;
    color:#ffffff;
}


/* Islock css */
.locked {
    background-color: #008000;
    color: white;
    display: inline;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer; /* Blue for locked */
}

.unlocked {
    background-color: #ea9305;
    color: white;
    display: inline;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer; /* Green for unlocked */
}

.no-status {
    background-color: #808080;
    color: white;
    display: inline;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer; /* Grey for no status */
}

.collapsed-row{
    display:none;
    padding:0px;
    margin:0px;

}