/*colors
EFF7FF     ---simpl
B5D3FF     ---hover
426DDE    ---sel
*/
.inviz_class{display:none !important}
.cent{text-align:center !important}
.forWaiting{display:none;position:fixed;top:1px;left:1px;border-radius:6px;background:#DDD;font-weight:700;color:blue;padding:2px;z-index:10000}

textarea:disabled,input:disabled {background-color:  #ebebe4}
button{border-radius: 4px;border: 1px solid #B2B2B2;}
button:hover{
	border-color: #4787B1;
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
	background: #ffe;
}
button:focus{outline: none;}
.like_a{
	color:#0000ee/*0D44A0*/;
	cursor:pointer;
	font-weight:700;
	text-decoration:underline;
	/*-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;*/
}
.like_a:hover{color:#C12121}

/*mainTable*/
.mainTable tbody:focus{outline: none;}
.mainTable td,.mainTable th{border-right:1px solid #bbb;border-left:1px solid #bbb;table-layout:fixed}
.mainTable td{border-bottom:1px solid #F5F5F5}
.mainTable th{background:#ddd;padding:0;vertical-align:bottom;background-clip:padding-box}
.mainTable td>div{white-space: nowrap;overflow:hidden;margin:0 2px}
.mainTable th>div:not(.ui-resizable-handle){overflow: hidden;width:100%;display:inline-block;}
.mt_mtheader{border:1px solid gray}
.mt_mtheader th span{color:#0D44A0;text-decoration:none;cursor:pointer}
.mt_mtheader th span:hover{color:red}
.mainTable table{border-collapse: collapse;border-spacing:0;table-layout:fixed;}
.phonescreen .mainTable{width:100% !important;padding:0 !important;border-left:0px !important;border-right:0px !important}
.mainTable {padding:2px;border-color:gray;border:1px solid gray;border-radius:6px}
.mt_mtbody{/*border-bottom:1px solid gray*/}
.mainTable tbody{border-bottom:1px solid gray}
.mainTable .ltr{text-align:right}

td.col_order{background: rgba(222, 245, 255, 0.51);color:black;}
th.col_order {background: rgba(222, 245, 255, 0.51)!important}
th.col_order span{color:red!important}

/*menu*/
body{font: normal 10pt sans-serif;}
#archbase_string{
	background-image: url(../images/archiv_string.png);
    background-repeat: repeat-x;
	height:25px;
	position: fixed;
    width: 100%;
    z-index: 10000;
    bottom: 0;
	left:0;
}
.menu_main {
	color: #0D44A0;	
	padding:0;margin: 0 5px 2px 20px;
	border-top: 3px solid rgba(11, 77, 157, 0.102);
	display:inline-block;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.phonescreen{
	margin: 5px 0;
	padding: 0px;
	width:100%;
	border-top: none;
}
.menu_mainbutton{
	display:none;
}
.phonescreen .menu_mainbutton{
	display:block;
	text-align:center;
	font-size: 1.23em;
	color:blue;
	font-weight:700;
	background:#F0F8FF;
	padding:10px
}
.phonescreen{
	margin: 5px 0;
	padding: 0px;
	width:100%;
	border-top: none;
}
.menu_main A{
	text-decoration: none
}
.menu_main LI {
	cursor:pointer;
	list-style-type: none;
	display:inline-block; 
	line-height: 25px;
	vertical-align:top;
	margin:-3px 2px 0;
	padding:1px;
	border-top: 3px solid transparent;
	font-size: 1.23em;
	text-align:center;
}

.phonescreen LI{
	margin: 5px 0 -3px;
	padding:10px 0;
	width: 100%;
	border-top:none;
	background-color:#CDCDCD;
	border-radius:4px;
}
.phonescreen .mt_btn LI{
	padding:0px;border-radius:0px;
}
.menu_main:not(.vert):not(.phonescreen):not(.blocked) LI:not(.current):not(.menu_passive):hover {
	border-top:3px solid #FF0000;
	color: #FF0000;
	margin-top: -3px;
}
.menu_main.phonescreen:not(.blocked) LI:not(.current):not(.menu_passive):not(.a_type):hover {
	color: #FFF;
	background-color:#484848;
}
.menu_main .current {
	border-top: 3px solid #0D44A0;
	font-size: 1.38em;
	cursor:default;
}
.phonescreen .current {
	border-top: none;
	font-size: 1.38em;
	cursor:default;
	background-color:#7A7A7A;
	color:#FFF;
}
.menu_main .menu_passive{
	color:grey;
	cursor:default;
}
.menu_main.blocked li:not(.current){
	color:grey;
	cursor:default;
}
.phonescreen .div_menu_sub{
	width:100% !important;
	overflow: auto;
}
.div_menu_sub > div{display:none}
.div_menu_sub:not(.vert) .mm_cur{display:block}
.div_menu_sub:not(.vert) .mm_cur > div{display:block}

.menu_main.vert:not(.phonescreen){
	width:150px;
	margin:0 5px 10px 0px;
	display: inline-block;
	border:none;
	border-left: 3px solid rgba(11, 77, 157, 0.102);
	overflow:hidden;
}
.menu_main.vert:not(.phonescreen) li{
	text-align: left;
	display: block;
	border-top: none;
	margin:0;
	padding:2px 30px;
	text-indent: -20px;
	line-height: 17px;
}
.div_menu_sub.vert:not(.phonescreen){
	display:inline-block;
	overflow: auto;
	vertical-align:top;
}
.menu_main.vert:not(.phonescreen) .current {
	border-left: 3px solid #0D44A0;
	border-top: none;
	background-color:rgba(11, 77, 157, 0.102);
	font-size: 1.23em;
	cursor:default;
	margin-left:-3px;
}
.menu_main.vert:not(.phonescreen):not(.blocked) LI:not(.current):not(.menu_passive):hover {
	border:none;
	border-left:3px solid #FF0000;
	color: #FF0000;
	margin-left: -3px;
}
.div_menu_sub.vert .mm_cur{display:inline-block}
.div_menu_sub.vert .mm_cur > div{display:inline-block}
/*end of menu*/
.myAccount{position:absolute;top:5px;right:10px;padding:0px 5px;border-radius:6px;background:#DDD;font-weight:700;color:blue;cursor:pointer;line-height:20px;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;}
.myAccount .notification{background: url(../images/little_pics.png);background-position: -340px 0;margin-right:5px;width:20px; height:20px; display:inline-block;vertical-align:top}
.myAccount .notification.notify{background-position: -320px 0;}
.myAccount .notifytab{position:absolute;background:#ffeaea;border-radius:6px;padding:4px 4px 4px 10px;z-index:10;white-space:nowrap;right:0px;top:23px;}
.myAccount .notifytab span{margin-left:-6px}
.phonescreen .notifytab{display:none}
.phonescreen .myAccount{padding:1px 3px;font-size:smaller;}
.phonescreen .inmyAccount{display:none}
#div_for_phonescreen div{width:27px;height:27px;margin:20px; background: url(../images/all_pics.png)}
#div_for_phonescreen{display:none;position:fixed;right:0px;bottom:30px;z-index:1001;opacity: .8}
.phonescreen #div_for_phonescreen{display:block;}
.phonescreen .hide_phonescreen{display:none}
.phonescreen .readyopen .touchOpenBid{display:block}
.phonescreen .touchOpenBid{display:none}


.msg_content{
	position: fixed;display: block;z-index: 1001;left: 8px;bottom: 5px;width:300px;
}
.msg_content .msg_picture{
	width:35px;height:35px;display:inline-block;background: url(../images/msg_pics.png);float:left;margin-right: 5px;
}
.msg_content .msg_close{
	width:20px;height:20px;display:inline-block;float:right;margin:0; background: url(../images/little_pics.png);background-position: -220px;
}
.msg_content .i_info{}
.msg_content .i_msg{background-position: -35px}
.msg_content .i_warn{background-position: -70px}
.msg_content .i_hand{background-position: -105px}

.myAlert{
	color:white;cursor: pointer;z-index: 1002;
	word-wrap:break-word;
	background-color:black;	opacity: 0.75;
    padding: 7px 10px 10px;	margin: 7px 10px 10px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
}
.right_column{text-align:right !important}
.myAlert:hover {background: #999CA2;opacity: 1.00;color:black;}
.myAlert img{vertical-align: middle; float:left;margin-right:5px}
.pic_spr{display:inline-block;overflow:hidden;cursor:pointer;vertical-align: top;width:20px;height:20px}

.inp{
	font-weight: 700;border: 1px solid #B2B2B2;
	border-radius: 4px;
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.102);
	margin: 0px;
	padding: 4px;
	outline: none;
}
td > .inp{padding-left:0px;padding-right:0px}
.inp:focus{
	border-color: #4787B1;
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
	background: #ffe;
}
#mt_e_timer{
	position:fixed;
	left:20px;
	bottom:2px;
	font-weight: 700;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.102);
	padding: 10px;
	background: #ffe;
	z-index:99;
	cursor:pointer;
}
#mt_e_timer:hover{
	border-color: #4787B1;
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
}
#mt_e_timer.time_is_gone{
	color:red;
	background-color:yellow;
	font-size:xx-large;
}
.phonescreen .mt_mtbody, .phonescreen .mt_theaddiv,.phonescreen .mt_mtheader{min-width:100%}

.show_table{border-collapse: collapse;}
.show_table th{background:#ccc;color:#0D44A0;vertical-align: bottom;}
.show_table th, .show_table td{padding:2px;border:1px solid gray}		

#logger{position:fixed;width:100%;height:0px;bottom:0px;opacity:0.9;background:gray;overflow:hidden;color:white;left:0;z-index:1000}
#logger.show{height:25%}
.btn_log{position:fixed;bottom:0px;width:20px;height:20px;background: url(../images/little_pics.png) -160px 0;cursor:pointer;border-radius:0px 0px 5px;}
.btn_log.hide{position:absolute;top:0px;background-position:-180px 0;background-color:white}
.logger_log{margin-left:45px;text-indent:-20px;word-wrap: break-word;}
.logger_log :first-child{margin-right:10px}
.logwin{overflow:auto;width:100%;height:100%;margin-top: 5px;}

.sm_button{width:20px;height:20px;background:url(../images/little_pics.png);cursor:pointer;vertical-align:middle;display:inline-block}

ul.mt_btn_div{margin:-3px;padding:0}
ul.mt_btn{margin:-3px;padding:0}

.mt_btn div,.mt_btn li{width:27px;height:27px;background:url(../images/all_pics.png);cursor:pointer;border:1px solid gray;margin-left:-1px;display:inline-block;
  -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none;}
.mt_btn :first-child:last-child{border-radius:3px}
.mt_btn :last-child:not(:first-child){border-radius:0 3px 3px 0}
.mt_btn :first-child:not(:last-child){border-radius:3px 0 0 3px}
.mt_btn :hover{background-color:#ccc;}
div.trigger_on:not(.colfit),li.trigger_on:not(.colfit){background-color:red !important}

.sm_btn, .sm_btn *{display:inline-block;width:20px;height:20px;background:url(../images/little_pics.png);cursor:pointer;}
.sm_cover div{width:20px;height:20px;background:url(../images/little_pics.png);cursor:pointer;border-radius:5px;display: inline-block;}






.dragdrop #dropsplash{width:100%;height:100%;}
#file_upload_input{position:absolute;left:-10px;width:0px;height:0px;}
#dropsplash{
    background-color: black;
	opacity:0.6;
    left: 0;
    top: 0;
	width:0;
	height:0;
    z-index: 999;
	
	/*display:none;*/
	position:fixed
}

#blockscreen, #modalwindow {
    position: fixed;
}
#blockscreen {
    background-color: black;
	opacity:0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}
#modalwindow {
    z-index: 1000;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 10px #444;
    overflow: auto;
}
.ui-autocomplete.ui-menu{z-index:1000}
#modalwindow #dic_bcancel{
	width:20px;height:20px;
	background: url(../images/little_pics.png) -220px 0;
	cursor:pointer;
	border:none;
	position: absolute;
    right:2px;top:2px;
}
#modalwindow button:hover{	
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
}
h1, h2, h3, h4{color:#0D44A0;margin:7px;}
h2 i{font-size:small;color:black}
h3 i{font-size:small;color:black}
h3{margin:10px 0 5px 0}
h4{margin:2px;}
.edit_table{border-collapse:collapse;width:100%}
.edit_table tr{border-top:1px solid gray;border-bottom:1px solid gray;}
.edit_table tr:nth-child(odd):not(.buttons){background-color:#EFF7FF}
.edit_table tr:nth-child(even):not(.buttons){background-color:white}
.edit_table td,.edit_table th{padding:3px}
.edit_table .right{text-align:right}
.edit_table .nw{white-space:nowrap}

.edit_table th{font-weight:700;text-align: left;color:#0D44A0;}
.edit_table .head th{font-weight:700;text-align: center;color:#0D44A0;} 
.edit_table th.head, .edit_table td.head,.edit_table .head td{text-align: center;}
.edit_table .nopdown{border-bottom:2px solid black}
.edit_table .nopup{border-top:2px solid black}
.edit_table input,
.edit_table textarea,
.edit_table select,
.edit_table option,
.edit_table button{
	outline: none;
	font-weight: 700;border: 1px solid #B2B2B2;
	border-radius: 4px;
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.102);
	margin: 0;
	padding: 3px;
}
.edit_table textarea{width:100%;padding:3px 0;height:50px}
.edit_table input:not(.calend):not(type="checkbox"){min-width:250px;width:100%;padding:3px 0}
.edit_table input:focus,
.edit_table textarea:focus,
.edit_table select:focus,
.edit_table option:focus{
	border-color: #4787B1;
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
	background: #ffe;
	outline: none;
}
.buttons, .buttons td,.buttons th{text-align:center;border-bottom:none !important;}
.edit_table button{margin:5px 10px;min-width:100px}
.edit_table button:hover{
	border-color: #4787B1;
	box-shadow: 0px 0px 5px 2px rgba(71, 135, 177, 0.898);
	background: #ffe;
}

.buttons, .buttons td,.buttons th{text-align:center;border-bottom:none !important}
.buttons button{margin:5px 10px;min-width:100px;}
.buttons.lite button{min-width:20px;}

.custom-combobox{position: relative;display:inline-block;white-space:nowrap;/*padding: 0 13px 0 1px;*/}
.phonescreen .custom-combobox{padding:0px}
.custom-combobox-toggle{position: absolute;top: 0;bottom: 0;padding: 0;width:10px;margin-left: -10px;}
.resizable-helper{border-right: 2px dotted #00F}
.custom-combobox-input {margin: 0;padding: 2px 10px 2px 1px !important;width:100%;font-size: inherit;white-space:normal;border-radius: 4px;box-sizing: border-box;}
.ft_calend_in{margin:0;padding:2px;font-size:inherit;width:97%;max-width:100px;box-sizing: border-box;}
.ft_calend_out{position:absolute;top:0;bottom:0;margin-left:-17px;width:15px;font-size:inherit;padding:0px}
.ui-autocomplete {max-height:200px;/*overflow-y:auto;*/overflow-x:hidden}
.ui-autocomplete-note{padding-left:10px;font-size:smaller;font-style: italic;}

.w_100{width:100%;padding: 3px 0 !important}
select{padding: 0 !important;height: 23px;}
a.ui-button:focus {outline: none;}

.goDirectory{
	cursor:pointer;
	width:20px;height:20px;
	background: url(../images/little_pics.png) -200px 0;
	position:absolute;
	display:none;
	right:22px;
	top:2px;
	margin:0 !important;
	padding:0 !important;
}
.phonescreen .goDirectory{display:inline-block;}
.custom-combobox:hover .goDirectory,.custom-combobox:active .goDirectory{display:inline-block}

.docstab {max-width:600px;overflow:hidden;border-collapse:collapse;}
.docstab tr{border-bottom:1px solid green}
.docstab table{width:95%}
.docstab td{padding:2px;vertical-align:middle}
.docstab th{color:#0d44a0;text-align:right}
.docstab a{font-weight:700}
.docstab select{padding:2px;width:100%}
.docstab input:not(type="checkbox"){width:100%;padding:4px 0}
.docstab {margin: 5px;}

.calend{min-width:80px !important;width:80px;text-align:right}

#learning{
	z-index: 1000;
	word-wrap:break-word;
	background-color:rgba(239,239,239,.9);	
    padding: 7px 10px 10px;	margin: 7px 10px 10px;
	position:fixed;right:10px;top:0px;width:30%;height:90%;
	border-radius: 5px 5px 5px 5px;
	overflow:auto;
	
}
#learning .maindiv{
	height:99%;width:100%;
	overflow:auto;
}
#learning .close{
    height: 25px;
    width: 25px;
    display: inline-block;
    background: url(../images/modules_pics.png);
	background-position: -324px -54px;
	position:absolute;right:27px;top:5px;
	cursor:pointer
}
#learning .lastmodified{
	position:absolute;right:5px;bottom:5px;
	color:blue;font-size: smaller;
}
.blanks{
	/*margin-top:5px;*/
}
.blanks span{
	margin:5px;
}

::-webkit-scrollbar {
    width: 9px;
	height: 9px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:hover{
	background:#80808080
}
.infotab{
	border: 1px solid #b7b7b7;
    border-radius: 5px;
    position: relative;
    padding: 10px;
	display:inline-block !important;
}
.infotab > .header{
	position: absolute;
    right: -1px;
    top: -1px;
    border: 1px solid #b7b7b7;
    border-radius: 0px 5px 0px 5px;
    padding: 2px;
    color: #005aca;
}
.infotab.edit_table{
	width:auto;
}
.noselect{
  -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none;
}
.w10{min-width:10px !important; width:10px !important}
.w20{min-width:20px !important; width:20px !important}
.w30{min-width:40px !important; width:40px !important}
.w40{min-width:40px !important; width:40px !important}
.w50{min-width:50px !important; width:50px !important}
.w60{min-width:60px !important; width:60px !important}
.w80{min-width:80px !important; width:80px !important}
.w120{min-width:120px !important; width:120px !important}
.w160{min-width:160px !important; width:160px !important}
.w200{min-width:200px !important; width:200px !important}
.w240{min-width:240px !important; width:240px !important}
.w260{min-width:260px !important; width:260px !important}
.w300{min-width:300px !important; width:300px !important}
.w360{min-width:360px !important; width:360px !important}

.flotr-unselect{text-decoration: line-through !important;}
.flotr-datagrid-container{background:white;z-index:11;padding-bottom:6px;padding-right:20px;width: auto !important;}
.flotr-tab.selected {
	background: #ddd;
	opacity: 1;
}
.flotr-tab {
	border: 1px solid #666;
	border-top: none;
	margin: 0 3px;
	padding: 1px 4px;
	cursor: pointer;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius: 0 0 4px 4px;
	opacity: 0.5;
}
.flotr-tabs-group{margin-top:10px}
.flotr-datagrid td{text-align:right}
.flotr-datagrid th{text-align:left}
.grayclass{
	filter: grayscale(100%);
    background-color: rgb(221, 221, 221,0.5);
    background-blend-mode: lighten;
}
.client_a_class{background-color:#c3ffc3 !important}
.client_b_class{background-color:#fdfdca !important}
.client_c_class{background-color:#ffd8d8 !important}
.client_ap_class{background-color:#c789f4 !important}
.client_newcl_class{background-color:#7fffd4 !important}

.pad_tab td, .pad_tab th{padding:4px 10px}
.pad_tab table{margin:0 0 0 10px}
.years,.months,.pad_tab th{cursor: pointer; text-decoration: underline;}
.pad_tab th.sorted[data-order="-1"]::after {
	content: "▼"
}
.pad_tab th.sorted[data-order="1"]::after {
	content: "▲"
}
.adm_hist_cover{
	position:relative;float:right
}
.adm_hist{
	display:none;
	background-position: -400px 0;
    position: absolute;
    right: 10px;
    margin: -2px;
}
.adm_hist:hover{color:#C12121}
td:hover .adm_hist{
	display:inline;
}
@media print{
	.pad_tab th.sorted[data-order="1"]::after,.pad_tab th.sorted[data-order="-1"]::after,.print_button {
		display:none
	}
}
#for_jour_msg{
	position: fixed;display: block;z-index: 1001;left: 8px;top: 5px;width:auto;max-width:90%;bottom:auto
}