* {
            box-sizing: border-box;
        }

/*(Shahaf's)*/
        body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
        /*phones*/
        @media screen and (max-width: 991px) {
            .product-imitation 
               {padding: 45px 0;height: flex : 33.33%;}
            .col-xs-6:nth-child(odd) {clear: both;}
            .navbar-form-custom { display: inline; }
            .product-name h2,.alias-name h2 {font-size: 4.5vw;}
            .product-images {height: 150%;margin: 0px;}
            .product-images img 
                {height: 135px;max-height: 200%;max-width: 100%;
                border-radius:25px;width: 100%;}
            .default-images
                {border-radius: 25px; padding-top:5px; max-width: 100%;}
            .menu-btn
                {margin: 0px;max-height:80%;font-size:12px;}
            .fontSize
                {font-size: 1.35vw;}
            .rowWidth
                {width: 90%;}
            .customize-btn
                {max-width:100%;max-height:100%;
                font-size: 2.5vw;border-radius: 25px;left: 30px;}
            .displayFlex
                {display: flex; height: flex;}
            .SubMenuText
                {font-size: 10px; margin: 2px;}
            .nav-label
                {height: flex;}
            .item-info
                {font-size: 2.5vw;}
        }

        /*tablets*/
        @media screen and (min-width: 768px) and (max-width: 991px) {
            .navbar-top-links 
                {height: 64px;}
             .product-name h2,.alias-name h2 
                {font-size: 2.0vw;}
            .rowWidth
                {width: 90%;}
        }
        
        /*desktops*/
        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .product-imitation 
                {padding: 45px 0;}
            .fontSize
                {font-size: 1.8vw;}
            .col-xs-6:nth-child(4n+1) 
                {clear: both;}
            .product-name h2,.alias-name h2 
                {font-size: 1.8vw;}
            .product-images 
                {border-radius: 25px;margin: 0px;}
            .moveIt {margin-left: 7px;}
            .product-images img 
                {border-radius: 25px;
                max-height: 100%;max-width: 100%;width: 100%;}
            .default-images
                {border-radius: 25px; padding-top:5px; max-width: 100%;}
            .rowWidth
                {width: 90%;}
        }

        /*large desktops*/
        @media screen and (min-width: 1200px) {
            .product-imitation 
                {padding: 45px 0;}
            .fontSize
                {font-size: 2vw;}
            .col-xs-6:nth-child(4n+1) 
                {clear: both;}
            .product-name h2,.alias-name h2 
                {font-size: 1.5vw;}
            .product-images 
                {border-radius:25px;margin: 0px;}
            .product-images img 
                {border-radius:25px;
                max-height: 100%;max-width: 100%;width: 100%;}
            .default-images
                {border-radius: 25px; padding-top:5px; max-width: 100%;}
            .rowWidth
                {width: 90%;}
        }
        img { display: block; margin-left: auto; margin-right: auto }
        #page-wrapper { height: 100%; overflow: auto; }
        
/*  ***************** COLORS **********************
                #3369DB = Light Blue, 
                #800020 = Burgundy 
                #74525f = Brownish (original)
                #2f4050 = Dark Grey (original by theme)
                #48647c = Dark Grey and light Blue (original)

  ************************************************** */
        /*to change item background  */
        .product-desc-bg 
            {background-color: #3369DB;border-bottom-right-radius: 25px;
            border-bottom-left-radius:25px;max-height: 100%;}

       /*to change card (right sidebar) background  */
        .cart-bg {background-color: #2f4050;}
        .reposition {align-content: right}

       /*to change sidebar background  */
        #wrapper {background-color: #2f4050;}

        .modal-bg {background-color: #832D51;}

         #overlay {
            position: fixed; /* Sit on top of the page content */
            display: none; /* Hidden by default */
            width: 100%; /* Full width (cover the whole page) */
            height: 100%; /* Full height (cover the whole page) */
            top: 0; 
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,0.5); /* Black background with opacity */
            z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
            cursor: pointer; /* Add a pointer on hover */
        }

        .modal-body 
            {overflow: auto;}

        .btn-primary 
            {margin-left: 5px;}
        .menu-btn
            {font-size: 18px;color:white;font-family:helvetica;}
        .setBackGroundColor
            {background-color: #1ab394;}
        .imgBoxDesign
            {border-radius: 25px;}
        .leftCornerRounded
            {border-top-left-radius: 10px;}
        .black-text
            {color: black;}
        .itemQuantity
            {border-radius: 150px; margin-right: 8px; margin-top: 5px}
        .curTitle
            {font size: 30vw;text-align: center;color: black;font-family:serif;}

        .default-images
                {border-radius: 25px; padding-top:5px; max-width: 100%;}
            
        #previous_order_table tr {
            cursor: pointer;
        }