@charset "utf-8";
/* MY CSS */
a {color:#900;text-decoration:underline;}

.a {text-decoration:none!important;border-bottom:#900 1px dotted;padding-bottom:0px!important;}
.a:hover {text-decoration:none!important;border-bottom:#900 1px dotted;}

p {padding:0 0 20px 0;}

pre {margin:20px;padding:20px;text-align:left;color:#000;background-color:#F3F3F3;tab-size:4;white-space:pre;white-space:pre-wrap;overflow:auto;}

#page_info {display:none;}
#page_up {display:none;float:right;margin:0 5px 0 0;text-decoration:none;color:#999;}

#o {display:inline-block;padding:5px;font-weight:normal;color:green;}
#u {display:inline-block;padding:5px;font-weight:normal;color:red;}


.hide {display:none!important;}
.link,.delete,.add,.edit {text-decoration:none!important;font-size:25px!important;}
	.link::before {content:'\21D7';}
	.delete::before {content:'\00D7';}
	.add::before {content:'\002B';}
	.edit::before {content:'\270E';color:#090;}
.link:hover {color:#00F;}
.delete:hover {color:#F00;}
.add:hover {color:#090;}
.edit:hover {color:#00F;}
.clear {display:block!important;clear:both!important;width:100%!important;margin:0!important;padding:0!important;}
.w100 {width:100%;}


.table_register,
.table_profile,
.table_password {width:auto;border:none;}
.table_requisites {width:100%;border:none;}
.table_requisites input {width:100%;}

/* FORM */
input,select,textarea {padding:5px 9px;font-family:Verdana,Geneva,sans-serif;color:#444;border:solid 1px #ccc;}
textarea {width:100%;min-height:60px;}
label:hover {cursor:pointer;color:#444;}
input[type=checkbox],
input[type=radio] {width:auto;padding:10px;margin:0px 0px 0px 0px;cursor:pointer;outline:none;}
textarea {word-wrap:break-word;resize:vertical;}
button {cursor:pointer;border:none;}

.button {display:inline-block;padding:8px 25px;font-size:16px;background-color:#fff;color:#444!important;font-weight:bold;text-decoration:none!important;border:#04b4e0 2px solid;border-radius:20px;min-height:40px;transition:all 0.3s ease-in-out;box-shadow:0 11px 11px -9px rgba(0,0,0,0.3);}
.button:hover {background-color:#04b4e0;color:#FFF!important;}

/* POPUP */
.popup_box {display:none;position:fixed;z-index:888888888;left:0;top:0;width:100%;height:100%;text-align:center;}
.popup_bg {position:fixed;z-index:888888;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,0.4);}
.popup_box:after {display:inline-block;height:100%;width:0;vertical-align:middle;content:'';}
.popup_win {display:inline-block;position:relative;z-index:999999;vertical-align:middle;min-width:400px;max-width:95%;max-height:80%;overflow-x:auto;overflow-y:none;padding:20px;border-radius:1px;background-color:#fff;box-shadow:0px 0px 9px #2D2D2D;}
.popup_close_a {position:absolute;right:4px;top:4px;display:block;width:30px;height:30px;background-color:#000;color:#FFF;font-weight:bold;font-size:33px;text-align:center;text-decoration:none;border-radius:1px;
	display:flex;	
	flex-direction:row;	
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;		
	align-content:center;	
}
.popup_box:target {display:block;}
.popup_box {color:#333!important;}
.popup_box h4 {font-size:24px;padding:0 0 20px 0;}
.popup_win textarea {width:100%!important;}

#popup_cart_buttons .button {margin:20px 0 0 0;}

/* SUPPORT */
#answer .user,#answer .admin {font:bold 13px "Trebuchet MS",Tahoma;color:#fff;padding:5px 14px 7px 14px;background-color:#666;text-shadow:1px 1px 2px #333;}
#answer .admin {background-color:#900;}
#answer .nomer {float:right;}
#list_support_update {float:right;}

/*  NAVIGATION  */
#nav a,
#nav span {display:inline-block;margin:0px;padding:3px;font-size:16px;}
#nav span {font-weight:bold;}


.list_select_ul li {padding:2px 10px;cursor:pointer;background-color:#F6F6F6;}
.list_select_ul li:hover {background-color:#EBEBEB;}



#form_profile .box {display:inline-block;margin:0 15px 15px 0;}
#form_profile .box input {width:165px;}
#form_profile .box select {width:171px;}


/*  ALL  */

@charset "utf-8";
/*  ALL  */

* {margin:0;padding:0;box-sizing:border-box;}
html {width:100%;height:100%;overflow-y:scroll;}
body {width:100%;height:100%;font-family:poppins,Helvetica,sans-serif;font-size:15px;line-height:130%;text-align:center;color:#444;}
table {border:none;ffont-family:poppins,Helvetica,sans-serif;font-size:15px;line-height:130%;}

.hide {display:none!important;}



#page {height:100%;overflow:auto;
	display:flex;	
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:stretch;	
	align-items:stretch;	
	align-content:stretch;
}

#menu {max-height:100%;overflow:auto;width:400px;max-width:420px;padding:45px 45px 15px 45px;color:#FFF;background-color:#04b4e0;
	display:flex;	
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:stretch;	
	align-items:stretch;	
	align-content:stretch;
}
#menu .menu {flex-grow:1;}
#menu a {color:#FFF;}
#menu .logo {}
#menu .logo img {border:3px solid #FFF;border-radius:50%;}
#menu h2 {margin:40px 0 10px 0;font-size:35px;font-weight:600;line-height:122%;}
#menu ul {margin-top:30px;list-style:none; 
	display:flex;	
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:stretch;	
	align-items:stretch;	
	align-content:stretch;
}
#menu ul li a {display:block;padding:10px;font-size:18px;text-decoration:none;color:#F2F2F2;}
#menu ul li a.on {font-weight:600;}
#menu  .copyright {padding:30px 0 0 0;font-size:12px;color:#F4F4F4;}


#content {max-height:100%;overflow:auto;width:calc(100% - 400px);padding:45px;text-align:left;scroll-behavior:smooth;}
#content h1,#content h2,#content h3 {padding-bottom:30px;line-height:133%;}
h1 span,h2 span,h3 span,.title span {color:#04b4e0;}
#content h2,#content h3 {font-size:25px;}

.table_register td,
.table_profile td,
.table_password td {padding:10px;}


.table {table-layout:fixed;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;background-color:#FFF;}
.table td {padding:7px;border:#CCC 1px dotted;word-wrap:break-word;}
.table a {text-decoration:none;}
.table a:hover {text-decoration:underline;}
.table tr.title {font-weight:bold;color:#fff;background-color:#555;white-space:nowrap;}
.table tr.title a {color:#fff;}
.table tr.hover_line:hover {border:#aaa 1px solid;}
.table tr td.id_col {color:#CCC;white-space:nowrap;}
.table_log tr td {padding:2px 7px;}


.vizitka {
	display:flex;	
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:stretch;	
	align-items:stretch;	
	align-content:stretch;
}
.vizitka > div {width:25%;padding:0 20px 20px 0;}
.vizitka a {height:100%;padding:20px;text-align:center;color:#555;text-decoration:none;border:#CCC 2px solid;border-radius:20px;
	display:flex;	
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:stretch;	
	align-items:stretch;	
	align-content:stretch;
}
.vizitka .image {flex-grow:1;}
.vizitka .title {font-size:17px;font-weight:bold;}

.rekvizity div {padding:5px 0;}
.rekvizity strong {display:inline-block;padding:0 15px 0 0;color:#04b4e0;}