/************************************************************************/
/* FROM CSS FILE: UIComponentsFromAdmin_v3.css */
/************************************************************************/

html
{
  height: 100%; width: 100%;
  overflow:hidden!important;
}


body 
{
  font-family:Verdana; font-size:12px; line-height:150%;
  background-color:#fff;
  height:100%; width: 100%;
  overflow:hidden!important;
  top:0; bottom:0; left:0;
  margin:0; padding:0;
  position: absolute;
}



.UIListItems {list-style:none; padding:0; margin:0;}
.UIListItems li 
{
  padding:5px 7px; border-bottom:1px solid #ddd; display:inline-block; cursor:default;
  position:relative; vertical-align:top; margin:0; width:100%;
}
/*.UIListItems li:hover {background-color:rgba(79,146,191,.2); }*/
.UIListItems li.selected {/*color:#fff;*/ background-color:#4F92BF;}
.UIListItems li.selected a{/*color:#fff;*/}
.UIListItems li.listSortPlaceHolder {background-color:rgba(79,146,191,.1); border-bottom:0; margin:0;padding:0;}



.col, .leaf {position:relative; vertical-align:top; margin:0; display:inline-block;}
.col1 { width:1%; }
.col2 { width:2%; }
.col3 { width:3%; }
.col4 { width:4%; }
.col5 { width:5%; }
.col6 { width:6%; }
.col7 { width:7%; }
.col8 { width:8%; }
.col9 { width:9%; }
.col10 { width:10%; }
.col11 { width:11%; }
.col12 { width:12%; }
.col13 { width:13%; }
.col14 { width:14%; }
.col15 { width:15%; }
.col16 { width:16%; }
.col17 { width:17%; }
.col18 { width:18%; }
.col19 { width:19%; }
.col20 { width:20%; }
.col21 { width:21%; }
.col22 { width:22%; }
.col23 { width:23%; }
.col24 { width:24%; }
.col25 { width:25%; }
.col26 { width:26%; }
.col27 { width:27%; }
.col28 { width:28%; }
.col29 { width:29%; }
.col30 { width:30%; }
.col31 { width:31%; }
.col32 { width:32%; }
.col33 { width:33%; }
.col34 { width:34%; }
.col35 { width:35%; }
.col36 { width:36%; }
.col37 { width:37%; }
.col38 { width:38%; }
.col39 { width:39%; }
.col40 { width:40%; }
.col41 { width:41%; }
.col42 { width:42%; }
.col43 { width:43%; }
.col44 { width:44%; }
.col45 { width:45%; }
.col46 { width:46%; }
.col47 { width:47%; }
.col48 { width:48%; }
.col49 { width:49%; }
.col50 { width:50%; }
.col51 { width:51%; }
.col52 { width:52%; }
.col53 { width:53%; }
.col54 { width:54%; }
.col55 { width:55%; }
.col56 { width:56%; }
.col57 { width:57%; }
.col58 { width:58%; }
.col59 { width:59%; }
.col60 { width:60%; }
.col61 { width:61%; }
.col62 { width:62%; }
.col63 { width:63%; }
.col64 { width:64%; }
.col65 { width:65%; }
.col66 { width:66%; }
.col67 { width:67%; }
.col68 { width:68%; }
.col69 { width:69%; }
.col70 { width:70%; }
.col71 { width:71%; }
.col72 { width:72%; }
.col73 { width:73%; }
.col74 { width:74%; }
.col75 { width:75%; }
.col76 { width:76%; }
.col77 { width:77%; }
.col78 { width:78%; }
.col79 { width:79%; }
.col80 { width:80%; }
.col81 { width:81%; }
.col82 { width:82%; }
.col83 { width:83%; }
.col84 { width:84%; }
.col85 { width:85%; }
.col86 { width:86%; }
.col87 { width:87%; }
.col88 { width:88%; }
.col89 { width:89%; }
.col90 { width:90%; }
.col91 { width:91%; }
.col92 { width:92%; }
.col93 { width:93%; }
.col94 { width:94%; }
.col95 { width:95%; }
.col96 { width:96%; }
.col97 { width:97%; }
.col98 { width:98%; }
.col99 { width:99%; }
.col100 { width:100%; }




.UICard 
{
  display:inline-block; vertical-align:top; position:relative; margin:0; padding:0;
}

.UIZone 
{
  overflow:auto; 
  position:relative; display:inline-block; vertical-align:top; margin:0; padding:0; 
}
.UIFullHeight {height:100%; overflow:auto;}
.vert100px {height:200px;}



.UIZone5 {width:5%;}
.UIZone15 {width:15%;}
.UIZone35 {width:35%;}
.UIZone45 {width:45%;}
.UIZone55 {width:55%;}
.UIZone65 {width:65%;}
.UIZone85 {width:85%;}
.UIZone95 {width:95%;}

.UIZone10 {width:10%;}
..UIZone30 {width:30%;}
.UIZone70 {width:70%;}
.UIZone90 {width:90%;}

.UIZone20 {width:20%;}
.UIZone25 {width:25%;}
.UIZone33 {width:33.33%;}
.UIZone40 {width:40%;}
.UIZone50 {width:50%;}
.UIZone60 {width:60%;}
.UIZone66 {width:66.67%;}
.UIZone75 {width:75%;}
.UIZone80 {width:80%;}
.UIZone100 {width:100%;}


a {color:#3E4D8D;}

*{box-sizing: border-box;}
.UIList .UIBoxWrapper div span.tableCol { box-sizing:content-box; }

.wrapperBorder 
{
-moz-box-shadow: 2px 2px 6px #ddd;
-webkit-box-shadow: 2px 2px 6px #ddd;
box-shadow: 2px 2px 6px #ddd;
}

.inertiaScroll
{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.alpha05 {background-color:rgba(255, 255, 255, 0.05);}
.alpha10 {background-color:rgba(255, 255, 255, 0.10);}
.alpha15 {background-color:rgba(255, 255, 255, 0.15);}
.alpha20 {background-color:rgba(255, 255, 255, 0.20);}
.alpha25 {background-color:rgba(255, 255, 255, 0.25);}
.alpha50 {background-color:rgba(255, 255, 255, 0.50);}
.alpha75 {background-color:rgba(255, 255, 255, 0.75);}
.alpha80 {background-color:rgba(255, 255, 255, 0.70);}
.alpha85 {background-color:rgba(255, 255, 255, 0.85);}
.alpha90 {background-color:rgba(255, 255, 255, 0.90);}

.UIPopup.alpha05 {background-color:rgba(255, 255, 255, 0.05);}
.UIPopup.alpha10 {background-color:rgba(255, 255, 255, 0.10);}
.UIPopup.alpha15 {background-color:rgba(255, 255, 255, 0.15);}
.UIPopup.alpha20 {background-color:rgba(255, 255, 255, 0.20);}
.UIPopup.alpha25 {background-color:rgba(255, 255, 255, 0.25);}
.UIPopup.alpha50 {background-color:rgba(255, 255, 255, 0.50);}
.UIPopup.alpha75 {background-color:rgba(255, 255, 255, 0.75);}
.UIPopup.alpha80 {background-color:rgba(255, 255, 255, 0.70);}
.UIPopup.alpha85 {background-color:rgba(255, 255, 255, 0.85);}
.UIPopup.alpha90 {background-color:rgba(255, 255, 255, 0.90);}



/*** START TREE ***/
.UITreeLite, .UITreeLite ul{list-style:none;margin:0; padding:2px;}
.UITreeLite li {  padding:0; margin:0 0 1px 20px; cursor:default; clear:both; position:relative;}
.UITreeLite > li {margin-left:7px;}
.UITreeLite li div.item {border-bottom:1px dotted #ccc;}
.UITreeLite li.node div.item { padding:3px 3px 3px 30px;}
.UITreeLite li.node > div.item:hover {background-color:#eee; }
.UITreeLite li.selected > div.item a {color:#fff;}
.UITreeLite li.selected > div.item:hover {background-color:#4F92BF; color:#fff;}
.UITreeLite li.selected > div.item:hover a {color:#fff;}
.UITreeLite li.selected > div.item {background-color:#4F92BF; color:#fff;}

.UITreeLite ul{display:none;}
.UITreeLite ul.opened{ display:block;}

.UITreeLite div.openClose
{
background:url(../admin/images/icons/tree_leaf_24.png);
position:absolute;top:0; left:0; width:24px; padding:0 0 0 6px; 
display:inline-block; height:24px; /*border:1px dotted #ddd;*/
}
.UITreeLite div.folderOpen {background:url(../admin/images/icons/tree_open_folder_24.png);}
.UITreeLite div.folderClose {background:url(../admin/images/icons/tree_closed_folder_24.png);}
/*** END START TREE ***/


/*** START TABLE **/
.UITable table tr:nth-child(2n+1) td
{
	background-color:#fafafa;
}
.UITable .tableCol {border-right:1px dotted #ddd;}

.UITable {position:relative;}
.UITable table {font-size:inherit;}
.UITable table tr {cursor:default;}
.UITable table tr.row:hover td {background-color:#eee;}
.UITable table tr td { height:30px; padding:0 3px;}

.UITable table tr.selected:hover td {background-color:#4F92BF;}
.UITable table tr.selected td {background-color:#4F92BF;}

.UITable table tr.selected {color:#fff;}
.UITable table tr.selected a {color:#fff;}
.UITable table tr td {border-bottom:1px solid #eee; min-width:50px;}

.UITable .rightAlign {text-align:right;}
.UITable .leftAlign {text-align:left;}
.UITable .centerAlign {text-align:center;}

.tableSortPlaceHolder {background-color:#C9E4F8;}

.UITable table.mainTable {padding:30px 0 0 0; min-width:100%; width:100%;}
.UITable .UITableHeader {
  background-color:#fff; height:30px; top:0px; left:0; z-index:1; 
  position:absolute;width:auto;height:30px;overflow-y:hidden; width:inherit;
  min-width:100%; background-color:#333;
}
.UITable .UITableHeader .headerCell { 
  overflow:hidden; line-height:30px; background-color:#333; color:#fff;
  padding:0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right:1px dotted #999;
}
.UITable .UITableHeader .__selection__ {background-color:#555;}

/*.UITable table.mainTable tr.multipleSelected td {background-color:#4F92BF; color:#fff;}*/
/*.UITable table.mainTable tr.multipleSelected td a{color:#fff;}*/
/*li:has(> a.active)*/

/*** END TABLE **/


.UITree * {box-sizing:content-box;}
.UIList li {pading:5px;}
.FormBuilderForm form input[type=submit] { 
  padding:7px; background-color:#3E4D8D; 
  border:0; font-size:14px; color:#fff; 
}
button.UIButton
{
  padding:9px; background-color:#3E4D8D; border:0; font-size:14px; color:#fff;  height:auto;
}


.FormBuilderForm .eobFrmBuilderActionsContainer input[type=submit]
{
  background-color:#e9e9e9; color:#444; font-weight:bold; font-size:13px;
  border:1px solid #ddd;
  /*height:auto; border:0; padding:7px;*/
}

/* AUTOCOMPLETE*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }


/** ICONS **/
.UIIcons {list-style:none; margin:5px; padding:0;}
.UIIcons li.selectedIcon {border:1px dotted #bbb;}
.UIIcons li.selectedIcon a {color:#666; font-weight:bold;}
.UIIcons li
{
  cursor:pointer;
  display:inline-block; width:90px; height:100px; overflow:hidden; text-align:center;
  border:1px solid #fff;
}
.UIIcons li:hover {border:1px solid #ddd;} 
.UIIcons li a {display:block; text-decoration:none; color:#666;}
.UIIcons li:hover a {color:#000;}

.UIIcons li a .iconImage
{
  width:64px; height:64px; overflow:hidden; margin:10px auto 0 auto;
  background:url('http://office.stoc-studio.ro/projects/icoane_sds.png');
}
.UIIcons li a .iconLabel 
{
  font-size:11px;
  display: block;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  width: 80px; text-align:center;
  text-overflow: ellipsis; margin:0 auto;
}


.FormBuilderForm .formFieldAutoInline { width:auto; display:inline-block; padding:0 7px 0 0; }
.FormBuilderForm .proc25 {width:24%; display:inline-block; padding:0 7px 0 0;}
.FormBuilderForm .proc50 {width:48%; display:inline-block; padding:0 7px 0 0;}
.FormBuilderForm .proc75 {width:72%; display:inline-block; padding:0 7px 0 0;}
.FormBuilderForm .proc33 {width:32%; display:inline-block; padding:0 7px 0 0;}
.FormBuilderForm .proc66 {width:63%; display:inline-block; padding:0 7px 0 0;}


/* Window*/
.boxTitle {line-height:40px; overflow:hidden;}
.boxTitle {border:1px solid #ddd;}
.boxUIComponent {line-height:40px; overflow:hidden; margin:0; padding:0;}
.boxTitle .UIText{display:block; line-height:40px; overflow:hidden; margin:0; padding:0;}
.boxTitle .UIText h3 { margin:0; padding:0;}
.boxTitle .UIText h3.winX {cursor:pointer; line-height:40px; 
  display:block;text-align:center; color:#333; /*background-color:#3E4D8D; color:#fff*/}
.boxTitle .UIText h3.winTitle {line-height:40px; display:block; padding:0 10px;}



.UIList table tr.selected td a{color:#fff;}
.UIList li.selected a{color:#fff;}


.selectionBorder {
-moz-box-shadow: inset 0 0 5px #cc0000;
-webkit-box-shadow: inset 0 0 5px #cc0000;
box-shadow: inset 0 0 5px #cc0000;
}

.listRightArrow li
{
background:url("../css/images/UIComponentsFromAdmin/listRightArrow.png") 99% 50% no-repeat;
  http://localhost/galileo/eob-site/css/images/UIComponentsFromAdmin/folder.png
}
.listFolder li
{
background:url("../css/images/UIComponentsFromAdmin/folder.png") 5px 50% no-repeat;
}

.UIMenu .selectedMenu
{
  font-weight:bold;
}

.UIBoxWrapper, .UIBoxLiteWrapper
{
  
  overflow: scroll;
  overflow-x:hidden; 
  overflow-y:auto;

}
.inertiaScroll 
{
  /*overflow: scroll;*/
  -webkit-overflow-scrolling:touch;
}
.inertiaScroll *
{
position: relative; -webkit-transform: translate3d(0,0,0);  
}



body {font-family:Verdana; font-size:12px; line-height:150%;}
h1,h2,h3 {line-height:130%;margin:0px 0;padding:5px 0;}

/*
#phone{ margin:10px auto; border:1px solid; width:320px; height:480px;position:relative;}
*/

.UIButtonLink {text-decoration:none; color:#fff; background-color:#999; text-align:center;}

.UILinks a
{
	padding:2px 5px 2px 2px;
}

.UIListMenu {
	background-color:#fff;
	/*
	border-bottom:1px dotted #666;
	border-left:1px dotted #666;
	*/
}
.UIListMenu a{
	color:#1F64A7; display:inline-block;
	line-height:inherit;
	/*border-right:1px dotted #fff;*/
	padding:2px 4px; 
	text-decoration:none;
}
.UIListMenu a img
{
	padding:2px 0;
}

.UIList li:nth-child(2n+1),
.UIList table tbody tr:nth-child(2n+1) td
{
	background-color:#f9f9f9;
}

.UITree .inactive
{
	color:#cc0000;
}

.UIList table.ListTable tr td
{
height:30px;	
}
.UIList .ListTable
{
	max-width:100%;
	height:100%;
	overflow:hidden;
	background-color:#777;color:#fff;	
}
.UIList .ListTable .tableCol
{
	white-space:nowrap;
	margin:0; padding:2px 0 0 3px;
	display:inline-block;
	overflow:hidden;
	height:100%;
}

.UIList table {font-size:inherit;}
.UIList table thead {border-collapse: collapse;border:0; padding:2px; margin:0;}
.UIList table thead td{background-color:#333;color:#fff;}


.UIList {list-style:none;margin:0;padding:0;}
.UIList li { border-bottom:1px solid #ddd;padding:2px 2px 2px 5px;min-height:18px;position:relative;cursor:default;} /* height:35px; */
.UIList li:hover {background-color:#D8E7F1;}
.UIList table tbody tr:hover td{background-color:#D8E7F1;}
.UIList li .details {color:#666;font-size:11px;}
.UIList li.selected {background-color:#4F92BF;color:#fff;}
.UIList li {padding:2px 2px 2px 7px;height:auto;} /*height:45px;*/
.UIList div.pageActions {text-align:right; color:#666;}
.UIList li.selected div.pageActions a {color:#fff;}


/**** TREE ****/

.UITree {margin:0; padding:0; list-style:none;}
.UITree li {position:relative;cursor:default;}
.UITree li span.treeItemWrapper {display:block;padding:2px 0;position:relative;}
.UITree .treeWrapper:hover {background-color:#D8E7F1;color:#000;}
.UITree li ul{list-style:none; margin:0 0 0 15px;padding:0}
.UITree div.selected{background-color:#4F92BF;color:#fff;}
.UITree div.selected:hover{background-color:#4F92BF;color:#fff;}
.UITree .expand {
	padding:0 2px;margin:0 5px 0 0;cursor:default;
	vertical-align:middle;display:inline-block;border:1px solid #ddd;
	text-align:center;height:13px;width:12px;line-height:11px;background-color:#eee;color:#333;
}
.UITree li div.treeWrapper
{
	border-bottom:1px solid #ddd;	
	position:relative;
}

/**** TREE END ****/




.UIButton {
text-align:center;width:auto;padding:1px;cursor:pointer;
font-weight:bold; /*margin:0;*/
}/*background-color:#31668A;color:#fff;margin:1px;*/
/*.UIButton:hover {background-color:#4F92BF;}*/

p {margin:0; padding:5px 0;}
#hui_2 {padding:5px;overflow:auto;}
#hui_1 {overflow:auto;}


/**** DEMO UIBox ****/
.UITitleBar h1 {margin:0;font-size:15px;}

.UINavBar {margin:0;padding:0;line-height:30px;}
.UIButton {margin:2px;height:auto;height:25px;}
.UITitleBar {width:100%;background-color:#cc0000;color:#fff;height:100%;max-height:32px;}
/*
#searchtext {padding:14px;}
*/
*,input{
-moz-border-radius: 0;
-webkit-border-radius:0;
}
input[type="button"]{
-webkit-appearance:none; 
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
*,html, body{margin:0}
/*.UIList li {overflow:hidden;padding:2px 0 0 5px;height:25px;line-height:25px;}*/ /*height:45px;*/

/*.UIButton {border:2px solid #000;}*/

.UINavBar .UIButton .selected
{
background-color:#0000cc;
margin:0px;
}

#lista li span {padding:4px; background-color:#cc0000;color:#fff;}

.UIPopup {border:1px solid #aaa;background-color:#fff;
/*background-color:rgba(255,255,255,0.5);*/
}
.dropShadow {
-moz-box-shadow: 2px 2px 6px #888;
-webkit-box-shadow: 2px 2px 6px #888;
box-shadow: 2px 2px 6px #888;
}

/*
.UIPopup .UIList li{height:30px;background-color:#333;color:#fff;border-bottom:1px solid #fff;}
.UIPopup .UIList li.selected {background-color:#00cc00;}
*/
/*.UIPopup .UIList li:hover {background-color:#eee;}*/

/*
#ppProiecte {overflow:hidden;}
#listCulori li {display:inline;}
*/
#listCulori li div {height:100%;}


*,p {margin:0;}
.UIText {padding:4px;}

/*.UIBoxWrapper {box-shadow: 1px 1px 1px #ddd;}*/

#container_btn {text-align:center;padding:10px 0;}
.UIDateChooser .UIButton {height:100%;width:100%;}
.UIDateChooser {text-align:center;}

#box-ppDChooser__ .UIBoxWrapper  {box-shadow: 0px 0px 0px 0px #fff;}

.UIDateChooser .UIList {box-shadow: 0px 0px 0px 0px #fff;padding:0px 1px}

.modDescription {font-size:10px; color:#666; height:20px; ;overflow:hidden;}

#modulesCombo {width:100%;height:100%;}
/*textarea {border:1px solid #00cc00;}*/

.UINavBar{height:35px;}
.UINavBar .UIButton {height:100%; margin:0px; background: #eee;  border-radius:0px background:#eee; color: #333; border: 1px solid #aaa; border-left:1px solid #fff; border-bottom:none;}
.UINavBar input.selected, 
.UINavBar button.selected 
{background-color: #777; color: #fff; border-radius:0px; text-shadow:none;}

.UINavBar input[type=submit],
.UINavBar input[type=button],
.UINavBar button
{
	border-radius:0px;
}

.UIList table tbody td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;} /*padding: 3px;*/
.UIList table{border:0; padding:0px; margin:0;}
.UIList table{width:100%;border-collapse: collapse;}/**/
.UIList table tbody tr.selected td{background-color:#4F92BF;color:#fff;}
.UIList .UIText {margin:0; padding:0;}

.UITabNavigatorBar .UIButton {overflow:hidden;}
.UITabNavigator .UINavBar {height:100%;}




.UINavBar .UIButton {height:100%;padding:0 10px;}

/****END DEMO UIBox ****/



.UITitleBar {line-height:30px;overflow:hidden;background-color:#666666;}






/** CSS pentru form **/

.FormBuilderForm form textarea{font-family:inherit;}
.FormBuilderForm form{padding:0px 5px; border:0px dotted #ddd;} 
/*background-color:#eee;*/


.FormBuilderForm label {padding:2px; font-weight:bold;}
.FormBuilderForm input[type=checkbox] { display:inline; margin:2px;line-height:22px;}
.FormBuilderForm form input[type=submit]{font-weight:bold; padding: 1px; margin:1px; }

/** pentru utilizare separata de form builder **/
form input[type=submit]{font-weight:bold; padding:1px 2px;}

.FormBuilderForm form input[type=button]{font-weight:bold; padding: 1px 2px; }
.FormBuilderForm form input[type=radio]{display:inline;}

.eobRequiredField {color:#cc0000; font-size:17px; font-weight:bold;}

p.fieldDescription{margin:0px; padding:1px;font-size:11px;color:#999;}

.LinksList p {margin:0;padding:1px 0;}
.LinksList h3 {margin:0;padding:2px 0;} 

.eobError {color:#cc0000;font-size:12px; font-weight:bold;}
.eobErrors {color:#cc0000;font-size:14px; font-weight:bold;}

.FormBuilderForm .label {font-weight:normal;color:#2E5A5C;}

.FormBuilderForm .eobFrmBuilderInput { display:block; margin:2px;}
.FormBuilderForm .eobFrmBuilderInputItemContainer { clear:both;}

.FormBuilderForm .formFieldInline label, 
.FormBuilderForm .formFieldInline input, 
.FormBuilderForm .formFieldInline select, 
.FormBuilderForm .formFieldInline div,
.FormBuilderForm .formFieldInline .eobRequiredField,
.FormBuilderForm .formFieldInlineRequired .eobRequiredField,
.FormBuilderForm .formFieldInlineRequired label, 
.FormBuilderForm .formFieldInlineRequired input, 
.FormBuilderForm .formFieldInlineRequired select, 
.FormBuilderForm .formFieldInlineRequired div
{
	/*display:inline;*/
	float:left;
}


.FormBuilderForm .formFieldInline
{	
	display:block;
}


.FormBuilderForm .fieldDescription
{
	display:block;
	clear: both;
}

.FormBuilderForm .eobFrmBuilderInputContainer .hasInfo
{
  float:left;
}

.FormBuilderForm span.info
{
  background:url("../css/images/UIComponentsFromAdmin/16x16_info.png");
  display:inline-block;
  width:16px;
  height:16px;
}


.ui-autocomplete-loading 
{ 
  background:url('../resources/preloader_small.gif') no-repeat right center ;
}


.FormBuilderForm .formFieldContainerInline label, 
.FormBuilderForm .formFieldContainerInline input,  
.FormBuilderForm .formFieldContainerInline select,  
.FormBuilderForm .formFieldContainerInline div,
.FormBuilderForm .formFieldContainerInline .eobRequiredField,

.FormBuilderForm .formFieldContainerInlineRight label, 
.FormBuilderForm .formFieldContainerInlineRight input,  
.FormBuilderForm .formFieldContainerInlineRight select,  
.FormBuilderForm .formFieldContainerInlineRight div,
.FormBuilderForm .formFieldContainerInlineRight .eobRequiredField
{
	float:left;
	
}

.FormBuilderForm .formFieldContainerInline,
.FormBuilderForm .formFieldContainerInlineRight
{
	float:left;
	clear:none;
	margin-right: 10px;
}



.FormBuilderForm .formFieldContainerInlineClear label, 
.FormBuilderForm .formFieldContainerInlineClear input, 
.FormBuilderForm .formFieldContainerInlineClear select, 
.FormBuilderForm .formFieldContainerInlineClear div
{
	float:left;
	
}

.FormBuilderForm .formFieldContainerInlineClear 
{
	float:left;
	
}

.FormBuilderForm .formFieldInline:after, 
.FormBuilderForm .formFieldContainerInlineClear:after 
{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	border:1px solid red;
	line-height: 0;
	height: 0;

}
	
.FormBuilderForm .eobFrmBuilderInput span.label
{
	color: #4F92BF;
	cursor:pointer;
}
	
.FormBuilderForm .formFieldInline label,
.FormBuilderForm .formFieldContainerInline label,
.FormBuilderForm .formFieldContainerInlineRight label
{
	min-width: 120px;	
}


.FormBuilderForm .formFieldInlineRequired label
{
	min-width: 108px;
}

.FormBuilderForm .LabelAuto .eobFrmBuilderInputContainer label,
.FormBuilderForm .eobFrmBuilderInputItemContainer.LabelAuto .eobFrmBuilderInputContainer label,
.FormBuilderForm .formFieldContainerInline.LabelAuto label,
.FormBuilderForm .formFieldContainerInlineRight.LabelAuto label,
.FormBuilderForm .formFieldInline.LabelAuto label
{
	min-width: 10px;
}

.FormBuilderForm .formFieldContainerInlineRight label
{
	text-align:right;
}


.FormBuilderForm .formDescription
{
	padding: 0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid ddd;
}

.FormBuilderForm .eobFrmBuilderActionsContainer
{
	clear:both;
}


.eobFrmBuilderInputItemContainer .holder 
{
  border: 3px dashed #ccc; 
  width: 99%; 
  height: 100px; 
  margin: 20px auto; 
  overflow:auto;
  text-align:left;
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .hover 
{
  border: 3px dashed #333; 
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .holder:hover 
{
  border: 3px dashed #333; 
}
/*
.FormBuilderForm .eobFrmBuilderInputItemContainer .file
{
	display:inline-block;
	padding:2px 10px;
	margin:5px;
	background-color:#f2f4ff;
	color:#336699;
	border:1px solid #999;
}
*/

option[disabled=disabled]
{
background-color:#888;
font-weight:bold;
color:#fff;
padding:4px;
}



/***** ADMIN *****/
#Articles_list li{height:50px;}
#Articles_list li div{color:#777;}


.eobFrmBuilderActionsContainer {
	margin:5px 0;
	text-align:left;
	line-height:30px;
}
.eobFrmBuilderActionsContainer a{ padding:0 0 0 7px; } 


#pageAdminsSearch .eobFrmBuilderInputContainer {display:inline;width:auto;}
#pageAdminsSearch .eobFrmBuilderInputItemContainer {display:inline;width:auto;}
#pageAdminsSearch .eobFrmBuilderInput {display:inline;}
#pageAdminsSearch .eobFrmBuilderInputLabel {display:inline;}
#pageAdminsSearch .eobFrmBuilderActionsContainer {display:inline;width:auto;}
#pageAdminsSearch .eobFrmBuilderActionsContainer input[type=button]{display:inline;}


.UIList table{position:relative;}
.UIList table tbody tr{position:relative;}
.UIList table tbody tr td{position:relative;}


/**ACCORDION**/
.UIAccordionBar 
{
	/*display:block;*/
	font-weight:bold;
	padding:0 4px; 
	margin:0;
	line-height:34px;
	height:34px;
	overflow:hidden;
	background-color:#eee;
	border-bottom:1px solid #aaa;
	cursor:pointer;
	/*
-moz-box-shadow: 0 1px 3px #666;
-webkit-box-shadow: 0 1px 3px #666;
box-shadow: 0 1px 3px #666;
*/
}
.UIAccordion .disabled
{
	color:#999;
}

.UIAccordion .selected
{
	background-color:#777;
	color:#fff;
	border-bottom:1px solid #555;
}

.modalPopupOverlay
{
position:absolute;
top:0; left:0;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.2 opacity */
background: rgba(255, 255, 255, 0.5);
}
/*
.bluredComponent
{
  filter: blur(2px);
  -o-filter:blur(2px);
  -ms-filter:blur(2px);
  -moz-filter:blur(2px);
  -webkit-filter:blur(2px);
}

.unbluredComponent
{
  filter:blur(0px);
  -o-filter:blur(0px);
  -ms-filter:blur(0px);
  -moz-filter:blur(0px);
  -webkit-filter:blur(0px);
}
*/

.eobFrmBuilderInputItemContainer input[type=file]
{
	width:180px;
}


/*
UIFORM
*/

.inlineFormField
{
	display:inline;
}

.FormBuilderForm label.required { text-decoration:underline; }
.eobFrmBuilderInput.inlineFormField
{
	display:inline;
}


.noBorder
{
  border:0px !important;
}

.UICalendar {list-style:none;margin:0;padding:0;}

.UICalendar table td.saturday {background-color:lightgrey}
.UICalendar table td.sunday {background-color:lightgrey}

.UICalendar table td.dayName {height:30px;background-color:#336699;color:#fff;}
.UICalendar table td.dayName:hover {background-color:#336699;}
.UICalendar table td.selected {background-color:#4F92BF;color:#fff;}
.UICalendar table td:hover {background-color:#D8E7F1;}
.UICalendar table td.selected:hover {background-color:#4F92BF;color:#fff;}
.UICalendar div.pageActions {text-align:right; color:#666;}
.UICalendar table td.dayCurrentMonth .counter {font-weight:bold;}
.UICalendar table td.dayAfter .counter {font-weight:normal;}
.UICalendar table td.dayBefore .counter {font-weight:normal;}
.UICalendar td {border:1px solid #ccc;border-collapse:collapse;}

.eobFrmBuilderInputItemContainer
{
 margin:2px 0;
}

.UIForm input, .UIForm select, textarea
{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size:17px;
  padding:3px;
}


/*** INLINE FORM FIELDS TEST ***/
.eobFrmBuilderBlockField {display:inline-block;width:auto;}
.eobFrmBuilderBlockFieldClear {display:inline-block;width:auto;}
.eobFrmBuilderBlockFieldClear:after {clear:float;}


.popupFinalizare button.redButton
{
  background-color:#cc0000;
}
.popupFinalizare button.greenButton
{
  background-color:#00cc00;
}


.FormBuilderForm form input[type=submit], form input[type=submit], button.UIButton
{
background-color:#3E4D8D;
height:auto; border:0; padding:7px; color:#fff;
}

.transparentPopup {background-color:rgba(255,255,255,.95); }

/*.UIAccordion { height:100%; }*/


.FormBuilderForm form input[type=submit], form input[type=submit], button.UIButton
{
  background-color:#3E4D8D;
}


/** PENTRU MULTIPLE SELECTION **/
.UITable tr.multipleSelected td.__selection__ {background:url(../admin/images/enable_16.png) 50% 50% no-repeat; }

body {/*background-color:#3E4D8D;*/}
.AuthLogin 
{
  background-color:#fff;
  width:350px; height:auto; padding:15px 15px 20px 15px; margin-top:50px; margin:120px auto 0 auto;
  border:1px solid #ddd; text-align:center;
}
.AuthLogin {box-shadow:3px 3px 5px rgba(0,0,0,.25); }
.AuthLogin.FormBuilderForm .eobFrmBuilderInputContainer input{text-align:center; display:block; margin:0 auto;}
.AuthLogin.FormBuilderForm .eobFrmBuilderActionsContainer {text-align:center;}

.AuthLogin.FormBuilderForm input[type=email], .AuthLogin.FormBuilderForm input[type=password]
{
  font-size:16px; padding:7px; width:250px;
}
.eobFrmBuilderInputItemContainerrememberMe {display:none!important;}



/************************************************************************/
/* FROM CSS FILE: machetare-contracte.css */
/************************************************************************/

.legeThumb
{
  background:url("http://office.stoc-studio.ro/projects/qmbuilder/eob-libs/com/sds/eob/Modules/PregatireProfesionala/assets/yellow-sticker.png") no-repeat;
  text-align:center;
  cursor:pointer;
  height:180px;
  width:310px; 
  margin:20px;
  padding:10px 30px;
}


.articoleContainer, .articoleContractFinalContainer
{
  padding:0px 0 0 30px;
  list-style-type:none;
}

.articoleContainer .articolContainer .header
{
  background-color:#faf7c0;
  text-align:center; 
}
.articoleContainer .titluContainer  {text-align:left;}
.articoleContainer, 
.ui-sortable-helper{background-color:#fff;}

.articoleContainer .articolContainer .opArticolContainer 
{
  text-align:left;  
  padding:5px;
}

.articoleContainer .articolContainer .opArticolContainer img
{
  margin-top:5px;
}

.articoleContainer .articolContainer .moveContainer img
{
  margin-top:15px;
  cursor:pointer;
}

.addEditArticolForm .tagContainer
{
  padding-top:3px;
}

.addEditArticolForm .tagContainer span
{
  background-color:#ddd;
  margin:3px;
  padding:3px;
}



/** ICONS **/
.atasamente .imageContainer
{
  height:144px; width:auto; margin:0 auto; position:relative; display:inline-block;
  border:1px solid #ddd; line-height:144px; padding:0;
  box-shadow:5px 5px 5px rgba(0,0,0,.1); display:table; vertical-align:middle;
}
.atasamente .imageContainer img{display:table-cell;}
.atasamente .imageContainer span.fileIcon 
{
  min-width:22px; min-height:22px; width:22px; height:22px; display:inline-block;
  position:absolute; bottom:2px; right:2px;
}
.atasamente span.iconpdf
{
  background:url(../resources/icons/fileFormats/pdf.png) center center no-repeat;
}
.atasamente span.icondoc, .atasamente span.icondocx, .atasamente span.iconodt, 
 .atasamente span.iconods
{
  background:url(../resources/icons/fileFormats/doc.png) center center no-repeat;
}
.atasamente span.iconxls, .atasamente span.iconxlsx
{
  background:url(../resources/icons/fileFormats/xls.png) center center no-repeat;
}
.atasamente span.iconpng, .atasamente span.iconjpg, .atasamente span.iconjpeg, 
 .atasamente span.iconimage, .atasamente span.icon
{
  background:url(../resources/icons/fileFormats/png.png) center center no-repeat;
}


.UIListItems.atasamente li 
{
  width:20%; display:inline-block; vertical-align:top; text-align:center;
  margin:0; padding:7px; text-align:center; border:none; 
}

.UIListItems.atasamente li img 
{
  border:1px solid #ddd;
}
.UIListItems.atasamente li .titlu
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  padding:3px;
}
.UIListItems.atasamente li.selected
{
  background-color:rgba(79,146,191,.25);
}
.UIListItems.atasamente li.selected .titlu
{
  /*color:#fff;*/
}






/************************************************************************/
/* FROM CSS FILE: HELP-ARED.css */
/************************************************************************/

/*Ared help app .KnowledgeBase  */

.KnowledgeBase .mainContent {background-color:#eee; padding:10px 16px; }
.KnowledgeBase .legenda 
{
  padding:7px; border:1px solid #ddd; background-color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.09);
}
.KnowledgeBase .legenda #continut {font-size:20px;}
.KnowledgeBase .legenda ul {list-style:none; margin:0; padding:7px; }
.KnowledgeBase .legenda ul li {padding:7px; border-top:1px dotted #ddd; font-size:14px;}

.KnowledgeBase .articolContainer
{
  background-color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.09);
  padding:10px 0; border:1px solid #ddd; position:relative; margin:18px 0; padding:7px; 
}
.KnowledgeBase .articolContainer h3.titluArticol {font-size:23px; border-bottom:1px solid #999; padding:7px 0;}
.KnowledgeBase .articolContainer .atasament {font-size:12px; font-weight:normal; display:block; width:auto; padding:7px 0;}
.KnowledgeBase .articolContainer .content {padding:12px 0px;}
.KnowledgeBase .atasamente
{
  margin:10px auto; width:90%; background-color:#eee; 
}
.KnowledgeBase .atasamente p {font-size:14px; padding:7px 0; padding:7px; background-color:#ddd; font-weight:bold; }
.KnowledgeBase .atasamente .extensie {width:30px;}
.KnowledgeBase .atasamente ul {list-style:none; padding:0; margin:0; }
.KnowledgeBase .atasamente ul li {padding:7px 5px; vertical-align:middle; position:relative; margin:0; width:33.33%; display:inline-block; }
.KnowledgeBase .atasamente ul li a, .KnowledgeBase .atasamente ul li img
{
  vertical-align:middle; display:inline-block; padding-right:7px; 
}





.KnowledgeBase .goTop
{
  position:absolute; left:10px; padding:5px; bottom:10px; background-color:#cc0000; color:#fff; text-decoration:none;
}

/************************************************************************/
/* FROM CSS FILE: ProjManagement.css */
/************************************************************************/

body
{
    background-image: url(http://lexus.eob.ro/files_/bg.jpg) ;
    background-size: cover;
    background-position: center center;
}

#ProjectManagementJSAppId
{
  background-color:#fff;
}


.AuthLogin 
{
  background:none;
  border:none;
  box-shadow:none;
  margin:0 auto;
  padding:0px;
}


.AuthLogin h1,
.AuthLogin label,
.AuthLogin span,
.AuthLogin p
{
  display:none !important;
}

.AuthLogin h2
{
 color:#ccc; 
}

.progressCommentBody
{
  padding: 10px;
  background-color: #F9F8D9;
  border: 1px solid #ddd;
  margin: 7px;
}

.procent25 { background-color:#CC0000; border:1px dotted #fff; margin:3px 0;}
.procent50 { background-color:#CD6C01; border:1px dotted #fff; margin:3px 0;}
.procent75 { background-color:#91B502; border:1px dotted #fff; margin:3px 0;}
.procent100 { background-color:#00AA00; border:1px dotted #fff; margin:3px 0;}


.zileRamaseVerde {background-color:#00AA00;}
.zileRamaseGalben {background-color:#91B502;}
.zileRamasePortocaliu {background-color:#CD6C01;}
.zileRamaseRosu {background-color:#CC0000;}

.userInfoContainer
{
  color:#fff;
  text-align:right;
  padding:20px 5px;
}

.userInfoContainer .username 
{
  font-weight:bold;
}

.userInfoContainer .logout
{
  color:#fff;
}

.appHeader
{
  background:url("http://lexus.eob.ro/files_/lexus-logo-app.png") no-repeat left center,
    url("http://lexus.eob.ro/files_/app-header-bg.png") repeat-x;
  background-size:contain;
 
}


.caracteristici
{
  padding:0px;
  margin:0px;
  margin-bottom:10px;
}


.caracteristiciChild
{
  display:inline-block;
  vertical-align:top;
}

.caracteristici li
{
  padding:0px;
  margin:0px;
  margin-top:10px;
  display:inline-block;
  vertical-align:top;
}

.caracteristici li div
{
  min-width:150px;
  display:inline-block;
  vertical-align:top;
}

.caracteristici > li
{
  display:block;
}

.caracteristici li
{
  border-bottom:1px solid #ccc;
}

.caracteristici.caracteristiciChild li
{
  border:none;
  margin-top:0px;
  /*display:inline-block;*/
}


/**
ADD/EDIT PROIECT
**/
.addEditProiectForm .eobFrmBuilderInput 
{
  display:inline-block;
}

.addEditProiectForm .eobFrmBuilderInputItemContainerclientId label,
.addEditProiectForm .eobFrmBuilderInputItemContainernume label,
.addEditProiectForm .eobFrmBuilderInputItemContainerdataLimita label
{
  width: 60px;
  display:inline-block;
}

.addEditProiectForm .addClientBtn
{
  background-color:#3E4D8D;
  cursor:pointer;
  padding:8px 10px;
  color:#fff;
}

.numeUserProiectBox
{
  padding:5px;
  margin:5px 2px;
  border:1px solid #999;
  background-color:#ccc;
  display:inline-block;
}

.utilizatoriProiectList li 
{
    display: inline;
    border-bottom:none;
}

.utilizatoriProiectList li div
{
  display:inline-block;
  background-color:#ccc;
  padding:5px 5px;
  border-radius:10px;
}

.utilizatoriProiectList li div .remove
{
  font-weight:bold;
  color:#cc0000;
  text-decoration:none;
  font-size:13px;
  
}

.colInlineProcent
{
  border:1px solid #ccc;
  background-color:#ddd;
  margin:2px;
  text-align:center;
}

.uilistRowActions
{
  display:none;
}

.listaFaze li:hover .uilistRowActions {display:inline-block;}

.infoProdusContainer .removeProdus
{
  display:inline-block;
  background-color:#cc0000;
  padding:7px;
}

.infoProdusContainer .removeProdus a
{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}


.anuleazaProiect 
{
  background-color:#cc0000;
  margin-top:20px;
  padding:7px;
  text-align:center;
}

.anuleazaProiect a
{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}


.progressSelected {background-color:#009900; color:#fff; }

h3.winsetari
{
  margin-top:12px!important;
}

.setariProiecteMeniu
{
  top:35px!important;
  right:45px!important;
  left:auto!important;
}

.setariProiecteMeniu li
{
  line-height:35px;
}

.setariProiecteMeniu li img,
.setariProiecteMeniu li span.scris
{
  vertical-align:middle;
}

.proiecteNoiNotif 
{
  top:auto!important;
  left:auto!important;
  right:15px!important;
  bottom:15px!important;
}

.proiecteNoiNotif 
{
  background-color:pink;
}