@font-face {
    font-family: coopbcbt;
    src: url(../fonts/coopbcbt.otf);
}
* {outline:none !important;}
html, body{
	height:100%;
	width:100%;
	margin:0px;
	text-align:center;
	color:green;
	font-weight:bold;
}
#main, #main_in{
	white-space: nowrap;
	vertical-align:top;
	display: inline-block;
	padding:15px;
	text-align:center;
	border:0px solid green;
	border-radius: 10px;
}
title{
	font-style:italic;
	color:green;
}
#main{
	background: linear-gradient(to bottom, rgba(59, 234, 59, 0.2) 0%, rgba(255, 255, 255, 0.5) 100%);
	box-shadow: inset 0px 2px 5px #41AA41;}
#main_in{
	background: linear-gradient(to bottom, #84F38B 0%, rgba(240, 255, 240, 1) 100%);
	box-shadow: 0px 2px 5px #41AA41;
}	
body{
	background: linear-gradient(to bottom, rgba(59, 234, 59, 0.2) 0%, rgba(255, 255, 255, 0.5) 100%),
			url("../images/bg.jpg") repeat top left;
			
	background-attachment: fixed;		
			}
			
tbody tr:hover .cw_start, tbody tr:hover .cr_start{
	background:#F1FFF1;
	color:green;
	border:1px solid green;
}
/*#tbody_abon tr:hover td, #tbody_gr tr:hover td{
	border:1px solid red;
	color:red;
}*/
table{
	cursor:default;
	text-align:center;
	font-size:14px;
	position:relative;
	font-weight:bold;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select: none;
}
thead{
	display:block;
}
thead td, thead th{
	min-width:34px;
	padding:2px 5px;
	border:1px solid green;
	background:#F1FFF1;
	box-shadow: 0px 2px 4px #41AA41;
}
table td, table th{
	padding:2px 5px;
	border-radius:3px;
}
tbody{
	border: none;
	display:block;
	overflow:auto;
}
#graf tbody{
	width:1175px;
	height:700px;
}
#graf_termin tbody{
	width:328px;
	height:700px;
}
.cr, .cw{
	min-width:34px;
	border:1px solid #FFB400;
	cursor:pointer;
}
.cw{
	background: #FCFCAA;
}

.cwnot{
	background: transparent repeating-linear-gradient(-45deg, rgb(255, 180, 0), rgb(255, 180, 0) 1px, rgb(252, 252, 170) 1px, rgb(252, 252, 170) 6px) repeat scroll 0% 0%;
	border:1px solid #FFB400;
	cursor:auto;
}
.cr{
	background: ivory;
}
.cr_ch{/* background:#ffe6ac; */
background: #ddffac;
border: 1px solid #70ca70;
}
.cw_start{
	background:#FEEF85;
	border:1px solid #AE7003;
	color:#900000;
}
.cr_start{
	background:#FFF0C4;
	color:#900000;
	border:1px solid #900000;
	width:20px;
	min-width:20px;
}
input,select{
	border:1px solid green;
	background-color:yellow;
	color:green;
	font-weight:bold;
	text-align:center;
	margin-bottom:3px;
	font-family: "Times New Roman";
	display:inline-block;
}
.btn, .btn_dp, .btn_rd, .btn_chk{
	cursor:pointer;
	background-image: linear-gradient(180deg, #FFFF85 13%, #FFB43E 67%, #FFFF85 97%);
	border: 1px solid #FF8000;
	color: #B63D3D;
	text-shadow: none !important;
}
.btn, .btn_dp{
	border-radius:10px;
	}
.btn, .btn_rd, .btn_chk{
	box-shadow: 0px 2px 4px #41AA41;
}
.btn_dp{
	box-shadow: none;
	border-radius:0 10px 10px 0;
	width:25px;
	padding:0px;
	margin:0 10px 0 -15px;
	display: inline-block;
	height: 18px;
	font-size: 14px;
	text-align:center;
}
.btn_rd{height: 28px; width:28px; border-radius:15px;}
.btn_chk{
	height: 18px;
	width:17px;
	border-radius:15px;
	padding-left: 1px;
	display:inline-block;
	overflow: visible;
	font-size: 22px;
	line-height: 16px;
	font-weight: bold;
	-moz-user-select:none;
	-khtml-user-select:	none;
	user-select: none;
	vertical-align: middle;
	margin-right:5px;
}
.btn:hover, .btn_dp:hover, .btn_rd:hover, .btn_chk:hover{
	background-image: linear-gradient(180deg, #FFFF85 13%, #FFC600 67%, #FFFF85 97%);
}
.btn:active, .btn_dp:active, .btn_rd:active, .btn_chk:active{
	box-shadow: none;
}
.d_gen{
	white-space: nowrap;
	display:table-cell;
	vertical-align:top;
}
#group_date, #group_day, #group_time{
	cursor:default;
}
#type_table, #pay_name, #group_name{
	cursor:default;
	background: linear-gradient(to left, rgba( 255, 255, 0, 0) 0%, rgba( 255, 255, 0, 1) 25%, rgba( 255, 255, 0, 1) 75%, rgba( 255, 255, 0, 0) 100%);
	position: relative;
	font-size:16px;
	width:500px;
	border:none;
}
#show_group, #show_termin{
	display:inline-block;
}
#graf_show{
	max-width:1178px;
	width:1148px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
#pay_show{
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	max-width:1178px;
}
.name_page{
	display:inline-block;
	width:500px;
	text-shadow:1px 1px 1px #008F00, 1px 1px 1px #008F00, 1px 1px 1px #008F00, 0px 0px 1px #008F00, 0px 0px 1px #008F00, 1px 1px 1px #008F00;
	color: #D1FFD6;
	font-size:21px;
	font-family: coopbcbt;
	letter-spacing:3px;
	font-weight: normal;
	margin-top:-5px;
	-moz-user-select:none;
	-khtml-user-select:
	none;user-select: none;
}
.inp_txt_clnt, .inp_txt_expr, .inp_txt_expr_dp, .inp_txt_pay, .inp_txt_expr_l, .inp_txt_expr_r, .inp_txt_expr_llock, .inp_txt_expr_rlock, .inp_txt_expr_mini{
	margin:5px 10px;
	background-color:#D1FFD6;
	box-shadow:inset 0 1px 2px #7DD17D;
	padding: 0px 10px;
	font-size: 14px;
	border: 1px solid #008000;
}
.inp_txt_clnt, .inp_txt_expr, .inp_txt_expr_mini, .inp_txt_pay{border-radius:10px;}
.inp_txt_expr_l, .inp_txt_expr_llock{border-radius:10px 0 0 10px;}
.inp_txt_expr_r, .inp_txt_expr_rlock{border-radius:0 10px 10px 0;}
.inp_txt_clnt:focus, .inp_txt_expr:focus, .inp_txt_expr_mini:focus, .inp_txt_pay:focus, .inp_txt_expr_l:focus, .inp_txt_expr_r:focus, .inp_txt_expr_dp:focus{
	background-color:yellow;
	border:1px solid #FF8000;
	box-shadow:inset 0 1px 2px #FF8000;
}
.inp_txt_clnt 
{
	width:250px;
}
.inp_txt_expr_dp{
	border-radius:10px 0 0 10px;
	width:65px; 
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select: none;
}
.inp_txt_expr_llock, .inp_txt_expr_rlock{
	background-color:transparent;
}
.inp_txt_expr_mini{
	width:45px;
}
.inp_txt_expr, .inp_txt_pay, .inp_txt_lock, .inp_txt_expr_l, .inp_txt_expr_r, .inp_txt_expr_llock, .inp_txt_expr_rlock{
	width:90px;
}
.inp_txt_expr_llock, .inp_txt_expr_rlock{
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select: none;
}

.inp_txt_lock{
	border-radius:10px;
	margin:5px 10px;
	background-color:inherit;
	box-shadow:none;
	padding: 0px 10px;
	font-size: 14px;
	border: 1px solid #7ADB7A;
	color: #7ADB7A;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select: none;
}
.inp_txt_pay_l, .inp_txt_pay_r{
	width:63px;
	background-color: transparent;
	margin:5px 10px;
}
.inp_txt_pay_l{
	border-radius:10px 0 0 10px;
}
.inp_txt_pay_r{
border-radius:0 10px 10px 0;
}
.client_data, .expr_data, .pay_data, .group_data{
	padding:15px;
	text-align:right;
	border:1px solid #41AA41;
	border-radius:3px;
	display:inline-block;
	box-shadow: 0 2px 8px #41AA41;
	margin:10px 20px 20px 20px;
	background: linear-gradient(to bottom, rgba(117, 255, 117, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0% 0%, url("../images/bg.jpg") repeat scroll left top transparent;
}
.top_txt{
	background: linear-gradient(180deg, #8CDD92 0%, #51B953 25%, #58DD6B 97%) repeat scroll 0% 0% transparent;
	text-align:center;
	color:#CFC;
	border-radius:3px;
	border: 1px solid #12C82C;
	box-shadow: 0px 2px 4px #41AA41;
	text-shadow: 1px 1px 3px #008000;
	-moz-user-select:none;
	-khtml-user-select:
	none;user-select: none;
}
.data_group{
	background:none;
	border:none;
	font-size:16px;
	display:inline-block;
	min-width:20px;
	margin:0;
	font-style:italic;
	color:#42B642;
	padding:0px 1px;
	text-align:left;
}
.clt td {
	min-width:34px;
	border:1px solid #FFB400;
	cursor:pointer;
	background: ivory;
	overflow:hidden;
}
.cltc td {
	min-width:34px;
	border:1px solid #FFB400;
	background: ivory;
	overflow:hidden;
}

.cltp td {
	min-width:34px;
	border: 1px solid #F48EFF;
	background: #FFFAFF;
	color: #C058FF;
	font-style: italic;
}
.not_data{
	background: transparent repeating-linear-gradient(-45deg, #FEF1FF, #F48EFF 1px, #FFFAFF 1px, #FFFAFF 6px) repeat scroll 0% 0% !important;
}
.clto td {
	min-width:34px;
	font-style: italic;
	background: #FBFBCA;
	color: #CF7A7A;
	border:1px solid #FFB400;
}
.cltc:hover td {
	background: #FBFBCA;
}
.cltg td {
	min-width:34px;
	border:1px solid #E66900;
	cursor:pointer;
	background: #FFF8AC;
	overflow:hidden;
}
.cltb td {
	min-width:34px;
	border:1px solid #E66900;
	cursor:pointer;
	background: #FFFCD6;
	overflow:hidden;
	color: #CF7A7A;
}
.clt:hover td, .cltg:hover td, .cltc:hover .sch, #last_date  .cltc:hover td, #clpays .cltc:hover td, .cltb:hover td, .clto:hover td, .clto:hover .sch{
	border:1px solid red;
	color:red;
}
.cltc:hover .info_sch, .cltc:hover .sch, #last_date  .cltc:hover td, #clpays .cltc:hover td{background-color: #FFFFF0 !important;}
.sch{
	color: #900000 !important;
	background: ivory !important;
	font-style:normal !important;
}

.num_sch{
	border: 1px solid #008000 !important;
	background: #F1FFF1 !important;
	color:green !important;
	font-style:normal !important;
}
.vst{
	min-width:34px;
	border:1px solid #008000 !important;
	cursor:pointer;
	background: #F1FFF1 !important;
	color:green !important;
}
.vst:hover {
	min-width:34px;
	border:1px solid #008000 !important;
	cursor:pointer;
	background: #F1FFF1 !important;
	color:green !important;
}
.clt_main{
	border:1px solid #FFB400;
	cursor:pointer;
	background: ivory;
	color: #900000;
}
.clt_graf{
	border:1px solid #FFB400;
	background: ivory;
	color: #900000;
}
.clt_green {
	cursor:pointer;
	border:1px solid green;
	background:#A3FFA3;
	color:green;
}
.clt_change {
	border: 1px solid #F00;
	color: #F00;
	background: none repeat scroll 0% 0% #FFF5F5;
}
.clt_today {
	border:1px solid #0030FF;
	background: #BCFFFA;
	color: #0030FF;
	cursor:pointer;
}
.inp_datepick{
	border:1px solid green;
	color: green;
	padding:2px 6px;
	font-size:14px;
	background:#D1FFD6;
	box-shadow:inset 0 1px 2px #7DD17D;
}
.over_datepick{
	background:yellow;
	border:1px solid #FF8000;
	box-shadow:inset 0 1px 2px #FF8000;
}
.over_cell_ex{
	background: yellow;
}
.inl_bl{
	display:inline-block;
}
.inl_bl_chk{
	display:inline-block;
	position:relative;
	margin:0 10px;
	white-space:nowrap;
}
.login{
	margin-top:200px;
}
.log_log, .log_pass{
	margin:5px;
	background-color:#D1FFD6;
	box-shadow:inset 0 1px 2px #7DD17D;
	padding: 0px 10px;
	font-size: 14px;
	border: 1px solid #008000;
	border-radius:10px;
}
.log_log:focus, .log_pass:focus{
	background-color:yellow;
	border:1px solid #FF8000;
	box-shadow:inset 0 1px 2px #FF8000;
}
.inl_days_modal{
	display:inline-block;
	border-radius:10px;
	border:1px solid rgba(0, 77, 3, 0);
	margin-top:10px;
}
.inl_days_modal_sel{
	border:1px solid #41AA41;
	box-shadow: 0 2px 8px #41AA41;
	background: linear-gradient(to bottom, rgba(117, 255, 117, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0% 0%, url("../images/bg.jpg") repeat scroll left top transparent;
	color:red;
}
#modal_auto, #modal_kst{
	position:fixed;
	left:0;
	right:0;
	z-index:99;
	width:100%;
	height:100%;
	background-color:rgba(0, 128, 0, 0.44);
	display:none;
}
.modal_block{
	width:500px;
	height:220px;
	position:fixed;
	z-index:100;
	left:50%;
	top:50%;
	margin-left:-265px;
	margin-top:-220px;
	text-align:center;
	border-radius:6px;
	padding-bottom:5px;
}
.close_mod{
	position:absolute;
	right:-10px;
	top:-10px;
	z-index:200;
	width:20px;
	height:20px;
	overflow:hidden;
}
.close_mod p{
	font-size:20px;
	margin:-7px 0 2px 0;
}
.sch_block{
	height:320px;
	margin: 10px 15px 0 15px;
	text-align:center;
	background:inherit !important;
	display:inline-block;
}
.backblock{
	display:none;
	position: absolute; 
	z-index:11;
	left:0;
	top:0;
}
.backblock div{
	color:#D1FFD6;
	font-style:italic;
	display:inline-block;
	height: 22px;
	vertical-align: bottom;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select: none;
}
#f_gr_type{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width:50px;
border-radius:10px; 
background-color: #D1FFD6;
box-shadow: 0px 1px 2px #7DD17D inset;
padding-right: 10px;
padding-left: 5px;
outline:none;
}
#f_gr_type:focus{
background-color: yellow;
border: 1px solid #FF8000;
box-shadow: 0px 1px 2px #FF8000 inset;
}
#f_gr_type option{
background-color: #D1FFD6;
color:green;
outline:none;
}
/* #f_gr_type option:hover{
cursor:pointer;
color:red;
background-color:yellow;
} */
#f_gr_type option:hover{
cursor:pointer;
color:red;
background:yellow;
outline:none;
}