html{height:100%}
body {background-color: #EEEEEE ;font-size:12px;font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";padding:0px;margin:0px;height:100%;height:auto !important}
form {margin:0px; padding: 0px;}
#mc{background-color: #FFF;min-height:600px;height:600px;height:auto !important; overflow:visible; min-width: 1201px;position: relative;}	
/*stary kolor do tła mcC6D4E4*/
#main_block{width:800px;margin-top:20px;margin-left: 00px;margin-bottom: 20px;overflow: hidden;}
#main_block div{width: 256px;float:left;height: 256px;text-align: center;}
#main_block a{color:#00f;text-decoration: none;font-size:20px;color:#000}
.dlink{margin-top:110px;}
#top_panel{position:relative;height:64px;background-color: #00a9f4; height: 40px; }
#login_panel{color:#fff;position:absolute;width: 500px;height: 100%;right:0px;text-align: right; line-height: 30px; font-size: 1.2em;}   
#login_panel p{ margin-right: 40px;margin-top: 6px;}
#logout{position:absolute;top:2px;right:4px}
#moduleTitle{position: absolute;width: 90%; text-align: center; font-size: 1.2em;color: #fff;top:5px; line-height: 30px;}
#quick_work_logo{position: absolute;height: 100%;width: 210px; height:40px; background-color: white; }
#quick_work{position: absolute;height: 100%;width: 200px; left:210px;  }
#quick_work img{margin:8px 5px 8px 8px;cursor:pointer;z-index:200;}
#quick_calendar_content{z-index:2;}


#crm_info_panel{ display: none; height:30px;border-bottom: 1px solid #aaaaaa; background: #cccccc url(./images/gray_bg.png) 50% 50% repeat-x; }

/* panel po lewej stronie*/
#work_panel{min-width: 200px; width:200px; min-height: 301px;height:auto !important; background-color: #fff;float:left;margin-top:10px;}
	
.box_title{height:40px; background-color:#00a9f4;  line-height: 40px;padding-left:5px; color: #FFF; font-weight: bold;}

    
/* bloki wewnatrz panelu po lewej stronie*/
.work_left_item{min-width: 200px; width:200px; min-height: 40px;background-color: #fff;  margin-top: 0px;  line-height: 25px;}
.work_left_item ul{list-style: none;margin:4px;padding:4px}
.work_left_item ul a{text-decoration: none;color:#212121;}
.work_left_item ul li {margin-bottom:5px;}

/*tabela*/
.mygrid{border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.mygrid th{background-color:#00a9f4; /*background: #cccccc url(./images/box_header2.png) 50% 50% repeat-x;*/ padding:4px;font-weight: normal;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.mygrid td{padding:4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.mygrid tr:nth-child(odd){background-color: #eeeeee;}
.mygrid  a{text-decoration: none;}


/* ogolny panel blokowy*/
.crm_panel{min-width: 194px; width:194px; min-height: 40px;background-color: #fff;border-left: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;border-top: 1px solid #aaaaaa;}
.crm_panel ul{list-style: none;margin:4px;padding:4px}
.crm_panel ul a{text-decoration: none;}
.crm_panel ul li {margin-bottom:5px;}
.crm_panel_title{position:relative; height:40px;background-color:#00a9f4;  /*background: #cccccc url(./images/box_header.png) 50% 50% repeat-x;*/ line-height: 40px;padding-left:10px; color: #fff; }
.crm_panel_title_let{position: absolute;right: 4px;top:0px}
.crm_panel_title_let a{text-decoration: none;color:#00f;}

.crm_gray_panel	{font-size:11px;padding:3px;display: block;	overflow: hidden;	white-space: nowrap;	position: relative;	}
.crm_gray_panel div.title a{color:#000;text-decoration:none;}
/* inputy i przyciski*/
.crm_in{margin:0px;color: #222222; outline:none; border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    background: none;}
	.crm_in:focus{margin:0px;color: #222222; outline:none; border: none;
    border-bottom: 1px solid #00a9f4;
    background: none;}
		.crm_in:hover{margin:0px;color: #222222; outline:none; border: none;
    border-bottom:  1px solid #00a9f4;
    background: none;}
			.crm_in:active{margin:0px;color: 222222; outline:none; border: none;
    border-bottom: 1px solid #00a9f4;
    background: none;}
				
input[type="checkbox"].crm_in{border:none;background-color: transparent;}
.crm_button {
	background-color: #00a9f4;
    height: 32px;
    line-height: 32px;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border: none;
    outline: none;
    text-align: center;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px;
}
.crm_label{display: block;}
.crm_button_small {
	color: white;
	background-color: #00a9f4;
    height: 32px;
    line-height: 32px;
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border: none;
    outline: none;
    text-align: center;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px;
	margin-top:10px;}
	
	.crm_button_small_extra {
	color: white;
	background-color: #00a9f4;
    height: 16px;
    line-height: 12px;
	font-size:12px;
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    min-width: 64px;
    height: 16px;
    padding: 0 16px;
    border: none;
    outline: none;
    text-align: center;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px;
	margin-top:10px;}

	
/*glowny panel z trescia*/
/*#content{font-size:11px;min-width: 996px; width:100%;background-color: #fff;float:left;margin-top:5px;border-top: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;}*/
#ajax_preload{position:absolute;top:0px; left:0px; width:100%; height:100%; background:#EEEEEE url(./images/ajax-loader1.gif) center center no-repeat ;opacity: .5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}
#ajax_error{ line-height:30px; background:#ff0000 url(./images/warning.png) 20px center no-repeat ;font-size:16px;color:#000;text-align: center; width:100%;  height:30px;opacity: .7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;}
#ajax_success{ line-height:30px; background:#00ff00 url(./images/success.png) 20px center no-repeat ;font-size:16px;color:#000;text-align: center; width:100%;  height:30px;opacity: .7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/;}


/* BLEDY */
.access_error{color:#f00; text-align: center;font-weight: bold}
#groupsContent div{margin-bottom:5px}

 .MapLabels {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 40px;  
      width: auto !important;     
     border: 1px solid black;
     white-space: nowrap;
     padding:1px;
   }
.cursorpointer{cursor: pointer;}

.groupsInDialogForm{background-color: #eeeeee; }
.required {color:#ff0000}
.group1{background-color: #fcf1b7}
.group2{background-color: #b7fcce}
.group3{background-color: #b7dbfc}

.defaultTable tr:nth-child(odd){background-color: #efefef;}
.requred{color:#ff0000;}
.helpBox{background-color: #fff;}
fieldset.group{-moz-border-radius: 5px;border-radius: 5px;}
.defaultCalculationStatus{-moz-border-radius: 5px;border-radius: 5px;border:#000 1px solid;background-color: #fff;width:7px;height:7px;float:left;margin-right:4px;cursor:help;}
.calculationPublicPriceExceed{background-color: #f00}
.calculationIsModyfied{background-color: yellow}
.calculationWasModyfiedBefore{background-color: brown}
.calculationHasDeletedItems{background-color:#000;}
.calculationDifference, .calculationProfitWithCorrection{font-size:10px;}
.calculationProfitWithVatCorrection{font-size:10px;display:none}
.dotBox{display:none}
.readOnlyInput{
	background:none;
	background-color: #DADADA !important;}




#newChatList{display: inline;position: absolute; top: 3px;}
#chat_conversation_list{position: fixed;bottom:0px;right: 6px}
.chatItem{width:58px;display: inline-block;height: 25px;text-align: center;background-image: url("./chat/chat.png");padding-top: 5px;background-repeat: no-repeat;cursor:pointer; color:#fff; margin-top:5px; margin-left: 10px;}

.chat_penel{float:left;background-color: #fff;margin-left:5px}
.chat_penel *{font-family: verdana;font-size: 12px;}
.chat_penel{min-height: 32px;min-width: 32px;}
.chat_penel.open{width: 260px;height:250px;}
.chat_tool_penel{width: 100%;height: 40px;background-image: url("./chat/chat_toolbox_bg.png");position: relative; line-height:40px;}
.chat_tool_title{padding-left: 5px; line-height:40px;font-size: 14px; color: white;}
.open_chat_button{position: absolute;top: 0px;right: 0px;width: 32px;height: 32px; background-position:center center; background-repeat:no-repeat; background-image: url("../../gfx/primoris_chat/chat.png");background-color: #fff;cursor:pointer}
.open_chat_button.open{background-image: url("./chat/close.png");background-color: transparent;cursor:pointer}
.chat_message{width: 220px;display: block;margin-left:5px;
  height: 40px;  padding: 5px 12px;  font-size: 14px;  line-height: 20px;  color: #555;  background-color: #fff;  background-image: none;  border: 1px solid #00a9f4; 
  }

  .chat_message: focus{width: 220px;display: block;margin-left:5px;
  height: 40px;  padding: 5px 12px;  font-size: 14px;  line-height: 20px;  color: #555;  background-color: #fff;  background-image: none;  border: 1px solid #00a9f4; outline:none; 
  }
  
.message_item{margin-bottom:10px;margin-left:10px;margin-right: 20px}
.chat_closed_connection{text-align: center;color:#999999;}
.user_name{font-weight: bold;color:#00a9f4;}
.message_date{text-align: right;color:#999999;display: none;}
.chat_conversation_content{padding-top: 10px;}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #262626;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #262626;
}

/* Styles specific to this particular page */
.chat_conversation_penel {display: block; width: 255px;height: 153px;overflow: auto;margin-left:5px;margin-bottom: 5px}
.sortableList {list-style: none;margin:0px;padding: 0px}
.sortableList li{padding: 5px}
.sortableList li:nth-child(odd){background-color: #efefef;}