/* product */
	.product_head{
        color:#333;
        font-weight: 700;
        padding:10px;
        border-left:5px solid #409dff;
        border-bottom:1px solid #409dff;
    }
    .table_product{
        width:100%;
    }
    .table_product td:first-child  {
        width:110px;
        background-color:#eee;
        border-bottom:1px solid #fff;
        text-align:center;
    }
    .table_product td{
        text-align: left;
		padding:2px;
    }
    .table_product td.title{
        width:100%;
        height:36px;
    }
    .table_product td.title div{
        width:100%;
        padding:5px;
        background-color:#409dff;
        color:#fff;
    }
    .table_product td span{
        padding:0px 5px;
    }

    .table_product td .isubdivs{
        padding-top:5px;
    }
    .table_product td .isubdivs input{
		width:30%;
    }
    .table_product td .isubdivs input:read-only{
        background-color:#eee;
    }
    .table_product td .isubdivs span{
		padding:0px 5px;
    }

    .table_product input, .table_product select{
        border:1px solid #ccc;
        width:100%;
        padding:5px;
        outline:0;
    }
    .table_product input[type="radio"], .table_product input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        height:12px;
        line-height: normal;
        width:auto;
    }

    .table_product textarea{
        border:1px solid #ccc;
        width:100%;
        outline:0;
        resize:none;
    }

    .table_product input:focus, .table_product select:focus{
        border:1px solid #409dff;
    }

/* total */
    .product-form-total{
        width:100%;
        margin-top:10px;
    }
    .product-form-total tr:first-child td {
        width:90px;
    }
    .product-form-total td{
        text-align:right;
        height:34px;
    }
    .product-form-total td{
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

/* quot form*/
    .quotrpt {margin: 0px;
        display: block;
        position: relative;
		border:2px solid #409dff;
    }
    .quotrpt table{
        width:100%;
        border-spacing: 0;
        border-collapse: collapse;
        }
    .quotrpt table, tr, td, th{
		padding: 0px 0px;
        margin:0px;
        text-align: center;
        font-family: verdana, arial;
        border:0px;}
    .quotrpt th{
		background: transparent;
        }
    .quotrpt .row {
        border-color:#409dff;
        border-style:solid;
		height:32px;
        }
    .quotrpt .cr { border-right:1px solid #409dff;}
    .quotrpt .cl { border-left:1px solid #409dff;}
    .quotrpt .ct { border-top:1px solid #409dff;}
    .quotrpt .cb { border-bottom:1px solid #409dff;}
    .quotrpt .topline { border-top:2px solid #409dff;}

    .quotrpt .tex_col {color:black;}
    .quotrpt .tal{text-align: left;}
    .quotrpt .tar{text-align: right; }
    .quotrpt .tac{text-align: center;}

    .quotrpt img {
        padding:1px;
        }
    .quotrpt input[type=text] {
        border: none;
        background: transparent;
        height:32px;
        width: 100%;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        font: 12px sans-serif;
        color: #03a9f4;
        padding: 0px 0px;
		text-align: center;
        }
    .quotrpt input[type=radio] {
        margin: 0px 0px 0px 5px;
        vertical-align:middle;
        padding:0px 0px;
        color: #000;
        }
    .quotrpt input[type=checkbox] {
        margin: 0px 0px 0px 5px;
        vertical-align:middle;
        padding:0px 0px;
        color: #000;
        }
    .quotrpt input[type=button] {
        border: 1px solid transparent;
        padding:3px 10px;
        margin:0px;
        color: #fff;
        background: #2f76a8;
        }
    .quotrpt input::-ms-clear {
        display: none;
        }
    .quotrpt select {
        border: none;
        background: transparent;
        font: 12px sans-serif;
        padding:0px 5px;
        height:32px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        }
    .quotrpt textarea{  
        overflow:hidden;
        padding:5px;
        width:100%;
        height:100%;
        font-size:14px;
        margin:0px auto;
        display:block;
        border:0px solid transparent;
        background: transparent;
    }
    .vselected{
        border: 1px solid #2f76a8;
    }
	.bnk{
		padding:0px 5px;
	}
	.sumtxt{
		font-size: 14px;
		font-weight: 900;
		
	}

/* FILE UP STYPE */
	/* drop box */
    #drop-div{
        height:100%;
    }
    #drop-div button {
      width:auto;
    }
    .pull-right{
        float:right;
    }
    .drop-group{
        clear:both;
    }
    .drop-group button{
        background: rgb(238, 238, 238);
        border: 1px solid rgb(204, 204, 204);
        padding: 7px;
        margin: 5px 2px;
        color: rgba(0, 0, 0, 0.87);
        text-transform: none;
		outline: 0;
    }
    .drop-group button:hover{
        background: rgba(238, 238, 238,0.5);
        color: rgba(0, 0, 0, 0.3);
    }
    .drop-group button:active{
        background: rgba(238, 238, 238,0.9);
        color: rgba(255, 0, 0, 0.5);
    }
	.drop-box{
		position: relative;
		border:1px dashed #ccc;
		min-height:200px;
		margin:0px;
        width: 100%;
        padding: 0px;
        list-style: none;
	}
	.drop-box li{
        list-style: none;
	}

	.drop-box img{
        width: 100%;
        vertical-align: middle;
    }
	.drop-box .drop-text{
        font-size:12pt;
        padding: 5px 10px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate( -50%, -50% );
    }
    .barname{
		position: relative;
		display: block;
		border-top:1px dashed white;
		padding:5px;
        font-size: 14px;
	}
    .fn-delete{
		padding:4px;
	}
	.progress {
		overflow: hidden;
		background-color: #f5f5f5;
		border-radius: 2px;
		margin-top:5px;
	}
	.progressbar {
		padding:2px;
		font-size:12px;
		text-align:center;
		background-color: #00a65a;
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
		box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
	}

	/* file upload folder */
	.fileuploadbox {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		z-index:-10;
	}
/* table delivery */ 
	.table_delivery{
		width:100%;
		margin:10px 0px;
	}
	.table_delivery td{
		min-width:110px;
		border:1px solid #ccc;
	}

	.table_delivery td.title{
		width:100%;
		height:36px;
	}
	.table_delivery td.title div{
		width:100%;
		border:1px solid #ccc;
		padding:5px;
	}

	.table_delivery td span{
		padding:10px;
	}

	.table_delivery input, .table_delivery select{
		border:0px solid #ccc;
		outline:0;
		padding:10px;
		width:100%;
	}
	.table_delivery input[type="radio"], .table_delivery input[type="checkbox"] {
		margin: 4px 0 0;
		margin-top: 1px \9;
		height:12px;
		padding:10px;
		line-height: normal;
		width:auto;
	}
	.table_delivery textarea{
		border:0px solid #ccc;
		padding:5px;
		outline:0;
		resize:none;
	}
	.table_delivery input:focus, .table_delivery select:focus{
		border:0px solid #409dff;
	}

/* foot */
	#footer .companyinfo p span {
		display: inline-block;
		vertical-align: middle;
		padding:0px 10px;
	}
	#footer .companyinfo p span:before {
		content: "|";
	}

/* MESSAGE */
    /* loader */
    .loading-background {
        position:fixed;
        height:100%;
        width:100%;
        overflow:hidden;
        top:0;
        left:0;
        display:block;
        background: rgba(0,0,0,0.3);
        z-index:9999;
    }
    .loader {
        position: absolute;
        margin-left: -15px;
        margin-top: -15px;
        top: 50%;
        left: 50%;
        border: 2px solid #f3f3f3; /* Light grey */
        border-top: 2px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 30px;
        height: 30px;
        animation: spin 2s linear infinite;
    }
    .loader:hover{
        cursor:pointer;
        background: rgba(52, 152, 219,0.5);
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }