body
        {
           font-family:Calibri,sans-serif;
           font-size:14px;
           letter-spacing:2px;
           background-color:white;

        }
        h4
        {
           color:#808B96;
           letter-spacing:1px;
           font-family:Calibri,sans-serif;
        }
        a, a:hover, a:focus {
    text-decoration: none;
}

        label
        {
             font-size:14px;
             font-weight:normal;
             color:#95A1A0;
             letter-spacing: 1px;


        }

         form
         {
                width:100%;
                align:center;
                margin-top:15px;

         }

         form.create_form
         {
             width:70%;
             align:center;
             background-color:#2C3E50;
             color:white;

         }

        input[type=email], input[type=password], input[type=date],input[type=list],input[type=text],input[type=search],input[type=number]
         {
              padding: 4px 4px;
              margin: 8px 0;
              display: inline-block;
              border: 1px solid #ccc;
              box-sizing: border-box;
              font-size:12px;
                font-family:Calibri,sans-serif;
                border-radius:2px;
        }

       input[type=text].no_border_css
         {
              padding: 12px 20px;
              margin: 8px 0;
              display: inline-block;
              border: 0px solid #ccc;
              box-sizing: border-box;
                font-family:Calibri,sans-serif;
        }

        textarea
         {
              padding: 12px 20px;
              margin: 8px 0;
              display: inline-block;
              border: 1px solid #ccc;
              box-sizing: border-box;
              width:300px;
              height:100px;
                font-family:Calibri,sans-serif;
        }

        textarea.phoneNumbercss
        {

              padding: 4px 4px;
              margin: 8px 0;
              display: inline-block;
              border: 1px solid #ccc;
              box-sizing: border-box;
              width:300px;
                font-family:Calibri,sans-serif;

        }

       textarea.editcss
         {
              padding: 1px 1px;
              margin: 8px 0;
              display: inline-block;
              border: 0px solid #ccc;
              box-sizing: border-box;
              text-align:center;
              background-color:inherit;color:inherit;
              font-size:12px;
                font-family:Calibri,sans-serif;


        }
        input.editcss
         {
              padding: 1px 1px;
              margin: 8px 0;
              display: inline-block;
              border: 0px solid #ccc;
              box-sizing: border-box;
              text-align:center;
              background-color:inherit;color:inherit;
              font-size:12px;
               text-align:center;
                 font-family:Calibri,sans-serif;


        }

        .tab w3-button
         {

              float: left;
              border: none;
              outline: none;
              cursor: pointer;
              padding: 14px 16px;
              transition: 0.3s;
              font-size:12px;
        }
        .tab button
        {
            font-size:14px;
            color:#566573 ;

        }

        .htmlbody
        {

            margin-top:40px;
        }



        .tabcontent
         {
              display: none;
              padding: 6px 12px;

              border-top: none;
        }

        .tab button.active
         {
              background-color:	teal;
              color:white
         }
        button
        {
              background-color:white;
              color: white;
              padding: 10px 20px;

              border: none;
              cursor: pointer;

        }

        button:hover
        {
          opacity: 0.8;
        }

        table, th, td
        {

          border-collapse: collapse;
          border :0px solid #E8EAEC;


        }

        th
        {
         font-family:Calibri,sans-serif;
            color:#8F9192;
              font-weight:bold;
              padding:2px 2px;
              text-align: center;
              margin-left:5px;
              border-bottom: 1px solid #ddd;
              font-size:12px;

              letter-spacing: 1px;

        }

        td
        {
            font-weight:normal;
 font-family:Calibri,sans-serif;
             padding:8px;
              text-align: center;
              margin-left:5px;
              border-bottom: 1px solid #ddd;
              font-size:12px;

              letter-spacing: 1px;

        }

        /*th, td
         {
              padding:2px 2px;
              text-align: center;
              margin-left:5px;
              border-bottom: 1px solid #ddd;
              font-size:10px;

              letter-spacing: 1px;


              }*/
       .table_column_name
        {
           font-family:Calibri,sans-serif;
          border-collapse: collapse;

          letter-spacing:1px;
          font-size:14px;
            border: 1px solid LightGray;

        }

        .font_size_12px
        {
             font-size:12px;
        }

        th, td.editdesc
         {
              padding:8px;
              text-align: center;
              margin-left:5px;
               border-bottom: 1px solid #ddd;

               font-weight:normal;
                 letter-spacing: 1px;
             font-family:Calibri,sans-serif;


        }

        th.create, td.create
         {
                padding:2px;
                text-align: left;
                border-bottom: 0px solid #ddd;
                font-weight:bold;
                  font-family:Calibri,sans-serif;
font-size:13px;
        }

        .alert
            {
                padding:1px;
                background-color: teal;
                color: white;
            }

        tr:nth-child(even).view_stock_supplier_log_even_row
         {

             background-color:#F8F9F9 ;

             border-bottom: 1px ;
             font size:11px;

         }


          tr:nth-child(even).view_inward_log_even_row
         {

               background-color:#F2F4F4;

               border-bottom: 0px ;
               font size:11px;


         }

          tr:nth-child(odd).view_inward_log_odd_row
         {

               background-color:#F2F4F4;

               border-bottom: 0px ;
               font size:11px;


         }



            .alert
            {
                padding:1px;
                background-color: teal;
                color: white;

            }
            .alert1
            {
                padding:1px;
                background-color: green;
                color: white;

            }
            .closebtn
             {
                  margin-right: 15px;


                  font-weight: bold;
                  float: right;
                  font-size: 25px;
                  line-height: 20px;
                  cursor: pointer;
                  transition: 0.3s;
            }

            .closebtn:hover
             {
              color:grey ;
            }


            .pagination
             {
              display: inline-block;
            }

            .pagination a
             {
              color: black;
              float: left;
              padding: 8px 16px;
              text-decoration: none;
              transition: background-color .3s;
              border: 1px solid #ddd;
              margin: 0 4px;
            }

            .pagination a.active
             {
              background-color: #0080ff;
              color: white ;
;

            }

              .brevera_logo_css
            {

            width:6%;

            }

            .search_edit_component_css
            {

                width:90%;font-size:10px;


            }
            .datalist
            {
                width:100%;
            }

            .option_description_css
            {
                width:900px;
                font-size:4px;
            }


            .font_size_zero_css
            {

                font-size:0px;

            }


            .width_300px_css
            {
             width:300px;
            }

            .width_400px_css
            {
             width:400px;
            }


            .inherit_bg_color_color_css
            {
                background-color:inherit;color:inherit;

            }

            input.no_border_css
         {
              padding: 2px 20px;
              margin: 8px 0;
              display: inline-block;
              border: 0px solid #ccc;
              box-sizing: border-box;
              width:300px;
              text-align : center;
        }
        tr_css
         {

              border: 1px solid #ccc;
               padding: 2px 4px;
                text-align : center;

        }
        input.no_border_css_quantity_price
         {
              padding: 2px 20px;
              margin: 8px 0;
              display: inline-block;
              border: 0px solid #ccc;
              box-sizing: border-box;
              width:100px;
               text-align : center;
        }

        input.no_border
        {
              padding:0px 0px;
              margin: 0px 0;
              text-align : center;

        }



        button.xcss
        {
              margin-top: 5px;
              line-height:20px;
              font-weight: bold;
              padding: 0 20px;
              background: salmon;
              border: none;
        }

        textArea.order_component_css
        {
             padding:2px 4px;
             margin: 8px 0;
             display: inline-block;
             border: 0px solid #ccc;
             box-sizing: border-box;
             width:350px;
             rows:2

        }

        .font_size_11px_css
    {
       font-size:11px;
    }

    .order_component_search_css
    {
        width:900px;
        padding :2px 4px;


    }
    .margin_left_3px_css
    {
        margin-left:3px;

    }

    .order_component_quantity_css
    {
        width:100px;
        padding :2px 4px;

    }
    .border_1px_solid_css
    {
       border 1px solid;

    }

    #confirm_inward {
            display: none;
            background-color: white;
            color: #000000;
            border: 5px solid black;
            position: fixed;
            width: 300px;
            height: 120px;
            left: 40%;
            top: 40%;
            box-sizing: border-box;
            text-align: center;
            padding:6px;
         }
         #confirm_inward button {
            background-color: 	#282828;
            display: inline-block;
            border-radius: 0px;
            border: 4px solid 	#282828;
            padding: 15px;
            text-align: center;
            width: 90px;
            cursor: pointer;
              padding:6px;
              color:white;
         }
         #confirm_inward .message {
            text-align: center;
            font-size:14px;
         }




         #confirm_delete {
            display: none;
            background-color: white;
            color: #000000;
            border: 5px solid black;
            position: fixed;
            width: 300px;
            height: 120px;
            left: 40%;
            top: 40%;
            box-sizing: border-box;
            text-align: center;
            padding:6px;
         }
         #confirm_delete button {
            background-color: 	#282828;
            display: inline-block;
            border-radius: 0px;
            border: 4px solid 	#282828;
            padding: 15px;
            text-align: center;
            width: 90px;
            cursor: pointer;
              padding:6px;
              color:white;
         }
         #confirm_delete .message {
             text-align: center;
            font-size:14px;
         }

         #confirm_added_saved {
            display: none;
            background-color: white;
            color: #000000;
            border: 5px solid black;
            position: fixed;
            width: 300px;
            height: 120px;
            left: 40%;
            top: 40%;
            box-sizing: border-box;
            text-align: center;
            padding:6px;
         }
         #confirm_added_saved button {
            background-color: 	#282828;
            display: inline-block;
            border-radius: 0px;
            border: 4px solid 	#282828;
            padding: 15px;
            text-align: center;
            width: 90px;
            cursor: pointer;
              padding:6px;
              color:white;
         }
         #confirm_added_saved .message {
             text-align: center;
            font-size:14px;
         }

         .order_log_order_log_quantity_css
         {
         font-size:12px;text-align:center;background-color: inherit;color:inherit;width:90px

         }

         .html_body_part_number_description_css

         {
         width:250px ; border: 1px solid #dddddd;"
         text-align: center;

         }

         .html_body_quantity_price_css

         {
         width:100px ; border: 1px solid #dddddd;
         text-align: center;

         }
         .text_align_center_css
         {

           text-align: center;


         }

         .edit_supplier_details
         {
            border:0px solid;
            width:250px;
            overflow:hidden;
            height:175px;
            text-align:center;
            background-color:inherit;
            color:inherit;
         }

        .nav_button
        {
            width:200px;
        }

        .side_bar_css
        {
        margin-left:20px;width:200px;margin-top:5px;


        }