@keyframes flickerAnimation{
	0%   {opacity:1;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes flickerAnimation{
	0%   {opacity:1;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes flickerAnimation{
	0%   {opacity:1;}
	50%  {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes flickerAnimation{
	0%   {opacity:1;}
	50%  {opacity:0;}
	100% {opacity:1;}
}

:root {
	--main-color-primary:#ffb800;
	--main-color-secundary:#c78300;
}

@media screen and (min-width:0px){
	.hidden{display:none !important;}

	#container-wc *{box-sizing:border-box; transition:all .4s ease;}
	body.overlay-popup{overflow:hidden;}
	#container-overlay-popup-wc{background:rgba(0, 0, 0, 0.9); position:fixed; display:flex; flex-wrap:wrap; width:100vw; height:100vh; top:0; left:0; opacity:0; overflow:hidden; z-index:999999; transition:all .4s ease;}
	#container-overlay-popup-wc.active{opacity:1;}
	#container-overlay-popup-wc,
	#container-overlay-popup-wc *{pointer-events:none;}
	#container-overlay-popup-wc .container-content-overlay-popup-wc{display:grid; width:max-content; height:fit-content; margin:auto; align-items:center; justify-content:center; text-align:center;}
	#container-overlay-popup-wc img{max-width:50px; margin:0 auto 10px auto;}
	#container-overlay-popup-wc span.title{font-size:16px; color:#fff; line-height:21px; -webkit-animation:flickerAnimation 2s infinite; -moz-animation:flickerAnimation 2s infinite; -o-animation:flickerAnimation 2s infinite; animation:flickerAnimation 2s infinite;}

	#container-wc{background:#fff; max-width:900px; padding:20px 40px;}
	#container-wc #menu-list ul.menu{display:flex; flex-wrap:wrap; margin:0 0 10px 0; padding:0;}
	#container-wc #menu-list ul.menu li{display:grid;}
	#container-wc #menu-list ul.menu li a{background:rgba(0, 0, 0, 0.1); padding:10px 20px; color:rgba(0, 0, 0, 0.4); text-transform:uppercase; text-decoration:none; transition:all .4s ease;}
	#container-wc #menu-list ul.menu li a:hover{background:rgba(0, 0, 0, 0.3); color:rgba(0, 0, 0, 0.8);}
	#container-wc #menu-list ul.menu li.active a{background:var(--main-color-primary); color:#fff; font-weight:bold;}
	#container-wc #content-wc input[type="text"],
	#container-wc #content-wc input[type="number"],
	#container-wc #content-wc input[type="date"],
	#container-wc #content-wc input[type="search"],
	#container-wc #content-wc input[type="password"],
	#container-wc #content-wc input[type="url"],
	#container-wc #content-wc select,
	#container-wc #content-wc textarea{padding:7px 20px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:10px;}
	#container-wc #content-wc .result_action{margin:20px 0;}
	#container-wc #content-wc .result_action > .result{margin:20px 0; padding:10px 20px; border-radius:5px;}
	#container-wc #content-wc .result_action > .result.confirm{background:#d4ff96; color:#537a1a;}
	#container-wc #content-wc .result_action > .result.error{background:#ff9292; color:#881818;}
	#container-wc #content-wc h1{background:#000; margin:0 0 20px 0; padding:15px 30px; color:#fff; text-align:center; text-transform:uppercase;}
	#container-wc #content-wc img{display:block; margin:0 auto;}
	#container-wc #content-wc > p{text-align:center;}
	#container-wc #content-wc fieldset{margin:20px 0; padding:20px; border:1px solid #dadada; border-radius:5px;}
	#container-wc #content-wc fieldset legend{background:#000; padding:5px 30px; font-size:18px; color:#fff; line-height:21px; text-transform:uppercase; border-radius:3px;}
	#container-wc #content-wc fieldset ul.list-items-admin li{display:flex; flex-wrap:wrap; align-items:center;}
	#container-wc #content-wc fieldset ul.list-items-admin li label{width:200px;}
	#container-wc #content-wc fieldset ul.list-items-admin li input,
	#container-wc #content-wc fieldset ul.list-items-admin li select{width:calc(100% - 212px); margin-left:10px;}
	#container-wc #content-wc fieldset ul.list-items-admin li p{width:100%;}
	#container-wc #content-wc fieldset button.btn-action{background:var(--main-color-primary); position:relative; width:100%; margin:1px 0; padding:10px 20px; color:#fff; text-align:left; border:0; cursor:pointer; border-radius:5px; transition:all .4s ease;}
	#container-wc #content-wc fieldset button.btn-action:hover{background:var(--main-color-secundary);}
	#container-wc #content-wc fieldset button.btn-action.loading{background:#0babdf; cursor:no-drop;}
	#container-wc #content-wc fieldset button.btn-action.disabled{background:#cbcbcb; color:#767878; cursor:no-drop;}
	#container-wc #content-wc fieldset button.btn-action .ng-scope{position:absolute; display:block; width:30px; height:30px; top:3px; right:10px;}
	#container-wc #content-wc fieldset button.btn-action .ng-scope .lds-eclipse{position:relative; width:30px; height:30px; -webkit-transform:translate(-15px, -15px) scale(0.15) translate(15px, 15px); transform:translate(-15px, -15px) scale(0.15) translate(15px, 15px); opacity:0;}
	#container-wc #content-wc fieldset button.btn-action .ng-scope .lds-eclipse div{position:absolute; width:160px; height:160px; top:20px; left:20px; border-radius:50%; box-shadow:0 14px 0 0 #ffffff; -webkit-transform-origin:80px 87px; transform-origin:80px 87px; -webkit-animation:lds-eclipse 0.5s linear infinite; animation:lds-eclipse 0.5s linear infinite;}
	#container-wc #content-wc fieldset button.btn-action.loading .ng-scope .lds-eclipse{opacity:1;}
	#container-wc #content-wc fieldset.cron input.disabled{background:rgba(0, 0, 0, 0.1); color:#000;}
	#container-wc #content-wc small{display:block; width:100%; text-align:right;}

	#container-wc .wcrow{display:flex; flex-wrap:wrap; justify-content:center;}
	#container-wc .wcrow > .col-wcmd-6{width:100%; padding:5px;}
	#container-wc .wcrow > .col-wcmd-6 label,
	#container-wc .wcrow > .col-wcmd-6 input{width:100%;}
	#container-wc .wcrow > .col-wcmd-6 label{padding-left:10px; font-size:10px; color:rgba(0, 0, 0, 0.5); text-transform:uppercase;}
	#container-wc input.btn-filter-stadistics{background:#000; padding:7px 20px; color:#fff; border:0; border-radius:10px; cursor:pointer;}
	#container-wc input.btn-filter-stadistics:hover{background:var(--main-color-primary);}

	#container-wc .error-mps{background:#ffc6c6; padding:15px 20px; color:#990101; border-left:5px solid #990101;}

	#container-wc #content-table{margin:20px 0;}
	#container-wc #content-table table{padding:20px 0;}
	#container-wc #content-table table tr th{background-color:rgba(0, 0, 0, 0.85); padding:12px 20px; color:#fff; text-transform:uppercase; border:0;}
	#container-wc #content-table table tr td{padding:7px 20px; text-align:center; transition:all .4s ease;}
	#container-wc #content-table table tr td a.view-order-btn{background:#04609a; display:inline-block; padding:2px 10px; margin-left:5px; font-size:9px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:10px;}
	#container-wc #content-table table tr td span.status_order{display:inline-block; padding:3px 15px; font-size:9px; color:#fff; text-transform:uppercase; border-radius:10px;}
	#container-wc #content-table table tr td span.status_order.success{background:#208900;}
	#container-wc #content-table table tr td span.status_order.error{background:#ae0000;}
	#container-wc #content-table table tr:nth-child(2n) td{background:rgba(0, 0, 0, 0.03);}
	#container-wc #content-table table tr:nth-child(2n+1) td{background:rgba(0, 0, 0, 0.06);}
	#container-wc #content-table table tr:hover td{background:rgba(0, 0, 0, 0.15); padding:7px 20px; border:0; transition:all .4s ease;}
	#container-wc #content-table .dataTables_paginate a.paginate_button{padding:4px 10px;}
	#container-wc #content-table .dataTables_paginate a.paginate_button.current{background:var(--main-color-primary); border:0; color:#000;}
	#container-wc #content-table .dataTables_paginate a.paginate_button.disabled{display:none;}

	#container-wc form#form_categories fieldset.categories ul li{display:flex; flex-wrap:wrap; align-items:center;}
	#container-wc form#form_categories fieldset.categories ul li .content-item-category{width:250px;}
	#container-wc form#form_categories fieldset.categories ul li .div_porcentajes{display:flex; flex-wrap:wrap; width:calc(100% - 250px);}
	#container-wc form#form_categories fieldset.categories ul li .div_porcentajes > *{width:50%; padding:0 5px; box-sizing:border-box;}
	#container-wc form#form_categories fieldset.categories ul li .div_porcentajes > * *{display:block; width:100%;}

	#container-wc #content-wc input.save-form-wc{background:var(--main-color-primary); position:relative; width:max-content; margin:1px 0; padding:10px 20px; color:#fff; text-align:left; border:0; cursor:pointer; border-radius:5px; transition:all .4s ease;}
	#container-wc #content-wc input.save-form-wc:hover{background:var(--main-color-secundary);}

	#container-wc #footer-wc{text-align:right;}

	#container-attributes h3.title-attributes{margin:0 0 20px 0;}
	#container-attributes ul.lists-attributes{display:block; margin:0; padding:0;}
	#container-attributes ul.lists-attributes li{display:flex; flex-wrap:wrap; margin:0; padding:10px 0; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
	#container-attributes ul.lists-attributes li:last-child{border-bottom:0;}
	#container-attributes ul.lists-attributes li span{display:inline-block; width:100%;}

	#wpfooter{position:relative !important;}
}
@media screen and (min-width:980px){
	#container-wc #content-wc #container-row-2cols{display:flex; flex-wrap:wrap;}
	#container-wc #content-wc #container-row-2cols > div{display:grid; width:50%; padding:10px; box-sizing:border-box;}
	#container-wc #content-wc #container-row-2cols > div p{margin:0; padding:0;}

	#container-wc .wcrow > .col-wcmd-6{width:50%; padding:5px;}

	#container-attributes ul.lists-attributes li span.label-attribute{width:200px;}
	#container-attributes ul.lists-attributes li span.value-attribute{width:calc(100% - 210px); margin-left:10px;}
}