MAINHACK

Viewing / Editing File: style.css

#possearchdiv{}
#possearch{border: .0625rem solid #e7eaf3;
    border-radius: .3125rem;
    box-shadow: 1px 6px 8px #10163a;
    /*box-shadow: #1321445e 5px 5px, #13214452 10px 10px, rgb(16 22 58 / 23%) 15px 15px, rgb(16 22 58 / 18%) 20px 20px ;*/
    
}

.product-discount{
    background: #ff9800cf;
    display: flex;
    width: 110px;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-radius: 7px;
    padding-right: 5px;
}

.product-discount input {
    width: 40px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}

.scroll-bar {
            max-height: calc(100vh - 100px);
            overflow-y: auto !important;
        }

::-webkit-scrollbar-track {
            box-shadow: inset 0 0 1px #cfcfcf;
            /*border-radius: 5px;*/
        }

::-webkit-scrollbar {
            width: 3px;
        }

::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            /*border-radius: 5px;*/
        }

::-webkit-scrollbar-thumb:hover {
            background: #FC6A57;
        }
        .deco-none {
            color: inherit;
            text-decoration: inherit;
        }
        .qcont{
            text-transform: lowercase;
        }
        .qcont:first-letter {
            text-transform: capitalize;
        }

.navbar-vertical .nav-link {
            color: #ffffff;
        }

.navbar .nav-link:hover {
            color: #C6FFC1;
        }

.navbar .active > .nav-link, .navbar .nav-link.active, .navbar .nav-link.show, .navbar .show > .nav-link {
            color: #C6FFC1;
        }

.navbar-vertical .active .nav-indicator-icon, .navbar-vertical .nav-link:hover .nav-indicator-icon, .navbar-vertical .show > .nav-link > .nav-indicator-icon {
            color: #C6FFC1;
        }

.nav-subtitle {
            display: block;
            color: #fffbdf91;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .03125rem;
        }

.navbar-vertical .navbar-nav.nav-tabs .active .nav-link, .navbar-vertical .navbar-nav.nav-tabs .active.nav-link {
            border-left-color: #C6FFC1;
        }
        .item-box {
            height: 215px;
            width: 160px;
            padding: 10px;
            float: left;
        }
        
        
        @media(max-width: 768px){
            .item-box {
            width: 140px;
            padding: 5px;}
        }

.header-item{
            width:10rem;
        }
        .pvl1{
            position: fixed;
            z-index: 9999; 
            left: 40%;
            top: 37% ;
            width: 100%
        }
        .pvl2{
            padding-top: 0!important;
            padding-bottom: 0!important;
        }
        .pvl3{
        width: 16rem;
        }
        .pvl4{
            height: 55px;
        }
        .pvl5{
            position: absolute;
            z-index: 1;
            width: 100%;
        }
        .pvl6{
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        }
        .pvl7{
        overflow-x: scroll;
        }
        .pvl8{
            font-family: emoji;
        }
        .pvl9{
            margin: auto;
        }
        .pvl10{
            justify-content: space-around;
        }
        .pvl11{
            max-height: 300px; 
            overflow-y: scroll;
        }
        .pvl12{
            width:50px;
            text-align: center;
        }
        .pvl13{
            background-color:#FFD700; 
            color:#000;
        }
        .pvl14{
            margin:0 auto !important;
        }
        .pvl15{
            text:center;
        }
        
        .pvl16{
            height:9.5rem;
        }
        .pvl17{
            height:100%;
            width:auto;
            overflow:hidden;
            border-radius: 5%;
        }
        .pvl18{
            text-align:center;
        }
        
        .pvl19{
            color:#008B8B;
        }
        .pvl20{
            margin:0 auto !important;
        }
        .pvl21{
            padding:7px auto ;
        }
        .pvl22{
            width: 160px;
        }
        .pvl23{
            padding: 10px;
        }
        .pvl24{
            padding: 10px;
        }
        .pvl25{
            width:37%; 
            height: 45px
        }
        .pvl26{
            cursor: pointer;
        }
        .pvl27{
            height:134px;
            width:100%;
            overflow:hidden;
        }
        .pvl28{
            width: 100%; 
            border-radius: 5%;
        }
        .pvl29{
            height:3.5rem; 
            max-height: 3.5rem
        }
        .pvl30{
            position: relative;
        }
        .pvl31{
            width:410px;
        }
        .pvl32{
            line-height: 1;
        }
        .pvl33{
            font-size: 20px;
            font-weight: lighter;
            line-height: 1
        }
        .pvl34{
            font-weight: lighter;
        }
        .pvl35{
            width: 98%;
        }
        .pvl36{
            width: 10%;
        }
        .pvl37{
            word-break: break-all;
        }
        .pvl38{
            width: 28%
        }
        
        .card{box-shadow: 2px 6px 6px #888888;}
        
        .pvl39{
        color: black!important;
        }
        .pvl40{
            font-size: 20px;
        }
        .pvl41{
            height:9.5rem;
        }
        .pvl42{
            height:100%;
            width:auto;
            overflow:hidden;
            border-radius: 5%;
        }
        .pvl43{
            text-align:center;
        }
        .pvl44{
            color:#008B8B;
        }
        .pvl45{
            width:37%; 
            height: 45px
        }
        .pvl46{
            padding: 10px;
        }
        .pvl47{
            padding: 10px;
        }
        .pvl48{
            width: 160px;
        }
        .pvl49{
            margin:0 auto !important;
        }
        .pvl50{
            padding:7px auto ;
        }
        .addon-input {
        height: 7rem;
        width: 7rem;
        }
        .main-content{
            width:300px;
        }
    
        .addon-quantity-input {
            height: 2rem;
            width: 7rem;
            z-index: 9;
            bottom: 1rem;
            visibility: hidden;
        }
        .color-border{
            border-color: #ffffff;
        }
        .border-add{
            border-color: #ff0303 !important;
            border:2px;
            border-style:solid;
        }
        #select{
             font-weight: bold !important;
              text-transform: uppercase;
        }
        .styled-table {
            border-collapse: collapse;
            margin: 25px 0;
            font-size: 0.9em;
            font-family: sans-serif;
            min-width: 400px;
            margin:auto;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        }
        .styled-table thead tr {
            background-color: #009879;
            color: #ffffff;
            text-align: left;
        }
        .styled-table th,
           .styled-table td {
            padding: 12px 15px;
        }
        .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
        }
        
        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }
        
        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }
        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: #009879;
        }
        .select-option{
          
        }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info