/*-------------------- for menu*/
    .menuImage{
        border-radius: 15px;
    }
    .menu-card-item {
        display: block;
        ul {
            padding: 0;
        }
        img {
            width: 100px;
            min-width: 100px;
        }
    }

    .hide-on-mobile {
        display: block;
    }

    .hide-on-desktop {
        display: none;
    }

    .header-container {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    @media(max-width: 767px) {
        .hide-on-mobile {
            display: none;
        }

        .hide-on-desktop {
            display: block;
        }

        .menu-card-item {
            display: flex;
            align-items: flex-start;
            gap: 2rem;
        }
    }
/*-------------------- for menu end*/

/* Responsive for Smaller Screens */
    @media (max-width: 768px) {
        table, thead, tbody, th, td, tr {
            display: block;           /* Make table elements display as blocks */
        }

        thead {                    /* Hide the table header on small screens */
            display: none;
        }
        tr {                       /* Add margin between rows */
            margin-bottom: 1rem;
        }

        td {                       /* Add before content for each column */
            text-align: right;
            padding-left: 50%;
            position: relative;
            border: 1px solid #ddd; 
        }
        td:before {                /* Custom labels for each cell */
            content: attr(data-label);
            position: absolute;
            left: 0;
            padding-left: 15px;
            font-weight: bold;
            text-align: left;
            width: 50%;
        }
        .container-action {
            display: flex;          /* Make the container a flex container */
            justify-content: space-between; /* Optional: distribute space between items */
            gap: 5px;              /* Optional: add space between boxes */
        }
        .container-action .box1, .box2 {
            flex: 1;                /* Make both boxes take up equal space */
            padding: 5;          /* Add padding inside the boxes */
            background-color: #f1f1f1; /* Add a background color for visibility */
            text-align: center;     /* Center the text inside the boxes */
        } 
        .container-action .box1 {
            flex: 3;                /* Make both boxes take up equal space */
        } 
        .container-action .box2 {
        flex: 1;                /* Make both boxes take up equal space */
        } 
    }
/* Responsive for Smaller Screens end */


/* Table Styling */
/* .tab-all for tables of few columns 2-4 */
    .tab-sm {
        width: 100%;               /* Ensure the table takes the full width of its container */
        border-collapse: collapse;  /* Remove default spacing between cells */
        margin: 0;
    }

    .tab-sm thead th {
        /* background-color: #007bff; Header background color */
        /* color: #fff;               Header text color */
        text-align: left;           /* Align header text to the left */
        padding: 12px;             /* Add padding to header cells */
    }

    .tab-sm tbody td {
        padding: 10px;             /* Add padding to body cells */
        /* border: 1px solid #ddd;    Add border around body cells */
        word-wrap: break-word; /* Prevent text overflow */
    }
    .tab-sm tbody tr:hover {
        /* background-color: #f2f2f2; Light gray on hover */
    }
/* .tab-sm for tables of few columns 2-4 End */

/* layout default elements */
    #lay-header{
        top: 0;
        border:solid 2px;
        border-radius:15px;
    }
    #lay-content{
        border:solid 2px;
        border-radius:15px;
    }
    #lay-footer {
        position:relative;  
        bottom: 0;
        /* clear: both;  */
        font-size: 13px;           /* General font size for footer content */
        border:solid 2px;
        border-radius:15px;
    }  
    #lay-wrapper{
        position:relative;
        top: 0;
    }

    /* Flex container to make sure the footer is at the bottom */
    .lay-wrapper {
        display: flex;
        flex-direction: column;
    }

    /* Make the content container grow to fill the space */
    .lay-content {
        flex: 1;
        min-height: 70vh;
    }
/* layout default elements end*/

.mydiv { border:solid 2px; border-radius: 10px; padding:5px; margin:5px; }

#lay-header .nav-link   {min-width:80px;}
#lay-navbar .navbar-nav .nav-link , .themeSelector { border:solid 2px ; border-radius: 10px; padding:2px;  }
.tbl { border:solid 2px ; border-radius: 10px; padding:2px ;}
.tbl tr:first-child th:first-child {
    /* border: 2px solid green; */
    border-top-left-radius: 10px;
}
.tbl tr:first-child th:last-child {
    /* border: 2px solid green; */
    border-top-right-radius: 10px;
}
.tbl tr:last-child td:first-child {
    /* border: 2px solid red; */
    border-bottom-left-radius: 10px;
}
.tbl tr:last-child td:last-child {
    /* border: 2px solid red; */
    border-bottom-right-radius: 10px;
}
.tbl { border:solid 2px ; border-radius: 10px; padding:2px ;
    border-spacing: 0;
  border-collapse: collapse;}      

/* #lay-navbar .nav-a1 .nav-link   ,.nav-a2 .nav-link ,.themeSelector,.nav-a31 .nav-link{ border:solid 2px; border-radius: 10px;   }
#lay-navbar .nav-a1 .nav-link   ,.nav-a2 .nav-link ,.themeSelector,.nav-a31 .nav-link{ border:solid 2px; border-radius: 10px;   } */
:root {
/* --color-1-1 : #dbd4d466;--color-1-2 : #b31515;--color-1-3 : #d31919; */
/* 
    --color-1-1 : #cde211  ;--color-1-2 : #dd1818;--color-1-3 : #0d2b8f;
    --color-2-1 : #646262cc;--color-2-2 : #ffffff;--color-2-3 : #ffffff;
    --color-3-1 : #a32828cc;--color-3-2 : #cb4335;--color-3-3 : #e74f3e;
    --color-4-1 : #0b4e11cc;--color-4-2 : #cb4335;--color-4-3 : #5dade2;
    --color-5-1 : #2e86c1cc;--color-5-2 : #cb4335;--color-5-3 : #5dade2;
    --color-6-1 : #8B451399;--color-6-2 : #cb4335;--color-6-3 : #5dade2;
    --color-7-1 : #c0c0c0cc;--color-7-2 : #cb4335;--color-7-3 : #5dade2;
    --color-8-1 : #F5F5DC66;--color-8-2 : #34cb433598db;--color-8-3 : #5dade2;
*/

}

body.theme-1{
    --bg-a:#616a6b ;
    --bg-b:#b2babb66 ;
    --bg-c:#858c90 ;
    --active-a : #dbe2e3;
    --active-b : #222324;


    --border-a : #b2babb;
    --border-b : #b2babbff;
    --border-c : #e5e7e9;
    --border-d : #616a6b ;
;
 
    --color-a : #ffffff;
    --color-b : #220af4;
    --color-c : #f3f6f5;

}
body.theme-2{
    --bg-a:#1c1b1b ;
    --bg-b:#1d1b1b66 ;
    --bg-c:rgba(83, 81, 81, 0.4) ;
    --bg-d:#303030 ;
    --active-a : #dbe2e3;
    --active-b : #222324;
    --color-a : #ffffff;
    --color-b : #ffffff;
    --color-c : #ffffff;
    --color-d : #d7dbdd;
    --color-e : #e5e7e9;
    --color-f : #f2f3f4;

}
body.theme-3{
    --bg-default:#a3282899 ;
    --bg-a :#a3282899 ;    --bg-b:#a3282866 ;    --bg-c :  #a32828aa ;
    --color-a:  #ffffff;    --color-b:  #ffffff;    --color-c:  #ffffff;
    --color-d:    #ffffff ;
    --color-e:    #ffffff ;
}
body.theme-31{
    --bg-default:#85c1e9e5 ;
    --bg-a :#85c1e9e5 ;   --bg-b:#d6eaf8e5 ;   --bg-c :  #85c1e9e5 ;
    --color-a:  #0697f7   ;    --color-b:  #a3dfffff;    --color-c:  #a3dfffff;
    --color-d:    #ffffff ;
    --color-e:    #ffffff ;
}
body.theme-41{
    --bg-default:#85c1e9e5;
    --bg-a :#1a97eb ;   --bg-b:##1a98eb ;   --bg-c :  #1a97eb ; 
    --color-a:  #ff1a2d ;    --color-b:  #1767fb ;   --color-c:  #4e09f1 ;
    --color-d:    #ffffff ;
    --color-e:    #ff1a2d ;
  
}

.div-page nav p  { border:solid 2px ; border-radius: 10px; padding:5px ; border-spacing: 2px;} 
.div-tab { border:solid 2px ; border-radius: 10px; padding:2px ; border-spacing: 2px;} 
.cart-btn { border:solid 2px ; border-radius: 10px; padding:5px ; border-spacing: 2px;} 

.div-tab , .div-page nav p a {background-color:  var(--bg-a)   ; border-color: var(--border-b);color: var(--color-a); }

#lay-header { background-color: var(--bg-a) ; border-color: var(--border-a);color: var(--color-a); }
#lay-content{ background-color: var(--bg-b) ; border-color: var(--border-b);color: var(--color-a); }
#lay-footer { background-color: var(--bg-a) ; border-color: var(--border-a);color: var(--color-a); }
#lay-footer .container a { background-color: var(--bg-a) ; border-color: var(--border-a);color: var(--color-a); }

 #lay-navbar .nav-a1 .nav-link
    , #lay-navbar .nav-a2 .themeSelector 
    , #lay-navbar .nav-a3 .nav-link  {  background-color: var(--bg-a)  ;border-color: var(--border-b); color: var(--color-a); }

#lay-navbar  .nav-a1 .nav-link.active { background-color:var(--active-a) ;border-color: var(--border-b); color: var(--active-b);}
#lay-content .cat-btn       { background-color: var(--bg-a) ; border-color: var(--border-a);color: var(--color-a); }
#lay-content .tbl           { border-color: var(--border-b);color: var(--color-b); }
#lay-content .act-btn       { background-color: var(--bg-a) ; border-color: var(--border-a);color: var(--color-a); }
#lay-content .sect-btn      { background-color: var(--bg-c) ; border-color: var(--border-c);color: var(--color-c); }
#lay-content .cart-btn      { background-color: var(--bg-c) ; border-color: var(--border-c);color: var(--color-c); }
.modal-content              { background-color: var(--bg-a) ; border-color: var(--border-b);color: var(--color-a); }
#lay-content  .menu-card    { background-color: var(--bg-c) ; border-color: var(--border-b);color: var(--color-a); }
#lay-content  .menu-card a  { background-color: var(--bg-b) ; border-color: var(--border-b);color: var(--color-a); }

  /* #lay-navbar  .nav-a1  * {   color: var(--color-d) ; } */
/* #lay-navbar .nav-link {  background-color: var(--bg-b)  ; } */
 /* #lay-navbar .nav-a2 li {  background-color: var(--bg-b)  ;border-color: var(--color-b); }
 #lay-navbar .nav-a3 li {  background-color: var(--bg-b)  ;border-color: var(--color-b); } */
 /* a:hover {  color: var(--color-e) !important ;border-color: var(--color-a); }
 a:active {  color: #ff1a2d  !important ;border-color: #ff1a2d ; } */
  /*        .nav-a2 a
        ,.navbar-nav ,.nav-link { color: var(--color-d);}
        ,  .nav-a2 li a
        ,  .nav-a31  {  color: var(--color-d); }  */
/*

/* .theme-1 #lay-header { background-color: #002c0099 ; color: #ffffff !important; border-color: #1e4a1eff;}
.theme-1 #lay-content{ background-color: #002c0066 ; color: #ffffff !important; border-color: #1e4a1eff;}
.theme-1 #lay-footer { background-color: #002c0099 ; color: #ffffff !important; border-color: #1e4a1eff;}
.theme-1 #lay-navbar{  color: #ffffff !important ; border-color: #1e6034ff;}
.theme-1 #lay-navbar .nav-a1 li 
        , #lay-navbar .nav-a2 a
        ,.navbar-nav ,.nav-link { background-color: #002c00ff ; color: #ffffff !important; border-color: #1e6034ff;}
        , #lay-navbar .nav-a2 li a
        , #lay-navbar .nav-a31  { background-color: #002c00ff ; color: #ffffff !important; border-color: #1e6034ff;}
 */



/*  
    .theme-1 #lay-header        { background-color:#ec4949; color:#000000; border-color:#000000 ;}
    .theme-1 #lay-content       { background-color:#ece5e5cc; color:#000000; border-color:#000000;} 
    .theme-1 #lay-footer        { background-color:#ece5e5cc; color:#000000; border-color:#000000;}
    .theme-1 .nav-a2            { background-color:#ece5e5cc; color:#000000; border-color:#000000;}

    .theme-1  #lay-navbar .nav-a1 li 
            , #lay-navbar .nav-a2 
            , #lay-navbar .nav-a2 li
            , #lay-navbar .nav-a31  {background-color:#ece5e5cc;  border-color:#000000;} 


    .theme-3 #lay-header        { background-color:#dc00004c; color:#000000; border-color:#fa1e1eff ;}
    .theme-3 #lay-content       { background-color:hsla(0, 100.00%, 43.10%, 0.30); color:#000000; border-color:#fa1e1eff;} 
    .theme-3 #lay-footer        { background-color:#dc00004c; color:#000000; border-color:#fa1e1eff;}
    .theme-3 .nav-a2            { background-color:#dc0000b2; color:#000000; border-color:#fa1e1eff;}

    .theme-3  #lay-navbar .nav-a1 li 
            , #lay-navbar .nav-a2 
            , #lay-navbar .nav-a2 li
            , #lay-navbar .nav-a31  {background-color:#dc0000b2;  border-color:#fa1e1eff;}
*/


/* 
    .theme-1 #lay-header { background-color: #002c0099 ; color: #ffffff !important; border-color: #1e4a1eff;}
    .theme-1 #lay-content{ background-color: #002c0066 ; color: #ffffff !important; border-color: #1e4a1eff;}
    .theme-1 #lay-footer { background-color: #002c0099 ; color: #ffffff !important; border-color: #1e4a1eff;}
    .theme-1 #lay-navbar{  color: #ffffff !important ; border-color: #1e6034ff;}
    .theme-1 #lay-navbar .nav-a1 li 
            , #lay-navbar .nav-a2 a
            ,.navbar-nav ,.nav-link { background-color: #002c00ff ; color: #ffffff !important; border-color: #1e6034ff;}
            , #lay-navbar .nav-a2 li a
            , #lay-navbar .nav-a31  { background-color: #002c00ff ; color: #ffffff !important; border-color: #1e6034ff;}
*/


/* 
    { background-color: #00000033 ; color: #ffffffdd ; border-color: #1e1e1eff;}
    color:151148 { background-color: #00161633 ; color: #ffffffdd ; border-color: #1e3434ff;}
    color:151148 { background-color: #002c004c ; color: #ffffffdd ; border-color: #1e4a1eff;}
    color:151148 { background-color: #002c0066 ; color: #ffffffdd ; border-color: #1e4a1eff;}        
    color:151148 { background-color: #0042164c ; color: #ffffffdd ; border-color: #1e6034ff;}
    color:151148 { background-color: #006e0033 ; color: #ffffffdd ; border-color: #1e8c1eff;}
    color:151148 { background-color: #006e0066 ; color: #ffffffdd ; border-color: #1e8c1eff;}
    color:151148 { background-color: #006edc33 ; color: #ffffffdd ; border-color: #1e8cfaff;}
    color:151148 { background-color: #006edc66 ; color: #ffffffdd ; border-color: #1e8cfaff;}
    color:151148 { background-color: #00844233 ; color: #ffffffdd ; border-color: #1ea260ff;}
    color:151148 { background-color: #00844266 ; color: #ffffffdd ; border-color: #1ea260ff;}
    color:151148 { background-color: #0084dc4c ; color: #ffffffdd ; border-color: #1ea2faff;}
    color:151148 { background-color: #0084dc66 ; color: #ffffffdd ; border-color: #1ea2faff;}
    color:151148 { background-color: #1642164c ; color: #ffffffdd ; border-color: #346034ff;}
    color:151148 { background-color: #16421666 ; color: #ffffffdd ; border-color: #346034ff;}
    color:151148 { background-color: #16849a4c ; color: #ffffffdd ; border-color: #34a2b8ff;}
    color:151148 { background-color: #16849a66 ; color: #ffffffdd ; border-color: #34a2b8ff;}
    color:151148 { background-color: #16849a7f ; color: #ffffffdd ; border-color: #34a2b8ff;}
    color:151148 { background-color: #2c2c004c ; color: #ffffffdd ; border-color: #4a4a1eff;}
    color:151148 { background-color: #2c2c0066 ; color: #ffffffdd ; border-color: #4a4a1eff;}
    color:151148 { background-color: #2c6e424c ; color: #ffffffdd ; border-color: #4a8c60ff;}
    color:151148 { background-color: #2c6e427f ; color: #ffffffdd ; border-color: #4a8c60ff;}
    color:151148 { background-color: #4242424c ; color: #ffffffdd ; border-color: #606060ff;}
    color:151148 { background-color: #42424266 ; color: #ffffffdd ; border-color: #606060ff;}
    color:151148 { background-color: #426e424c ; color: #ffffffdd ; border-color: #608c60ff;}
    color:151148 { background-color: #426e4266 ; color: #ffffffdd ; border-color: #608c60ff;}
    color:151148 { background-color: #426e4299 ; color: #ffffffdd ; border-color: #608c60ff;}
    color:151148 { background-color: #58160066 ; color: #ffffffdd ; border-color: #76341eff;}
    color:151148 { background-color: #5816007f ; color: #ffffffdd ; border-color: #76341eff;}
    color:151148 { background-color: #5816004c ; color: #ffffffdd ; border-color: #76341eff;}
    color:151148 { background-color: #6e162c4c ; color: #ffffffdd ; border-color: #8c344aff;}
    color:151148 { background-color: #6e422c7f ; color: #ffffffdd ; border-color: #8c604aff;}
    color:151148 { background-color: #6e422c66 ; color: #ffffffdd ; border-color: #8c604aff;}
    color:151148 { background-color: #6e422c4c ; color: #ffffffdd ; border-color: #8c604aff;}
    color:151148 { background-color: #8442007f ; color: #ffffffdd ; border-color: #a2601eff;}
    color:151148 { background-color: #8442004c ; color: #ffffffdd ; border-color: #a2601eff;}
    color:151148 { background-color: #84844266 ; color: #ffffffdd ; border-color: #a2a260ff;}
    color:151148 { background-color: #84844233 ; color: #ffffffdd ; border-color: #a2a260ff;}
    color:151148 { background-color: #9a584266 ; color: #ffffffdd ; border-color: #b87660ff;}
    color:151148 { background-color: #9a58424c ; color: #ffffffdd ; border-color: #b87660ff;}
    color:151148 { background-color: #9a584233 ; color: #ffffffdd ; border-color: #b87660ff;}
    color:151148 { background-color: #b0160066 ; color: #ffffffdd ; border-color: #ce341eff;}
    color:151148 { background-color: #b016004c ; color: #ffffffdd ; border-color: #ce341eff;}
    color:151148 { background-color: #b06e0099 ; color: #ffffffdd ; border-color: #ce8c1eff;}
    color:151148 { background-color: #b06e0066 ; color: #ffffffdd ; border-color: #ce8c1eff;}
    color:151148 { background-color: #c62c0099 ; color: #ffffffdd ; border-color: #e44a1eff;}
    color:151148 { background-color: #c62c0066 ; color: #ffffffdd ; border-color: #e44a1eff;}
    color:151148 { background-color: #c66e427f ; color: #000000dd ; border-color: #e48c60ff;}
    color:151148 { background-color: #c66e424c ; color: #000000dd ; border-color: #e48c60ff;}
    color:151148 { background-color: #c6b06e7f ; color: #000000dd ; border-color: #e4ce8cff;}
    color:151148 { background-color: #c6b06e66 ; color: #000000dd ; border-color: #e4ce8cff;}
    color:151148 { background-color: #c6b06e4c ; color: #000000dd ; border-color: #e4ce8cff;}
    color:151148 { background-color: #dc580066 ; color: #ffffffdd ; border-color: #fa761eff;}
    color:151148 { background-color: #dc841666 ; color: #000000dd ; border-color: #faa234ff;}
    color:151148 { background-color: #f2000066 ; color: #ffffffdd ; border-color: #ff1e1eff;}
    color:151148 { background-color: #f2425866 ; color: #ffffffdd ; border-color: #ff6076ff;}
    color:151148 { background-color: #f29a6e66 ; color: #000000dd ; border-color: #ffb88cff;}
    color:151148 { background-color: #f29a6e4c ; color: #000000dd ; border-color: #ffb88cff;}
    color:151148 { background-color: #f29a58cc ; color: #000000dd ; border-color: #ffb876ff;}

 */

/* 
    #lay-navbar .nav-a1 .nav-link ,
    #lay-navbar .nav-a2 .nav-link ,
    #lay-navbar .themeSelector ,
    #lay-navbar .nav-a31  { border:solid 2px var(--color-1-2); border-radius: 10px;   }
*/

/*
    .theme-2 #lay-header        { background-color:var(--color-2-1); color:var(--color-2-2); border-color:var(--color-2-2);}
    .theme-2 #lay-content       { background-color:var(--color-2-1); color:var(--color-2-2); border-color:var(--color-2-2);} 
    .theme-2 #lay-footer        { background-color:var(--color-2-1); color:var(--color-2-2); border-color:var(--color-2-2);}
    .theme-2  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link
            , #lay-navbar .nav-a31  { background-color:var(--color-2-3);  border-color:var(--color-2-3);}


    .theme-3 #lay-header        { background-color:var(--color-3-1); color:var(--color-3-2); border-color:var(--color-3-2);}
    .theme-3 #lay-content       { background-color:var(--color-3-1); color:var(--color-3-2); border-color:var(--color-3-2);} 
    .theme-3 #lay-footer        { background-color:var(--color-3-1); color:var(--color-3-2); border-color:var(--color-3-2);}
    .theme-3  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-3-2);}
*/
    .theme-4 #lay-header        { background-color:var(--color-4-1); color:var(--color-4-2); border-color:var(--color-4-2);}
    .theme-4 #lay-content       { background-color:var(--color-4-1); color:var(--color-4-2); border-color:var(--color-4-2);} 
    .theme-4  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-4-2);}

    .theme-5 #lay-header        { background-color:var(--color-5-1); color:var(--color-5-2); border-color:var(--color-5-2);}
    .theme-5 #lay-content       { background-color:var(--color-5-1); color:var(--color-5-2); border-color:var(--color-5-2);} 
    .theme-5 #lay-footer        { background-color:var(--color-5-1); color:var(--color-5-2); border-color:var(--color-5-2);}
    .theme-5  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-5-2);}

    .theme-6 #lay-header        { background-color:var(--color-6-1); color:var(--color-6-2); border-color:var(--color-6-2);}
    .theme-6 #lay-content       { background-color:var(--color-6-1); color:var(--color-6-2); border-color:var(--color-6-2);} 
    .theme-6 #lay-footer        { background-color:var(--color-6-1); color:var(--color-6-2); border-color:var(--color-6-2);}
    .theme-6  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-6-2);}

    .theme-7 #lay-header        { background-color:var(--color-7-1); color:var(--color-7-2); border-color:var(--color-7-2);}
    .theme-7 #lay-content       { background-color:var(--color-7-1); color:var(--color-7-2); border-color:var(--color-7-2);} 
    .theme-7 #lay-footer        { background-color:var(--color-7-1); color:var(--color-7-2); border-color:var(--color-7-2);}
    .theme-7  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-7-2);}

    .theme-8 #lay-header        { background-color:var(--color-8-1); color:var(--color-8-2); border-color:var(--color-8-2);}
    .theme-8 #lay-content       { background-color:var(--color-8-1); color:var(--color-8-2); border-color:var(--color-8-2);} 
    .theme-8 #lay-footer        { background-color:var(--color-8-1); color:var(--color-8-2); border-color:var(--color-8-2);}
    .theme-8  #lay-navbar .nav-a1 .nav-link
            , #lay-navbar .nav-a2 .nav-link

            , #lay-navbar .nav-a31  { border-color:var(--color-8-2);}



 


/* 
    .theme-1 #lay-header        { background-color:#ffffff; color: #000000; border-color: #b4afaf ;}
    .theme-1 #lay-header        { background-color:#ffffff; color: #000000; border-color: #b4afaf ;}
    .theme-1 #lay-content       { background-color:#ffffff; color: #000000; border-color: #b4afaf ;} 
    .theme-1 #lay-footer        { background-color:#ffffff; color: #000000; border-color: #b4afaf ;}


    .theme-2 #lay-header        { background-color:#646262cc; color: #ffffff; border-color: #1d1b1b ;}
    .theme-2 #lay-content       { background-color:#64626266; color: #ffffff; border-color: #1d1b1b ;} 
    .theme-2 #lay-footer        { background-color:#646262cc; color: #ffffff; border-color: #1d1b1b ;}

    .theme-3 #lay-header        { background-color:#a32828cc; color: #ffffff; border-color: #f80707 ;}
    .theme-3 #lay-content       { background-color:#a3282866; color: #ffffff; border-color: #f80707 ;} 
    .theme-3 #lay-footer        { background-color:#a32828cc; color: #ffffff; border-color: #f80707 ;}

    .theme-4 #lay-header        { background-color:#0b4e11cc; color: #ffffff; border-color: #05720e ;}
    .theme-4 #lay-content       { background-color:#0b4e1166; color: #ffffff; border-color: #05720e ;} 
    .theme-4 #lay-footer        { background-color:#0b4e11cc; color: #ffffff; border-color: #05720e ;}

    .theme-5 #lay-header        { background-color:#4acbebcc; color: #ffffff; border-color: #053172 ;}
    .theme-5 #lay-content       { background-color:#4acbeb66; color: #000000; border-color: #053172 ;}
    .theme-5 #lay-footer        { background-color:#4acbebcc; color: #ffffff; border-color: #053172 ;}

    .theme-6 #lay-header        { background-color:#8B4513cc; color: #ffffff; border-color: #8B4513 ;}
    .theme-6 #lay-content       { background-color:#8B451366; color: #000000; border-color: #8B4513 ;}
    .theme-6 #lay-footer        { background-color:#8B4513cc; color: #ffffff; border-color: #8B4513 ;}

    .theme-7 #lay-header        { background-color:#c0c0c0cc; color: #000000; border-color: #c0c0c0 ; }
    .theme-7 #lay-content       { background-color:#c0c0c066; color: #000000; border-color: #c0c0c0 ; }
    .theme-7 #lay-footer        { background-color:#c0c0c0cc; color: #000000; border-color: #c0c0c0 ;}

    .theme-8 #lay-header        { background-color:#F5F5DCcc; color: #000000; border-color: #05720e ;}
    .theme-8 #lay-content       { background-color:#F5F5DC66; color: #000000; border-color: #05720e ;}
    .theme-8 #lay-footer        { background-color:#F5F5DCcc; color: #000000; border-color: #05720e ;}
*/