/* Layout FLEX*/

/* ayman */

.ay_credittable {  }
.ay_credittable label { display:table; }




	div.perfect_one_checkout_main_container div.flex
	{
		display: flex;
		flex-wrap: wrap;
	}
	div.perfect_one_checkout_main_container,
	div.perfect_one_checkout_main_container > div.flex_column
	{
		display: flex;
		flex-wrap: wrap;
	}

	div.perfect_one_checkout_main_container
	{
		margin-right: -1rem;
		margin-left: -1rem;
	}
	
	div.perfect_one_checkout_main_container div.col-3
	{
		flex: 0 0 25%;
	}

	div.perfect_one_checkout_main_container div.col-4
	{
		flex: 0 0 33.33%;
	}

	div.perfect_one_checkout_main_container div.col-6
	{
		flex: 0 0 50%;
	}

	div.perfect_one_checkout_main_container div.col-8
	{
		flex: 0 0 66.66%;
	}

	div.perfect_one_checkout_main_container div.col-9
	{
		flex: 0 0 75%;
	}

	div.perfect_one_checkout_main_container div.col-12
	{
		flex: 0 0 100%;
	}

	/*Responsive*/
		div.perfect_one_checkout_main_container div.col-4 div.col-6
		{
			flex: 0 0 100%;
			text-align: center;
		}

		@media only screen and (max-width: 320px) {
		}

		/* Extra Small Devices, Phones */
		@media only screen and (max-width: 480px) {}


		/* Small Devices, Tablets */
		@media only screen and (max-width: 768px) {
			div.perfect_one_checkout_main_container > div.flex_column
			{
				flex: 0 0 100% !important;
			}
		}

		/* Medium Devices, Desktops */
		@media only screen and (max-width: 992px) {}


		/* Large Devices, Wide Screens */
		@media only screen and (max-width: 1200px) {
		}
	/*END*/
/*END Layout FLEX*/

/*General*/
	.radio label, .checkbox label
	{
		color: #000;
	}
	div.remodal-wrapper .checkbox-inline, div.remodal-wrapper .radio-inline
	{
		margin-left: 0px !important;
		margin-right: 10px !important;
		margin-bottom: 4px;
	}
	button.btn
	{
		padding: 6px 12px;
		position: relative;
	}
	div.perfect_one_checkout_main_container div.panel-heading i,
	div.perfect_one_checkout_main_container div.panel-heading span.typcn
	{
		margin-right: 10px;
	    font-size: 24px;
	    vertical-align: middle;
	}
	div.perfect_one_checkout_main_container div.alert {
	    padding: 8px 14px 8px 14px;
	}
	div.perfect_one_checkout_main_container div.alert i,
	div.perfect_one_checkout_main_container div.alert span.typcn
	{
		margin-right: 5px;
	}
	div.perfect_one_checkout_main_container div.alert span.typcn
	{
		font-size: 14px;
	}
	div.perfect_one_checkout_main_container div.panel-heading span.typcn
	{
		font-size: 28px;
		margin-right: 6px;
	}
	.typcn:before
	{
		display: inline;
	    position: relative;
	    float: left;
	}
	div.perfect_one_checkout_main_container div.panel-heading i
	{
		margin-top: -2px;
	}
	div.perfect_one_checkout_main_container .panel-default>.panel-heading
	{
		background: #f5f5f5;
		color: #666;
		font-size: 14px;
		font-weight: bold;
	}
	div.perfect_one_checkout_main_container button.btn.btn-default
	{
		font-size: 14px;
		font-weight: bold;
		color: #7c7c7c;
		border: 1px solid #bababa;
		text-shadow: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,e6e7e7+100 */
		background: #fbfbfb; /* Old browsers */
		background: -moz-linear-gradient(top, #fbfbfb 0%, #e6e7e7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fbfbfb 0%,#e6e7e7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fbfbfb 0%,#e6e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e6e7e7',GradientType=0 ); /* IE6-9 */
	}
	div.perfect_one_checkout_main_container button.btn.btn-default:hover
	{
		color: #333;
	}
	div.perfect_one_checkout_main_container button:active
	{
		outline: none !important;
	}
	
	div.perfect_one_checkout_main_container button i
	{
		margin-right: 5px;
	}
	
	div.perfect_one_checkout_main_container button.with_icon
	{
		padding-left: 35px;
	}
	div.perfect_one_checkout_main_container button span.typcn
	{
		font-size: 22px;
	    position: absolute;
	    top: 0px;
	    left: 8px;
	}
	div.perfect_one_checkout_main_container div.panel_poc-body.loading:after{
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: rgba(137, 137, 137, 0.20);
		z-index: 999;
	}
	div.panel_separator
	{
		position: relative;
		float: left;
		width: 100%;
		clear: both;
	}
	div.bootstrap-datetimepicker-widget
	{
		z-index: 9999999 !important;
	}
    h3.poc_title
    {
        overflow: hidden;
        margin: 0px;
        margin-bottom: 15px;
		position: relative;
    }
    h3.poc_title span {
        position: relative;
        display: inline-block;
        background: #fff;
        padding-right: 18px;
        line-height: 32px;
    }
    h3.poc_title:before{
        content: "";
        position: absolute;
        height: 1px;
        border-bottom: 1px solid #e0e0e0;
        top: 17px;
        width: 100%;
        z-index: 0;
        right: auto;
    }
	@media screen and (min-width: 0px) and (max-width: 1199px) {
		div.perfect_one_checkout_main_container div.discount_zone div.discount_container > div:not(icons),
		div.perfect_one_checkout_main_container div.addresses_buttons button.billing_address,
		div.perfect_one_checkout_main_container div.panel_addresses div.delivery_address,
		div.perfect_one_checkout_main_container div.panel_addresses div.billing_address
		{
			margin-bottom: 10px;
			width: 100% !important;
		}
		div.perfect_one_checkout_main_container div.discount_zone div.discount_container > div:not(icons):last-child
		{
			margin-bottom: 0px;
		}
	}

	#content div.perfect_one_checkout_main_container .col-md-6:nth-child(2n+1)
	{
		clear: none !important;
	}
/*END*/

/*Forms*/
    div.panel_container.panel_addresses div.panel_poc-body div.form-group div.checkbox
    {
        margin: 0px;
    }
    div.panel_container.panel_addresses div.panel_poc-body div.required label input[type="checkbox"]
    {
        margin-left: -29px;
    }
    div.panel_container.panel_addresses div.panel_poc-body div label input[type="checkbox"]
    {
        margin-left: -20px;
    }
/*END Forms*/

/*Panels general*/
	div.perfect_one_checkout_main_container > div.flex_column > div.panel_container
	{
		padding: 1rem;
	}
	div.panel_poc
	{
		border: 1px solid #dddddd;
		border-radius: 4px;
		height: 100%;
	}
	div.panel_poc div.panel_poc-heading
	{
		background: #f5f5f5;
	    color: #666666;
	    font-size: 1.42rem;
	    font-weight: bold;
	    border-bottom: 1px solid #dddddd;
	    padding: 1rem 2rem 1rem 4.5rem;
	    position: relative;
	}
	div.panel_poc div.panel_poc-heading span.typcn,
	div.panel_poc div.panel_poc-heading i.fa
	{
	    font-size: 3rem;
	    vertical-align: middle;
	    position: absolute;
	    left: 1rem;
	    top: 50%;
	    margin-top: -10px;
	}
	div.panel_poc div.panel_poc-heading i.fa
	{
		font-size: 2.5rem;
	}

	div.panel_poc div.panel_poc-body
	{
		padding: 1.5rem;
		position: relative;
		background: #fff;
	}
/*END Panels general*/

/*Panels effects ZOOM*/
	div.perfect_one_checkout_main_container div.panel_poc
	{
		-webkit-transition: all 200ms ease-in;
	    -webkit-transform: scale(1); 
	    -ms-transition: all 200ms ease-in;
	    -ms-transform: scale(1); 
	    -moz-transition: all 200ms ease-in;
	    -moz-transform: scale(1);
	    transition: all 200ms ease-in;
	    transform: scale(1);
	}
	div.perfect_one_checkout_main_container div.effect > div.panel_poc
	{
		box-shadow: 0px 0px 0px 2px #dddddd;
		-webkit-transition: all 200ms ease-in;
	    -webkit-transform: scale(1.05);
	    -ms-transition: all 200ms ease-in;
	    -ms-transform: scale(1.05);   
	    -moz-transition: all 200ms ease-in;
	    -moz-transform: scale(1.05);
	    transition: all 200ms ease-in;
	    transform: scale(1.05);
	}
	
	div.perfect_one_checkout_main_container div.panel_container.error div.panel_poc
	{
		border-color: #a94442;
	}
	div.perfect_one_checkout_main_container div.panel_container.error div.panel_poc div.panel_poc-heading
	{
		color: #fff;
		background-color: #a94442;
	}
/*END*/

/*Panel identification*/
	div.panel_identification div.panel_poc div.panel_poc-body div.btn-group
	{
		margin: 0 auto;
	}
	div.panel_identification div.flex.buttons_identification button
	{
		width: 90%;
	    font-size: 1.5rem;
	    padding: 0;
	    line-height: 3rem;
	}

    div.panel_identification div.panel_poc div.panel_poc-body div.btn-group button.btn
    {
        padding: 9px 22px;
        font-size: 13px !important;
    }
    div.panel_identification div.panel_poc div.panel_poc-body div.btn-group button.btn[disabled]
    {
        color: #fff;
        border-color: #1f90bb;
        text-shadow: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23a0d0+0,1f90bb+100 */
        background: #23a0d0; /* Old browsers */
        background: -moz-linear-gradient(top, #23a0d0 0%, #1f90bb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #23a0d0 0%,#1f90bb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #23a0d0 0%,#1f90bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a0d0', endColorstr='#1f90bb',GradientType=0 ); /* IE6-9 */
        opacity: 1;
    }

	@media screen and (min-width: 501px) {
		div.panel_identification div.panel_poc div.panel_poc-heading {
			position: relative;
			float: left;
			border-bottom: 0px;
			height: 58px;
			margin-right: 25px;
			line-height: 38px;
			border-right: 1px solid #dddddd;
		}

		div.panel_identification div.panel_poc div.panel_poc-body {
			background: none;
			padding: 10px 0px;
			text-align: left !important;
		}
		div.panel_identification div.panel_poc div.panel_poc-heading span.typcn,
		div.panel_identification div.panel_poc div.panel_poc-heading i.fa
		{
			margin-top: -19px;
		}
		div.panel_identification div.panel_poc div.panel_poc-body div.btn-group
		{
			margin: 0 0;
		}
	}
/*END Panel identification*/

/*Panel Addresses*/
	div.panel_addresses div.flex.addresses_buttons button
	{
		width: 90%;
	    font-size: 1.5rem;
	    padding: 0;
	    line-height: 3rem;
	}
	div.perfect_one_checkout_main_container div.col-4 div.panel_addresses div.flex.addresses_buttons div button
	{
		margin-bottom: 1rem;
	}

	div.panel_addresses div.panel_poc div.panel_poc-heading a span.typcn, div.panel_addresses div.panel_poc div.panel_poc-heading a i.fa
	{
		right: 1rem;
		left: auto;
	}
	div.perfect_one_checkout_main_container div.panel_addresses select
	{
		width: 90%;
	}
    div.poc_form
    {
        display: none;
        position: relative;
        float: left;
        width: 100%;
    }
/*END Panel Addresses*/

/*Shipping panel*/
	div.panel_shipping div.shipping_method
	{
		position: relative;
		float: left;
		width: 100%;
	}
	div.panel_shipping div.shipping_method label
	{
		width: 100%;
	}
	div.panel_shipping div.shipping_method span.price
	{
		float: right !important;
		font-weight: bold;
	}
	div.panel_shipping div.panel-body div.alert,
	div.panel_payment div.panel-body div.alert
	{
		margin-bottom: 0px;
	}
/*END*/

/*Payment panel*/
	div.panel_payment div.payment_method
	{
		position: relative;
		float: left;
		width: 100%;
	}
	div.payment_info
	{
		position: relative;
		float: left;
		width: 100%;
	}
/*END*/

/*Cart panel*/
	@media screen and (min-width: 0px) and (max-width: 489px) {
		div.panel_cart div.panel_poc-body
		{
			overflow-x: scroll;
		}
		div.panel_cart table.products_info_cart td.quantity_td button
		{
			width: 35px;
		}
	}
	div.panel_cart table.products_info_cart tbody tr td
	{
		display: table-cell;
		vertical-align: middle;
	}
	div.panel_cart table.products_info_cart tbody tr.error_no_stock
	{
		background: #f2dede;
	}
	div.panel_cart table.products_info_cart tr td,
	div.panel_cart table.products_info_cart tr th
	{
		text-align: center;
	}
	div.panel_cart table.products_info_cart tbody tr td.quantity_td
	{
		min-width: 165px;
	}
	div.panel_cart table.products_info_cart td.quantity_td input,
	div.panel_cart table.products_info_cart td.quantity_td button
	{
		margin: 0px;
		display: inline-block;
	}
	div.panel_cart table.products_info_cart td.quantity_td button
	{
		padding: 10px 10px;
	    font-size: 12px;
	    line-height: 12px;
	    margin-top: -3px;
	    text-align: center;
	}
	div.panel_cart table.products_info_cart td.quantity_td button span.typcn
	{
		top: 0px;
		left: 0px;
		margin: 0px;
	}
	div.panel_cart table.products_info_cart td.quantity_td input.form-control
	{
		border-radius: 0px;
		text-align: center;
	}
	div.panel_cart table.products_info_cart td.quantity_td button.quantity_less
	{
		border-radius: 4px 0px 0px 4px;
		border-right: 1px solid #ddd;
	}
	div.panel_cart table.products_info_cart td.quantity_td button.quantity_more
	{
		border-radius: 0px;
		border-left: 1px solid #ddd;
	}
	div.panel_cart table.products_info_cart td.quantity_td button.remove_product
	{
		border-radius: 0px 4px 4px 0px;
	}
	div.panel_cart td.quantity_td button i
	{
		margin-right: 0px;
	}
	div.panel_cart td.quantity_td button span.typcn
	{
		font-size: 14px;
    	position: relative;
	}
	div.panel_cart td.quantity_td button span.typcn:before
	{
		height: auto;
	}
	div.panel_cart td.quantity_td input.form-control.product_quantity
	{
		width: 40px;
	    padding: 10px 6px;
	    border-right: none;
	    border-left: none;
	}
	div.panel_cart div.panel_poc-body
	{
		position: relative;
	}
	div.panel_cart div.discount_zone
	{
		overflow: hidden;
	}
    div.panel_cart div.discount_zone div.discount_container
    {
    	/*background: url('../img/pattern_gift.png') repeat left top #c3f6ff;*/
    	background: #c3f6ff;
    	background-position-y: -15px;
    	background-position-x: -15px;
    	padding-top: 15px;
    	padding-bottom: 15px;
    	margin-bottom: 20px;
    	border-radius: 5px;
    	position: relative;
    }
    div.panel_cart div.discount_zone div.discount_container div.icons
    {
    	position: absolute;
	    top: 0px;
	    left: 0px;
	    height: 100%;
	    width: 760px !important;
	    overflow: hidden;
	    top: 0px;
	    left: 0px;
	    border-radius: 5px;
    }
    div.panel_cart div.discount_zone div.discount_container div.icons span,
    div.panel_cart div.discount_zone div.discount_container div.icons i
    {
    	position: relative;
    	float: left;
    	margin: 2px;
    	transform: rotate(45deg);
    	font-size: 18px;
    	color: #9edfff;
    	top: -12px;
    	left: -12px;
    }
    div.panel_cart div.discount_zone div.discount_container div.icons i
    {
    	width: 14px;
    }
    div.panel_cart div.discount_zone div.discount_container div.icons span.par
    {
    	top: -24px;
    }
    div.panel_cart div.discount_zone div.discount_container div.icons i.par
    {
    	top: -23px;
    }
    div.panel_cart div.discount_zone span.input-group-addon.btn-success:hover
    {
    	cursor: pointer;
    }
    div.panel_cart div.discount_zone div.discount_container span.typcn
    {
		font-size: 16px;
    }
	div.panel_cart div.discount_zone div.reward span.reward_small
	{
		font-weight: bold;
	    font-size: 7px;
	    position: absolute;
	    width: 42px;
	    text-align: center;
	    bottom: 4px;
	}    
    div.panel_cart div.totals table
    {
    	margin-bottom: 0px;
    }
    div.panel_cart div.totals table tbody tr:last-child td.total
    {
    	font-weight: bold;
    	font-size: 16px;
    	color: #000;
    }

    /*Stacktable*/
    	table.stacktable.small-only
    	{
    		border-left: 1px solid #ddd;
    		border-right: 1px solid #ddd;
    	}
    	table.stacktable.small-only tbody tr th.st-head-row.st-head-row-main
    	{
    		display: none !important;
    	}

    	table.stacktable.small-only tbody tr th.st-head-row
    	{
    		font-size: 16px;
    		border-bottom: 2px solid #b9b8b8;
    		border-top: 2px solid #b9b8b8;
    	}
    /*END Stacktable*/
/*END*/

/*Confirm panel*/
	div.perfect_one_checkout_main_container div.panel_confirm div.panel_poc
	{
		box-shadow: 0px 0px 0px 4px #c2e4ff;
	}
	div.panel_confirm a.confirm_order_button
	{
		display: block;
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		color: #fff;
		border-color: #1f90bb;
		text-shadow: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23a0d0+0,1f90bb+100 */
		background: #23a0d0; /* Old browsers */
		background: -moz-linear-gradient(top, #23a0d0 0%, #1f90bb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #23a0d0 0%,#1f90bb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #23a0d0 0%,#1f90bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a0d0', endColorstr='#1f90bb',GradientType=0 ); /* IE6-9 */
	}
	div.panel_confirm a.confirm_order_button:active
	{
		color: #fff;
	}
	div.panel_confirm div.alert.confirm_error,
	div.panel_confirm div.alert.confirm_terms_error
	{
		display: none;
	}
	div.confirm_terms span.error_message
	{
		margin-bottom: 8px;
	}
	/*Hide buttons confirm*/
		/*OC 1.5.X*/
		div.panel_confirm div.buttons,
		/*oc 2.X*/
		div.panel_confirm div.payment_info #button-confirm,
		div.panel_confirm div.payment_info a,
		div.panel_confirm div.payment_info button,
		div.panel_confirm div.payment_info .btn,
		div.panel_confirm div.payment_info .btn-primary
		{
			display: none !important;
		}
	/*END*/
/*END*/

/*Arabic language compatibility*/
	html[lang="ar"] div.panel_shipping div.shipping_method span.price
	{
	    float:left !important;
	}
/*END*/