/*
Theme Name: Twenty Seventeen Child
Version: 1.3
*/

#wr-tabs{width: 100%;}
#wr-tabs .tabs{background-color: #fff;margin-bottom: 3px;}
#wr-tabs .tabs:after{content: "";display: block;clear: both;height: 0;}
#wr-tabs .tabs .tab{float: left;cursor: pointer;border-right: 1px solid #f2f4f9;padding: 10px 20px;}
#wr-tabs .tabs .tab:last-child{border-right: none;}
#wr-tabs .tabs .tab:hover,#wr-tabs .tabs .tab.active{background-color: #c7e7f9;color: #1d7ee4;}
#wr-tabs .content{background-color: #fff;}
#wr-tabs .content .tab-cont{display: none;padding: 15px 10px;}
#wr-tabs .content .tab-cont.active{display: block;}

.spinner{display: none;position: absolute;top: 0;left: 0;background-color: #fff;}

.overlay {display:none; position:fixed; z-index:999; opacity:0.5; filter:alpha(opacity=50); top:0; right:0; left:0; bottom:0; background:#000; }
.popup {display:none; position:fixed; border:3px solid #999; background:rgb(114, 114, 114);; width:900px; height:700px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1000;  padding:30px;}
.popup-min{display: none; position: fixed; background: #f4f7f6; width: 500px; height: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; padding: 30px;}
.popup-banner{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; z-index: 1000; height: 0; padding-top: 121.857%;}
.close-banner-visible {position: absolute; right: 5px; top: 5px; height: 40px; width: 40px; color: #000; text-align: center; margin-top: 0px; border: 1px solid; border-radius: 35px; font-size: 26px;}
.close {display:block; width:24px; text-align:center; cursor:pointer;  height:24px; line-height:24px; background:#fff; color:red; position:absolute; top:10px; right:10px; text-decoration:none; font-size:20px; }

.open_popup {text-decoration:underline; color:#00aeef; cursor:pointer; }
.open_popup:hover {text-decoration:none;  }

#access {
	background: #4572BF; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#4572BF, #6187C7);
	background: -o-linear-gradient(#4572BF, #6187C7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4572BF), to(#6187C7)); /* older webkit syntax */
	background: -webkit-linear-gradient(#4572BF, #6187C7);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {font-size: 13px;list-style: none;margin: 0 0 0 -0.8125em;padding-left: 0;}
#access li {float: left;position: relative;}
#access a {color: #eee;display: block;line-height: 3.333em;padding: 0 1.2125em;text-decoration: none;}
#access ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);display: none;float: left;margin: 0;position: absolute;top: 3.333em;left: 0;max-width: 200px;z-index: 99999;}
#access ul ul ul {left: 100%;top: 0;}
#access ul ul a {background: #f9f9f9;border-bottom: 1px dotted #ddd;color: #444;font-size: 13px;font-weight: normal;height: auto;line-height: 1.4em;padding: 10px 10px;width: 168px;}
#access li:hover > a,#access ul ul :hover > a,#access a:focus {background: #efefef;}
#access li:hover > a,#access a:focus {background: #f9f9f9; /* Show a solid color for older browsers */background: -moz-linear-gradient(#f9f9f9, #e5e5e5);background: -o-linear-gradient(#f9f9f9, #e5e5e5);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);color: #373737;}
#access ul li:hover > ul {display: block;}

#menu-index_menu .current-menu-item a{color: #fff;font-weight: 900;}


.marketplaces-option {margin: 15px;}
.marketplaces-option #add-marketplace {background: #96a0fd; border: 1px solid #4a5aff; cursor:pointer; padding: 10px 20px; margin: 10px 0; display: block; max-width: 170px;}
.marketplaces-option #add-marketplace:hover {background: #1d7ee4; }
.marketplaces-option #add-marketplace-block {display: none; }
.marketplaces-option #add-marketplace-block input[type=text]{max-width: 300px; }
.marketplaces-option #add-marketplace-block .label-select-api{max-width: 150px;display: inline-block;}
.marketplaces-option #add-marketplace-block #add-api-select {width:150px;}
.marketplaces-option .table {border-collapse: collapse; border: 1px solid black;}
.marketplaces-option .table span.edit-button{cursor:pointer; color:blue;}
.marketplaces-option .table span.delete-button{cursor:pointer; color:red;}

.buyer-option {margin: 15px;}
.buyer-option form#search-buyer-by-email #search {max-width:300px;}
.buyer-option form#search-buyer-by-email #ajax-response-search-users {margin: 20px 0 30px 0;}
.buyer-option table.table {border-collapse: collapse; border: 1px solid black;}


.send-mail-option {margin: 15px;}
.send-mail-option #ajax-response-send-mail {margin: 15px;}

.orders-option {margin: 15px;}
.orders-option #ajax-response-option-orders {margin: 15px;}

div.mail-template div#add-new-pattern {display: inline-block;cursor: pointer;margin: 10px; padding: 10px;background: #67bef1;color: #fff; border: 1px solid #c1c1c1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
div.mail-template div#add-new-pattern:hover {background: #237ee6;}
div.mail-template div.div-text-to-change {display: inline-block; padding: 10px;}
div.mail-template div#ajax-response {display: block;max-width: 1100px; margin: 0 auto;}
div.mail-template div#ajax-response form{margin: 15px;}
div.div-margin-x-auto {margin: 10px auto; width: 250px;}

input {width: 250px;font-size: 13px;padding: 6px 0 4px 10px;border: 1px solid #cecece;background: #F6F6f6;border-radius: 8px;}
input[type=radio]{width: auto;}
input[type=checkbox]{width: auto;}
textarea {/* = Убираем скролл */overflow: auto;/* = Убираем увеличение */resize: none;width: 250px;height: 50px;/* = Добавим фон, рамку, отступ*/background: #f6f6f6;border: 1px solid #cecece;border-radius: 8px 0 0 0;padding: 8px 0 8px 10px;}
select {display: block;border-radius: 5px;border: 1px solid #cecece;background-color: #F6F6f6;width: 250px;padding: 4px 15px 4px 10px;color: #444;background-position: 290px -145px;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;  }