﻿body{
	font-size:13px
}
p{
	font-size:13px;
	margin: 10px 0 0 0;
}
input, select, textarea{
	    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.container{
	background:#fff;
	margin:0 auto;
	padding:40px 40px;
	width:820px;
	text-align:left
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}
.table td{
	padding: 10px 5px!important;
	line-height:28px
}
.table td,.table th {
    padding: 10px 5px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
    text-align: center;
    background: #ebebeb;
    color: #333;
    font-size: 13px;
    border-top: 0px;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-bordered {
    border: 1px solid #dee2e6
}
.button{width:100%; text-align:center; margin-bottom:20px}
.btn-secondary {
    color: #fff;
    background-color: #ffa700;
    border-color: #6c757d;
    border: 0px;
    padding: 10px 20px;
    min-width: 160px;
    border-radius:4px;
    margin:0px 10px;
    font-size:13px;
    text-decoration: none;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;

}
.btn-secondary1 {
    color: #fff;
    background-color: #333;
    border-color: #6c757d;
    border: 0px;


    border-radius:4px;
   height:24px;
    line-height:24px

}

.btn-secondary1:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;

}

.text-right{
	text-align:right!important
}
.text-left{
	text-align:left!important
}
.form{
	border:1px #dee2e6 solid;
	height: 24px;
	width:50px;
	text-align:center;
	border-radius: 4px;
	padding-left:12px
}
.add, .sub{
	background: #dee2e6;
    border: 0px;
    color: #000;
    /* padding: 4px; */
    height: 24px;
    width: 24px;
    border-radius: 4px;
}
.b-r{
	border-bottom:1px #ff0000 solid!important
}
.b-r1{
	border-bottom:2px #ff0000 solid!important
}
.b-r2{
	border-bottom:1px #fff solid!important
}
.t-r{
	color:red;
	font-size: 13px;
}
.font-12{
	font-size: 12px;
	/* float: left; */
	/* position: relative; */
	padding-left: 10px;
	font-weight: 100;
}

.font-121{
	font-size: 12px;
	/* float: left; */
	/* position: relative; */

	font-weight: 100;
}
.mt-10{
	margin-top:10px
}
.w-100{
	width:100%
}
.submit{
		padding: 0px 12px 10px 20px;
		width:100%;
		text-align: center;
}
.form-style-2{
	/* max-width: 500px; */
	padding: 20px 12px 10px 20px;
	font: 13px;
}
.clearfix{
	clear:both
}
.form-style-2-heading{
	font-weight: bold;
	font-style: italic;
	border-bottom: 2px solid #ddd;
	margin-bottom: 20px;
	font-size: 15px;
	padding-bottom: 3px;
}
.form-style-2 label{
	display: flex;
	margin: 0px 0px 15px 0px;
	font-size: 13px;
	border-bottom: 1px #ddd dotted;
	padding: 0 0 10px;
	width: 100%;
    padding-top: 15px;
}
.form-style-2 label > span{
	width: 150px;
	font-weight: bold;
	float: left;
	padding-top: 4px;
	padding-right: 5px;
}
.form-style-2 span.required{
	color:red;
}
.form-style-2 .tel-number-field{
	width: 40px;
	text-align: center;
}
.form-style-2 input.input-field, .form-style-2 .select-field{
	width: 48%;
}
.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
 .form-style-2 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,
.form-style-2 .select-field:focus{
	border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}
.d-left{
	width: 18%;
	float:left;
	font-weight: 600;
	margin-right: 10px;
}
.d-right{
	width: 74%;
	float:left;
}
.d-right .card_month{
	display: contents;
}
.d-right .card_month p{
	margin-top:5px;
}
.text-center{
	text-align:center
}
.tablenav-pages {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 10px 0;
    border-radius: 4px;
}
.tablenav-pages > .pagination-links > a,
.tablenav-pages > .pagination-links > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.tablenav-pages > .pagination-links > .prev-page,
.tablenav-pages > .pagination-links > .page,
.tablenav-pages > .pagination-links > .next-page
{
    margin-left: -1px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.tablenav-pages > .pagination-links > a:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tablenav-pages > .pagination-links > a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.tablenav-pages > .pagination-links > a:hover,
.tablenav-pages > .pagination-links > span:hover,
.tablenav-pages > .pagination-links > a:focus,
.tablenav-pages > .pagination-links > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.tablenav-pages > .pagination-links > .current {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}
.img-product{
	max-height:100px;
	width:100%;
    max-width: 110px;
}
.float-title{
	float: left;
    margin-right: 10px;
}
/* Checkout Form */
.card-type{
    list-style: none;
    padding: 0;
	display: flex;
	margin: 3px 0;
}
.card-type li{
	display: inline-flex;
	margin: 0 10px 0 0;
}
.card-type li label{
	padding:0;
}
.group-selection{
	display: flex;
}
.group-selection .select.error .error-message{
	display: none;
}
.group-selection span{
	padding-top: 5px;
}
/* Error  */
#errorExplanation li{
	display:block;
	font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
	line-height: 18px;
	margin: 10px 0;
	list-style: circle;
}
#errorExplanation {
    background-color: #fff5ee;
    margin-bottom: 20px;
    padding: 7px;
    padding-bottom: 12px;
    border: 2px solid #ff0066;
    width: 400px;
}
#errorExplanation h2 {
    background-color: deeppink;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin: -7px;
    padding: 5px 5px 5px 15px;
}
#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}
.error-message{
	color:red;
	font-size: 12px;
}
/* General style */
.input-form{
	padding:0;
}
button:hover, a:hover{
	cursor: pointer;
}
button:disabled{
	cursor: no-drop;
}
.hide{
	display:none;
}
