@charset "UTF-8";
/*
#58a203 - green
#00a1e4 - blue
#f70 - orange

$blue: #655be6;
$indigo: #564ab1;
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root {
	--ps-blue-orig: #4582ff;
	--ps-violet-orig: #884fa1;
	
	--ps-blue: #655be6;
	--ps-indigo: #564ab1;
	--ps-purple: #6d60b0;
	--ps-pink: #f06292;
	--ps-red: #ea553d;
	--ps-orange: #fb8c00;
	--ps-yellow: #ffbb44;
	--ps-green: #4ac18e;
	--ps-teal: #009688;
	--ps-cyan: #3bc3e9;
	--ps-black: #000;
	--ps-white: #fff;
	--ps-gray: #6c757d;
	--ps-gray-dark: #1e263d;
	--ps-gray-100: #eff3f6;
	--ps-gray-200: #f3f3f3;
	--ps-gray-300: #eeeeee;
	--ps-gray-400: #ced4da;
	--ps-gray-500: #adb5bd;
	--ps-gray-600: #6c757d;
	--ps-gray-700: #344156;
	--ps-gray-800: #1e263d;
	--ps-gray-900: #161a2b;
	
	--ps-primary: #655be6;
	--ps-secondary-old: #6c757d;
	--ps-secondary: #564ab1;
	--ps-success: #4ac18e;
	--ps-info: #3bc3e9;
	--ps-warning: #ffbb44;
	--ps-indigo: #564ab1;
	--ps-danger: #ea553d;
	--ps-brown: #8d6e63;
	--ps-teal: #009688;
	--ps-lime: #afb42b;
	--ps-orange: #fb8c00;
	--ps-blue-grey: #90a4ae;
	--ps-purple: #6d60b0;
	--ps-pink: #f06292;
	--ps-light: #f3f3f3;
	--ps-dark: #1e263d;
	--ps-primary-rgb: 101, 91, 230;
	--ps-secondary-rgb: 108, 117, 125;
	--ps-success-rgb: 74, 193, 142;
	--ps-info-rgb: 59, 195, 233;
	--ps-warning-rgb: 255, 187, 68;
	--ps-indigo-rgb: 86, 74, 177;
	--ps-danger-rgb: 234, 85, 61;
	--ps-brown-rgb: 141, 110, 99;
	--ps-teal-rgb: 0, 150, 136;
	--ps-lime-rgb: 175, 180, 43;
	--ps-orange-rgb: 251, 140, 0;
	--ps-blue-grey-rgb: 144, 164, 174;
	--ps-purple-rgb: 109, 96, 176;
	--ps-pink-rgb: 240, 98, 146;
	--ps-light-rgb: 243, 243, 243;
	--ps-dark-rgb: 30, 38, 61;
}
*{
	font-family: 'Nunito', sans-serif;
	box-sizing:border-box;
	max-width:100%;
}
body{background:#f0f0f0; font-size: 12px; color: #333; margin: 0}
h1, h2, h3, h4, h5, h6 {}
img{max-width:100%;height:auto;width:auto}
select{max-width:100%}

a, .link{color: var(--ps-secondary);cursor:pointer}
.ul{text-decoration:underline}
a:visited  {color: var(--ps-secondary)}
a:active, a:hover, .link:hover{color:#fb8c00}
a.th{color:#545a6d}
a.th:hover{color:#fb8c00}
.link-dashed{padding-bottom:1px;border-bottom:1px dashed;cursor:pointer}
.link-cleared{cursor:pointer}
.show-mobile, .hidden-content, .hidden{display:none}

.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

td{font-size: 12px}
.akcent {background-color:#eee; font-size: 12px; font-weight: bold}
th{color: #fff; font-size: 12px}
th.header {background:#00A1E4 url(/images/h_left_bg.gif); color: #fff; font-size: 12px; font-weight: bold}
.products-addfields-list-group, .th3{color:#6c757d;font-size:16px;background:#ced4da}

#floatcover{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:rgba(255,255,255,0.85); z-index: 4995; display: none}
#floatblock{position: absolute; left: 0; top: 0; width: 1px; height: 1px; z-index: 5000; display: none; overflow: auto;border-radius:5px;}
#floatblock2{position:fixed; width:30vw; height:30vh; margin:35vh 35vw;box-shadow:20px 20px 10px rgba(153,153,153,0.5); z-index: 5000; display: none; overflow: auto;border:solid 1px #fb8c00;background:#fff;top:0;left:0;border-radius:5px;}
#floatblock2 #ofb2{font-size:16px;width:96%;margin:0 auto}
#floatblock2 .div-closer{}
#floatblock2-close-div{width:100%;padding:10px 0;text-align:center;}
#floatblock2-close-button{margin:0 auto}
#global-site-languages, #global-langs-list, .global-langs-list{display: none}

.div-closer{width:100%;text-align:right;font-size:16px}
.floatblock-closer, .floatblock-word-closer{display:none}
.floatblock-final-word-closer{margin:20px 0;font-size:16px}
.closer{color:#fb8c00;float:right;padding:10px;cursor:pointer;font-size:24px}
.closer-tpl a, .gallery-close a{font-size:24px;text-decoration:none}

.ac, td.ac, div.ac{text-align:center}
.al, td.al, div.al{text-align:left}
.ar, td.ar, div.ar{text-align:right}
.aj, td.aj, div.aj{text-align:justify}
.vt, td.vt, div.vt{vertical-align:top}
.vm, td.vm, div.vm{vertical-align:middle}
.vb, td.vb, div.vb{vertical-align:bottom}
.gre{align-items:end}
.grc{align-items:center}
.grs{align-items:start}
.grw{align-items:stretch}
.grb{align-items:baseline}
.ml{margin-left:auto}
.mr{margin-right:auto}
.mc{margin-left:auto;margin-right:auto}
.mc0{margin:0 auto}
.mc20{margin:20px auto}
.mc30{margin:30px auto}
.mc40{margin:40px auto}
.mc50{margin:50px auto}
.uc{text-transform:uppercase}
.lc{text-transform:lowercase}
.cp, .pointer{cursor:pointer}
.centered{position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}

.s-box{margin:10px auto;font-size:14px;background:#fff;border:solid 1px #eee;box-shadow:0 0 16px rgba(204,204,204,0.5);padding:16px 16px;border-radius:5px}
.s-wrapper{margin:10px auto;font-size:14px;background:#fff;border:solid 1px #eee;box-shadow:0 0 16px rgba(204,204,204,0.5);padding:16px 16px;border-radius:5px}
.s-100{width:100%}
.accent{color:#ea553d}
.s-av{background:#dbf3e8}
.s-na{background:#fbddd8}
.s-av-sel{background:#b7e6d2}
.s-na-sel{background:#f7bbb1}

.t-av{color:#b7e6d2}
.t-na{color:#f7bbb1}
.t-na-through{color:#f7bbb1;text-decoration:line-through}

.admin-note{cursor:pointer}

.s-header-old, .chapterheader-old{color:#000; font-weight:500; padding:5px;border-bottom:solid 1px #000;margin-bottom:15px;font-size:20px}
.s-header, .chapterheader{color:#000; font-weight:600;padding:10px 5px;font-size:16px;text-transform:uppercase}
.s-big-header{color:#000; font-weight:500; padding:5px;border-bottom:solid 1px #000;margin-bottom:15px;font-size:24px;text-transform:uppercase}
.s-small-header{color:#000; font-weight:500; padding:4px;border-bottom:solid 1px #000;margin-bottom:12px;font-size:16px}
.s-smaller-header{color:#000; font-weight:500; padding:4px;font-size:16px}
.s-small{font-size:14px}
.s-thin{font-weight:100}
.s-comment{font-size:14px;font-style:italic}

.chaptertitle-old{font-size: 18px; font-weight: bold; padding-left: 50px}
.chaptertitle{font-size: 18px; font-weight: bold; padding:5px;background:#eee}
.chaptertitle img{display:none}
.chaptertitle2{font-size: 14px; padding: 8px;font-weight:normal;background:#eee;border:solid 1px #ddd;border-radius:4px;box-shadow:0 0 16px rgba(153,153,153,0.5)}
.chapterheader-old{font-size: 16px; font-weight: bold}

.grid-100{display:grid;grid-template-columns:100%}
.grid-50-50{display:grid;grid-template-columns:49% 49%;grid-gap:2%}
.grid-55-45{display:grid;grid-template-columns:54% 44%;grid-gap:2%}
.grid-60-40{display:grid;grid-template-columns:59% 39%;grid-gap:2%}
.grid-65-35{display:grid;grid-template-columns:64% 34%;grid-gap:2%}
.grid-70-30{display:grid;grid-template-columns:69% 29%;grid-gap:2%}
.grid-75-25{display:grid;grid-template-columns:74% 24%;grid-gap:2%}
.grid-80-20{display:grid;grid-template-columns:79% 19%;grid-gap:2%}
.grid-85-15{display:grid;grid-template-columns:84% 14%;grid-gap:2%}
.grid-90-10{display:grid;grid-template-columns:89% 9%;grid-gap:2%}
.grid-95-05{display:grid;grid-template-columns:94% 4%;grid-gap:2%}
.grid-45-55{display:grid;grid-template-columns:44% 54%;grid-gap:2%}
.grid-40-60{display:grid;grid-template-columns:39% 59%;grid-gap:2%}
.grid-35-65{display:grid;grid-template-columns:34% 64%;grid-gap:2%}
.grid-30-70{display:grid;grid-template-columns:29% 69%;grid-gap:2%}
.grid-25-75{display:grid;grid-template-columns:24% 74%;grid-gap:2%}
.grid-20-80{display:grid;grid-template-columns:19% 79%;grid-gap:2%}
.grid-15-85{display:grid;grid-template-columns:14% 84%;grid-gap:2%}
.grid-10-90{display:grid;grid-template-columns:9% 99%;grid-gap:2%}
.grid-05-95{display:grid;grid-template-columns:4% 94%;grid-gap:2%}
.grid-33-33-33{display:grid;grid-template-columns:32% 32% 32%;grid-gap:2%}
.grid-25-50-25{display:grid;grid-template-columns:24% 49% 24%;grid-gap:1.5%}
.grid-50-25-25{display:grid;grid-template-columns:49% 24% 24%;grid-gap:1.5%}
.grid-25-25-50{display:grid;grid-template-columns:24% 24% 49%;grid-gap:1.5%}
.grid-20-60-20{display:grid;grid-template-columns:19% 59% 19%;grid-gap:1.5%}
.grid-25-25-25-25{display:grid;grid-template-columns:24% 24% 24% 24%;grid-gap:1.3%}
.grid-20-20-20-20-20{display:grid;grid-template-columns:18.6% 18.6% 18.6% 18.6% 18.6%;grid-gap:1.75%}
.grid-6cells{display:grid;grid-template-columns:15% 15% 15% 15% 15% 15%;grid-gap:2%}

.grid-group{border:solid 1px #eee}
.grid-input{border:solid 1px #ccc;background:#eee;transition:0.5s}
.grid-input:hover{border:solid 1px #ccc;background:#ddd}
.grid-input-selected{border:solid 1px #ccc;background:#ccc;transition:0.5s}

.main-grid{display:grid;grid-gap:15px}
.main-grid-111{grid-template-columns:200px 250px auto;grid-gap:15px}
.main-grid-001{grid-template-columns:20px 0 auto;grid-gap:8px}
.main-grid-101{grid-template-columns:200px 0 auto;grid-gap:8px}
.main-grid-101#main-grid-help,
.main-grid-101#main-grid-products-old{grid-template-columns:250px 0 auto}
#main-grid-help .leftmenu-content{border-right:solid 1px #ccc;padding-right:20px}
.main-grid-011{grid-template-columns:20px 250px auto;grid-gap:15px}

.main-wrapper, .panel{width:100%; margin:20px auto 10px auto; transition:0.5s}
.fp-main-wrapper{width:99%;margin:0 auto}
.main-content-wrapper{width:99%}

.panel[data-gridtpl],
.panel-old[data-filepath^="/pages/"],
.panel[data-ps-gridtpl],
.panel-old[data-ps-filepath^="/pages/"]{display:grid;grid-template-columns:200px 22% auto;grid-gap:5px;}
.panel[data-gridtpl="1-1-1"]{grid-template-columns:200px 22% auto;transition:0.5s}
.panel[data-gridtpl="0-1-1"]{grid-template-columns:0.00001% 22% auto;transition:0.5s}
.panel[data-gridtpl="1-0-1"]{grid-template-columns:200px 0.00001% auto;transition:0.5s}
.panel[data-gridtpl="0-0-1"]{grid-template-columns:0.01% 0.00001% auto;transition:0.5s}
.panel[data-ps-gridtpl="1-1-1"]{grid-template-columns:200px 22% auto;transition:0.5s}
.panel[data-ps-gridtpl="0-1-1"]{grid-template-columns:0.00001% 22% auto;transition:0.5s}
.panel[data-ps-gridtpl="1-0-1"]{grid-template-columns:200px 0.00001% auto;transition:0.5s}
.panel[data-ps-gridtpl="0-0-1"]{grid-template-columns:0.01% 0.00001% auto;transition:0.5s}

.leftmenu-old{position:relative;padding:0;width:200px}
.leftmenu-old{position:relative;padding:0;width:100%}
.leftmenu{display:grid;grid-template-columns:auto 20px;grid-gap:0 0;position:relative;padding:0;width:100%;transition:0.5x}
.submenu{position:relative;background:#fff;padding:0}

.submenu-content{width:94%;margin:0 auto 10px auto;border-radius:0 5px 5px 0;padding:0 0 5px 0;border:solid 1px #f00}
.leftmenu-content-old{margin-right:10px;border-radius:0 5px 5px 0;padding:10px 0;box-shadow:0 0 16px rgba(153,153,153,0.5);background:#fff;overflow:none}
.leftmenu-content{border-radius:0 5px 5px 0;padding:10px 0;box-shadow:0 0 16px rgba(153,153,153,0.5);background:#fff;overflow:none;z-index:1;transition:0.5x}
.leftmenu-content table{border:0;border-spacing:0;transition:0.5x}

.leftmenu-aside{font-size:16px;display:grid;grid-gap:0 10px;transform:rotate(90deg);transform-origin:bottom right;position:relative;left:-15px;height:20px}
.leftmenu-aside-tab{padding:2px 10px 2px 10px;background:#fff;color:#545a6d;cursor:pointer;transform:rotate(180deg);border-radius:0 0 5px 5px;cursor:pointer;transition:0.5s;margin-top:0;padding-top:2px}
.leftmenu-aside-tab:hover{background:var(--ps-secondary);color:#fff;padding:4px 10px 0 10px}
.leftmenu-aside-tab-opened{padding:2px 10px 2px 10px;background:#ced4da;color:#adb5bd;cursor:pointer;transform:rotate(180deg);border-radius:0 0 5px 5px;cursor:pointer;transition:0.5s;margin-top:0;padding-top:2px}
.leftmenu-aside-tab-opened:hover{padding:0 10px 4px 10px;color:#545a6d}

.leftmenu-opener, .left-menu-opener{position:absolute; top:10px; right:-5px;background:#fff; color:#5c55d6;cursor:pointer;border-radius:0 5px 5px 0;width:15px;height:25px;display:table-cell;text-align:center;vertical-align:center;font-size:16px;line-height:25px}
.leftmenu-closer{padding:2px 10px;margin:0 10px;background:#fff;cursor:pointer;transform:rotate(180deg);border-radius:0 0 5px 5px; color:#5c55d6;transition:0.5s}
.leftmenu-closer:hover{background:var(--ps-secondary);color:#fff}

.submenu-opener-old{position:absolute; top:40px; right:-13px;padding:5px 3px;background:#a19deb; color:#fff;display:none;cursor:pointer}
.leftmenu2-closer{color:#ced4da;cursor:pointer;transition:0.5s}
.leftmenu2-closer:hover{color:#fb8c00}
.submenu-opener{width:15px;padding:10px 0;cursor:pointer;background:#fff;color:#5c55d6;}
.submenu-opener-text{}

.submenudiv{margin: 10px; text-align: center}
.submenudiv2{padding: 5px; border-right: solid 1px #666}
.submenupic{border: 0}
.submenuicon{border: solid 1px #ccc}
.submenuheader{font-size: 14px; font-weight: bold}

th.submenuth, .submenuth{font-size: 12px; padding:15px 5px;text-transform:uppercase;text-align:left;background:#fafafa;margin-left:0;margin:0 0 0 0;color:#545a6d}
.submenutd{font-size: 14px; color:#545a6d}
.submenusep{display:none}
a.submenulink{color:#545a6d; text-decoration: none}
a.submenulink:active, a.submenulink:hover{color:var(--ps-primary)}

.submenutd > div{padding:8px 5px}


.leftmenu2-wrapper{background:#fff;border:0;overflow-x:0}
.leftmenu2-wrapper-active{width:100%;padding:5px 5px 10px 5px;border-radius:5px;box-shadow:0 0 16px rgba(153,153,153,0.5)}
.main-grid-001 > .leftmenu2-wrapper, 
.main-grid-101 > .leftmenu2-wrapper,
.leftmenu2-wrapper-collapsed{width:0.00001px;padding:0 0 0 0; border-radius:0;box-shadow:none}

/*
.footer a{color:#545a6d}
.footer a:hover, .footer a:active{color:var(--ps-primary)}

.submenunew{background:  url(/css/01/inew.gif) no-repeat; padding: 0 0 5px 15px}
.submenutable{background:  url(/css/01/itable.gif) no-repeat; padding: 0 0 5px 15px}
.submenuview{background:  url(/css/01/iview.gif) no-repeat; padding: 0 0 5px 15px}
.submenusearch{background:  url(/css/01/isearch.gif) no-repeat; padding: 0 0 5px 15px}
.submenuedit{background:  url(/css/01/iedit.gif) no-repeat; padding: 0 0 5px 15px}
.submenusetup{background:  url(/css/01/isetup.gif) no-repeat; padding: 0 0 5px 15px}
.submenucopy{background:  url(/css/01/icopy.gif) no-repeat; padding: 0 0 5px 15px}
.submenuinsert{background:  url(/css/01/iinsert.gif) no-repeat; padding: 0 0 5px 15px}
.submenumail{background:  url(/css/01/imail.gif) no-repeat; padding: 0 0 5px 15px}
.submenuinsertmult{background:  url(/css/01/iinsert_multiple.gif) no-repeat; padding: 0 0 5px 15px}
.submenublocks{background:  url(/css/01/iblocks.gif) no-repeat; padding: 0 0 5px 15px}
.submenutree{background:  url(/css/01/itree.gif) no-repeat; padding: 0 0 5px 15px}
.submenuempty{padding: 0 0 5px 15px}
*/


.s-block-wrapper{margin:20px auto}
.s-block{background:#fff;box-shadow:0 0 5px #999;transition:0.5}
#block-login-form{width:100%;max-width:400px;margin:100px auto 0 auto}
.s-block:hover{box-shadow:0 0 10px #666;transition:0.5}
.s-block-header{padding:10px;background:#00a1e4;font-size:18px;color:#fff;}
.s-block-header-text{font-size:18px;color:#fff;font-weight:bolder;padding:0;margin:0}
.s-block-header-icons{display:inline-block;float:right;font-size:18px;color:#fff;font-weight:bolder;text-align:right;}
.s-block-header-icons i{margin-left:5px}
#block-login-form-header{display:grid;grid-template-columns:100px auto;grid-gap:30px}
#block-login-form-header > h2:nth-of-type(2){text-align:center;}
.s-block-body{padding:10px;font-size:14px}

.s-table{display:table;border:solid 1px #eff3f6;border-collapse:collapse}
.s-table a{color:#7f59dc}
.s-table a:hover, .simpe-table a:active{color:#fb8c00}
.s-table .important-data{font-weight:bold}

.s-caption{display:table-caption}
.s-thead{display:table-header-group}
.s-thead-row-old{display:table-row;background:#00a1e4}
.s-thead-row-old > *{display:table-cell;padding:5px 3px;border:0; color:#fff;font-size:14px;text-align:center}
.s-thead-row{display:table-row}
.s-thead-row2{display:table-row;background:#00a1e4}
.s-thead-row > *, .s-thead-row > th, 
.s-thead-row2 > *,.s-thead-row2 > th{display:table-cell;padding:5px 3px;border:0;font-size:14px;text-align:center;font-weight:600}

.s-table-subheader{background:#e8e8e8;color:#333;font-size: 16px; font-weight:bold}
.s-table-subheader2{background-color:#00a1e4;color:#fff;font-size: 16px; font-weight: bold}
.s-table-subheader2 a{color:#fff}

.s-tbody{display:table-row-group}
.s-table-row-old{display:table-row;border-bottom:solid 1px #999;background:#f8f8f8;transition:0.5s}
.s-table-row-old:nth-of-type(odd){background:#eff3f6}
.s-table-row{display:table-row;border-bottom:0;background:#fff;transition:0.5s}
.s-table-row:nth-of-type(odd){background:#f8f8f8}
.s-table-row:hover, .s-table-row:nth-of-type(odd):hover{background:#e8e8e8}
.s-table-row > *{display:table-cell;padding:10px 3px;text-align:left;border:solid 1px #eff3f6;font-size:14px;vertical-align:middle}
.s-table-row img{display:block}
.s-table-icon{color:#555;}
.s-table-group-switcher{transition:0.5s}
.s-cell-comment{background:#eee;padding:2px 5px}

.s-total-row{display:table-row;border-bottom:0;background:#e8e8e8;transition:0.5s}
.s-total-row > *{display:table-cell;padding:3px;text-align:left;background:#e8e8e8;border:solid 1px #eff3f6;font-size:16px}

.s-olist li, .s-ulist li{margin:10px 0}

.s-menu-add-options{margin:5px 0}
.s-menu-add-options > div{margin:5px 0}



.upload-pic-window{position:relative;width:100%;max-width:350px;display:block;text-align:center;}

.url-drop-field-div{display:grid;width:100%;margin:5px auto;grid-template-columns:auto 20px;grid-gap:10px;align-items:center}
.url-drop-field-div .far, .url-drop-field-div .fas{cursor:pointer}

.upload-pics-div{width:100%;max-width:350px;}
.upload-pic-div{width:100%;max-width:350px;position:relative;display:block;}
.upload-pic{width:100%;max-width:350px;height:auto;display: block;margin:0 0 0 0;}
.delete-upload-pic, .upload-loading-pic-div, .url-drop-zone-pics, .file-drop-zone-pics, .copy-upload-pic{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top:0;left:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	z-index:8;
}
.file-drop-zone{cursor:pointer;border:2px dashed #999;z-index:10;}
.url-drop-zone{z-index:15;}
.file-drop-zone.hover, .url-drop-zone.hover {background-color: #eee}
.file-drop-zone p , .url-drop-zone p{margin:5px auto;text-align:center}


.delete-upload-pic-content, .upload-loading-pic-content, .url-drop-zone-content,.file-drop-zone-content,.copy-upload-pic-content{ 
	position:absolute;
	width:90%;
	top:50%; left:50%;
	transform:translate(-50%, -50%);
	text-align: center;
	margin:0;
	padding:10px;
}
.copy-upload-pic-sample > img{width:auto;height:auto;max-width:200px;max-height:120px;border:solid 1px #ccc}


.upload-file-list {list-style: none;padding: 0}
.upload-file-list li {margin-bottom: 10px}
.upload-pics-div-old{width:100%;max-width:350px;min-height:200px}
/*
.upload-loading-pic-div{position:absolute;z-index:22;top:0;left:0;width:100%;max-width:350px;height:100%;background:#fff;display:none;text-align:center;vertical-align:middle}
*/
.upload-loading-pic{max-height:48px;width:auto}
.upload-pic-options{border:solid 1px #666;border-top:0;border-radius:0 0 4px 4px;}
.upload-pic-add-options-opener{width:96%;margin:20px auto}
.upload-pic-add-options{width:96%;margin:0 auto;}
.upload-pic-links{display:grid;grid-template-columns:49% 49%;grid-gap:5px 2%;}
.upload-pic-links > *{margin:5px 2%;padding:5px 5px;transition:0.5s;border-radius:3px}

.upload-pic-link{cursor:pointer;background:#eee;border:solid 1px #ccc}
.upload-pic-link:hover{background:#ccc}
.upload-pic-link-invisible{opacity:0.5;cursor:picker;background:none;border:dashed 1px #f00}
.upload-pic-link-on{background:#aaa;cursor:pointer;border:solid 1px #aaa}
.upload-pic-links > #upload-pic-link-copy{grid-column: span 2;}


.af-group-title{cursor:pointer}

.extra-menu-list{line-height:1.5;list-style-type:none;margin:0}

.maintabs{margin:5px 0}

.fp-link-to-more{font-weight: 500; padding: 10px 0; text-align: right;font-size:16px}
.fp-link-to-more a{color:#7f59dc}
.fp-link-to-more a:hover, .fp-link-to-more a:active{color:#fb8c00}

.langlink{float:left;padding:3px;border:solid 1px #eee;cursor:pointer;background:#fff;color:#666;margin-right:20px;font-size:16px}
.langlinkon{float:left;padding:3px;border:solid 1px #eee;background:#fb8c00;color:#fff;margin-right:20px;font-size:16px}

.login-formbutton{background:#5c55d6;border:0;padding:7px 10px;color:#fff;font-size:18px;cursor:pointer;margin:10px 0;transition:0.5s}
.login-formbutton:hover{background:#f89a10;color:#fff}
.login-body{background: #f2f2f2}
.login-left{font-size: 16px; color: #fff; text-transform: uppercase;background: linear-gradient(to right, #7f59dc, var(--ps-primary));text-align:center;border-radius:10px 0 0 10px;padding:30px 10px;display:grid;grid-template-columns:100%;grid-gap:0}
.login-text{font-size: 16px; color: #4c4c4c}
.login-text table{margin:10px auto}
.login-text td{padding:7px 1px}
a.login-link{color: #808080; text-decoration: none}
a.login-link:active, a.login-link:hover{color: #1B75BB; text-decoration: underline}

.login-content{margin:50px auto;width:100%;max-width:450px;border-radius:10px;box-shadow: 0 0 10px #999;background:#fff;display:grid;grid-template-columns:33% 67%;grid-gap:0;border:0}
.login-cp-header{margin-top:30px}

.diverror, .errordiv{background:#fbddd8; border: solid 1px #f7bbb1; padding: 20px; font-size: 16px; border-radius: 5px; color: #693129;margin:10px 0}
.divsuccess, .successdiv{background: #dbf3e8; border: solid 1px #b7e6d2; padding: 20px; font-size: 16px; border-radius: 5px; color: #1e4d39;margin:10px 0}
.spanerror{color: #ea553d}
.spanerror-soft{color: #f06292}
.spansuccess{color: #4ac18e}
.spaninfo{color: #4ac18e}

.table-done-loading{display:table;border-spacing:5px;border:0}
.table-done-loading > *{display:table-cell;vertical-align:middle}
.table-done-loading > .rel-done{display:none;color:#58a203;font-size:14px}
.table-done-loading > .rel-loading{display:none;width:24px;min-width:24px;max-width:24px;height:24px;background:url(/css/loading.svg) no-repeat center center;background-size:contain}

.login-text [data-changecplang],
.login-text [data-ps-changecplang]{cursor:pointer;color: #808080;transition:0.5s}
.login-text [data-changecplang]:hover,
.login-text [data-ps-changecplang]:hover{color:#f89a10}
.login-text [data-changecplang="en"][data-currentcplang="en"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-changecplang="en"][data-currentcplang="en"]:hover{color: #808080}
.login-text [data-changecplang="ru"][data-currentcplang="ru"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-changecplang="ru"][data-currentcplang="ru"]:hover{color: #808080}
.login-text [data-changecplang="lv"][data-currentcplang="lv"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-changecplang="lv"][data-currentcplang="lv"]:hover{color: #808080}
.login-text [data-ps-changecplang="en"][data-ps-currentcplang="en"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-ps-changecplang="en"][data-ps-currentcplang="en"]:hover{color: #808080}
.login-text [data-ps-changecplang="ru"][data-ps-currentcplang="ru"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-ps-changecplang="ru"][data-ps-currentcplang="ru"]:hover{color: #808080}
.login-text [data-ps-changecplang="lv"][data-ps-currentcplang="lv"]{cursor:default;font-weight:bold;color:#666;background:#fafafa}
.login-text [data-ps-changecplang="lv"][data-ps-currentcplang="lv"]:hover{color: #808080}


.copy-flags2-old{background:#ced4da;padding:4px;border:solid 1px #ced4da;float:left;cursor:pointer}
.copy-flags2{padding:4px 0;float:left;cursor:pointer}
.copy-flags3{background:#fff;padding:4px;border:solid 1px #ced4da;float:left;display:none}
.copy-flags3 span{padding:0 6px;cursor:pointer}
.copy-flag-closer{cursor:pointer}
.copy-flags-words{border-bottom:dashed 1px;font-style:italic;cursor:pointer;color:#999;font-size:14px}
.copy-flags-words *{font-size:14px}
.copy-flags-words:hover{color:#fb8c00}

#mainworkfield3{position:relative;width:100%}
#mainworkfield{position:relative;width:100%}
#langmenudiv3{position:absolute; z-index: 2000; display: block;top:0;left:50px}
#langmenudiv2{position: fixed; z-index: 2000; display: none;top:0;left:50px}
#langmenudiv{position:absolute; z-index: 2000; display: block;top:0;left:50px}
#langmenudiv2{position: fixed; z-index: 2000; display: none;top:0;left:50px}

.opttab3{padding: 5px; border: solid 1px #f06292; font-size: 14px; color: #f06292; background: #fff; border-radius: 0 0 5px 5px}
.opttab3 a{color:#f06292;text-decoration:none}
.opttab3 a:hover{text-decoration:underline}
.opttabdel3{padding: 5px; font-size: 14px; color: #f06292; border-radius: 0 0 5px 5px}
.opttabaccent3{padding: 5px; border: solid 1px #f06292; font-size: 14px; color: #fff; background:#f06292; border-radius: 0 0 5px 5px}
.opttabaccent3 a{color: #fff;text-decoration:none}


.opttab{padding: 5px; border: solid 1px #f06292; font-size: 14px; color: #f06292; background: #fff; border-radius: 0 0 5px 5px}
.opttab a{color:#f06292;text-decoration:none}
.opttab a:hover{text-decoration:underline}
.opttabdel{padding: 5px; font-size: 14px; color: #f06292; border-radius: 0 0 5px 5px}
.opttabaccent{padding: 5px; border: solid 1px #f06292; font-size: 14px; color: #fff; background:#f06292; border-radius: 0 0 5px 5px}
.opttabaccent a{color: #fff;text-decoration:none}

.contenttab{padding: 50px 10px 10px 10px; border-top: solid 1px #ccc}

.tabs2{width:100%}
.tabs2-tab, .tabs3-tab, .tabs4-tab{border: solid 1px #999; padding: 7px; border-radius: 7px 7px 0 0; font-size: 14px; border-bottom: none; float: left; margin-right: 5px; cursor: pointer; background: #fff; color: #000}
.tabs2-tab-active, .tabs3-tab-active, .tabs4-tab-active{border: solid 1px #999; padding: 7px; border-radius: 7px 7px 0 0; font-size: 14px; border-bottom: none; float: left; margin-right: 5px; cursor: pointer; background: #999; color: #fff}
.tabs2-content, .tabs3-content, .tabs4-content{border: solid 1px #999; padding: 5px}
.tabs2-div, .tabs3-div, .tabs4-div{display: none}
.tabs2-div:first-of-type{display: block}

#new-panel-message{margin: 3px 3px 10px 3px; border: solid 2px #fb8c00; border-radius: 20px; display: none}

#h3{padding: 7px; float: left}
#h3-sitedata{font-size: 14px; color: #333; padding-top: 10px}

#h33{margin-bottom:10px;position:fixed;top:0;left:0;z-index:160;width: 100%;background: linear-gradient(to right, #7f59dc, var(--ps-primary))}
#h3-main{font-size: 12px; color: #333; text-align: center; vertical-align: center; padding-top: 15px}
#h3-main-phone{font-size: 24px; text-align: center}
#h3-main-phone a{color:#f70}
#h3-main-phones2{font-size: 16px; text-align: center}

.h3-right{float: right; margin: 10px; padding: 5px 7px 5px 32px; font-size: 16px; color: #333; text-transform: uppercase; vertical-align: center}
#h3-home{background: url(/css/03/header_home.png) no-repeat left center}
#h3-info{background: url(/css/03/header_info.png) no-repeat left center}
#h3-logout{background: url(/css/03/header_logout.png) no-repeat left center}

#h3-ask{background: url(/css/03/header_question.png) no-repeat left center; float: right; padding: 10px 17px 10px 36px; font-size: 14px; color: #f70; text-transform: uppercase; vertical-align: center}
#h3-ask a{color: #f70; text-decoration: none}

#h3-video{background: url(/css/03/header_video.png) no-repeat left center; float: right; padding: 13px 15px 13px 60px; font-size: 14px; color: #333; text-transform: uppercase; vertical-align: center}
#h3-video a{color: #333; text-decoration: none}

#h3-check{background: url(/css/03/header_check.png) no-repeat left center; float: left; margin: 10px; padding: 7px 7px 7px 49px; font-size: 12px; color: #333; vertical-align: center}
#h3-check a{color: #333}

#h3-settings{background: url(/css/03/header_settings.png) no-repeat center center; float: left; margin: 5px; width: 35px; height: 35px}
#h3-settings img{border: 0; width: 35px; height: 35px}

#h3-fpremenu{display: none}
.h3-fastmenu{background: #888;padding:0px;font-size:14px;color: #fff;border-radius:3px; margin:10px 0 0 10px; float: left}
.h3-fastmenu a{color: #fff; text-decoration: none}
.h3-fastmenu a:active, .h3-fastmenu a:hover{color: #fff; text-decoration: underline}
.h3-fastmenu .searchdiv{display:table;background: #fff; padding: 2px; border-radius:0px}
.h3-fastmenu .searchdiv input{display:table-cell;vertical-align:middle;font-size: 12px; border:0; height: 16px}
.h3-fastmenu .searchdiv button{display:table-cell;vertical-align:middle;font-size:14px; border:0;cursor: pointer;background:#fff;color:#888;width:20px;padding:0;text-align:middle}
.h3-fastmenu .searchdiv button *{color:#888}

#tm3-div{position:fixed;top:0;left:0;z-index:160;width: 100%;background:linear-gradient(to right, #7f59dc, var(--ps-primary));font-size: 16px;box-shadow:10px 0 10px rgba(153,153,153,0.5);display:grid;grid-template-columns:auto 220px;grid-gap:0 20px}
#tm3-menu > div{float: left;}	
#tm3-logo img{margin:5px 10px;width:100%;max-width:80px;height:auto}
.tm3-td{color: #ccb9ed; font-size:16px; padding:12px 10px}
.t4-menu{position:relative}
.tm4-td{float: left; color: #ccb9ed; font-size:16px; padding:12px 9px;position:relative;cursor:pointer}
.tm3-td a, .tm4-td a{color: #ccb9ed; text-decoration: none}
.tm3-td a:hover, .tm3-td a:active, .tm4-td a:hover, .tm4-td a:active, .tm4-td:hover{color:#fff}
.tm3-td-on{float: left; font-size:16px; padding:12px 10px; background: #fff;color: var(--ps-primary)}
.tm3-td-on a{color: var(--ps-primary)}


#tm5-div{background:#fafafa;margin-top:50px;padding:10px;color:#545a6d;border-bottom:solid 1px #ccc;outline-bottom:solid 1px #090}
#tm5-div > div{margin-right:20px;float:left;font-size:14px}
#tm5-div a{color:#545a6d}
#tm5-div a:hover, #tm5-div a:active{color:var(--ps-primary)}
#tm5-div form{display:inline-block;background:#fff;padding:1px;border:0}
#tm5-div input, #tm5-div button{font-size:12px;background:none;color:#000;padding:0;margin:0;border:0;border-radius:0}

.h-langs{display:none;position:absolute;top:50px;left:0;z-index:40;margin:0;padding:0;list-style-type:none}
.h-langs > li{padding:5px;border-bottom:solid 1px #fff;background:var(--ps-primary);color:#fff;text-transform:uppercase;text-align:center;font-size:14px}
.h-langs > li:last-of-type{border-bottom:0;border-radius:0 0 5px 5px}
.h-langs > li.chosen-lang{background:var(--ps-secondary);font-weight:bold;cursor:normal}

#h-search{background: url(/css/01/tm_search.png) center center no-repeat; font-size: 16px; width: 16px; height: 22px}


.tm31{background: #fff; padding: 5px; border: solid 1px #e8e8e8; display: none; position: absolute; z-index: 10050; box-shadow: 0 0 16px rgba(153,153,153,0.5);border-radius:0 5px 5px 5px}
.tm311{padding: 5px 30px 5px 5px; border-top: solid 1px #fafafa; background:#fff;color:#545a6d; font-size: 14px}
.tm311:hover{background: #fafafa}
.tm311:first-of-type{border-top: 0}
.tm311 a{color: #545a6d; text-decoration: none}
.tm311 a:hover{color: var(--ps-primary); text-decoration: none}
.tm311 a:active{color: #fb8c00; text-decoration: none}

.tm311-on{padding: 5px 30px 5px 5px; border-top: solid 1px #fafafa; background: var(--ps-primary) url(/css/03/menu_arrow.png) no-repeat right center; color: #fff; font-size: 14px}
.tm311-on:first-of-type{border-top: 0}
.tm311-on a{color: #fff; text-decoration: none}
.tm311-on a:hover{color: #fff; text-decoration: none}
.tm311-on a:active{color: #fff; text-decoration: none}


.tm32{background:#fff; padding: 5px; border: solid 1px #e8e8e8; display: none; position: absolute;z-index: 10060; box-shadow: 0 0 16px rgba(153,153,153,0.5);border-radius:0 5px 5px 5px}

.tm321{padding: 5px; border-top: solid 1px #e8e8e8; background: #fff; color: #545a6d; font-size: 14px}
.tm321:first-of-type{border-top: 0}
.tm321 a{color: #545a6d; text-decoration: none}
.tm321 a:hover{color: var(--ps-primary); text-decoration: none}
.tm321 a:active{color: #fb8c00; text-decoration: none}

a.a321{color: #545a6d; text-decoration: none}
a.a321:hover{color: var(--ps-primary); text-decoration: none}
a.a321:active{color: #fb8c00; text-decoration: none}

.tm321-on{padding: 5px; border-top: solid 1px #333; background: var(--ps-primary); color: #fff; font-size: 14px}
.tm321-on:first-of-type{border-top: 0}
.tm321-on a{color: #fff; text-decoration: none}
.tm321-on a:hover{color: #fff; text-decoration: none}
.tm321-on a:active{color: #fff; text-decoration: none}

#h22{text-align: center; display: none}
#h2{background: #E7E8E9 url(/css/01/h_main_bg.gif) repeat-x; border-bottom: solid 6px #B5C1C4}
#h2ask{z-index:1; position:absolute; width: 300px; right:2px}

.header2{color: #4d4d4d; text-decoration: none; font-size: 12px}
a.header2:link{color: #007cc3; text-decoration: none}
a.header2:visited{color: #007cc3; text-decoration: none}
a.header2:active{color: #007cc3; text-decoration: underline}
a.header2:hover{color: #007cc3; text-decoration: underline}

.h2maindiv{position: absolute; top: 0; right: 0; background: #96BE41  url(/css/01/h_main_menu_bg.gif) repeat-x; height: 30px; width: 700px; z-index: 1; border-radius: 0 0 0 15px}
.h2main{color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase}
a.h2main:link{color: #fff; text-decoration: none}
a.h2main:visited{color: #fff; text-decoration: none}
a.h2main:active{color: #fff; text-decoration: underline}
a.h2main:hover{color: #fff; text-decoration: underline}

.h3maindiv{position: absolute; top: 0; left: 20px; background: #96BE41  url(/css/01/h_main_logo_bg.gif) repeat-x; height: 101px; width: 160px; z-index: 1; text-align: center; border-radius: 0 0 15px 15px}

.homepageblock{border: solid 1px #999; border-radius: 10px}



.tdav{background: #D1E87E;font-size:11px;text-align:center}
.tdna{background: #FFD1B3;font-size:11px;text-align:center}
.tdav{background: #d1e87e;font-size:11px;text-align:center}
.tdavon{background: #b6d648;font-size:11px;text-align:center}
.tdavsel{background: #97bf42;font-size:11px;text-align:center}
.tdna{background: #ffd1b3;font-size:11px;text-align:center}
.tdnaon{padding:#ffad8c;font-size:11px;text-align:center}
.tdnasel{background: #ff8080;font-size:11px;text-align:center}
.tdav .fas, .tdavon .fas, .tdavsel .fas, .tdav .far, .tdavon .far, .tdavsel .far{color:#090;font-size:16px}
.tdna .fas, .tdnaon .fas, .tdnasel .fas, .tdna .far, .tdnaon .far, .tdnasel .far{color:#fb8c00;font-size:16px}

.smallformfield{}
.smallformarea{}

.red {color: #fb8c00}
.cfg-clipboard-copy{color: #fb8c00;cursor:pointer}
.error {color: #fb8c00}
.errordiv-old{padding: 10px 10px 10px 30px; background: #FFD1B3  url(/css/01/bg_error.gif) no-repeat left center; color: #fb8c00; border: solid 1px #fb8c00; border-radius: 5px}
.successdiv-old{padding: 10px 10px 10px 30px; background: #D1E87E  url(/css/01/bg_success.gif) no-repeat left center; color: #699600; border: solid 1px #699600; border-radius: 5px}
.stxt{font-size: 12px}

.tablesimple{border-collapse: collapse}
.tablesimple tr:nth-child(odd){background-color: #e8f3f1}
.tablesimple td{border: solid 1px #fff;font-size: 11px;  padding: 3px}
.tddata-old{background-color:#fff; font-size: 11px}
.tddata{font-size: 11px;  padding: 3px}
.tddata2{background-color:#eee; font-size: 11px}
.tdcomment{background-color:#fff; font-size: 10px}
.tdaccentdata-old{background-color:#e8f3f1; font-size: 11px; font-weight: bold}
.tdaccentdata{font-size: 11px; font-weight: bold; padding: 3px}
.thcolumnheader, .tablesimple th{background:linear-gradient(to right,#7f59dc,var(--ps-primary)); font-size: 11px; padding: 3px}
.thcolumnheaderaccent{background:linear-gradient(to right,#7f59dc,var(--ps-primary)); font-size: 11px; padding: 3px}
.thtablepartheader{background-color: #e8f3f1; font-size: 11px; color: #4d4d4d; font-weight: bold; padding: 3px}
.tablesimple .fa-edit{font-size:16px}

.form-checkboxes-selection-container{max-height:200px;overflow-y:auto;border:solid 1px #ccc}

img.form-main-preview-pic{width:auto;height:auto;max-width:100px;max-height:100px;}
.formtdview{background:#d8f3fb; border:solid 1px #b1e7f6; color:#295c6a;padding:7px;margin:5px 0;border-radius:5px;cursor:pointer;transition:0.5s}
.formtdview:hover{background:#b1e7f6}
.formtddata{background:#eff3f6; font-size: 14px;padding:5px}
.formtddataleft{background:#eff3f6; font-size: 14px; text-align: right;padding:5px}
.formtdcomment{font-size: 12px}
.formthdata{background:linear-gradient(to right,#7f59dc,var(--ps-primary)); font-size: 14px; font-weight: bold;padding:5px;color:#fff;text-align:center}
img.formtdpic{border:solid 1px #eee; max-width:50px;max-height:50px;width:auto;height:auto}

.txt{font-size: 14px}
.newsdate{color: #666; font-weight: bold}

.treetable{width:100%}
.treetable a{color:#545a6d}
.treetable a:hover{color:#fb8c00}
.treetablelegend{width:20px;height:20px}
.treetableav{padding: 3px 5px 5px 2px; margin: 3px 0; background: #dbf3e8; font-size: 12px; border-radius: 3px;transition:0.5s}
.treetableav:hover{background:#b7e6d2}
.treetableavsel{padding: 3px 5px 5px 2px; margin: 3px 0; background:#b7e6d2; font-weight: bold; font-size: 12px; border-radius: 3px}
.treetablena{padding: 3px 5px 5px 2px; margin: 3px 0; background:#fbddd8; font-size: 12px; border-radius: 3px;transition:0.5s}
.treetablena:hover{background:#f7bbb1}
.treetablenasel{padding: 3px 5px 5px 2px; margin: 3px 0; background:#f7bbb1; font-weight: bold;  font-size: 12px; border-radius: 3px}
.treetable .fas, .treetable .far{color:#545a6d}
.treetable .fas:hover, .treetable .far:hover{color:#fb8c00}

.treedivav{padding: 5px; margin: 3px; background:#dbf3e8; font-size: 14px; border-radius: 3px;transition:0.5s}
.treedivav:hover{background:#b7e6d2}
.treedivavon{padding: 5px; margin: 3px; background:#b7e6d2; font-size: 14px; border-radius: 3px;transition:0.5s}
.treedivavsel{padding: 5px; margin: 3px; background:#b7e6d2; font-weight: bold; font-size: 14px; border-radius: 3px}

.treedivna{padding: 5px; margin: 3px; background:#fbddd8; font-size: 14px; border-radius: 3px;transition:0.5s}
.treedivna:hover{background:#f7bbb1}
.treedivnaon{padding: 5px; margin: 3px; background:#f7bbb1; font-size: 14px; border-radius: 3px;transition:0.5s}
.treedivnasel{padding: 5px; margin: 3px; background:#f7bbb1; font-weight: bold;  font-size: 14px; border-radius: 3px}

.option-av{background:#dbf3e8}
.option-av-sel{background:#b7e6d2}
.option-na{background:#fbddd8}
.option-na-sel{background:#f7bbb1}


.maintab-content{padding: 10px}


.iconnew{border: solid 1px #999}
.iconneww{border: solid 1px #999}
.iconinsert{border: solid 1px #999}
.icontable{border: solid 1px #999}
.iconedit{border: solid 1px #999}
.iconeditw{border: solid 1px #999}
.iconview{border: solid 1px #999}
.iconsetup{border: solid 1px #999}
.iconupdouble{border: solid 1px #999}
.icondowndouble{border: solid 1px #999}
.i-edit{background: url(/css/01/iedit.gif) no-repeat center center; width: 11px; height: 11px}
.i-del{background: url(/css/images/delete_10x10.png) no-repeat center center; width: 10px; height: 10px}
.i-del2{border: solid 1px #999; background: url(/css/images/delete_10x10.png) no-repeat left center; padding-left: 12px}

.helpimg{border: solid 1px #000; margin: 10px; padding: 10px; background-color: #fff}
.helpdiv{background-color: #ddd; padding: 10px}

.schemetabletd{background: #eee}
.schemetabletdpretext{background: #fff; font-weight: bold; color: #4d4d4d}

.adddivheader{background-color: #ced4da; border:0px; padding: 3px; font-size: 14px; color: #000; font-weight: bold; text-align: center}
a.adddivheader:link{color: #000}
a.adddivheader:visited{color: #000}
a.adddivheader:active{color: #fb8c00}
a.adddivheader:hover{color: #fb8c00}
.adddivicon{border: solid 1px #999}
.adddivbody{background-color: #fff; border: solid 1px #ccc; padding: 10px; font-size: 12px; color: #000}

.wineditdiv{border: solid 1px #000; font-family: Tahoma, arial, Verdana; font-size: 12px; padding: 3; background-color: #fff; width: 500px; height: 80px; overflow: auto}
.wineditwindow {display: none; background-color: #fff; border: solid 2px #fb8c00; position: absolute; overflow: auto; z-index: 7000; width: 780px; height: 500px}
.wineditwindowth{background-color:#ced4da; font-size: 14px; font-weight: bold}

.need-check-button-class{background: var(--ps-primary);  font-size: 12px; color: #fff}
.formbutton{background: #00a0e3  url(/css/01/button_bg.gif) repeat-x;  font-size: 12px; color: #fff}
.formbutton2, input[type="submit"], button{background: var(--ps-primary); font-size: 16px; color: #fff;cursor:pointer;padding:10px 20px;border:0;border-radius:5px;transition:0.5s}
.listbutton{background: var(--ps-primary); font-size: 16px; color: #fff;cursor:pointer;padding:4px 10px;border:0;border-radius:3px;margin-left:3px}
.resetbutton{background:#6c757d;font-size: 16px; color: #fff;cursor:pointer;padding:10px 20px;border:0;border-radius:5px;transition:0.5s}

.formbutton2:hover, input[type="submit"]:hover, button:hover,
.formbutton2:active, input[type="submit"]:active, button:active,
.listbutton:hover, .listbutton:active{background: #564dc4}
.resetbutton:hover, .resetbutton:active{background: #5c636a}

.formbutton-wrapper{width:100%;margin:20px auto;text-align:center}
.formbutton-wrapper2{margin:20px 0}
.formfield-error{background:#fcc;}


div.marked_list{
background:url('/css/images/check_.jpg') no-repeat;
background-position: 0 0;
padding-left:30px;
margin-left:15px;
padding-top:0px;
padding-bottom:15px;
margin-top:0px;
margin-bottom:0	px;
}

div.marked_list_arrow{
background:url('/css/images/str_.gif') no-repeat;
background-position: 0 2px;
padding-left:27px;
margin-left:18px;
padding-top:0px;
padding-bottom:15px;
margin-top:0px;
margin-bottom:0	px;
}

a.button {
   margin:10px 0 10px 10px;
   display: block;
   float:right; /* чтобы кнопка не растягивалась на всю ширину родительского блока, а ограничивалась текстом */
   font: bold 13px arial, sans-serif;
   color: #fff;
   text-decoration: none;
   background: url('/css/01/button.gif') repeat-x;
   padding-left: 25px; /* отступ для "раздвижных дверей" */
   outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
   border-radius:5px;
}
 a.button span {
   display: block;
   line-height: 13px;
   background: url('/css/01/button.gif') repeat-x;
   padding: 7px 25px 7px 0;
   border-radius:5px;
}
a.button:hover {
   float:right;
   background: url('/css/01/button.gif') repeat-x;
}
 a.button:hover span {
 background: url('/css/01/button.gif') repeat-x;
   color: #eee;
}
a.button:visited span {
color: #fff;
}
a.button:active span {
color: #fff;
}

.promotion_table{margin-top:20px;text-align:justify}

.promotion_table h1{text-align:left}

.promotion_table blockquote { 
border-radius:10px;
border-left-color: #bed22c;
background:#f6f6f6;
border-left-style: solid;
border-left-width: 0;
color: rgb(102, 102, 102);
font-style: italic;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 0;
margin-top: 20px;
padding-bottom: 2px;
padding-left: 12px;
padding-right: 12px;
padding-top: 2px;
}


.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%}
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; float: left; cursor: move; font-size: 12px}
.sortable li span {}
.adde{position: absolute; z-index: 50; background: #ddd; border: solid 1px #999; padding: 5px; width: 300px; height: 120px; display: none}
.liv{display: none}
.addforms{display: none}
.tabsdiv{font-size: 12px}
.tabsli{font-size: 12px}

.radio-input-div{background: none; padding: 3px; margin: 2px; border-radius: 3px}
.radio-input-div:hover{background: #ced4da}
.radio-input-div label:hover{cursor: pointer}

.color-sign{width:20px;height:20px;border:0;border-radius:4px;margin:0 auto}
.color-sign[style="background-color:;"]{border:solid 1px #ccc;}
.rainbow-circle40{width:40px;height:40px;border-radius: 50%;background: conic-gradient(red, orange, yellow, green, blue, indigo, violet, red);}
.rainbow-circle20{width:20px;height:20px;border-radius: 50%;background: conic-gradient(red, orange, yellow, green, blue, indigo, violet, red);}
.rainbow-circle30{width:30px;height:30px;border-radius: 50%;background: conic-gradient(red, orange, yellow, green, blue, indigo, violet, red);}

#fast-options-description{font-size: 16px; color: #000; text-align: left}
#fast-categories-tree-div{float: left; max-height: 250px; max-width: 90%; min-width: 60%; overflow-y: auto; text-align: left}

/*
.gallery-pic{margin: 3px; float: left; width: 106px; height: 130px}
.gallery-pic-img{width: 100px; height: 100px; border: solid 2px #ccc; margin: 1px; background: url(/images/1.gif) no-repeat center center; background-size: cover}
.gallery-pic-img a{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -zoom-in}
#gallery-pic-upload{background: none; text-align: center; vertical-align: center; vertical-align: middle; font-size: 24px; font-weight: bold; cursor: pointer}
#gallery-pic-upload a{text-decoration: none; color: #ccc}
#gallery-pic-more{background: none; text-align: center; vertical-align: center; vertical-align: middle; font-size: 24px; font-weight: bold; cursor: pointer}
#gallery-pic-more a{text-decoration: none; color: #ccc}
.gallery-pic-edit{border: solid 1px #ccc; margin: 1px; background: #fff url(/css/01/iedit.gif) no-repeat center center; width: 11px; height: 11px; float: left}
.gallery-pic-del{border: solid 1px #ccc; margin: 1px; background: #fff url(/css/images/delete_10x10.png) no-repeat center center; width: 11px; height: 11px; float: left}

.gallery-show-comments{position: absolute; top: 0; left: 0; background: #fff; color: #000; padding: 5px 30px 5px 50px; font-size: 12px; opacity: 0.5}
.gallery-show-header{font-weight: bold}
.gallery-show-edit{border: solid 1px #000; margin: 1px; background: #fff url(/css/01/iedit.gif) no-repeat center center; background-size: cover; width: 20px; height: 20px; position: absolute; top: 0; left: 0; opacity: 0.5}
.gallery-show-del{border: solid 1px #000; margin: 1px; background: #fff url(/css/images/delete_10x10.png) no-repeat center center; background-size: cover; width: 20px; height: 20px; position: absolute; top: 0; left: 23px; opacity: 0.5}
.photogallery-upload{z-index: 9980}
.gallery-close{position: absolute; padding: 10px; top: 0; right: 0; float: right; background: #fff; z-index: 9990}
.right-link-div{background: url(/css/01/gallery-arrow-right.png) no-repeat right center; position: absolute; right: 0; top: 0; height: 100%}
.left-link-div{position: absolute; left: 0; top: 0; background: url(/css/01/gallery-arrow-left.png) no-repeat left center; height: 100%}
*/
.gallery-pic{margin: 3px; float: left; width: 106px; height: 130px}
.gallery-pic-img{width: 100px; height: 100px; border: solid 2px #ced4da; margin: 1px; background: url(/images/1.gif) no-repeat center center; background-size: cover}
.gallery-pic-img a{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -zoom-in}
#gallery-pic-upload{background: none; text-align: center; vertical-align: center; vertical-align: middle; font-size: 24px; font-weight: bold; cursor: pointer}
#gallery-pic-upload a{text-decoration: none; color: #ced4da}
#gallery-pic-more{background: none; text-align: center; vertical-align: center; vertical-align: middle; font-size: 24px; font-weight: bold; cursor: pointer}
#gallery-pic-more a{text-decoration: none; color: #ccc}
.gallery-pic-edit{margin: 1px 20px 1px 0; float: left;cursor:pointer;font-size:14px;color:#fb8c00}
.gallery-pic-del{margin: 1px 1px 1px 0; float: left;cursor:pointer;font-size:14px;color:#fb8c00}

.gallery-show-comments{position: absolute; top: 0px; left: 0px; background: rgba(255,255,255,0.5); color: #000; padding: 10px 30px 5px 50px; font-size: 14px;}
.gallery-show-header{font-weight: bold}
.gallery-show-edit{margin: 10px 10px 2px 0; color: #fb8c00;position: absolute; top: 0px; left: 0px; font-size:18px;background:rgba(255,255,255,0.5);cursor:pointer}
.gallery-show-del{margin: 10px 10px 2px 0; color: #fb8c00; position: absolute; top: 0px; left: 23px; font-size:18px;background:rgba(255,255,255,0.5);cursor:pointer}
.gallery-close{position: absolute; padding: 10px; top: 0px; right: 0px; float: right; background: #fff; z-index: 9990;font-size:18px}
.right-link-div{background: url(/css/01/gallery-arrow-right.png) no-repeat right center; position: absolute; right: 0px; top: 0px; height: 100%}
.left-link-div{position: absolute; left: 0px; top: 0px; background: url(/css/01/gallery-arrow-left.png) no-repeat left center; height: 100%}


.gallery-pos-type-td{background-color: none; background-repeat: no-repeat; background-position: center bottom; text-align: center; padding: 5px; border: solid 1px #666}
#gallery-pos-type-td1{background-image: url(/css/gallery/01.png)}
#gallery-pos-type-td2{background-image: url(/css/gallery/02.png)}
#gallery-pos-type-td3{background-image: url(/css/gallery/03.png)}
#gallery-pos-type-td4{background-image: url(/css/gallery/04.png)}
#gallery-pos-type-td5{background-image: url(/css/gallery/05.png)}


/* ------------------- gallery upload --------------------- */
#fileElem{display:none}
#fileLabel{background:#ced4da;padding:3px;border:solid 1px #999;cursor:pointer}
#photogallery-upload-old{overflow-y: auto; display: none; position: absolute}
#photogallery-upload{overflow-y: auto; display: none; position: fixed;top:10%;left:20%;width:60%;height:80%;z-index:9000;background:#fff;border:solid 2px #fb8c00;padding:0 10px}
.photogallery-upload-languages{float:left}
.lang-tab-on{background:#f06292;color:#fff}
.lang-tab-off{background:#fff;color:#f06292}
.photogallery-upload-languages > div{float:left;padding:4px;border:solid 1px #fb8c00;border-top:0;border-radius:0 0 5px 5px;margin-right:4px;font-size:14px;cursor:pointer}
.photogallery-upload-choose-div, .photogallery-upload-buttons{padding:10px 0}
#upload-window{position:absolute;top:100px;left:200px;z-index:200;width:500px;background:#fff;border:solid 2px #fb8c00;display:none;box-shadow:10px 10px 10px #fb8c00}
.upload-set-numbers-as-headers{color:#999;border-bottom:dashed 1px #999;cursor:pointer;font-size:16px;float:left}
#upload-closer{font-size:24px;color:#fb8c00;padding:10px;cursor:pointer;float:right}
.upload-file-closer{font-size:16px;color:#fb8c00;cursor:pointer;float:right}
#fileList{overflow-y:auto;height:390px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc}
#upload-file-elements{list-style-type:none;padding:0;margin:0}
#fileList li{background:#eee;margin:5px 0}

.upload-file-img-td{width:200px;text-align:center}
.upload-file-data{font-size:14px}
.upload-file-header{border:solid 1px #ddd;width:100%;font-weight:bolder}
.upload-file-desc{border:solid 1px #ddd;width:100%}

.upload-file-image{max-width:200px;max-height:200px;width:auto;height:auto;margin:0 auto}
.file-element-closer{cursor:pointer}
.upload-button{margin:10px}
.perc-wrapper{margin:10px;width:300px;height:5px;border:solid 1px #999}
.throbber{background:#f00;height:5px;width:0}
/* ------------------- end of gallery upload --------------------- */

/* *** =Fixes - 15.10.2015 */
/* ============================================================ */
/* FORMS, BUTTONS, INPUTS... */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: tahoma, arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    min-height: 24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
select,
textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  padding: 0 4px;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
  border-color: #CC3300;
  -webkit-box-shadow: 0 0 8px rgba(204, 51, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(204, 51, 0, 0.6);
  box-shadow: 0 0 8px rgba(204, 51, 0, 0.6);
}
select {
  padding-right: 0;
  height: 26px;
}
select + br,
input + br {
    display: block;
    margin-bottom: 4px;
}
select + input {
    margin-left: 6px;
}
.field-tag-container {border: 1px solid #ccc;padding: 10px; width: 100%;max-height:100px; overflow-x:auto; overflow-y:auto}
.field-tags-suggested {margin-top: 10px}
.field-tag-suggested {display: inline-block; background-color: #f0f0f0; padding: 5px; margin: 5px 3px 5px 0; cursor: pointer;
border-radius: 3px;	border:solid 1px #999}
#field-tags-selected {  margin-top: 10px;}
.field-tag-selected {display: inline-block; background-color:#00a1e4; color: #fff; padding: 5px; margin: 5px 3px 5px 0; border-radius: 3px; border:solid 1px #999;}
.field-tag-selected-span{border:solid 1px #999;border-radius:3px;padding:5px;margin-right:3px}


input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    border-left-width: 1px;
    border-top-width: 1px;
    border-style: solid;
    border-color: #555;
    cursor: pointer;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

input[type="reset"]{display:none}

.formbutton {
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #0083C8), color-stop(1, #00A0E3));
    background-image: -o-linear-gradient(top, #0083C8, #00A0E3);
    background-image: -moz-linear-gradient(top, #0083C8, #00A0E3);
    background-image: -webkit-linear-gradient(top, #0083C8, #00A0E3);
    background-image: linear-gradient(to bottom, #0083C8, #00A0E3);
    font-size: 16px;
    padding: 3px 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #0083C8 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border-right-width: 2px;
    border-bottom-width: 2px;
}
.formbutton:hover {
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #00A0E3), color-stop(1, #00A0E3));
    background-image: -o-linear-gradient(top, #00A0E3, #00A0E3);
    background-image: -moz-linear-gradient(top, #00A0E3, #00A0E3);
    background-image: -webkit-linear-gradient(top, #00A0E3, #00A0E3);
    background-image: linear-gradient(to bottom, #00A0E3, #00A0E3)
}

.deletebutton{color:#fff; padding: 3px 16px;cursor: pointer;margin:10px 0;background:#ea553d;border:0;border-radius: 5px}
.deletebutton2{color:#fff;cursor: pointer;background:#ea553d; font-size: 16px;
    padding: 3px 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #ea553d !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border-right-width: 2px;
    border-bottom-width: 2px;}
.deletebutton:hover, .deletebutton:active, .deletebutton2:hover, .deletebutton2:active{background:#c74834}


/* word-mode */
/*input[value*="ord"] {
    border: 1px solid #254B88;
    color: #fff;
    border-right-width: 2px;
    border-bottom-width: 2px;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #295497), color-stop(1, #376FC8));
    background-image: -o-linear-gradient(top, #295497, #376FC8);
    background-image: -moz-linear-gradient(top, #295497, #376FC8);
    background-image: -webkit-linear-gradient(top, #295497, #376FC8);
    background-image: linear-gradient(to bottom, #295497, #376FC8);
    cursor: pointer;
    font-size: 16px;
    padding: 3px 16px;
}
input[value*="ord"]:hover {
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #376FC8), color-stop(1, #295497));
    background-image: -o-linear-gradient(top, #376FC8, #295497);
    background-image: -moz-linear-gradient(top, #376FC8, #295497);
    background-image: -webkit-linear-gradient(top, #376FC8, #295497);
    background-image: linear-gradient(to bottom, #376FC8, #295497)
}*/
/* text-mode */
/*input[value*="екст"] {
    border: 1px solid #3F786E;
    color: #000;
    border-right-width: 2px;
    border-bottom-width: 2px;
    cursor: pointer;
    font-size: 16px;
    padding: 3px 16px;
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #54A092), color-stop(1, #79B9AD));
    background-image: -o-linear-gradient(top, #54A092, #79B9AD);
    background-image: -moz-linear-gradient(top, #54A092, #79B9AD);
    background-image: -webkit-linear-gradient(top, #54A092, #79B9AD);
    background-image: linear-gradient(to bottom, #54A092, #79B9AD)
}
input[value*="екст"]:hover {
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #79B9AD), color-stop(1, #54A092));
    background-image: -o-linear-gradient(top, #79B9AD, #54A092);
    background-image: -moz-linear-gradient(top, #79B9AD, #54A092);
    background-image: -webkit-linear-gradient(top, #79B9AD, #54A092);
    background-image: linear-gradient(to bottom, #79B9AD, #54A092)
}*/


/*form[action*="/products/products_list.php"] input[type="text"],
form[action*="/products/products_list.php"] select {
    width: 100%;
}*/



/* TABLES, TH, TD, TR... */
form[action*="blocks_edit.php"] > table {
    border-spacing: 0 6px;
    width: 100%;
}

form[action*="blocks_edit.php"] > table td {
    border-top: 1px solid #C3DFDA;
    border-bottom: 1px solid #C3DFDA;
}

.w100{width:100%}
.w98{width:98%}
.w95{width:95%}
.w90{width:90%}
.w50{width:50%}

.adddivheader {
    padding: 8px 4px;
    font-size: 16px;
}
td[width="150"] + td[width="100%"],
td[width="250"] + td[width="100%"] {
    padding-left: 5px;
}
.schemetabletdpretext {
    font-size: 14px;
}
.iconedit, .iconview {
    width: 14px;
    height: 14px;
}
.iconedit:hover,
.iconview:hover {
    border-color: #000;
}

.schemetabletd {
    padding-top: 8px;
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
}
.schemetabletd br {
    display: block;
    margin-bottom: 6px;
}
.schemetabletd:hover {
    background: #C9C9C9;
}

td.header2 li {
    list-style-type: square;
    margin-bottom: 2px;
}
a.header2 {
    font-size: 13px;
}
a.header2:link, a.header2:visited {color: #007cc3; text-decoration: none;}
a.header2:hover, a.header2:active {color: #000; text-decoration: underline;}


a.h2main[href*="help"] {
    background: red;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.h2main[href*="help"]:hover {
    background: #DB0000;
    text-decoration: none;
}
.formtdcomment {
    font-size: 12px;
}
.photos-gallery-img{max-width:350px;height:auto}

.footer{background:#fafafa;padding:20px;border-top:solid 1px #ccc;font-size:16px}
.footer a{color:#545a6d}
.footer a:hover, .footer a:active{color:var(--ps-primary)}
.foot-menu{list-style-type:none;padding:0;margin:10px 0}
.foot-menu li{float:left;margin-right:20px}

[data-deletecontent], [data-linkhref], [data-showblock], [data-hideblock], [data-toggleblock], 
[data-formsubmit], [data-linkopentab], [data-copyvaluefor], [data-openwindow],
[data-copytextfor], [data-copyvaluetotextfor], [data-copytexttovaluefor],
[data-ps-deletecontent], [data-ps-linkhref], [data-ps-showblock], [data-ps-hideblock], [data-ps-toggleblock], 
[data-ps-formsubmit], [data-ps-linkopentab], [data-ps-copyvaluefor], [data-ps-openwindow],
[data-ps-copytextfor], [data-ps-copyvaluetotextfor], [data-ps-copytexttovaluefor]{cursor:pointer}

/* end */


@media screen and (max-device-width: 500px){
	.login-content{margin:50px auto;width:100%;max-width:90vw;border-radius:10px;box-shadow: 0 0 10px #999;background:#fff;display:grid;grid-template-columns:100%;grid-gap:0;border:0}
	.login-cp-header{margin-top:0}
	.login-left{grid-template-columns:49% 49%;align-items:center;grid-gap:0 2%;border-radius:10px 10px 0 0}
}