html, BODY {FONT-FAMILY: 'Roboto', serif; FONT-SIZE: 15px; margin: 0px; background-color:#f1eeea; padding: 0px; min-height:100%;}
form {display: inline}
a, a:link, a:visited, a:active, a:hover {COLOR: #000000;  TEXT-DECORATION: none}

div.enter_form{position:absolute;left:50%;top:40%;height:332px;width:402px;background-image:url("../images/box-enter.png");background-repeat:no-repeat;text-align:center;margin-left:-201px;margin-top:-166px;padding-top: 130px;}


#MenuShort{position: absolute;background-color: #f9e7bc;z-index: 100;width: 50px;font-size: 0.6em;text-align: center;top: 46px;min-height: 80%;color: #36633b;padding-top:20px;}

._menu_cases{background-image: url("../images/cases.png");}

._menu_cases{background-image: url("../images/cases.png");}
._menu_task{background-image: url("../images/calendar2.png");}
._menu_client{background-image: url("../images/client.png");}

.SMbutton {height: 61px;width: 48px;background-repeat: no-repeat;position: relative;margin-top:5px;cursor:pointer}
.SMbutton_t{vertical-align: bottom; position: absolute;bottom: 0;width: 48px;}

#main-header{height: 45px;border-bottom: 1px solid #fb9236;padding-left: 50px;min-width: 500px; position:relative}
.main_body {padding: 0 0 0 55px; margin: 0; border:none;}
#main-footer{
    height: 50px;
    position: fixed;
    bottom: 0px;
    background-color: #F1EEEA;
    width: 100%;
    border-top: 1px solid #fb9236;
}

.form_search {
    background: #FFFFFF;
    border: 1px solid #f9e7bc;
    margin: 8px;
    padding: 5px 5px 5px 5px;
    width: 200px;
    color: #36633b;
    font-weight: bold;
    height: 16px;
}

#subbuttons_add {
    position: absolute;
    width: 157px;
    min-height: 80px;
    left: 279px;
    z-index: 21;
    top: 3px;
    padding: 3px;
    border-radius: 3px;
    background-color: rgb(255, 209, 156);
    /* border: 1px solid rgba(175, 172, 168, 0.45); */
    display: none;
}
.subbutons_add {
	border-radius: 3px;
    background-color: rgb(249, 245, 236);
    border: 1px solid rgba(175, 172, 168, 0.45);
    padding: 6px 15px 6px 12px;
    cursor: pointer;
    font-size: 1.1em;
    color: #777;
    margin: 5px;
}


.button_gr{
    display: inline-block;
	cursor:pointer;
    white-space: nowrap;
    background-color: #FDFAF6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F1E6), to(#FDFAF6));
    background-image: -webkit-linear-gradient(top, #F7F1E6, #FDFAF6);
    background-image: -moz-linear-gradient(top, #F7F1E6, #FDFAF6);
    background-image: -ms-linear-gradient(top, #F7F1E6, #FDFAF6);
    background-image: -o-linear-gradient(top, #F7F1E6, #FDFAF6);
    background-image: linear-gradient(top, #F7F1E6, #FDFAF6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F1E6, EndColorStr='#FDFAF6);
    border: 1px solid #C7C3C3;
    padding: 0px 1.5em;
    margin: 0.1em;
    font: bold 0.9em/2em Arial, Helvetica;
    color: #fb9236 !important;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: 0.4em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
.button_gr:hover, .button_gr:active, .button_gr:focus{background: #FDFAF6;}
.button_gr:before {
    background: #685eaa;
    /* background: rgba(0,0,0,.1); */
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: -1px 1em 0 -1em;
    padding: 0.3em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .7em 0 0 .7em;
    -webkit-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
}
 

/********************* MODAL ADD NEW FORM ********************/


.add_new_header {
	font-size: 20px;
	text-align: center;
	color: #8B4513;
	margin: 10px;
}
.add_new_inputs {margin: 5px 0;text-align: center;}

select.list_cl {
	padding: 5px;
    margin: 0;
    background: #ffffff;
    color: #158cf3;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
	max-width: 400px;
	min-width: 200px;
    cursor: pointer;
    border-bottom: 2px solid #dcdcd6;
    font-size: 17px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {select.list_cl {padding-right:18px}}

label.new_select {position:relative}
label.new_select:after {
    content: '>';
    font: 20px "Consolas", monospace;
    color: #dcdcd6;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 10px;
    top: -1px;
    padding: 0 0 1px;
    border: 0px;
    position: absolute;
    pointer-events: none;
}

input.add_new {
	background: #f9e7bc;
	border: none;
	outline: none;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding: 10px 0 3px 3px;
	width: 100%;
	font-size: 17px;
	color: #8b4513;
	white-space: nowrap;
}

textarea.add_new  {
    background: #f9e7bc;
    border: none;
    outline: none;
    border: 1px dashed #D4F5A8;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    width: 100%;
    font-size: 17px;
    color: #8b4513;
}

/*.add_new::-webkit-input-placeholder {
	color: #DCDCDC;
	FONT-FAMILY: helvetica, arial, sans-serif;
}
.add_new::-moz-placeholder          {color:#D4F5A8;FONT-FAMILY:  helvetica, arial, sans-serif;}
.add_new:-moz-placeholder           {color:#D4F5A8;FONT-FAMILY:  helvetica, arial, sans-serif;}
.add_new:-ms-input-placeholder      {color:#D4F5A8;FONT-FAMILY:  helvetica, arial, sans-serif;}
*/
input.add_new_submit {
    background: #fb9236;
    border: none;
    outline: none;
    border-radius: 19px;
    padding: 10px 7px;
    width: 200px;
    font-size: 17px;
    color: #fff;
    white-space: nowrap;
	cursor: pointer;
}

/********************* MODAL ADD NEW FORM ********************/

/********************* CLIENT MAIN ***************************/
div.company_block {display: inline-block;height: 140px;width: 300px;background-color: #FBF7F0;margin: 5px;padding: 0px;position: relative;}
	.company_block:not(.company_block_n):hover:before{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 93%;top: 80%;max-width:300px;background: #777;box-shadow: 0 15px 10px #777;transform: rotate(-3deg);}
	.company_name {padding: 10px 5px 3px 5px;background-color: #969595;color: #dcdcdc;height: 40px;font-size: 1.2em;overflow: hidden;}
	.company_info {padding: 5px;height: 49px;font-size: 1.1em;overflow: hidden;}
	.company_footer {padding: 5px;height: 18px;background-color:#dcdcdc;color: #777;overflow: hidden;}

	.company_block:not(.company_block_n):hover .company_name{background-color: #fb9236; color: #E2FFBD}
	.company_block:not(.company_block_n):hover .company_footer{background-color: rgba(140, 198, 63, 0.29); color: #383434;}

div.company_block_ {display: block;height: 40px;min-width: 900px;margin: 5px 10px 15px 10px;}
	.company_block_:not(.company_block_n):hover:before {z-index: -1;position: absolute;content: "";bottom: 20px;left: 10px;width: 886px;top: 26%;max-width: 850px;background: #777;box-shadow: 2px 18px 10px #777;transform: rotate(-1deg);}
	.company_name_ {display: inline-block;padding: 5px;height: 30px;width: 400px;font-size: 0.9em;}
	.company_info_ {display: inline-block;padding: 5px;height: 30px;font-size: 1em;width: 250px;}
	.company_footer_ {display: inline-block;height: 30px;width: 212px;}


.manage_button{border-radius: 2px;background-color: rgb(249, 245, 236);padding: 5px;border: 1px solid rgba(175, 172, 168, 0.45);cursor: pointer;}
.client_main_button_view{position: absolute;top: 4px;left: 500px;} 
.edit_block{display:inline-block;margin:1px;border: 1px solid #759679;}


	.company_block.hidden_saff:before, .company_block_.hidden_saff:before  {display: none;}
	.company_block.hidden_saff, .company_block_.hidden_saff {
		-moz-box-shadow: 9px 11px 6px -7px rgba(0,0,0,.1), 0px 4px 6px -1px rgba(130, 128, 128, 0.5);
		-webkit-box-shadow: 9px 11px 6px -7px rgba(0,0,0,.1), 0px 4px 6px -1px rgba(130, 128, 128, 0.5);
		box-shadow: 9px 11px 6px -7px rgba(0,0,0,.1), 0px 4px 6px -1px rgba(130, 128, 128, 0.5);
	}

.cust_response {position:relative}
ul.search_result {    
	position: absolute;
    list-style: none;
    background-color: white;
    min-width: 250px;
    margin-top: 0px;
    top: 34px;
    padding: 0px;}
ul.search_result li {padding: 3px;cursor: pointer;}
ul.search_result li:hover {background-color: #777;color: #fff;}

table.cases_show {min-height: 500px;}
table.cases_show td{min-height: 400px;width: 250px;vertical-align: top;}
	.nav_cases_panel_1 {background-color:#f9e7bc; width:250px;}
	.nav_cases_panel_2 {background-color: rgb(251, 247, 240);width:250px;}
	.nav_cases_panel_3 {background-color: rgb(251, 247, 240);width:630px !important;}

.cases_personal_head{
    padding: 5px;text-align: center;font-size: 1.1em; border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.cases_personal_cont, .cases_info_main, .cases_info_activity{
	padding: 5px;
	text-align: center;
	min-height: 400px;
}
.cases_personal_cont{
	width:240px;
}
.cases_info_activity{
	width:680px;
}

.cases_personal_client {padding: 5px;color: rgba(0, 0, 0, 0.6);border-radius: 2px;background-color: #F9F5EC;cursor: pointer;border: 1px solid rgba(0, 0, 0, 0.01);font-size: 1.2em;}
.cases_personal_client:hover {border: 1px solid rgba(115, 165, 51, 0.47);color: rgba(0, 0, 0, 0.8)}
.cases_manage_buttons{margin:3px;padding-left:25px}
.cases_status_head {margin: 10px 0 5px 0;font-size: 0.8em;}
.cases_status, .cases_status_new {border: 2px solid #ACACAC;padding: 5px;border-radius: 3px;position: relative;cursor:pointer;}
.cases_status_new{margin:3px 0;border: 1px solid #ccc;}
.cases_status_form, .cases_personal_form{padding: 5px;
    border-radius: 0 0 3px 3px;
    position: absolute;
    margin-top: -1px;
    z-index: 100;
    background-color: #ACACAC;
    width: 230px;
    display: none;
    -moz-box-shadow: 3px 12px 11px -5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow:3px 12px 11px -5px rgba(0, 0, 0, 0.17);
    box-shadow: 3px 12px 11px -5px rgba(0, 0, 0, 0.17);
}
.cases_admin{text-align: center;font-size: 0.8em;padding: 5px;color: #36633b;}
.cases_personal_form{background-color: #FBF7F0;}
.cases_personal_new {background-color: rgba(172, 172, 172, 0.56);border-radius: 3px;margin: 3px 0;padding: 5px;cursor:pointer;overflow: hidden;text-overflow: ellipsis;}
.cases_personal_new:hover {background-color: rgba(172, 172, 172, 0.8);}

.activity_records, .act_info1, .act_info{text-align: left;}
.act_info{font-size: 0.8em;color:#888; margin-top:10px}

.cases_personal_date {padding: 5px;font-size:1.1em}
.cases_personal_pers {background-color: #FBF7F0;padding: 5px;border-radius: 3px;font-size:1.1em;margin-top: 10px;}

.caseshead_1 {background-color: #DCDCDC;}
.caseshead_2 {background-color: #F5F18A;}
.caseshead_3 {background-color: #90EE90;}
.caseshead_4 {	background-color: #EBCCBE;}
.caseshead_5 {background-color: #A6D168;}

.cases_box{
	margin: 5px;
	-moz-box-shadow: 9px 4px 11px -5px rgba(0,0,0,.2);
	-webkit-box-shadow: 9px 4px 11px -5px rgba(0,0,0,.2);
	 box-shadow: 9px 4px 11px -5px rgba(0,0,0,.2);
	 cursor :default;
	 overflow: hidden;
	 word-wrap: normal; /* для IE */ 
	 text-overflow: clip;
}

.cases_box_title{padding: 5px;width:}
.cases_box_cl{padding: 5px; background-color: #FFF;min-height: 40px;overflow: hidden;text-overflow: ellipsis;width:}
	.cases_box_cont, .cases_box_text{padding: 3px 0px}
	.cases_box_text{font-size: 0.7em;color:#888;}
.cases_box_pers{padding: 5px;background-color: #D5ECB6; font-size: 0.7em;color:#888;}
.show_cases_open{cursor:pointer;position:relative;}


.cases_closes_ok, .cases_closes_cansel {
	width: 143px;
    padding: 3px;
    margin-left: 164px;
    margin-top: 9px;
    position: absolute;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background-color: #f9e7bc;
    color: #FBF7F0;
    z-index: 100;
    -moz-box-shadow: -4px 1px 3px rgba(0,0,0,.2), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: -4px 1px 3px rgba(0,0,0,.2), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: -4px 1px 3px rgba(0,0,0,.2), 2px 0 0 rgba(255,255,255,.5);

}


.cases_closes_cansel {
    color: #333;
	background-color: #DFE6E0;
}


.cases_placeholder {
    -moz-box-shadow: 9px 4px 11px -5px rgba(0,0,0,.1);
    -webkit-box-shadow: 9px 4px 11px -5px rgba(0,0,0,.1);
    box-shadow: 9px 4px 11px -5px rgba(0,0,0,.1);
    background-color: rgba(255, 255, 255, 0.5);
    height: 88px;
    margin: 5px;
}

.cases_placeholder_closer {width: 230px;height: 99px;margin: 5px;display: inline-block;}
.successful_cases {background: url('../images/big_ok.png') no-repeat center, rgba(255, 255, 255, 0.79);}
.unsuccessful_cases {background: url('../images/cancel.png') no-repeat center, rgba(255, 255, 255, 0.79);}

.cases_closer_text{
	-ms-writing-mode: tb-rl;
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
        display: inline-block;
    vertical-align: bottom;
    margin-bottom: -2px;
    font-weight: 600;
    font-size: 1.0em;
    color: #FBF7F0;
    letter-spacing: 0.1em;
    width: 18px;
    padding: 3px;}

#cases_closer{
	position:fixed; background-color:rgba(177, 177, 177, 0.82); width: 550px; height: 120px; bottom:0;right:0;z-index: 190;
}



/********************* CLIENT MAIN ***************************/

table.customer_show {min-height: 500px;}
table.customer_show td{	min-height:400px; width:300px;vertical-align: top;}
	.nav_customer_panel_1 {background-color:#f9e7bc; width:400px;}
	.nav_customer_panel_2 {background-color: rgb(251, 247, 240);}

/*
	.client_open_back {
		position: absolute;
		top: 4px;
		left: 500px;
		border-radius: 3px;
		background-color: rgb(249, 245, 236);
		border: 1px solid rgba(175, 172, 168, 0.45);
		padding: 6px 15px 6px 12px;
		cursor: pointer;
	} 
	.client_open_back:before {
		content: '<';
		font: 20px "Consolas", monospace;
		color: #696969;;
		margin-right: 4px;
	}
*/
.client_name_cont, .client_category_cont, .client_info_cont, .client_region_cont, .client_adress_cont, .client_corp_cont, .client_admin {padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.16);}
.client_name_cont{font-size: 1.1em;background-color: rgba(0, 0, 0, 0.16);}
.client_admin {}
.not_save{color:#fff}
.not_save:before{content: "\26A0";margin-right: 4px;font: 20px "Consolas", monospace;}
.client_name_cont:before, .client_category_cont:before, .client_info_cont:before, .client_region_cont:before, .client_adress_cont:before, .client_corp_cont:before {margin-right: 8px;}

.contact_list {text-align: left;padding: 10px 20px 5px 5px;overflow: hidden;border-radius: 0 0 5px 5px;border: 2px solid #FBF7F0;margin-top: -5px;}
.contact_list_item {overflow: hidden; text-overflow: ellipsis;margin-top: 5px;}
.contact_list_item:before {margin-right: 4px;vertical-align: -2px;}


.client_personal_head{
    padding: 5px;
    text-align: center;
    font-size: 1.1em;
    background-color: rgba(140, 198, 63, 0.76);
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.client_personal_cont{
	padding: 5px;
    text-align: center;
}

.client_add_pers, .client_add_act, .client_add_cases {
	border: 1px solid #ccc;
    border-radius: .5em;
    padding: 5px;
    width: 50%;
    display: inline-block;
    cursor: pointer;
    background-color: #DFE6E0;
    text-align: center;
    margin-bottom: 10px;
}

.pers_extend{
	border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fafafa;
	margin-top: 10px;
}
	.pers_data{
		padding-top: 5px;
		font-size: 0.9em;
		color: #3345A5;
	}
	.pers_info {    
		float: left;
		margin-bottom: 15px;
		padding-right: 4px;
	}
	
.p_name{
    font-size: 1.1em;
    padding-top: 12px;
    color: #36633b;
}

.category_properties {
	cursor:pointer;
}

/*     TECH */
.hidden {display: none}
.text_70_pers {font-size: 0.7em;}
.text_80_pers {font-size: 0.8em;}
.text_90_pers {font-size: 0.9em;}
.icon_fullname:before{content: url("../images/fullname.png");}
.icon_category:before{content: url("../images/category.png");}
.icon_pers_info:before{content: url("../images/pers_info.png");}
.icon_region:before{content: url("../images/region.png");}
.icon_adress:before{content: url("../images/adress.png");}
.icon_phone:before{content: url("../images/phone.png");}
.icon_email:before{content: url("../images/email.png");}
.icon_plus:before{content: url("../images/plus.png");}

.intext			{	/* кнопка в тексте */
	display: inline;
	margin:0; 
	border:0; 
	padding:5px 9px 5px 9px; 
	background-color:#8b4513;
	border-radius: 8px;
	/*line-height: 200%;*/
	COLOR: #fff;
	cursor: pointer;
}
.intext:link, .intext:visited, .intext:active 	{COLOR: #fff;}
.intext:hover 	{COLOR: #fff; background-color:#fb9236;}

.intext-red, .intext-red:link, .intext-red:visited, .intext-red:active, .intext-red:hover	{	/* кнопка в тексте */
	display: inline;
	margin:0; 
	border:0; 
	padding:5px 9px 5px 9px; 
	background-color:#ff0000;
	border-radius: 8px;
	COLOR: #fff;
	cursor: pointer;
}

.search-answer1 {display: block;width:800px;padding: 5px 5px 20px 5px;}
.search-box2{padding-top: 15px;}
.search_line{margin:5px}


.search-FullName, .search-adminName, .search-PersName, .search-contact{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    padding: 3px;
    border-bottom: 1px dotted #f9e7bc;
    margin: 1px;}
.search-FullName{  width: 200px;}
.search-adminName{ width: 240px;}
.search-PersName{  max-width: 200px}
.search-contact{   max-width: 200px}


input.enter_form_button {
	border-radius: 3px;
    background-color: rgb(249, 245, 236);
    border: 1px solid rgba(175, 172, 168, 0.45);
    padding: 6px 15px 6px 12px;
    cursor: pointer;
    font-size: 1.2em;
    color: #777;
    margin: 10px 40px;
}

input.enter_form_input {
	border-radius: 3px;
    background-color: #fff;
    border: 1px solid rgba(175, 172, 168, 0.45);
    padding: 6px 15px 6px 12px;
    font-size: 1.2em;
    color: #777;
    margin: 10px 40px;
} 

.separator, .separator_cl{height: 20px;font-size: 0.9em;letter-spacing: 3px;color: white;padding-top: 3px;text-align: center;}
.separator{background-color: #DCDCDC;margin: 12px -6px;cursor:pointer}
.separator_cl{background-color: #DCDCDC;margin: 5px 0;}

.link, .link_c, .accord{cursor:pointer;}
.portlet-placeholder {border: 1px dotted black;margin: 0 1em 1em 0;height: 50px;}

.options_table{border-collapse: collapse;}
.options_table th{padding: 5px;border: 1px solid #DCDCDC;background-color: #DCDCDC;font-size: 0.8em;}
.options_table td {padding: 5px;border: 1px solid #DCDCDC;}
.personal_list{text-align: left;padding: 10px;background-color: #fff !important;}
.personal_list_pos{border-bottom: 1px dotted #ccc;padding-top: 10px;cursor:pointer;position: relative;}
.personal_list_pos:hover, .personal_list_pos:active, .personal_list_pos:focus{border-bottom: 1px dotted #f9e7bc;padding-top: 10px;color: #f9e7bc;}


.ui-datepicker-prev, .ui-datepicker-next{    font: 20px "Consolas", monospace;color: #696969;cursor: pointer;font-weight: 800;padding: 2px;margin: 0 4px;}
.ui-datepicker{background-color: #C6E39F;padding: 0px;border-radius: 5px;-moz-box-shadow: 6px 10px 36px -4px #3A5617;-webkit-box-shadow:6px 10px 36px -4px #3A5617;box-shadow: 6px 10px 36px -4px #3A5617;}
.ui-datepicker-prev{float: left;}
.ui-datepicker-next{float: right;}
.ui-datepicker-title{padding: 5px;background-color: #B4CC94;border-bottom: #E9FFCB 1px solid;border-radius: 5px 5px 0px 0px;}
.ui-datepicker-current-day {}

.ui-datepicker-header{text-align:center;}

table.ui-datepicker-calendar{padding: 5px;margin-top: 5px;}
table.ui-datepicker-calendar th{font-weight: normal;font-size: 0.7em;}
table.ui-datepicker-calendar td{padding:5px;  font: 1.1em "Consolas", monospace; border-radius:2px}
table.ui-datepicker-calendar td:not(.ui-datepicker-unselectable):hover{color: white !important;background-color: #f9e7bc;}
td.ui-datepicker-current-day{background-color: #f9e7bc !important;color: #36633B;}
.ui-datepicker-week-end:not(.ui-datepicker-unselectable){background-color: #E9FFCB;}
.ui-datepicker-week-end a:{color:#fff}
.ui-datepicker-week-end:hover a{color:#fff}




/*/////TASK////////TASK//////////TASK/////////TASK////////TASK//////TASK///////*/

.tasker_cont {    background-color: #FFFFFF;margin: 10px 5px;width: 220px;padding: 5px;border-radius: 10px;overflow: hidden;text-overflow: ellipsis;}
.tasker_date, .tasker_action {}
.tasker_pers{font-size: 0.9em;margin-top: 5px;}
.tasker_more{margin: 10px 5px;}
.tasker_client {font-size: 0.8em;margin-top: 5px;}
.cases_late_class{color:#ff0000}
.taskhead_1{background-color: #FFB682;}
.taskhead_2{background-color: #FFE0B2;}
.taskhead_3{background-color: #F5F18A;}

.task_close, .task2cases {
	border-radius: 3px;
    background-color: rgb(249, 245, 236);
    border: 1px solid rgba(175, 172, 168, 0.45);
    padding: 3px 6px;
    cursor: pointer;
    font-size: 1.1em;
    color: #777;
    margin: 5px;}

	.task_close:before{content: "\00d7";font: 30px "Consolas", monospace;color: #A5A5A5;vertical-align: -1px;}
	.task2cases:after{content: "\279C";margin-left: 4px;padding-left: 4px;border-left: 1px solid #DADADA;font: 18px "Consolas", monospace;color: #A5A5A5;}


.dropzone_pr{background-color: #f7caa3 !important;position: relative;}


 .dropzone {
    background: #fb9236;
    color: #fff;
    padding: 10px;
    text-align: center;
	border-radius: 5px;
  }
 .dropzone p {cursor: pointer;
    font-size: 1.2em;
    border-radius: 4px;
    border: 1px dashed #fff;
    padding: 20px;}

.dropzone.dragover {
    background: #00CC71;
	padding: 20px;
  }

  ul.file_line {
    padding: 0px;
    font-size: 0.9em;
	display:table-row;
}

ul.file_line>li {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:table-cell;max-width:200px;font-size:0.9em;padding: 5px; vertical-align:middle;text-align: left; }
ul.file_line>li.file_name {font-weight: bold;color: #61606b;width:120px;}

#upload_result {position: absolute;margin-top: 30px;margin-left: -32px;left: 50%;}



.form_files_save_q, .form_files_save, .form_files_del {width:38px;height:38px;margin:5px;display:inline-block}

.form_files_save, .form_files_del{cursor:pointer}

.form_files_save, .form_files_save_q{background-image:url("../images/file-ok-d.png");}
.form_files_save:hover{background-image:url("../images/file-ok.png");}
.form_files_del{background-image:url("../images/file-no-d.png");}
.form_files_del:hover{background-image:url("../images/file-no.png");}

.file_list_block1, .file_list_block2 {padding: 5px;border-radius: 5px;}
.file_list_block1 {background-color: #89f9973d;}
.file_list_block2 {background-color: #f989893d;}



.output {
    background-color: #fbb477;
    border-radius: 0px 0px 10px 10px;
    margin-top: -5px;
}



.form_case_close, .form_local_close {position:absolute; right:7px; cursor:pointer; width:22px; height:20px; text-align: center; color:#c1b8ff; margin-top:-40px; border-radius:0px 1px 0px 5px;}

.form_case_close:before, .form_local_close:before {
	content: "+";
	font: 38px "Consolas", monospace;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
	color: #c1b8ff;
}

.form_new_case_form, .form_new_case_form_close {
    margin: 3px;
    padding: 10px;
    vertical-align: top;
    background-color: #685eaa;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    max-width: 950px;
    min-width: 500px;
    display: inline-block;
}

.form_new_case_form_close {background-color: #9593a2; border-radius: 8px 8px 0px 0px;cursor:pointer}

.form_new_case_form2 {text-align: left;margin-bottom:10px;padding-bottom: 10px;border-bottom:dashed 1px #ccc;vertical-align: top;}
.form_new_case_form3 {width:250px}

.form_new_case {
	background: #bab1f1;
    border: none;
    outline: none;
    border-bottom: 2px solid #dcdcd6;
    margin-bottom: 10px;
    padding: 10px 0 3px 3px;
    width: 100%;
    max-width: 500px;
    font-size: 17px;
    color: #666;border-radius: 3px;}

.form_new_case::-webkit-input-placeholder {color: #fff;}
.form_new_case::-moz-placeholder          {color:#fff;}
.form_new_case:-moz-placeholder           {color:#fff;}
.form_new_case:-ms-input-placeholder      {color:#fff;}

.form_case_head, .form_case_head_hidden {font-size: 1.4em;font-weight: 600; margin-bottom: 10px;color: #c1b8ff;}

.form_new_case_head {font-size: 1.5em;color: #685eaa;margin: 10px 0px;}

.added_local_case {vertical-align: top;width: 100%;max-width: 970px;min-width: 520px;display: inline-block;    text-align: left;}
.added_local_case_, .added_local_case_open {
    padding: 5px;
    background-color: #c3c0d2;
    margin: 3px 3px 3px 0px;
    font-size: 1.1em;
    border-radius: 5px 5px 0px 0px;
    min-width: 220px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.added_local_case_head {font-size: 1.2em;color: #777;}

.case_add_container {vertical-align:top;text-align: center;}

.case_new_inputs select {border: none;border-radius: 3px;font-size: 0.9em;color: #685eaa;}
.image_type {border: none;border-radius: 3px;font-size: 0.9em;color: #685eaa; font-weight: 600;}

.case_symptoms{display: inline-block;padding: 10px;font-size: 0.9em;}



.case_selected {
    background-color: #685eaa !important;
    color: #fff !important;
}
.case_selected a { color: #fff !important;}


.case_open_block {
	padding: 5px; 
    background-color: #c3c0d2;
    margin: 3px;
    padding: 10px;
    vertical-align: top;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    max-width: 950px;
    min-width: 500px;
    display: inline-block;

}

.form_new_case2 {
	background: #fff;
	border: none;
	outline: none;
	border-bottom: 2px solid #dcdcd6;
	margin-bottom: 10px;
	padding: 5px 2px 2px 5px;
	border-radius: 3px;
	width: 50px;
	font-size: 17px;
	color: #666;
	white-space: nowrap;}
.case_new_inputs {margin: 10px 0;font-size:1.2em; color: #efecff; padding-top: 5px;position: relative;}


input.case_new_submit, input.case_new_submit_gr  {border: none;outline: none;border-radius: 19px;padding: 10px 30px;font-size: 17px;color: #fff;white-space: nowrap;cursor: pointer;}

input.case_new_submit{background-color: #fb9236;}
input.case_new_submit:hover, input.case_new_submit:active {background-color: #c1681a}

input.case_new_submit_gr {background-color: #aeb0b1;}
input.case_new_submit_gr:hover, input.case_new_submit_gr:active {background-color: #8f9090}

input.case_new_submit_dis  {border: none;outline: none;border-radius: 19px;padding: 7px 20px;font-size: 15px;color: #fff;white-space: nowrap;cursor: pointer;background-color: #ccc;}

#location {
    width: 300px;
    display: inline-block;
    text-align: left;
    margin-left: 20px;
    vertical-align: top;
    padding-bottom: 10px;
	background-color: #bab1f1;
	border-radius: 5px;
	color: #3f367b;
}


.location_head {
    color: #c1b8ff;
    letter-spacing: 0.2em;
    font-size: 0.9em;
    background-color: #3f367b;
    padding: 5px;
}

.location_punkt{
	padding: 5px;
	cursor:pointer;
}
.location_punkt_select{
	background-color:#e56a26;
	color:#fff;
}


.case_checkbox{
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
}
:focus {outline: 0;}


.upload_cancel {position: relative;cursor:pointer}



.upload_cancel:before {
    content: "+";
    font: 30px "Consolas", monospace;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    color: #ff000a;
    top: -11px;
}

.add_loc_button {
    border: none;
    border-radius: 5px 5px 0px 0px;
    font-size: 1.2em;
    color: #fff;
    background-color: #fb9236;
    margin: 2px 13px 0px 0px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}
.add_loc_button:hover {background-color: #c1681a;}