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

.addEditPartenerForm input.preiaInfo {
    font-weight: normal!important;
    color: #fff;
    height: 35px;
    background-color: #2998e2;
    border: 1px solid darkblue;
    font-size: 14px;
}

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

.btnImportReg
{
  bottom:105px!important;
}

.btnAddReg, 
.btnImportReg
{
  width: 50px!important;
  height: 50px!important;  
}


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

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

.fullContainer {
  left: 0; top: 0; width: 100%; height: 100%; 
  position: absolute; display:block; z-index: 10;
}

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;
}

.bold {font-weight: bold;}

.MobileMain { -webkit-overflow-scrolling:touch; }

.UIText.touchStarted {background-color:rgba(0,0,0,.3)!important;}

.UIPopup.asMenu
{
  box-shadow: 3px 3px 5px rgba(0,0,0,.15);
  border-radius: 5px; 
}

.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); /*#4F92BF*/ }
.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;}

.UIListItems.grid2 li {width:50%;}
.UIListItems.grid3 li {width:33.33%;}
.UIListItems.grid4 li {width:25%;}

.UIPopup {max-height: 100%!important;}
.UIListItems.contextMenuList{
  background-color:#fff; 
  /*
  box-shadow:5px 5px 5px rgba(0,0,0,.15);
  */
  border:1px solid rgba(0,0,0,.35);
}
.UIListItems.contextMenuList li {padding:8px 8px; font-size:.9rem;}
.UIListItems.contextMenuList li.selected {color:#333;background-color:rgba(0,0,0,.10)!important;} /*rgba(79,146,191,.25)*/
.UIListItems.contextMenuList li:hover {color:#333; background-color:rgba(0,0,0,.10);}


.col, .leaf {position:relative; vertical-align:top; margin:0; display:inline-block;}

.col0 { width:0%; }
.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%; }

h1,h2,h3 {line-height:130%;margin:0px 0;padding:5px 0;}

.UIPopup {position:fixed!important;}

/** UIAlert **/

.UIAlert { background-color:rgba(255,255,255,.9)!important; }
.UIButtonBar {text-align:center;}
.UIPopup .UIAlertMessage {padding:7px;}
.UIAlertButton button.UIButton{padding-left:15px; padding-right:15px; cursor: pointer;}

/** ENDUIAlert **/


.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; 
}
.UIZoneHeight {height:100%;}

.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:#2998E2;}


*{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;
}
.alpha0 {background:none;}
.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:#2998E2; 
  border:0; font-size:14px; color:#fff; 
}
button.UIButton
{
  padding:9px; background-color:#2998E2; border:0; font-size:14px; color:#fff;  height:auto;
  cursor: pointer;
}


.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;
    z-index: 99393!important;
  }
  /* 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;
}
.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.winButton,
.boxTitle .UIText h3.winX 
{cursor:pointer; line-height:40px; 
  display:block;text-align:center; color:#333; /*background-color:#2998E2; 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;
}
.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);  
}




/*
#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; cursor: pointer; }

.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; cursor: pointer;}
.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;
cursor: pointer;
}
*,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;
cursor: pointer;
}

#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 rgba(0,0,0,.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.2);
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

/*
.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%; cursor: pointer;}
.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;}

/* .UITabNavigator > div > div {height: 45px!important;} Cipri - am incercat - dar nu merge ca fute containerele */

.UINavBar .UIButton {height:100%; margin:0px; background: #eee;  
	cursor: pointer; overflow: hidden;
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 
{
  border-bottom: 3px solid #2998E2;
  overflow: hidden;
  background-color: #eeeeee; color: #333; border-radius:0px; text-shadow:none; cursor: pointer; max-height: 100%;
}

.UINavBar input[type=submit],
.UINavBar input[type=button],
.UINavBar button
{
	cursor: pointer;
	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; cursor: pointer;}
.UITabNavigator .UINavBar {height:100%;}
.UITabNavigator .UINavBar .UIButtonWrap {overflow: hidden;}




.UINavBar .UIButton {height:100%;/*padding:0 10px;*/ cursor: pointer; max-height: 100%;}
.UITabNavigator .fillWidth.UINavBar span .UIButton {width: 100%; max-height: 100%;}

/****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
{
  position:relative;
}


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

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



.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 .holder:hover 
{
  border: 3px dashed #333; 
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .chips
{
  display:inline;  
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .chips .chip
{
  display:inline-block;
}


.FormBuilderForm .eobFrmBuilderInputItemContainer .chips .chip
{
    background-color: #ddd;
    padding: 6px 5px;
    margin: 3px;
    border-radius: 10px;
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .chips .selected
{
    background-color: #ccc;
    border:1px dotted #000;
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .chips .chip span.remove
{
    width: 16px;
    display: inline-block;
    text-align:center;
    background-color:#cc0000;
    border-radius: 16px;
    margin-left:5px;
}

.FormBuilderForm .eobFrmBuilderInputItemContainer .chips .chip span.remove a
{
  color:#fff;
  text-decoration:none;
}


/*
.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;*/ color:#333;}
.eobFrmBuilderInput.inlineFormField
{
	display:inline;
}


.noBorder
{
  border:0px !important;
}

.UICalendar {list-style:none;margin:0;padding:0;}
.UICalendar table td {cursor:default;}
.UICalendar table td .cellWrap {display:block; position:relative; margin:0; padding:0; 
    width:100%; height:100%; overflow:hidden;}

.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; text-align:center;}
.UICalendar table td.dayName:hover {background-color:#336699;}
.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 {}
.UICalendar table td.dayAfter .counter {font-weight:normal; color:#999;}
.UICalendar table td.dayBefore .counter {font-weight:normal; color:#999;}
.UICalendar td {border:1px solid #ccc;border-collapse:collapse;}
/* today and selected */
.UICalendar table td.today {background-color:#eee;}
.UICalendar table td.selected {background-color:#4F92BF;color:#fff;}
.UICalendar table td.selected .counter{color:#fff;}
.UICalendar {height:100%;}

.UICalendar table td .counter 
{
  /*z-index:2;*/ font-size:11px; text-align:right; display:inline-block; position:absolute; right:3px; top:3px;
}
.UICalendar table td .dayContent 
{
  z-index:1;
  position:absolute; width:100%; top:20px; bottom:0; overflow-x:hidden; overflow-y:auto; 
}



.eobFrmBuilderInputItemContainer
{
 margin:5px 0;
}

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


/*** 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;
  cursor: pointer;
}
.popupFinalizare button.greenButton
{
  background-color:#00cc00;
  cursor: pointer;
}


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

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




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

.UIXhrUploadProgress
{
  
}


.UIXhrUploadProgress .progressBarWrapper
{
  border:1px solid #ccc;
  height:10px;
}

.UIXhrUploadProgress .progressBarWrapper .progressBar
{
    height: 100%;
    background-color: #cc0000;
}

.UIXhrUploadProgress .fileName 
{
  font-weight:bold;
}

.UIXhrUploadProgress .procent span,
.UIXhrUploadProgress .footerTxt .nrTotalFisiere,
.UIXhrUploadProgress .footerTxt .nrFisiere100
{
  font-weight:bold;
}


.UIXhrUploadProgress .right
{
  text-align:center;
}

.UIXhrUploadProgress .right
{
  padding-top:15px;
}


.toastMessagePopup
{
  height:auto!important;
  padding:5px 10px;
  border-radius:3px;
  left:calc(50% - 150px)!important;
  border: 0;
}

.toastMessagePopupSucces
{
  background-color:lightgreen!important;
}

.toastMessagePopupEroare
{
  background-color:#E55451!important; color:#fff;
}


/****************  START UITable Sticky *********************/

div.UITable {
			  max-width: 100%;
			  max-height: 100%;
              min-height: 100%;
			  overflow: auto!important;
			  position: relative;
			}

			div.UITable table {
			  position: relative;
			  border-collapse: collapse;
			}

			td, th {
			  /*padding: 0.25em;*/
			}
			div.UITable thead th {
			  position: -webkit-sticky; 
			  position: sticky;
			  top: 0!important;
			  background: #000;
			  color: #FFF;
			  padding:4px;
			  box-shadow: 3px 3px 3px rgba(0,0,0,.15);
              border-left: 1px solid #fff!important;
              z-index: 2;
			}
			div.UITable thead th.fixedColumn {
			  /*left: 0;*/
			  z-index: 3;
              border-left: 1px solid #fff!important;
			}

			div.UITable tbody td.fixedColumn {
			  position: -webkit-sticky; 
			  position: sticky;
			  /*left: 0;*/
			  background-color: #f8f8f8;
			  box-shadow: 2px 2px 2px rgba(0,0,0,.06);
			  padding: 3px;
              z-index: 1;
			}
            .UITable table tr
{
  z-index:0;
}
            .UITable table tr.selected:hover td.fixedColumn {
                background-color: #4F92BF;
            }
            .UITable table tr.selected td.fixedColumn {
                background-color: #4F92BF;
            }
          .UITable .UITableFixedHeader .headerCell {position: relative;display:block; width: 100%; height: 100%;}
          

/****************  END   UITable Sticky *********************/

/****************  START stickyTable Sticky *********************/

div.stickyTable {
			  max-width: 100%;
			  max-height: 100%;
              min-height: 100%;
			  overflow: auto!important;
			  position: relative;
			}

			div.stickyTable table {
			  text-align:left;
			  position: relative;
			  border-collapse: collapse;
			}

			td, th {
			  /*padding: 0.25em;*/
			}
			div.stickyTable thead th {
			  position: -webkit-sticky; 
			  position: sticky;
			  top: 0!important;
			  background: #000;
			  color: #FFF;
			  padding:4px;
			  box-shadow: 3px 3px 3px rgba(0,0,0,.15);
              border-left: 1px solid #fff!important;
              z-index: 2;
			}
			div.stickyTable thead th.fixedColumn {
			  /*left: 0;*/
			  z-index: 3;
              border-left: 1px solid #fff!important;
			}

			div.stickyTable tbody td.fixedColumn {
			  position: -webkit-sticky; 
			  position: sticky;
			  /*left: 0;*/
			  background-color: #f8f8f8;
			  box-shadow: 2px 2px 2px rgba(0,0,0,.06);
			  padding: 3px;
              z-index: 1;
			}
div.stickyTable tbody tr td {border-bottom: 1px solid #eee; padding: 4px 6px;}
.stickyTable table tr
{
  z-index:0;
}
            .stickyTable table tr.selected:hover td.fixedColumn {
                background-color: #4F92BF;
            }
            .stickyTable table tr.selected td.fixedColumn {
                background-color: #4F92BF;
            }
          .stickyTable .UITableFixedHeader .headerCell {position: relative;display:block; width: 100%; height: 100%;}
          
.fullWidth {width: 100%;}
.fullHeight {height: 100%;}

/****************  END   stickyTable Sticky *********************/



.ui-datepicker {z-index: 999999!important;}


/* */
.UIBoxLite{
  display:flex;
  flex-wrap: nowrap;
  width: 100%!important; height: 100%!important;
  min-width: 100%!important; min-height: 100%!important;
  overflow: hidden;
}

.UIBoxLiteV {flex-direction: column; }
.UIBoxLiteH {flex-direction: row; }

.UIBoxLite.UIBoxLiteV .UIBoxLiteWrapper
{
  /*justify-content: center;*/
  /*width: 100%; */  
  flex: 1 0 0;
}
.UIBoxLite.UIBoxLiteH .UIBoxLiteWrapper
{
  /*height: 100%; */  
  /*align-items: center;*/
  flex: 1 0 0;
  flex-wrap: nowrap;
}

/*.QAppPage > * {width: 100%; height: 100%;}*/
.UIStackContainer {width: 100%; height: 100%; max-width: 100%; max-height: 100%;}




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

.CampuriStructuraActualizataComponent .removeCamp
{
  display:none;
  cursor:pointer;
}

.CampuriStructuraActualizataComponent li:hover .removeCamp
{
  display:inline;
}

.CampuriStructuraActualizataComponent li div
{
  line-height:23px;
}

.CampuriStructuraActualizataComponent li img
{
  vertical-align:middle;
}

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

.previewResursaContainer.TextPreviewComponent
{
  background-color:#fff;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.previewResursaContainer.TextPreviewComponent .UIText
{
  font-size: 12px!important;
  line-height: 150%!important; 
  padding: 10px!important;
}


.PreviewPaginaResursaComponent {background-color:#111;}
.PreviewPaginaResursaComponent,
.PreviewPaginaResursaComponent .previewResursaImagePage
{
  width: 100%; height: 100%; overflow:hidden; 
  display:block;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%; height: 100%;  
}

.PreviewPaginaResursaComponent .previewResursaImagePage img
{
  max-width: 100%; max-height: 100%;
}

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

.checklistItemsTree .addCamp
{
  background-color:#2998e2;
  text-decoration:none;
  color:#fff;
  padding:4px;  
  border-radius: 5px;
  margin-right:5px;
}

.checklistItemsTree .opsContainer
{
  display:none;
  margin:0px 4px;
}

.checklistItemsTree .opsContainer img
{
  max-width:12px;
  cursor:pointer;
  margin-right:5px;
}

.checklistItemsTree .checklistItem .opsContainer img
{
  
}


.checklistItemsTree .row:hover .opsContainer
{
  display:inline-block;
}

.checklistItemsTree .numeTip
{
  font-size:11px;
  color:#666;
}

.sesiuniComponent .sesiuniList .finalizat
{
  color:#999;
}

.checklistEnumContainer.autoWithEnumItems .enumItem
{
	width:auto!important;
	min-width:70px;
	max-width:100%;
}

.checklistEnumContainer.autoWithEnumItems .enumItem > div
{
  padding-left:5px;
  padding-right:5px;
}

.checklistEnumContainer .enumItem
{
	/*min-width:70px;*/
}

.checklistEnumContainer .enumItem .inner
{
  margin:1px 2px;
  min-height:30px;
  line-height:30px;
  background-color:#eee;
  text-align:center;
}

.checklistEnumContainer .selected
{
  font-weight:bold;
  text-decoration:underline;
}

.checklistEnumContainer .scor1 .selected
{
  color:#fff;
  background-color:#00cc00;
}

.checklistEnumContainer .scor0 .selected
{
  color:#fff;
  background-color:#cc0000;
}

.linkAtasamentItemChecklist
{
  line-height:52px;
  text-align:center;  
}

.linkAtasamentItemChecklist .inner
{
  width:35px;
  position:relative;
  margin:0 auto;
}

.linkAtasamentItemChecklist .nrAtasamente
{
  position:absolute;
  line-height: 20px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #cc0000;
  color: #fff;
  font-size: 10px;
  top: 15px;
  right: 0px;
}

.linkAtasamentItemChecklist img
{
  vertical-align:bottom;
}

.miniInfoBox
{
  text-align:right;
  line-height:40px;
  
}

.miniInfoBox span
{
  background-color:#00cc00;
  color:#fff;
  font-size:10px;
  padding:5px;
  border-radius:3px;
}

.miniInfoBoxGrey span
{
  background-color:#999;
}

.miniInfoBoxRed span
{
  background-color:#cc0000;
}

.miniInfoBoxBlue span
{
  background-color:#2998e2;
}

.miniInfoBoxOrange span
{
  background-color:orange;
}


.sesiuniList .owner,
.sesiuniList .numeChecklist
{
  font-size:11px;
}

.sesiuniList .owner .numeOwner
{
  font-weight:bold;
}

.sesiuniList .itemName
{
  background-color: #ddd;
  padding: 2px;
  border-radius:3px;
}

/*
.sesiuniComponent
{
  position:relative!important;
}

.sesiuniComponent .searchSesiuniForm
{
  position:absolute;
}
*/
.resurseDmsChecklist .resurseDmsListWrp
{
  display:block!important;
  overflow:auto!important;
}

.resurseDmsChecklist .resurseThumbnails:empty:after
{
  content:"Nu exista atasamente.";
}

.mentiuniGeneraleSesForm
{
  margin-bottom:100px;
}
 

.problemaCriticaItemSesiune
{
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #cc0000;
  color: #fff;
  text-align: center;
}

.ProblemaSesiuneComponent .detalii
{
  text-align:center;
}

.ProblemaSesiuneComponent .infoRaspuns
{
  background-color:lightgoldenrodyellow;
  margin:10px 0px;
  padding:10px 5px;
}

.ProblemaSesiuneComponent .infoRaspuns .numeValoare
{
  font-weight:bold;
}



/* SectiuniMachetaTree
============================================= */
.SectiuniMachetaTree .item .sectiune {
  position: relative;
}
.SectiuniMachetaTree .item .sectiune .denumireSectiune {
  padding-right: 20px;
}
.SectiuniMachetaTree .item .sectiune .ops {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0px;
  top: 0px;
}
.SectiuniMachetaTree .item .sectiune .ops:hover {
  
}
.SectiuniMachetaTree .item .sectiune .ops img {
  max-width: 16px;
}

.noProblemeItemTxt
{
  text-align:center;
  color:#666;
}

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


.bulinaNotifPasMonitorizat {padding: 2px; min-width: 20px; height: auto!important;}
.nrAmanariTask
{
  margin-left: 5px;
  text-align:center; font-size:10px; 
  border:1px solid #aaa; color:#aaa; min-width: 27px; display: inline-block; padding:2px; border-radius: 50%;
}
.nrAmanariTask:hover {background-color:#999; color:#fff;}
.taskuriLeftBox .titluPas a{
  display:block; padding: 0 5px 5px 5px; text-decoration:none; color:#333;
  line-height: 140%;
}
.zileRamase {border-radius: 3px; }
.pasBgOrange {background-color:#edb415; color:#fff; font-weight:bold;}

.taskuriLeftBox .detaliiFromUser {
 padding-left: 5px;
}


.verticalCenter
{
  display: flex;
  align-items: center;
}
.horizontalCenter
{
  display: flex;
  justify-content: center;
}

.DMSApp2 .QMainTemplate-left
{
  width:325px;
}
.DMSApp2 .QMainTemplate-right
{
  width: calc(100% - 325px);
}

.DMSApp2 .QFloatButton
{
  bottom:50px;
  right:50px;
  background-color:#2998e2;
}
@media (max-width: 1100px)
{
	.DMSApp2 .QFloatButton
	{
	  bottom:40px;
	  right:25px;
	  background-color:#2998e2;
	}
}

.DMSApp2 .QLeftMenu .QLeftMenuList li h4
{
  font-weight:normal;
}

.DMSApp2 .QMainTemplate-leftMenuZone
{
  overflow-x:hidden!important;
}

.DMSApp2 .QLeftMenu .QLeftMenuList li div.defaultLeftMenuItemClass
{
  background-size:16px!important;
}


.DMSApp2 .QMainTemplate-moduleContent
{
  padding: 15px 15px!important;
}

.DMSApp2 .ResurseDmsMobileComponent .resurseSearchFormWrp
{
  
}

.PasForm .CompletareChecklistSesiuneComponent .mentiuniGeneraleSesForm
{
  margin-bottom:0px!important;
}



.DMSApp2 .FiltruFsMobileComponent ul li {
    cursor: pointer;
    width: 45%;
    padding: 0px;
    margin: 1%;
    display: inline-block;
    
    text-align: left;
}
.DMSApp2 .FiltruFsMobileComponent ul li .row {
    overflow: hidden;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.DMSApp2 .FiltruFsMobileComponent ul li div.leaf {
    height: 40px;
    overflow: hidden;
    display: table;
}

.DMSApp2 .FiltruFsMobileComponent ul .leaf {
    background-image: url(../eob-libs/com/sds/eob/Modules/DMS/assets/tree_closed_blue_folder_24.png)!important;
    background-position: 4px 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right: 5px;
}
.DMSApp2 .FiltruFsMobileComponent ul li .row h3 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}



/*
RESURSE GRID
*/

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails 
{
    box-sizing: border-box!important;
    text-align: center;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbMain {}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbContainer
{
  position:relative;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbOpsButton
{
  line-height:20px;
  position:absolute;
  right:10px;
  top:10px;
  background-color:rgba(255,255,255,.6);
  border-radius: 25px;
  display:none;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbOpsButton:hover
{
  background-color:rgba(255,255,255,1);
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails li:hover .thumbOpsButton
{
  display:inline-block;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails li:hover
{
  
  background-color:#fff!important;
  border:1px solid rgba(41,152,226,1);
  /*box-shadow:1px 1px 1px rgba(41,152,226,1);*/
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails li
{
  background-color:#fff;
  cursor:pointer;
  width:45%;
  height: 210px;
  padding: 0px;
  margin:1%;
  box-shadow:1px 1px 2px rgba(0,0,0,.13);
  border:1px solid #ddd;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbTitle
{
  overflow:hidden;
  height: 50px;
  text-align: center;
  border-top: 1px dotted #ccc;
  line-height: 20px;
  position:relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
  
  font-weight: 600;
  color: #444;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbTitle .title {
  text-align: left;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbContainer
{
  padding:4px;
  text-align:center;
  height:158px;
  line-height:140px;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails li img
{
  max-width:100%;
  max-height:100%;
  vertical-align: middle;
}

.DMSApp2 .ListaResurseMobileComponent .resurseThumbnails .thumbTitle .fileIcon img
{
  max-width:18px!important;
}

.DMSApp2 ul.resurseThumbnails
{
  background-color:#ffffff!important;
}


.DMSApp2 .QMenuCustomComponent
{
  background-color:#232323;
}

.DMSApp2 .QMenuCustomComponent li.selected
{
  color: rgba(255,255,255,.6);
  
}

.DMSApp2 .QMenuCustomComponent .filtruFsTree ul,
.DMSApp2 .QMenuCustomComponent .filtruFsTree div.item,
.DMSApp2 .QMenuCustomComponent .filtruFsTree div.item:hover
{
  background-color:#232323;
}

.DMSApp2 .QMenuCustomComponent li.selected .item
{
 
}

.DMSApp2 .QMenuCustomComponent .filtruFsTree li.selected > div.item
{
  background-color: rgba(255,255,255,.2); 
  color: rgba(255,255,255,.8);
}

.DMSApp2 .QMenuCustomComponent .filtruFsTree li.selected,
.DMSApp2 .QMenuCustomComponent .filtruFsTree li:hover
{
  border-right:none!important;
}


.DMSApp2 .QMenuCustomComponent .shortcuturiList li
{
  border-bottom:none!important;
}

.DMSApp2 .QMenuCustomComponent .shortcuturiContainer,
.DMSApp2 .QMenuCustomComponent .filtruFsTree
{
  color: rgba(255,255,255,.6);
}

.Pagedmsapp .fluxNouSelectorPopup
{
	right: 120px;
    bottom: 50px;
	top:auto!important;
	left:auto!important;
}

.isMobileDevice .SelectorDeschidereFlux .UIListItems li, 
.isMobileDevice .FormAutocompletionSelectorPopup .UIListItems
{
  font-size: 1rem; 
  padding: 7px 7px;
}


@media (max-width: 1100px)
{
  .DMSApp2 .QMainTemplate-left {left:-330px;}
  .DMSApp2 .QMainTemplate-right {width: 100%;}
  .DMSApp2 .QMainTemplate-moduleContent {padding:5px 5px!important;}
}

.DetaliiPasMobileComponent .eobFrmBuilderInputItemContainer
{
  width:100%!important;
}

.DetaliiPasMobileComponent .eobFrmBuilderInputItemContainer input
{
  height:50px;
}

.detaliiPasMobileIco img
{
  padding-top:12px;
}


/*** PENTRU PROGRESS BAR ***/ 
.taskuriLeftBox .titluPas .numeFlux, .taskuriRightBox .pasiFluxMonitorizat .responsabilSarciniMonitorizate
{
    bottom: -12px!important;
    background-color: #fff;
    padding: 0 3px;  
}

.procentCompletareChecklist
{
  height: 7px;
  margin-bottom: 7px;
  background-color: #ddd;  
}
.taskuriRightBox .procentCompletareChecklist
{
  margin-top: 5px;
  height: 4px;
  margin-bottom: 4px;
  background-color: #ddd;  
}
.taskuriRightBox .procentCompletareChecklist .red,
.taskuriRightBox .procentCompletareChecklist .orange,
.taskuriRightBox .procentCompletareChecklist .green
{
  background-color: #00bb00; /*#dd0000;*/
  height: 4px;   
}

.procentCompletareChecklist .red
{
  background-color: #009900; /*#dd0000;*/
  height: 7px; 
}
.procentCompletareChecklist .orange
{
  background-color: #009900; /*#eba134;*/
  height: 7px; 
}
.procentCompletareChecklist .green
{
  background-color: #009900;
  height: 7px; 
}

.PasForm .CompletareChecklistSesiuneComponent .mentiuniGeneraleSesForm
{
  display:none;
}

.taskuriLeftBox .UIListItems li, .taskuriRightBox .UIListItems li
{
  padding-bottom: 12px; padding-top: 12px;
}

/*** END PROGRESS BAR ***/ 


.AtasamenteDefaultPasComponent .rowResursaPas
{
  line-height:30px;
}


.AtasamenteDefaultPasComponent .rowResursaPas img
{
  vertical-align:middle;
  margin:5px;
}

.AtasamenteDefaultPasComponent .rowResursaPas img.remove
{
  display:none;
}

.AtasamenteDefaultPasComponent li:hover .rowResursaPas img.remove
{
  display:inline-block;
}

.SectiuniPluginuriComponent img
{
  cursor:pointer;
  display:none;
  vertical-align:middle;
}


.SectiuniPluginuriComponent .UIListItems li:hover img
{
  display:inline-block;
}

.AddEditRegulaNotificareComponent .PermisiuniCommonSelectorComponent .UITableFixedHeader
{
  display:none;
}

.TargeturiNotificariComponent .UITableFixedHeader
{
  display:none;
}

.previewResursaContainer .UIText
{
  position:static!important;
}

.previewResursaContainer .UIText video
{
  width:auto!important;
  height:auto!important;
  min-height:500px;
}

.DragAndDropResursePreviewList
{
  text-align:center;
}

.DragAndDropResursePreviewList li
{
  display:inline-block;
  width:100px;
  height:100px;
  border: 1px solid #eee;
  margin: 5px;
  position:relative;
}

.DragAndDropResursePreviewList li img
{
  max-width:100%;
  max-height:100%;
}

.DragAndDropResursePreviewList .thumb-ops
{
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  display:none;
  height:30px;
  background-color:#e2e0e0;
  line-height:30px;
  border-top:1px solid #ccc;
}

.DragAndDropResursePreviewList .thumb-ops img
{
  vertical-align:middle;
  cursor:pointer;
}

.DragAndDropResursePreviewList li:hover .thumb-ops
{
  display:block;
}

.DragAndDropResursePreviewList h3
{
  color:#545353;
  margin-top:5px;
}



/************************************************************************/
/* FROM CSS FILE: UITree-Table.css */
/************************************************************************/


.vc-real {border-right: 1px solid rgba(0,0,0,.5)!important; border-left: 1px solid rgba(0,0,0,.5)!important; background-color:rgba(0,255,0,.2)!important;}

.tableTree .UITable tr.withChildren:hover td{background-color:none!important;}
.tableTree .UITable tr.selected td {background-color:#2998E2!important; }

.tableTree.UITable tr.withChildren:hover td{background-color:none!important;}
.tableTree.UITable tr.selected td {background-color:#2998E2!important; }


/** total general **/
.tableTree.UITable table tbody tr.totalGeneral:hover td{background-color:none!important;}
.tableTree.UITable table tbody tr.totalGeneral td
{ 
  padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: bold; background-color:#17A05D!important; /*#2998E2!important*/; color:#fff;
}
.tableTree.UITable table tbody tr.totalGeneral td .negativeValue
{
  background-color: #cc0000; color: #fff; padding: 4px;
}


.tableTree .nivelTree-0  td{ font-size: 17px;font-weight: bold;}
/*.tableTree .nivelTree-0.withChildren td{ font-weight: bold; background-color:#ddd!important; color:#000;}*/
.tableTree .nivelTree-0 td{ font-weight: bold; border-top: 2px solid #bbb!important; /*background-color:#ddd!important; color:#000;*/}

.tableTree .nivelTree-1 td{ font-size: 14px; /*font-weight: bold;*/ }
.tableTree .nivelTree-1 td:first-child{ padding-left: 18px; /*font-weight: bold;*/}
/*.tableTree .nivelTree-1.withChildren td{ font-weight: bold; background-color:#ddd!important;}*/

.tableTree .nivelTree-2 td{ font-size: 12px;}
.tableTree .nivelTree-2 td:first-child{ padding-left: 30px;}
/*.tableTree .nivelTree-2.withChildren td{ font-weight: bold; background-color:#eee!important;}*/

.tableTree .nivelTree-3 td{ font-size: 12px;}
.tableTree .nivelTree-3 td:first-child{ padding-left: 50px;}

.tableTree .nivelTree-4 td{ font-size: 12px;}
.tableTree .nivelTree-4 td:first-child{ padding-left: 60px;}

.tableTree .nivelTree-5 td{ font-size: 12px;}
.tableTree .nivelTree-5 td:first-child{ padding-left: 70px;}

.tableTree.treeWithValues tr.row.totalZero {display:none!important;}

/** MOBILE **/
.isMobileDevice .tableTree .nivelTree-0 td {font-size: 17px;}
.isMobileDevice .tableTree .nivelTree-1 td{ font-size: 15px;font-weight: normal;} 
.isMobileDevice .tableTree .nivelTree-2 td{ font-size: 14px;} 
.isMobileDevice .tableTree .nivelTree-3 td{ font-size: 13px;} 


.negativeValue {color:#dd0000; font-weight: bold;}

.tableTree tr.totalGeneral td.colYellow, 
.tableTree td.colYellow, 
.tableTree .withChildren td.colYellow {background-color:rgba(255, 229, 153, 0.35)!important; color:#333;}

.tableTree tr.totalGeneral td.colGreen, 
.tableTree td.colGreen, 
.tableTree .withChildren td.colGreen {background-color:rgba(0, 200, 0, 0.35)!important; color:#333;}

.tableTree tr.totalGeneral td.colRed, 
.tableTree td.colRed, 
.tableTree .withChildren td.colRed {background-color:rgba(200, 0, 0, 0.35)!important; color:#333;}

td.colRightBorder {border-right: 1px solid rgba(0,0,0,.5)!important;}
td.colBottomBorder {border-bottom: 1px solid rgba(0,0,0,.5)!important;}

.tableTree td{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tableTree .nivelTree-0.withChildren td.selectedCell, 
.tableTree .nivelTree-1.withChildren td.selectedCell, 
.tableTree .nivelTree-2.withChildren td.selectedCell, 
.tableTree .nivelTree-3.withChildren td.selectedCell, 
.tableTree .nivelTree-4.withChildren td.selectedCell, 
.tableTree .nivelTree-5.withChildren td.selectedCell, 
.tableTree .nivelTree-6.withChildren td.selectedCell, 
.tableTree .nivelTree-7.withChildren td.selectedCell, 

.tableTree.UITable tr.selected td.selectedCell, 
.tableTree.UITable tr.selected td.withChildren.selectedCell, 
.tableTree.UITable tr.selected td.withChildren.selectedCell *, 
.tableTree tr td.selectedCell {background-color:rgba(200, 0, 0, 1)!important; color:#fff!important;}
.tableTree tr td.selectedCell *{background-color:rgba(200, 0, 0, 1)!important; color:#fff!important;}




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

/* QMBuilderInterfaceFramework.js */

.QMainTemplate-logoZone .fluxerIoLogo img
{
 width: 40px; 
}
.smallSideBar .QMainTemplate-logoZone .fluxerIoLogo img
{
 width: 30px;  
}


.smallSideBar .hiddeWhenMinimized
{
  display:none;
}

.hiddeWhenMaximized {display: none!important;}
.smallSideBar .hiddeWhenMaximized {display:block!important;}

/* UITabBar**/
.QMainTemplate .UITabBar { position:relative; height:100%;}
.QMainTemplate .UITabBar .UIButtonLite
{
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
  height:45px; background-color:#eee!important; border-right:1px solid #ccc; 
  color:#333; font-weight: normal; height:100%;
}
.QMainTemplate .UITabBar .UIButtonLite.selected 
{
  border-bottom: 3px solid rgba(0,163, 217,.8);
 background-color: #E5E5E5!important;
  font-weight: bold;
}

.QMainTemplate .UIButtonLite {
    margin: 0;
    border-right: 1px solid #fff;
}

.QUserInfoBox .name
{
  font-weight:bold;
}

.green {background-color:#009900!important; }
.QAppLogo img{width: 60px; transition: all .2s; }
.QComponent {display:block; width:auto; height: auto;}

.QMainTemplate {width: 100%; height: 100%; display:block; position: absolute; font-size: 13px;}


.flexCenter
{
  display:flex;
  align-items: center;
  justify-content: center;  
}

.QMobileLayer 
{
  background-color:rgba(0,0,0,.1); position: fixed;
  width: 100%; height: 100%; display:none; z-index: 190; overflow:hidden;
}
.QMainTemplate-left {position: absolute; display: block; z-index: 1500; transition: all .3s; overflow:hidden; }
.QMainTemplate-right {position: absolute; display: block;}

.QMainTemplate-top {display: table; }
.QMainTemplate-topLeft {display: table-cell; text-align:left; width:auto; overflow:hidden;}
.QMainTemplate-topRight 
{
	display: flex; text-align:right;width:auto;
	align-items: center;
	justify-content: flex-start;	
	direction: rtl;
	
}
.QMainTemplate-topRight > * {width: auto; direction: ltr;}

.QMainTemplate-module, 
.QMainTemplate-moduleHeader, 
.QMainTemplate-moduleContent
{
  position: relative; display: inline-block; background-color: #eee;
}
.QMainTemplate-moduleContent  { width: 100%; height: calc(100% - 50px); padding: 30px 40px; position: relative; overflow: auto!important;}

/** LEFT / RIGHT **/
.QMainTemplate-left {width: 250px; height: 100%; background-color: #343434; color: #fff; overflow-x: hidden; color: rgba(255,255,255,.6);}
.QMainTemplate-left a { color: #fff; }
.QMainTemplate-right {right: 0; width: calc(100% - 250px); height: 100%; /*background-color: #eee;*/}


/** LOGIN LOGIN L O G I N  **/
.QLoginTop
{
  text-align: right;
  display: inline-block;
  width: auto;
  /*height: 50px;*/
  /*line-height: 50px;*/
  position: relative;
  padding: 5px 10px 0 5px;
}
.QLoginTop .loginCircle
{
  border: 1px solid #ddd; cursor: pointer;
  width: 40px; height: 40px; background-color:#eee; border-radius: 50%;
}
.QLoginPopupDetails {}

/** BURGER MENU **/ 
.QMainTemplate-burgerMenu
{
  width: 50px; padding: 0; height:100%;
  display:none; text-align:left;
  background: url("../resources/icons/sandwitch_menu_20.png") center center no-repeat;
}


/** TOP ZONE - in RIGHT ZONE **/
.QMainTemplate-top     { width: 100%; height: 50px; background-color: #2998e2; color:#fff; padding: 0; display: table;}
.QMainTemplate-top > * { vertical-align:middle; }
.QMainTemplate-top a {color:#fff;}
.QMainTemplate-module  { width: 100%; height: calc(100% - 50px); }


/** MODULE HEADER AND CONTENT **/
.QMainTemplate-moduleHeader
{
  /*display: table;*/
  padding: 0 10px;
  width: 100%; height: 50px; background-color: #2998e2; color:#fff; 
  box-shadow: 3px 3px 3px rgba(0,0,0,.15);
}
.QMainTemplate-moduleHeader * { vertical-align:middle; /*display: table-cell;*/ }
.QMainTemplate-moduleHeader .pageTitle
{ 
  display:inline-block; 
  overflow: hidden;
  max-height: 40px;
  white-space: nowrap; 
  text-overflow: ellipsis; 
  /*padding-left: 30px;*/
}
.QMainTemplate-moduleHeader h1 { font-size: 22px; text-align:left; }
.QMainTemplate-moduleHeader a {color: #fff;}
/*.QMainTemplate .UIBoxLite .UIBoxLiteWrapper {margin: 10px; border: 1px solid #ddd; background-color:#fff;}*/

/* BACK BUTTON  */
.pageBackButton
{
  height: 100%; width: 32px; vertical-align:middle; padding-right: 3px; cursor: pointer;
  position:relative; z-index: 1000; min-height: 32px; min-width: 100%; display: inline-block; 
  /*display: table-cell;*/
}

/* Clasa se pune pentru a ascunde zona de back button*/
.backButtonHidden {width: 0%!important; min-width:0%!important; flex: 0 1!important;}

.QBackButtonIcon
{
  background: url("../eob-libs/com/sds/eob/Modules/QMBuilder/js/interfaceFramework/resources/icons/leftArrow.png") -10px -2px no-repeat;
}



.QMainTemplate .QAppPage
{
  box-shadow: 3px 3px 3px rgba(0,0,0,.1);
  width: 100%; height: 100%; position: relative; background-color:#fff; padding: 10px;
  overflow: auto;
}
.PageTest { background-color:#fff!important; max-width: 960px;}


/*** QLEFT MENU  ***/

.QMainTemplate-logoZone
{
  height: 55px; background-color:#343434; color: #ddd;
  align-items: center;
  justify-content: center;
  text-align:center;
  display:flex; 
}
.QMainTemplate-subLogoZone
{
  height: 45px; background-color:#343434;
  align-items: center;
  justify-content: center;
  display:flex; 
  border-bottom: 1px solid rgba(255,255,255,.2);
  border-top: 1px dotted rgba(255,255,255,.1);
  max-width: 100%; padding: 3px;
  overflow: hidden;
}
.QMainTemplate-subLogoZone > *
{
	display:flex; width: auto;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;	
	text-align:center;
	/*justify-content: center;*/
}

.QMainTemplate-leftMenuZone {height: calc(100% - 150px); overflow: auto;  }
.QMainTemplate-leftFooterZone {height: 50px; text-align:center;}

.QLeftMenu {border-bottom: 1px solid #888;}
.QMainTemplate-leftMenuZone .firstMenu { border-top: 1px solid #888; }

/* Notificari in meniul din stanga*/
.QMenuNotif
{
  display:none; width:auto; height: 20px; position:absolute; right: 5px; top: 10px; padding: 0px 7px 2px 7px;
  border-radius: 3px; background-color: #cc0000; pointer-events: none; color:#fff; text-align:center;
  font-size:10px;
}
/*
.QLeftMenu  > .UIText {
  transition: all .3s;
  height: 65px;
  overflow: hidden;
}
*/
.QLeftMenu .QRMenuTitle
{
  cursor: pointer;
  padding: 15px 7px 15px 12px; margin:0;
  color: rgba(255,255,255,.9);
  background: url("../eob-libs/com/sds/eob/Modules/QMBuilder/js/interfaceFramework/resources/icons/up_arrow_24.png") center right no-repeat;
  background-color:#232323;
  /*transition: all .3s;*/
}

.QLeftMenu.hiddenMenu .QMenuCustomComponent
{
  display:none;
}

.QLeftMenu .QRMenuTitle .title { white-space: nowrap; }
.QLeftMenu .QRMenuTitle .description {/*display:none;*/ color: rgba(255,255,255,.3); white-space: nowrap; }
.QLeftMenu.hiddenMenu .QRMenuTitle
{
  background-color:#444; 
  background: url("../eob-libs/com/sds/eob/Modules/QMBuilder/js/interfaceFramework/resources/icons/down_arrow_alpha.png") center right no-repeat;
}


.QLeftMenu .QLeftMenuList { transition: all .3s; position: relative; height: auto; display:block;}
.QLeftMenu .QLeftMenuList li
{
  border-right: 5px solid rgba(0,0,0,0);
  padding-left: 10px; background-color:#232323; border-bottom: 1px solid rgba(255,255,255,.05);
  color: rgba(255,255,255,.6); cursor: pointer;
  transition: all .3s;
}
.QLeftMenu .QLeftMenuList li h4 {padding: 5px 10px; color: rgba(255,255,255,.6); white-space: nowrap; font-weight: normal;}
.QLeftMenu .QLeftMenuList li.selected h4 {color: #eee; }
.QLeftMenu > .UIText {padding: 0!important; }

/* default icon for menu items*/
.QLeftMenu .QLeftMenuList li > div {padding-left: 20px;}
.QLeftMenu .QLeftMenuList li .defaultLeftMenuItemClass
{
  background: url("../eob-libs/com/sds/eob/Modules/QMBuilder/js/interfaceFramework/resources/icons/tree_closed_folder_24.png") center left no-repeat;
}

.QLeftMenu li:hover {background-color:rgba(255,255,255,.015); border-right: 5px solid #2998E2;}
.QLeftMenu li.selected { background-color:rgba(255,255,255,.015); color:#fff; border-right: 5px solid #2998E2;}

.QLeftMenu.hiddenMenu .QLeftMenuList
{opacity: 0; position: absolute; left: -600px; visibility: hidden; }

.QLeftMenu.hiddenMenu .QRMenuTitle .description {/*display:block;*/}


/**** FLOAT BUTTON ****/
.QFloatButton 
{ 
  background-position: center center; background-repeat: no-repeat; 
  z-index: 100; cursor: pointer; width: 60px; height: 60px; display:block; box-shadow: 3px 3px 3px rgba(0,0,0,.15);
  border-radius: 50%; background-color:#009900; position: fixed; bottom: 60px; right: 60px; 
}
.QFloatButton:hover
{
  box-shadow: 5px 3px 3px rgba(0,0,0,.15);
}
.QFloatButton-red {background-color: #cc0000; }
.QFloatButton-green {background-color: #009900; }
.QFloatButton-blue {background-color: #000099; }
.QFloatButton-fluxer {background-color: #2998E2; }


.QMainTemplate-left, 
.QMainTemplate-right, 
.QMainTemplate-burgerMenu
{transition: all .3s;}


.QMainTemplate .FormBuilderForm form input.eobFrmBuilderInput[type=text], 
.QMainTemplate .FormBuilderForm form input.eobFrmBuilderInput[type=number]
{border: 1px solid #999!important;}



/*** MEDIA QUERIES ***/


/* VArianta de small side bar*/
@media all and (min-width:1101px)
{
.QMainTemplate.smallSideBar .QAppLogo {padding-top: 20px;}  
.QMainTemplate.smallSideBar .QAppLogo img{width: 24px; }
.QMainTemplate.smallSideBar .QMainTemplate-left {width: 50px;}
.QMainTemplate.smallSideBar .QMainTemplate-right {width: calc(100% - 50px);}
.QMainTemplate.smallSideBar .QMainTemplate-leftMenuZone { overflow: hidden; }
.QMainTemplate.smallSideBar .QMainTemplate-leftMenuZone .QLeftMenu > .UIText { /*transition: all .3s; height: 0;*/ }
.QMainTemplate.smallSideBar .QMainTemplate-leftMenuZone .QRMenuTitle { display: none; /*text-indent: -250px; transition: all .3s;*/ }
.QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li h4{ display:none; }
.QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li {height:46px; /*text-indent: -250px; transition: all .3s;*/ }
.QMainTemplate.smallSideBar .QLeftMenuList li .defaultLeftMenuItemClass {height:100%; }
.QMainTemplate.smallSideBar .QMenuCustomComponent {display:none;}
.QMainTemplate.smallSideBar .QMainTemplate-leftFooterZone > * {display:none;}
.QMainTemplate.smallSideBar .QMenuNotif
{
    width: 10px;
    padding: 0;
    height: 10px;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: -500px;
    overflow: hidden;
    top: 10px;
    right: 3px;      
}
    
}


@media all and (max-width:1100px)
{
  .QMobileLayer.mobileMenuOn {display:block; cursor: pointer;}
  .QMainTemplate-left
  {
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    top: 0; left: -252px;
    height: 100%; width:250px; max-width: 75%;
    transition: all .3s;
  }
  .QMainTemplate-left.mobileMenuOn { left: 0px; }
  
  .QMainTemplate-right {width: 100%;}  
  .QMainTemplate.smallSideBar .QMainTemplate-right {width: 100%;}
  .QMainTemplate-burgerMenu {display:block; cursor: pointer;}
  .QFloatButton {right: 30px; bottom: 30px; cursor: pointer;}
  
  /** PAGE MOBILE **/
  .QMainTemplate .QAppPage {width: 100%; height: 100%; position: relative; background-color:#fff; padding: 0px; max-width: 100%;}
  .QMainTemplate-moduleContent  { padding: 5px 5px; }
    
  
}

/*ROMI*/
@media all and (min-width: 1101px) {
    .QMainTemplate.smallSideBar .QMainTemplate-left {
        overflow: visible;
    }
    .QMainTemplate.smallSideBar .QMainTemplate-leftMenuZone {
        overflow: visible;
    }
    .QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li {
        position: relative;
        overflow: hidden;
    }
    .QMainTemplate.smallSideBar .QLeftMenu {
        overflow: visible;
    }
    .QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li h4 {
        display:block;
        transition: opacity .3s;
        opacity: 0;
        top: 7px;
        left: 58px;
        position: absolute;
        font-size: 11px;      
        z-index: 100000;
        font-weight: normal;
    }
/*     .QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li:hover h4 {
        opacity: 1;
        color: #FFF;
        background-color: #676767;
        border-radius: 7px;
        padding: 3px 5px;
        pointer-events: none;
    } */
}

.hide {display: none!important; width:0; height: 0;}

/* width */
.QMainTemplate-leftMenuZone::-webkit-scrollbar { width: 8px; }
/* Track */
.QMainTemplate-leftMenuZone::-webkit-scrollbar-track { background: #666; }
/* Handle */
.QMainTemplate-leftMenuZone::-webkit-scrollbar-thumb { background: #bbb;}
/* Handle on hover */
.QMainTemplate-leftMenuZone::-webkit-scrollbar-thumb:hover { background: #aaa; }

.flex {display: flex;}
.flexWrap {flex-wrap: wrap };
.flexVertical {flex-direction: column; display: flex;}

.grow1 {flex-grow: 1;}

.autoheight {height: auto!important;}
.order1 {order: 1;} /* Valabil numai pentru flex*/
.order2 {order: 2;}
.order3 {order: 3;}
.order4 {order: 4;}
.order5 {order: 5;}
.order6 {order: 6;}
.order7 {order: 7;}
.order8 {order: 8;}
.order9 {order: 9;}
.order10 {order: 10;}
/* flex-grow: 1;*/

/*** COLS **/

@media all and (min-width:1201px)
{
  .col-20 {width: 20%;}
  .col-25 {width: 25%;}
  .col-33 {width: 33.33%;}
  .col-40 {width: 40%;}
  .col-50 {width: 50%;}
  .col-60 {width: 60%;}
  .col-66 {width: 66.66%;}
  .col-75 {width: 75%;}
  .col-80 {width: 80%;}  
  .col-100 {width: 100%;}
}

@media all and (max-width:1200px)
{
  .col-25-n {width: 25%;}
  .col-50-n {width: 50%;}
  .col-75-n {width: 75%;}
  .col-33-n {width: 33.33%;}
  .col-66-n {width: 66.66%;}
  .col-100-n {width: 100%;}
  .col-n {width: 100%;}
}

@media all and (max-width:992px)
{
  .col-50-s {width: 50%;}
  .col-33-s {width: 33.33%;}
  .col-66-s {width: 66.66%;}
  .col-100-s {width: 66.66%;}
  .col-s {width: 100%;}
}

@media all and (max-width:768px)
{
  .col-50-xs {width: 50%;}
  .col-100-xs {width: 100%;}
  .col-xs {width: 100%;}
}



.QLoginPopupDetails .UIListItems .ico img
{
  margin-top:7px;
  margin-right:5px;
}

.QLoginPopupDetails .loginLogoutWrp
{
  background-color:#eee;
  text-align:center;
  padding-top:3px;
}

.QLoginPopupDetails .userImage
{
  background-position: center;
  width:40px;
  height:40px;
  background-size:cover;
  border-radius:50%;
  margin:5px 5px 0px 5px;
  border:1px solid #ddd;
}

.QLoginPopupDetails .userNameEmail
{
  max-width: calc(100% - 55px);
}

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


/** START UTILS ***/


.UIApplication{
    background-color: rgba(255,255,255,1);
}


/*.ui-widget, .ui-dialog {z-index: 10001!important;}*/
.flexCentered .UIListItems
{
  display: flex;
  align-items: center;
  justify-content: center;  
}

.grid3 {}
.grid ul.UIListItems li {display: inline-block; min-height: 80px; border-bottom: 0;}
.grid2 ul.UIListItems li {width: 50%;} 
.grid3 ul.UIListItems li {width: 33.33%;} 
.grid4 ul.UIListItems li {width: 25%;} 
.grid5 ul.UIListItems li {width: 20%;} 

.listSelectorClass { width: auto; display:inline-block; height: 100%; }

.eventActionsTree
{
 width: 300px; position: relative; display: inline-block; vertical-align: top;
}

.DMSBuilderApplication {z-index: 1!important;}

/* TOOLS */
.subToolsList li{ display:inline-block; width:25%!important; height: 50px; border-right: 1px solid #ddd;}
.subToolsList li .subTool {font-weight: bold; text-align:center; }


.DMSPublicAppBuilder .slowMotion {transition: all .3s; }
.noOverflow {overflow: hidden;}

/** LISTA DE APLICATII **/
.AppBuilderAppsList {border-top: 1px solid #ddd;}
.AppBuilderAppsList li
{
  position:relative; width: 33.33%; margin:0; padding: 5px; text-align:center;  display:inline-block;
  height: 100px; border-right: 1px solid #ddd;
}

/* .QRObjectComponent {border: 3px solid #fff; } */

/*.UILogoutAppBuilderComponent {text-align:right; }*/
.UILogoutAppBuilderComponent .userName {font-weight: bold;}
.UILogoutAppBuilderComponent .userEmail {color:#999;}
.UILogoutAppBuilderComponent .logoutButton {font-weight: bold;}

.roundButton {border-radius: 50%;}

.mousePointer {cursor: pointer;}

.UITextAppBuilderComponent > * {height:100%;}
.UITitleAppBuilderComponent .UIText
{
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}

.UITitleAppBuilderComponent > * {height:100%;}

/**** SCROLL BARS *******/
.DMSPublicAppBuilder ::-webkit-scrollbar, 
.DMSAppBuilderApplicationDialog ::-webkit-scrollbar
{ width: 7px; }
/* Track */
.DMSPublicAppBuilder ::-webkit-scrollbar-track, 
.DMSAppBuilderApplicationDialog ::-webkit-scrollbar-track
{ background: #f1f1f1;}
/* Handle */
.DMSPublicAppBuilder ::-webkit-scrollbar-thumb, 
.DMSAppBuilderApplicationDialog ::-webkit-scrollbar-thumb
{background: #bbb;}
/* Handle on hover */
.DMSPublicAppBuilder ::-webkit-scrollbar-thumb:hover, 
.DMSAppBuilderApplicationDialog ::-webkit-scrollbar-thumb:hover
{ background: #aaa;}


/****************************************** PUBLIC ************************************/
/*** PUBLIC CSS APP ***/


.bgWhite{background-color:#fff!important;}
.bgBlack{background-color:#000!important;}
.bgGray{background-color:#999!important;}

.textWhite{color:#fff!important;}
.textBlack{color:#000!important;}
.textGray{color:#999!important;}

.DMSPublicAppBuilder .wrapComponentProxy
{
	position:absolute; border: 0px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.DMSPublicAppBuilder .wrapComponentProxy .UIButton button
{
  width: 100%; height: 100%;
}
.DMSPublicAppBuilder .wrapComponentProxy {background-color:rgba(0,0,0,0); overflow:auto; }
/*.DMSPublicAppBuilder .wrapComponentProxy * {overflow:auto; }*/

/* FORM */
.DMSPublicAppBuilder .eobFrmBuilderInputItemContainer, 
.DMSAppBuilderApplicationDialog .eobFrmBuilderInputItemContainer
{margin:3px 0!important;}
.DMSPublicAppBuilder .eobFrmBuilderInputItemContainer input.right, 
.DMSAppBuilderApplicationDialog .eobFrmBuilderInputItemContainer input.right
{ text-align:left;}
.DMSPublicAppBuilder .eobFrmBuilderSeparatortop, 
.DMSAppBuilderApplicationDialog .eobFrmBuilderSeparatortop
{display:none!important;}
.DMSPublicAppBuilder .BuilderComponentProperties .FormBuilderForm input[type=button], 
.DMSAppBuilderApplicationDialog .BuilderComponentProperties .FormBuilderForm input[type=button]
{
  padding:5px;
}

/*** BUTTON BAR ***/
.DMSPublicAppBuilder .UIButtonLite {margin: 0; border-right: 1px solid #fff;}
/*.DMSPublicAppBuilder .UITabBar .UIButtonLite.selected {background-color:#333; color:#fff;}*/

.wrapComponentProxy,
.DMSPublicAppBuilder .wrapComponentProxy
{
  position:absolute; border: 0; 
}

/** UITABLE **/
.DMSPublicAppBuilder .UITable {background-color:#fff;}


/*** UIListItemsAppBuilderComponent ***/
.DMSPublicAppBuilder .UIListItemsAppBuilderComponent { border: 1px solid #ddd; }

/*** UITableAppBuilderComponent ***/
.DMSPublicAppBuilder .UITableAppBuilderComponent { border: 1px solid #ddd; }

/** UICalendar **/
.DMSPublicAppBuilder .UICalendar .dateItem
{
  background-color:#00cc00; color:#fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 3px;
  border-bottom: 1px solid rgba(0,0,0,.15);
}
/* .DMSPublicAppBuilder .UICalendar .dateItem.selected */
.DMSPublicAppBuilder .UICalendar .dateItem:hover 
{
  background-color:#009900; color:#fff;
}
.DMSPublicAppBuilder .UICalendar .dateItem.selected
{
  background-color:#007700; color:#fff;
}


/** TREE ***/
.DMSPublicAppBuilder .UITreeAppBuilderComponent {margin: 0; border: 1px solid #ddd;}
.DMSPublicAppBuilder .UIListItems li.selected {color:#fff!important;}

/*.DMSPublicAppBuilder .UITreeAppBuilderComponent ul.UITreeLite ul * .hasChildren .item div{font-weight:bold!important;}*/

/*** LOGIN *****/
.AppBuilderLoginApp 
{
  padding: 25px 0 0 0;
  background-color:#0076B8;
  color:#fff;
}

.AppBuilderLoginApp .AppInfo { width: 80%; margin: 0 auto; padding: 20px; text-align:center; color: rgba(255,255,255,.75);}
.AppBuilderLoginApp .AppInfo .fluxerio {font-weight: bold;}

.UIButtonAppBuilderComponent .UIButton {margin: 0;}
.UIButtonAppBuilderComponent .UIButton button{height: 100%; width:100%;}

.AppBuilderLoginApp .AppLogin
{
  background-color:#fff;
  color:#333;
  max-width: 300px;
  border: 1px solid #ddd; 
  margin: 0 auto;
  display:block;
  padding: 10px;
  box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
.AppBuilderLoginApp .AppLogin h3 {text-align:center; display:none;}
.AppBuilderLoginApp .AppLogin .FormBuilder input[type=buttom]{ padding: 10px;}
.AppBuilderLoginApp .AppLogin .loginError {text-align:center; color: #dd0000; font-weight: bold; }


/*** END PUBLIC CSS APP ***/



/****************************************** END PUBLIC ************************************/


.DMSBuilderCodeDialog .UIButtonLite {margin: 0; border-right: 1px solid #fff;}
/*.DMSBuilderCodeDialog .UITabBar .UIButtonLite.selected {background-color:#333; color:#fff;}*/

/* RealTime proxy component*/
.DMSAppBuilderApplicationDialog .UIRealTimeAppBuilderComponent .UIText 
{ 
  padding: 7px; display:block; text-align:center; background-color:#999;color:#fff; 
}
/* Datasource proxy component*/
.DMSAppBuilderApplicationDialog .UIDatasourceAppBuilderComponent .UIText 
{ 
  padding: 7px; display:block; text-align:center; background-color:#009900;color:#fff; 
}


.DMSAppBuilderApplicationDialog .ComponentEditProxy
{
  position: fixed; z-index: 95000;
  border: 1px solid #00cc00; background-color:rgba(255,255,255,.05);
  min-width: 10px;
  min-height: 10px;
}
/** END UTILS ***/

/*** IMAGE  ***/
.UIImageAppBuilderComponent {display:block;/* width: 100%;*/}
.UIImageAppBuilderComponent img {width: 100%; width: 100%;}

/*** BUTTON LITE ***/
.DMSAppBuilderApplicationDialog .UIButtonLite {margin: 0; border-right: 1px solid #fff;}


.DMSAppBuilderApplicationDialog {}
.DMSAppBuilderApplicationDialog .AppBuilderAbstractDialog {background-color:#ddd;}
.DMSAppBuilderApplicationDialog .AppBuilderAbstractDialog .DesignStage
{
  position:absolute; background-color:#fff; 
  left: 30px;right: 30px;top: 40px;bottom: 30px;
  box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  border: 1px solid #ddd;
  /*background: url('../eob-libs/com/sds/eob/Modules/DMSAppBuilder/assets/whiteGrid.png');*/
}

.DMSAppBuilderApplicationDialog .ZonaPage
{
  background-color:#ddd;
}

.DMSAppBuilderApplicationDialog .AppBuilderAbstractDialogMenu
{
  position: absolute; top: 7px; left: 30px; color:#333;
}

DMSAppBuilderApplicationDialog * {box-sizing: border-box!important;}
.DMSAppBuilderApplicationDialog .wrapComponentProxy
{
	position:absolute; border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;  
  
}
.UIButtonAppBuilderComponent .UIButtonWrap
{
  width: 100%; height: 100%;
}

.UIButtonAppBuilderComponent .UIButtonWrap button
{
  width: 100%; height: 100%;
}

/** PROXY COMPONENT **/
.DMSAppBuilderApplicationDialog .wrapComponentProxy { overflow-y: hidden; overflow-x: hidden; background-color: rgba(255,255,255,.1); }
.DMSAppBuilderApplicationDialog .wrapComponentProxy.selected {border: 1px solid #009900;  }
.DMSAppBuilderApplicationDialog .wrapComponentProxy.selected * {overflow:hidden; }
.DMSAppBuilderApplicationDialog .wrapComponentProxy * 
{
  pointer-events: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  
}
.DMSAppBuilderApplicationDialog .zonaTop
{
  /*background-color:#999; color:#fff;*/
}

/**** FORM ****/
.DMSAppBuilderApplicationDialog .BuilderComponentProperties .eobFrmBuilderInputLabel {font-weight: bold!important; }
.DMSAppBuilderApplicationDialog .BuilderComponentProperties .FormBuilderForm * {font-size: 11px!important;}
.DMSAppBuilderApplicationDialog .eobFrmBuilderInputItemContainer {margin:3px 0!important;}
.DMSAppBuilderApplicationDialog .eobFrmBuilderInputItemContainer input.right { text-align:left;}
.DMSAppBuilderApplicationDialog .eobFrmBuilderSeparatortop {display:none!important;}
.DMSAppBuilderApplicationDialog .BuilderComponentProperties .FormBuilderForm input[type=button]
{
  padding:5px;
}

.DMSAppBuilderApplicationDialog .BuilderComponentProperties .appBuilderPropTitleBar
{
  background-color:#999; color:#fff; padding:3px 7px;
  margin: 5px 0;
}

.wrapComponentProxy .UIButtonWrap {margin:0!important; padding:0!important; display:block;}
/*
.wrapComponentProxy .UIButtonWrap {margin:0!important; padding:0!important; display:block;}
.wrapComponentProxy .UIButtonWrap button.UIButton {width:100%; height:100%; margin:0; position:absolute; top:0; left:0;}
*/


/**** TBALE ******/
.UITable .UITableHeader .headerCell {background:none!important;}
.wrapComponentProxy .UITable .UITableHeader {background-color:#333; color:#fff;}
.wrapComponentProxy .UITable .UITableHeader .headerCell {background-color:#333; color:#fff;}

.DMSAppBuilderApplicationDialog .UITable {background-color:#fff;}


.formularSelectorPopup .winadd-formular
{
    background-color: #2998E2;
    color: #fff;
    padding: 5px!important;
    margin-top: 7px!important;
}

/** UICalendar **/
.DMSAppBuilderApplicationDialog .UICalendar .dateItem
{
  background-color:#00cc00; color:#fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 3px;
}


.fixed {position: fixed!important;}
.iosScroll
{
-webkit-overflow-scrolling: touch;  
}


/* UITabBar**/
.UIBuilderComponent .UITabBar { position:relative; height:100%;}
.UIBuilderComponent .UITabBar .UIButtonLite
{
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
  height:45px; background-color:#eee!important; border-right:1px solid #ccc; 
  color:#333; font-weight: normal; height:100%;
}
.UIBuilderComponent .UITabBar .UIButtonLite.selected 
{
  border-bottom: 3px solid rgba(0,163, 217,.8);
 background-color: #E5E5E5!important;
  font-weight: bold;
}


.nonVisualComponent
{
  display:none; position: absolute!important; left: -1000px!important;
  pointer-events: none!important;  
}




/**********************/
/***** PROXY **********/
/**********************/

.ResizeProxy
{ 
  box-sizing: border-box!important; user-drag: none; user-select: none; position: absolute; 
  /*border: 1px dotted #ddd;*/
}
.ResizeProxy-Main { z-index: 992333; pointer-events: none; }
.ResizeProxy-SizeStyle {border: 1px solid #009900; z-index: 5; background-color:rgba(228,216,64,.15);}
.ResizeProxy-Size { background-color:rgba(248,185,29,.01); z-index: 9; pointer-events: initial;}
.ResizeProxy-Controls { z-index: 10; pointer-events: none;}
.ResizeProxy-Axes { top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;}

.ResizeProxyPointer
{
  box-sizing: border-box!important;
  width: 11px; height: 11px; background-color:#000; position: absolute;
  pointer-events: auto;
  border: 1px solid #fff;
}
.ResizeProxyPointer.activeProxyPointer {background-color:#009900; }


.ResizeProxyPointer-tl { left: -5px; top: -5px; }
.ResizeProxyPointer-tc { left: calc(50% - 5px); top: -5px; }
.ResizeProxyPointer-tr { right: -5px; top: -5px; }
.ResizeProxyPointer-ml { left: -5px; top: calc(50% - 5px); }
.ResizeProxyPointer-mr { right: -5px; top: calc(50% - 5px);}
.ResizeProxyPointer-bl { bottom: -5px; left: -5px;}
.ResizeProxyPointer-bc { bottom: -5px; left: calc(50% - 5px); }
.ResizeProxyPointer-br { bottom: -5px; right: -5px;}


/** Magnetic axes **/
.MagneticAx { position:absolute; /*z-index: 94999;*/ user-drag: none; user-select: none; pointer-events: none;}
.MagneticAx.ax-mr, .MagneticAx.ax-ml{ border-top: 1px solid #000; border-bottom: 1px dotted #fff; }
.MagneticAx.ax-bc, .MagneticAx.ax-tc{ border-left: 1px solid #000; border-right: 1px dotted #fff; }
.AxInfoText
{
  position: absolute; width: 30px; background-color:#999; color:#fff; font-size: 9px;
  border: 1px solid rgba(0,0,0,.3); text-align:center; box-shadow: 2px 2px 2px rgba(0,0,0,.15);
}
.MagneticAx.ax-mr .AxInfoText, .MagneticAx.ax-ml .AxInfoText
{
  top: -15px; left: calc(50% - 15px);
}
.MagneticAx.ax-bc .AxInfoText, .MagneticAx.ax-tc .AxInfoText
{
  left: -15px; top: calc(50% - 17px);
}

.HelpAx {position: absolute;}
.HelpAx-left {width: 1px; height: 100%; top: 0; border-left: 1px solid #999;}
.HelpAx-right {height: 100%; top: 0; border-left: 1px solid #999;}
.HelpAx-top {width: 100%; left: 0; border-top: 1px solid #999;}
.HelpAx-bottom {width: 100%; left: 0; border-top: 1px solid #999;}

.HelpAx-left2 {width: 1px; height: 100%; top: 0; border-left: 1px dotted #fff;}
.HelpAx-right2 {height: 100%; top: 0; border-left: 1px dotted #fff;}
.HelpAx-top2 {width: 100%; left: 0; border-top: 1px dotted #fff;}
.HelpAx-bottom2 {width: 100%; left: 0; border-top: 1px dotted #fff;}



/**********************/
/***** EMD ==== PROXY **/
/**********************/


.UIBuilderComponent:-moz-full-screen
{
top:0!important; left:0!important; width:100%!important; height:100%!important;
position:fixed; z-index: 1;
}
.UIBuilderComponent:-webkit-full-screen
{
top:0!important; left:0!important; width:100%!important; height:100%!important;
position:fixed; z-index: 1;  
}
.UIBuilderComponent:fullscreen
{
top:0!important; left:0!important; width:100%!important; height:100%!important;
position:fixed; z-index: 1;
}





.UIButtonLite {margin: 0; border-right: 1px solid #fff;}
/*.DMSPublicAppBuilder .UITabBar .UIButtonLite.selected {background-color:#333; color:#fff;}*/
.UITabBar { position:relative; height:100%;}
.UITabBar .UIButtonLite
{
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
  height:45px; background-color:#eee!important; border-right:1px solid #ccc; 
  color:#333; font-weight: normal; height:100%;
}
.UITabBar .UIButtonLite.selected 
{
  border-bottom: 3px solid rgba(0,163, 217,.8);
 background-color: #E5E5E5!important;
  font-weight: bold;
}






/************************************************************************/
/* FROM CSS FILE: SDS-StocStudio.css */
/************************************************************************/

.tipResursa-javascript .titluResursaContainer .descriere, 
.tipResursa-php .titluResursaContainer .descriere
{display:none!important;} 

.topQuickMenu ul.contextMenuList li
{
  font-size:16px!important;
  padding:6px 7px!important;
}
.floatBtnNEWTask
{
  background-color: #009900; 
  padding: 10px;
  right: 15px;
  bottom: 45px;
  cursor: pointer;
  box-shadow: 3px 3px 3px rgba(0,0,0,.3);
  font-weight: bold; 
  z-index: 900; 
  position: fixed;
  display:inline-block;
  border-radius: 7px;
}

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

.radioAn .enumValues input {display: none!important;}
.radioAn .enumValues label { background-color:#999; color:#fff; padding:7px; margin:3px; cursor:pointer; }
/*.radioAn .enumValues label:active { background-color:#00cc00; color:#fff; }*/
.radioAn .enumValues input[type=radio]:checked ~ label { background-color:#00cc00; color:#fff; }
/*.radioAn .enumValues input[type=radio]:checked {display:none;}*/


/* Default DMS theme
====================================== */
.UITable tr > td.__selection__:first-child {
  background: url("../admin/images/enable_off_16.png") no-repeat 50% 50%;
}
.UITable tr.multipleSelected > td.__selection__:first-child {
  background: url("../admin/images/enable_16.png") no-repeat 50% 50%;
}

.fluxuriFavoriteTitle {font-weight:bold;}
.fluxuriFavoriteList { text-align:left; }
.fluxuriFavoriteList ul li a{
  font-weight:normal!important;
  text-decoration: none;
  padding-left: 10px; 
  position:relative;
}
.fluxuriFavoriteList ul li:hover a:before{
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  
  width: 6px;
  height: 6px;
  background: #fff;
  /*
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  */
}



/* Left Sidebar
======================================== */
/*
.resurseLeftBox {
  background: #555;
}
.resurseLeftBox .UIListItems li {
  border: none;
  color: #EEE;
}
.resurseLeftBox .pluginuriContainer {
  background: #333;
}
.resurseLeftBox .filtruFsTree {
  color: #EEE;
}
.resurseLeftBox .filtruFsTree li.node:hover .item:hover {
  color: #333;
}
*/



.txtEticheteList .valoriRow .label {
  font-weight: 600;
}
.txtEticheteList .valoriRow .valori {
  
}
.txtEticheteList .valoriRow .label,
.txtEticheteList .valoriRow .valori {
  line-height: 16px!important;
  font-size: .7rem;
}
.ultimaActualizare {
  color: #AAA;
}

.titluResursaContainer .titlu {
  position: relative;
}
.titluResursaContainer .titlu .favouriteIconContainer  {
  position: absolute;
  left: 5px;
  top: 5px;
}
.titluResursaContainer .titlu .nume  {
  padding-left: 30px;
  padding-right: 30px;
  word-break: break-all;
}
.titluResursaContainer .titlu .lockUnlockBtn  {
  position: absolute;
  right: 5px;
  top: 5px;
}


input.ui-autocomplete-input {
  padding-left: 25px!important;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPUlEQVQ4jZ3Sv0uVYRTA8c+93CEaQkSanZpsOzhFKBRJiqRIPwaXZkFoN7H6C+7WIC6Vg61F04UcHORByMHZvyAkxOESlwbPC6+39xJ5lgPnnO/3eXjO0zIiSikdvMQqpjDAMXbwISIG0BoBT+ALpkf4e1iKiF9/CUopbXzHvSx9S1kbS5jJ+lfMdxrsT2vwekR0a/IutvAajzHXbhC8yHyAbr0REVJwkqVnTYI7mXsJXIl8vF412yToZ77Z0DPU6zcJjjIvl1JuDDdLKbewUM02Cd5nnsTHBCp4HHu4jd/YvrLG/DwPMI+1LJ9h3+Ua76MSvomIzc4QvIsnLjdxgVcYw2LtnD7e4h35E2vwSg4NsIHPeI67WfuBTxFxWtlaDTD8xMOIOPKPaOc1rwVXgkfXhSvBHs5xiNn/geEP9KNdzIhdomEAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 5px 50%;
  border: 1px solid #a9a9a9;
}




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


.realTimeMessagesList
{
  background-color:#eee;
}

.realTimeMessagesList .realTimeMessageRow .fromName
{
  font-weight:bold;
}

.realTimeMessagesList li
{
  border-bottom:none!important;
}

.realTimeMessagesList li:hover
{
  background:none!important;
}

.realTimeMessagesList .realTimeMessageRow .postDate
{
  color:#888;
  font-size:10px;
}

.realTimeMessagesList .realTimeMessageRow .innerDiv
{
  padding:10px;
  border-radius: 5px;
}

.realTimeMessagesList .sentByMe
{
  text-align:right;
}

.realTimeMessagesList .sentByOthers
{
  text-align:left;
}

.realTimeMessagesList .sentByOthers .innerDiv
{
  background-color:#fff;
}

.realTimeMessagesList .sentByMe .innerDiv
{
  background-color:lightgoldenrodyellow;
}

.realTimeUserRow div.onlineIcon,
.realTimeUserRow div.userName
{
  display:inline-block;
  line-height:24px;
}

.realTimeUserRow div.onlineIcon img
{
  max-width:10px;
}

.realTimeUserRow div.onlineIcon img,
.realTimeUserRow div.userName
{
  vertical-align:middle;  
}

.realTimeUserRow div.onlineIcon
{
  margin-right:5px;
  width:10px;
}

.realTimeMessagesComponent .eobFrmBuilderInputItemContainermesaj input
{
  width:99%!important;
}

.realTimeMessagesComponent form
{
	padding:0px!important;
}

.realTimeTotiUseriiRow .userName
{
  font-weight:bold;
}

.realTimeMessageRow .message
{
  word-wrap: break-word;
}

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

.Pagedmsapp {
  background: #fefefe;
}
.Pagedmsapp .AuthAutentificare {
  display: table;
  width: 100%;
  height: 60%;
}
.Pagedmsapp .AuthAutentificare > .eobModule {
  display: table-row;
}
.Pagedmsapp .AuthAutentificare .authForm {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.Pagedmsapp .AuthAutentificare .authForm {
  position: relative;
}
/*.Pagedmsapp .AuthAutentificare .authForm:before*/
.Pagedmsapp .AuthAutentificare .authForm .description {
  position: absolute;
  width: 100%;
  height: 136px;
  background-color: #f5f5f5;
  left: 0;
  top: calc(50% - 68px);
  z-index: -1;
  text-align: left;
  line-height: 126px;
  padding: 0 30px;
  font-size: 60px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  box-sizing: border-box;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm {
  text-align: left;
  max-width: 250px;
  display: block;
  margin: 0 auto;
  background: #fff;
  /*box-shadow: 0 10px 20px rgba(0,0,0,.3);*/
  /*border-radius: 15px 0 15px 0;*/
  /*overflow: hidden;*/
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.16);
  box-shadow: 0 1px 4px rgba(0,0,0,.16);
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm .eobRequiredField {
  font-size: 12px;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm > div {
  border: none;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm h1 {
  background: #2988ce;
  color: #fff;
  text-align: left;
  font-size: 16px;
  padding: 5px 15px;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm form {
  padding: 15px;
  /*border: 2px solid #2988ce;*/
  /*border-radius: 0px 0 15px 0;*/
  /*overflow: hidden;*/  
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm form .eobFrmBuilderInput {
  width: 100%;
  padding: 10px;
  margin: 0;
  border: none;
  border: 1px solid #ddd;
  outline: none;  
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm .eobFrmBuilderActionsContainer {
  text-align: right;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm .eobFrmBuilderActionsContainer input[type=submit] {
  background-color: #2988ce;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  border: none;
  min-width: 50%;
  outline: none;
  cursor: pointer;
}
.Pagedmsapp .AuthAutentificare .authBottomText {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 500px;
  margin: 0 auto;
  padding: 5px 10px;
  color: #999;
  border-top: 1px solid #eee;
  display: inline-block;
  margin-left: -250px;
  text-align: center;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm label.required {
  text-decoration: none;
}
.Pagedmsapp .AuthAutentificare .FormBuilderForm label {
  vertical-align: top;
  color: #666;
}



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

/*
.UITabNavigatorBar button
{
  border:none!important;
  border:1px solid #ddd!important;
  font-weight:normal!important;
}

.UITabNavigatorBar button.selected
{
  background-color:#eee!important;
  color:#000!important;
  
  font-weight:bold!important;
}

.UITabNavigatorBar button:focus
{
  outline:0!important;
}
*/

.CampPasTipDetaliu label {color: #009900; font-size: 14px!important; font-weight: bold!important;}
.CampPasTipDetaliu
{
  padding: 7px 5px!important; font-size: 12px!important; line-height: 150%; 
  border-bottom: 1px dotted #999;
}

span.eobRequiredField {display:none!important;}
.eobFrmBuilderInputLabel {font-weight: normal!important; }
.eobFrmBuilderInputLabel.required {color:#28407D; font-weight: bold!important;}

.FormBuilderForm.centerActions .eobFrmBuilderActionsContainer
{
  text-align:center;
}
.FormBuilderForm .eobFrmBuilderActionsContainer input[type=submit]
{
 border-right:1px solid #bbb; border-bottom:1px solid #bbb;
}

button.UIButton { border-right:1px solid #2B6DC8; border-bottom:1px solid #2B6DC8; }

.verticalCenter {display: flex; align-items:center; }
.horizontalCenter { justify-content: center; }


/*
.eobFrmBuilderInputLabel.required::after {content: "*"; color:#cc0000; font-weight:normal;text-decoration:none;text-decoration:none!important;}
*/

/* pentru taskurile tale*/
.dmsTaskInTermen { background-color:#cc0000; color:#fff;}
.dmsTaskIntarziat {background-color:#00cc00; color:#fff;}

/* pentru taskuri la care esti interesat*/
.dmsTaskInTermenInteresat { background-color:#CC968C; color:#fff;}
.dmsTaskIntarziatInteresat {background-color:#B6CD8B; color:#fff;}

.UICalendar table td.today {background-color:#FFD7AE; }
.UICalendar .day .cellWrap .dayContent::-webkit-scrollbar {
    width: 7px;
}
 
.UICalendar .day .cellWrap .dayContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
 
.UICalendar .day .cellWrap .dayContent::-webkit-scrollbar-thumb {
  background-color: #aaa;
  outline: none;
}


/** PAS FLUX ZONE**/

.zonaHeader {border-bottom:1px solid #ddd;}
/* .zonaPasInfoIN {border-right:1px solid #ddd;} */
/* .zonaAtasamentePas {border-left:1px solid #ddd; border-top:1px solid #ddd;} */
/* .zonaAprobareRefuzPas {border-top:1px solid #ddd;} */
/* .zonaAtasamentePas {border-bottom:1px solid #ddd;} */

.pasLeftBox { border-right:1px dotted #ddd; }
.pasCenterBox { border-right:1px dotted #ddd; }
.pasRightBox {}


.taskuriLeftBox {border-right:1px dotted #ddd; } 
.taskuriLeftBox .titluPas, .taskuriRightBox .titluPas {padding:0 3px;}
.taskuriLeftBox .titluPas a{font-weight:bold; font-size:15px; }
.taskuriLeftBox .detaliiFromUser {color:#999; font-size:11px; }
.taskuriLeftBox .detaliiFromUser span {font-weight:bold; }
.taskuriLeftBox .descriereFlux p,
.taskuriRightBox .descriereFlux p
{
	margin: 0px!important;
    padding: 0px!important;
    font-size: 11px;
    font-weight: normal;
}

.taskuriLeftBox .titluPas .numeFlux
{
  position:absolute; right:0px; display:inline-block;
  font-size:11px; color:#999; bottom:0px;
}

.taskuriLeftBox .titluPas,
.taskuriRightBox .titluPas
{
	width:calc(100% - 40px);
}

.taskuriLeftBox .sarcinileMeleTitlu 
{
	font-size:16px; 
	color:#999; 
	padding:3px;
	border-bottom:3px solid #2998E2;
}
.taskuriRightBox .sarciniMonitorizateTitlu 
{
	font-size:16px; 
	color:#999; 
	padding:3px;
	border-bottom:3px solid #2998E2;
}

.taskuriRightBox .fluxMonitorizatRow .titluFlux {font-weight:bold;}
.pasiFluxMonitorizat .pasRow .responsabilSarciniMonitorizate
{
  position:absolute; bottom:2px; right:2px; display:inline-block; color:#999; font-size:11px;
}

.pasiFluxMonitorizat .pasRow
{
	position:relative;
}


/*
.zonaPersInteresate { text-align:right; }
.zonaPersInteresate > div { display:inline-block; padding:20px 5px 0 0;}
.zonaPersInteresate > div a {display:inline-block; background-color:#2998E2; color:#fff; text-decoration:none; padding:3px 5px; }
.zonaPersInteresate > div a .numUseri {font-weight:bold; font-size:17px; }
*/
.searchBarTaskuriUser { line-height:52px;  }

/** END PAS FLUX ZONE **/


.UITable.listaResurse h3 a{font-size:12px; text-decoration:none; color:#000; font-weight:normal; }
/*
.UITable.listaResurse .tableCol { border-right: 0px dotted #ddd; }
.UITable.listaResurse table tr:nth-child(2n+1) td
{
	background-color:#fff;
}  
.UITable.listaResurse table tr.row:hover td {background-color:#eee!important;}
*/

.DateIOFlux {font-size:12px; }
table.DateIOFlux {width:100%;}
.DateIOFlux .FluxValsFieldLabel {font-weight:bold; border-bottom:1px solid #ddd;}
.DateIOFlux .FluxValsFieldValue {border-bottom:1px solid #ddd;}
.FluxValsTitle {font-size:15px; font-weight:bold; padding:7px 0; }


.filtruFsTree li .item > a {color:#222; text-decoration:none;}
.filtruFsTree.UITreeLite li.selected > div.item a {font-weight:bold!important;}


.butonSalvare button.UIButton { background-color:#999; }
.PasActionBar button.UIButton {font-size:12px!important; font-weight:normal!important; }

.butonPozitiv button 
{ 
	background: url(https://studii.fluxer.io/eob-libs/com/sds/eob/Modules/DMS/assets/check_16x16_ffffff.png) no-repeat #009900;
    padding-left: 20px;
    background-position: left center;
    border-left: 5px solid #009900;
}

.butonNegativ button
{
	background: url(https://studii.fluxer.io/eob-libs/com/sds/eob/Modules/DMS/assets/delete_16x16_ffffff.png) no-repeat #990000;
    padding-left: 20px;
    background-position: left center;
    border-left: 5px solid #990000;
}

.butonReintoarcere button 
{ 
	background: url(https://studii.fluxer.io/eob-libs/com/sds/eob/Modules/DMS/assets/return_16x16_ffffff.png) no-repeat #990000;
    padding-left: 20px;
    background-position: left center;
    border-left: 5px solid #990000;
}

.InfoDateIntrare .rowDateIn { border-bottom:1px solid #ddd; padding:5px;}
.InfoDateIntrare .nume {}
.InfoDateIntrare .valoare { font-weight:bold;}

.InfoDateIntrare .valueName {word-wrap: break-word;}

.DMSApp .header
{
  padding:13px; background-color:#2998E2; color:#fff; border-bottom:2px solid #15679D/*#1874B1*/; 
  border-left:10px solid #15679D;
}

.DMSApp .footer
{
  background-color:#2998E2;
}

.DMSApp .header a {color:#fff;}

.DMSApp .headerSeparatorWrp
{
  background-color:#ccc;
}

.DMSApp .leftMenu { text-align:center; padding:13px 5px; }

.detaliiResursaRight
{
  background-color:#eee;
}

.operatiuniResursaContainer
{
  padding-top:7px;
  border-bottom:1px solid #ccc;
}

.creeazaFluxCuResBtn button
{
  background-color:#cc0000;
}

.accesFluxNouConfirmBox { z-index: 99999 !important; }

/* 
workaround pentru setVisible din UIComponents.
din ceva motiv, la setVisible(true) ramane un overflow:hidden pe buton, 
si imi fute pozitia
*/
.operatiuniResursaBox .UIButtonWrap
{
  overflow:inherit!important;
}


.fluxChatPopup
{
  bottom:0px!important;
  top:auto!important;
}



.blockedBySomebodyElse button
{
  background-color:#ccc;
  color:#000;
  cursor:initial;
  outline:none;
}

div.eticheteVersiune .txtEticheteList
{
  background-color:#eee;
  margin:10px;
}

div.eticheteVersiune .txtEticheteList .editareEtichetaInline
{
	background-color:rgba(79,146,191,.2);
}

div.eticheteVersiune .txtEticheteList .valoriRow .label,
div.eticheteVersiune .txtEticheteList .valoriRow .valoare
{
  line-height:25px!important;
  font-size:10px;
}


.documentShareLayout
{
  
}


.documentShareMain
{
  /*margin:15px 30px;*/
  /*box-shadow:2px 2px 3px rgba(0,0,0,.5);*/
}


.nuExistaResursa 
{
  text-align:center;
  font-weight:bold;
  color:#cc0000;
  margin-top:20px;
}


.favouriteIconContainer
{
  background-size:cover;
  background:url(../eob-libs/com/sds/eob/Modules/DMS/assets/star_off.png) no-repeat 50% 50%;
  display:inline-block;
  width:20px;
  height:20px;
  cursor:pointer;
}

.favouriteIconOn
{
  background:url(../eob-libs/com/sds/eob/Modules/DMS/assets/star_on.png) no-repeat 50% 50%;
}

.favouriteIconContainer:hover
{
  background:url(../eob-libs/com/sds/eob/Modules/DMS/assets/star_on.png) no-repeat 50% 50%;
}

.favouriteIconOn15
{
  background:url(../eob-libs/com/sds/eob/Modules/DMS/assets/star_on_15.png) no-repeat 50% 50%;
  display:inline-block;
  width:15px;
  height:15px;
}

.lockedIcon
{
  background:url(../eob-libs/com/sds/eob/Modules/DMS/assets/lock_red_15.ico) no-repeat 50% 50%;
  display:inline-block;
  width:15px;
  height:15px;
}

/** START Pentru editare resursa inline **/
.valoriRow .valoare .editareEtichetaInline
{
  position:absolute; top:-2px; right:5px; padding:3px; line-height:130%!important;
  display:none; color:#2998E2; /*border-bottom:1px dotted #2998E2;*/ background: #fff; cursor:pointer;
}
.valoriRow .valoare:hover {position:relative;}
.valoriRow .valoare:hover .editareEtichetaInline
{
  display:inline-block; 
}
/** END Pentru editare resursa inline **/

/*
.mainContent
{
  margin-left:10px;
}
*/

ul.filtruFsTree > li > .folderClose,
ul.filtruFsTree > li > .leaf
{
  background-image:url(../eob-libs/com/sds/eob/Modules/DMS/assets/tree_closed_blue_folder_24.png)!important;
  background-position: center left;
  background-repeat:no-repeat;
  padding-left: 30px;
}
ul.filtruFsTree > li > .folderOpen
{ 
  background-image:url(../eob-libs/com/sds/eob/Modules/DMS/assets/tree_open_blue_folder_24.png)!important;
  background-position: center left;
  background-repeat:no-repeat;
  padding-left: 30px;
}

.titluResursaContainer .descriere
{
  max-height:100px;
  overflow:auto;
}

.shortcuturiList li,
.pluginuriList li
{
  max-height:25px;
  margin-left:7px;
  padding:0px!important;
  border-color:#fff!important;
}

.filtruFsTree li div.item
{
  border-bottom:none;
}

.shortcuturiList li img,
.pluginuriList li img
{
  margin-right:5px;
}

.browseFoldereSistem .selected div.settings,
.shortcuturiList div.settings,
.pluginuriList div.settings,
.filtruFsTree div.settings
{
  background-image:url(../eob-libs/com/sds/eob/Modules/DMS/assets/settings.png)!important;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  cursor:pointer;
  visibility:hidden;
}

.pluginuriContainer
{
  margin-top:5px;
}

.pluginuriContainer
{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px dotted #2998E2;
}
.shortcuturiContainer ul
{
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px dotted #2998E2;
}
.shortcuturiContainer ul:empty {
  display: none;
}

/* nu afiseaza meniu contextual pentru nodurile root */
.filtruFsTree > li.selected div.settings
{
  visibility:hidden!important;
}

.shortcuturiList .selected div.settings,
.browseFoldereSistem .selected > .item div.settings,
.pluginuriList .selected div.settings,
.filtruFsTree .selected > .item div.settings
{
  visibility:visible;
  background-image:url(../eob-libs/com/sds/eob/Modules/DMS/assets/settings_white.png)!important;
}

a img {border:0;}

.iframePreview img
{
  max-width:100%;
}


/**
MESAJE WEBSOCKET
*/
.realTimeMessagesPopup
{
  bottom:3%!important;
  right:3%!important;
  left:auto!important;
  top:auto!important;
}

.dmsfluxconversatiiPopup
{
  bottom:4%!important;
  right:3%!important;
  left:auto!important;
  top:auto!important;
}

.mesajeDetaliuPasPopup
{
  bottom:9%!important;
  right:8%!important;
  left:auto!important;
  top:auto!important;
}


.numMesajeIcon
{
  background:url(../eob-libs/com/sds/eob/Modules/RealTimeItemMonitor/assets/plic_full_16.png) no-repeat 50% 50%;
  display:inline-block;
  width:16px;
  height:16px;
}

/* Culorile din lista de taskuri pentru depasiri, curent si viitor */
.dmsTermenDepasit { background-color:#cc0000; color:#fff; padding:5px; }
.dmsTermenViitor { background-color:#009900; color:#fff; padding:5px; }
.dmsTermenAstazi { background-color:#fff; color:#000; padding:5px; }


.toastMessagePopup
{
  height:auto!important;
  padding:5px 10px;
  border-radius:10px;
  left:calc(50% - 150px)!important;
}

.toastMessagePopupSucces
{
  background-color:lightgreen!important;
}

.toastMessagePopupEroare
{
  background-color:#E55451!important; color:#fff;
}

.resurseSelectBtnWrp
{
  background-color:#ccc;
  text-align:center;
  padding-top:3px;
}


.detaliiPasMiddle {
  border-right: 1px solid #eee;
}

.detaliiPasLeft {
  border-right: 1px solid #eee;
}
.infoPasContainer .numeFlux {
  position: relative;
}
.infoPasContainer .numeFlux .stadiuFluxContainer {
  position: absolute;
  right: 0px;
  top: 6px;
  font-size: 14px;
}
.infoPasContainer .numeFlux h3 {
  font-size: 20px;
  padding: 0;
}
.infoPasContainer .titluPas {
  font-weight: 300;
  line-height: 16px;
}

.infoPasContainer .paragrafTitlu 
{
  text-decoration:underline;
  font-weight:bold;
  margin:5px 0px;
  padding: 5px 0px;
  /*
  padding: 5px;
  color: #fff;
  background: #999;
  text-decoration: none;

  */
}

.infoPasContainer table tr {
  
}
.infoPasContainer table tr td
{
  padding:2px 0px;
  border-bottom: 1px solid #eee;
}

.infoPasContainer table td.right
{
  width:60%;
  /*text-align:left;*/
}

.infoPasContainer .stadiuPas
{
  color:#ffffff;
  padding:1px 2px;
}
.infoPasContainer .stadiuFlux
{
  color: #ffffff;
  padding: 1px 2px;
}
.infoPasContainer .stadiuFluxContainer.fluxFinalizat {
  background-color: #00cc00;
}
.infoPasContainer .stadiuFluxContainer.fluxInCurs {
  background-color: #999;
}

.infoPasContainer .aprobatPozitiv
{ 
  background-color:#00cc00;
}
.infoPasContainer .aprobatNegativ
{ 
  background-color:#cc0000;
}
.infoPasContainer .inCurs
{
  background-color:#aaa;
}

.pasiUrmatori .responsabil,
.pasiAnteriori .responsabil
{
  font-weight:bold;
}


.stadiuPasUrmator
{
  margin-left:5px;
}

.pasiUrmatori .emailResponsabil,
.pasiAnteriori .emailResponsabil
{
  font-size:10px;
  display:block;
}

.resurseDetaliuPasTitle
{
  font-weight:bold;
}

/** INTERFATA DE TASKURI USER + ISTORID **/
/*.searchBarTaskuriUser {border-bottom:1px solid #ddd; }*/
.PluginMainZone {border-left:1px solid #ddd; border-bottom:1px solid #ddd; }


.mesajeDetaliuPas {
  border-top: 1px solid #eee;
}


.fluxuriFavoriteWrapper {
  background: #eee;
}
.fluxuriFavoriteTitle {
  text-align: center;
  background: #4f92bf;
  color: #fff;
}

.detaliiPasLeft {
  /*right: 40%!important;*/
}
.detaliiPasRight {
  /*left: 60%!important*/
}

.pasBgRed
{
  background-color:#cc0000;
  color:#fff;
}
.pasBgGreen
{
  background-color:#00cc00;
  color:#fff;
}
.pasBgGrey
{
  background-color:#ccc;
  color:#fff;
}

.pasIntarziat a
{
  color:#cc0000;
}

.pasCuTermenOk a
{
  color:#00cc00;
}

.creeazaDocumentForm,
.creeazaDocumentForm > div:first-child,
.creeazaDocumentForm form,
.creeazaDocumentForm .fieldsContainer,
.creeazaDocumentForm .eobFrmBuilderInputItemContainercontinutFisierInline,
.creeazaDocumentForm .eobFrmBuilderInputItemContainercontinutFisierInline .eobFrmBuilderInputContainer
{
  height:100%!important;
}

.creeazaDocumentForm
{
  height:calc(100% - 190px) !important;
}

.creeazaDocumentForm .eobFrmBuilderInputItemContainer
{
  margin:0px;
}

.creeazaDocumentForm .mce-tinymce, .creeazaDocumentForm .mce-edit-area.mce-container, .creeazaDocumentForm .mce-container-body.mce-stack-layout
{
    height: 100% !important;
}

.creeazaDocumentForm .mce-edit-area.mce-container {
    overflow-y: auto;
}

.creeazaDocumentForm .mce-edit-area mce-container iframe
{
  height:100%!important;
}

.saveDocContainer
{
  text-align:center;
  background-color:#ccc;
}

.creeazaDocumentComponent .creeazaRight
{
  background-color:#ccc;
}

.atasamenteReferiteFlux p
{
   text-overflow: ellipsis; 
   overflow: hidden;
}
.atasamenteReferiteFlux .atasamentAltPas p
{
  color:#999;
}

.atasamenteReferiteFlux .removeResReferita
{
  visibility:hidden;
}

.atasamenteReferiteFlux .atasamentPasCurent:hover .removeResReferita
{
  visibility:visible;
}

.btnCopiazaResurseWrp
{
  text-align:center;
  background-color:#ccc;
  padding-top:3px;
}

.UIPopup .winfullscreen
{
  line-height:35px;
  padding-top:3px!important;
}

.raspunsClonareTxt
{
  text-align:center;
}

.txtResursaContainer .titlu h1,
.txtResursaContainer .titlu h1 .favouriteIconContainer,
.txtResursaContainer .titlu h1 .lockUnlockBtn,
.txtResursaContainer .titlu h1 .nume
{
  display:inline-block;
}

.txtResursaContainer .lockUnlockBtn img
{
  cursor:pointer;
}

.DmsToolbar
{
  text-align:center;
}

.DmsToolbar a
{
  padding:2px;
  margin:0px 2px;
  background-color:green;
  text-decoration:none;
  color:#fff;
}

.addEditContMail2DmsForm .eobFrmBuilderInputItemContainerinfoParola
{
  margin:0px!important;
  color:#999;
}

/************************/
/**** RESURSE THUMBNAIL ***/
.resurseThumbnails
{
 background-color:#EEEEEE/*#f2f2f2*/;
  box-sizing:border-box!important;
  text-align:center;
}

.resurseThumbnails .thumbMain {}

.resurseThumbnails .thumbContainer
{
  position:relative;
}

.resurseThumbnails .thumbOpsButton
{
  line-height:20px;
  position:absolute;
  right:10px;
  top:10px;
  background-color:rgba(255,255,255,.6);
  border-radius: 25px;
  display:none;
}

.resurseThumbnails .thumbOpsButton:hover
{
  background-color:rgba(255,255,255,1);
}

.resurseThumbnails li:hover .thumbOpsButton
{
  display:inline-block;
}
/*
.resurseThumbnails .thumbOpsButton img
{
  max-width:20px;
  vertical-align:top;
  margin-top:2px;
}
*/
.resurseThumbnails li:hover
{
  
  background-color:#fff!important;
  border:1px solid rgba(41,152,226,1);
  /*box-shadow:1px 1px 1px rgba(41,152,226,1);*/
}

.resurseThumbnails li
{
  background-color:#fff;
  cursor:pointer;
  width:200px;
  height: 250px;
  margin:10px;
  padding: 0px;
  box-shadow:1px 1px 2px rgba(0,0,0,.13);
  border:1px solid #ddd;
}

.resurseThumbnails .thumbTitle
{
  overflow:hidden;
  height: 50px;
  text-align: center;
  border-top: 1px dotted #ccc;
  line-height: 20px;
  position:relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
  
  font-weight: 600;
  color: #444;
}
.resurseThumbnails .thumbTitle .title {
  text-align: left;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.resurseThumbnails .thumbContainer
{
  padding:4px;
  text-align:center;
  height:198px;
  line-height:180px;
}

.resurseThumbnails li img
{
  max-width:100%;
  max-height:100%;
  vertical-align: middle;
}

.resurseThumbnails .thumbTitle .fileIcon img
{
  max-width:18px!important;
}


.btnCloneazaWrap
{
  text-align:center;
  background-color:#ccc;
  padding-top:3px;
}

.selectorBifa
{
  display:none;
  position:absolute;
  right:0px;
  bottom:4px;
  width:40px;
  height:30px;
  background-color:#fff;
  line-height:30px;
  vertical-align:middle;
}

.resurseThumbnails li.selected
{
  background:#fff!important;
  
}

.resurseThumbnails li.selected .selectorBifa,
.resurseThumbnails li:hover .selectorBifa
{
  display:inline-block;
}
/* Pentru selectie*/
.resurseThumbnails li.selected
{
  border:3px solid rgba(0,200,0,1)!important;
}

.resurseThumbnails .detaliiThumb
{
  font-size:10px;
  color:#bbb;
}

.resurseThumbnails .detaliiThumb span
{
  display: block;
  line-height: 10px;
  font-weight: 300;
  text-align: left;
  padding-Left: 5px;
}

/**** END RESURSE THUMBNAIL ***/
/************************/

.maiMulteOptiuniResList .optiune
{
  font-weight:bold;
}


/* paginare resurse */
.paginareContainer .leftBtn button,
.paginareContainer .rightBtn button
{
  background-color:#ccc;
  color:#444;
}

.paginareContainer .txtTotal
{
  line-height:27px;
  text-align:right; 
}

.resurseFilterBox .UIBoxLiteWrapper
{
  line-height:50px;
  vertical-align:middle;
}

.changeResRendererContainer
{
  padding-top:5px;
}

/**
  UIPaginationLite
**/
.UIPaginationLite button
{
  background-color: #e9e9e9;
  color: #444;
  font-weight: bold;
  font-size: 13px;
  border: 1px solid #ccc;
  padding:8px 8px;
  margin:0px 2px;
}

.UIPaginationLite .detaliiPag
{
  margin:0px 5px;
}


.multiOpsToolbar > div
{
  display:inline-block;
}

.extraAddButtonsContainer
{
  display:inline-block;
}

.InfoDateIntrare .titluPas
{
  font-weight:bold;
}

.InfoDateIntrare .fieldLabel 
{
  
}

.InfoDateIntrare .valueName
{
  
}

.InfoDateIntrare .importantField  
{
  font-weight:bold;
}


.btnRestaureazaVersiune button
{
  background-color:#cc0000;
}


.accInfoWrp .icoanaNotifContainer,
.accInfoWrp .logoutContainer
{
  display:inline-block;
  vertical-align:middle;
}

.accInfoWrp
{
  text-align:right;
}


.icoanaNotifContainer .nrNotificari
{
  width:20px!important;
  font-size:10px!important;
  margin-left:12px!important;
  text-align:center!important;
  border-radius:50%!important;
}

.icoanaNotifContainer .nuExistaNotificariNoi
{
  /*background-color:#ccc!important;*/
  display:none!important;
}

.icoanaNotifContainer .existaNotificariNoi
{
  background-color:#cc0000!important;
}

.notificariListPopup
{
  top:70px!important;
}

.notifListComponent .icoDefault img
{
  max-width:20px;
  max-height:20px;
  margin-top:5px;
}


.notifListComponent .citit
{
  color:#999!important;
}
/*
.useriInteresatiPopup
{
  right: 3%!important;
  left:auto!important;
}
*/

.persoaneInteresateTitluContainer
{
  font-weight:bold;
  text-decoration:underline;
  margin-top:5px;
}

.persoanaInteresataRow img
{
  display:none;
  cursor:pointer;
}

.persoanaInteresataRow:hover img
{
  display:block;
}
/*
.zonaPersInteresate .numUseri
{
  font-weight:bold;
}
*/
.searchTaskuriForm
{
  text-align:center;
}

.UIListItems .centerAlign 
{
  text-align:center;
}


.zileRamase
{
 width:35px!important; 
}


.taskuriLeftBox .zileRamase
{
  height:35px;
  line-height:35px;
}

.noTasksTxt
{
  text-align:center;
  padding:10px;
}

/*
.zonaPersInteresate div
{
  text-align:center;
}
*/
.linkShowPersInt
{
  width:180px;
}

.fromUserNamePas span
{
  font-weight:bold;
}

.primitDeLaUserWrp
{
  padding-left:10px;
}

.operatiuniPasImages div
{
  margin:5px;
  height:30px;
  vertical-align: middle;
  line-height: 40px;
}

.operatiuniPasImages img
{
  max-width:20px; 
  cursor:pointer;
}

.operatiuniPasImages
{
  text-align:right;
}

.operatiuniPasImages .opsPasSeparator
{
  border:1px dotted #ccc;
}


.atasamenteReferiteFlux .resurseFluxList .atasamentPasCurent
{
  font-size:11px;
}

.titluResurseFluxWrp,
.titluMesajeFluxWrp
{
  background-color:#d8e7f1;
  line-height:30px;  
}

.titluResurseFluxWrp .UIText,
.titluMesajeFluxWrp .UIText
{
  padding:0px!important;
}

.titluMesajeFlux,
.titluResurseFlux
{
 font-weight:bold; 
 margin:0px 5px;
}

.informatiiCuleseFlux
{
  font-weight:bold;
  display:none;
}

.noResurseFluxTxt
{
  color:#888;
  text-align:center;
}

.taskuriLeftBox .numeFlux
{
  /*font-style:italic;*/
}

.mesajSistem .innerDiv
{
  background-color:lightpink!important;
}

.greenDiv
{
  background-color:#00cc00;
  text-align:center;
  color:#fff;
}

.blueDiv
{
  background-color:#2998E2;
  text-align:center;
  color:#fff;
}

.listaResurse,
.listaResurse a
{
  font-size:11px!important;
}

.listaResurse .fileIconUrl,
{
  max-width:32px!important;
  min-width:32px!important;
}

.listaResurse .fileIconUrl img
{
  max-width:100%!important;
}

.bulinaNotifPas
{
  position:absolute;
  right:0px;
  top:0px;
  background-color:#cc0000;
  border-radius:50%;
  color:#fff;
  width:20px;
  height:20px;
  text-align:center;
  line-height:20px;
  font-size:11px;
}

.bulinaNotifPasMonitorizat
{
  margin-left:5px;
  display:inline-block;
  background-color:#cc0000;
  border-radius:50%;
  color:#fff;
  width:15px;
  height:15px;
  text-align:center;
  line-height:15px;
  font-size:11px;
}


.editCampPas
{
  position: absolute;
  right: 3%;
  top: 37px;
  cursor:pointer;
}


.showMorePluginsTxt a
{
  margin-left:10px;
  font-size:11px;
}


.ResursaPreviewIfrmWrp {overflow:hidden!important; overflow-y:hidden!important; overflow-x:hidden!important;}

.fluxDesignerBox .btnAddPasFlux {margin-left:3px;}
.fluxDesignerBox .btnSaveFluxWrp {text-align:right;}
.fluxDesignerBox .btnSaveFluxWrp button {background-color:#cc0000;}
.fluxDesignerBox .btnSaveFluxWrp span {line-height:45px;}

.fluxDesignerBox .fluxViewWrap
{
  overflow-x:auto!important;
}


.optiuniPasViewTxt
{
  padding:0px!important;
  background-color:#ddd;
  font-weight:bold;
}

.optiuniPasViewTxt div
{
  padding:5px 0px;
  margin-left:7px;
}

.rowMeniuPasFluxView
{
  padding-left:12px;
}


/**
FLUX THUMBNAILS
**/

.fluxThumbnails
{
	background-color:#EEEEEE/*#f2f2f2*/;
	box-sizing:border-box!important;
	text-align:center;
}

.fluxThumbnails .thumbMain {}

.fluxThumbnails li:hover
{
  
  background-color:#fff!important;
  border:1px solid rgba(41,152,226,1);
  /*box-shadow:1px 1px 1px rgba(41,152,226,1);*/
}

.fluxThumbnails li
{
  background-color:#fff;
  cursor:pointer;
  width:300px;
  height: 250px;
  margin:10px;
  padding: 0px;
  box-shadow:1px 1px 2px rgba(0,0,0,.13);
  border:1px solid #ddd;
}

.fluxThumbnails .thumbTitle
{
  overflow:hidden;
  height: 50px;
  text-align: center;
  border-top: 1px dotted #ccc;
  position:relative;
  padding: 0 5px;
  
  font-weight: 600;
  color: #444;
}
.fluxThumbnails .thumbTitle .title {
  text-align: center;
  font-size:14px;
}

.fluxThumbnails .thumbContainer
{
  padding:4px;
  text-align:center;
  height:198px;
  line-height:180px;
}

.fluxThumbnails li img
{
  max-width:100%;
  max-height:100%;
  vertical-align: middle;
}

.fluxThumbnails .thumbTitle .fileIcon img
{
  max-width:18px!important;
}


.fluxThumbnails li.selected
{
  background:#fff!important;
  
}


/* Pentru selectie*/
.fluxThumbnails li.selected
{
  border:3px solid rgba(0,200,0,1)!important;
}

.fluxThumbnails .addFluxDummyThumb,
.fluxThumbnails .addFluxDummyThumb:hover
{
  background-color:#2998E2!important;
}

.fluxThumbnails .addFluxDummyThumb
{
  padding-top:60px;
  color:#fff;
  font-size:24px;  
}

.fluxThumbnails .addFluxDummyThumb .plus
{
  font-size:72px;
}

.fluxThumbnails .addFluxDummyThumb .thumbContainer
{
  line-height: 50px!important; 
}

.fluxuriSearchForm
{
  text-align:center;
}

.fluxuriSearchForm input.searchText  
{
  height:45px;
}


.fluxuriSearchForm .eobFrmBuilderInputContainer 
{
  line-height: 70px;
}

.legendaPrevFlux div.culoare
{
  display:inline-block;
  margin-left:5px;
}

.legendaPrevFlux div.culoare span
{
  display:inline-block;
  margin-right:2px;
  width:16px;
}


.clickAutorizareCont
{
  background-color:#cc0000;
  font-size:11px;
  padding:5px;
  margin-left:10px;
}

.clickAutorizareCont a
{
  color:#fff;  
}

.contAutorizatLabel
{
  color:#fff; 
  background-color:#00cc00;
  font-size:11px;
  padding:5px;
  margin-left:10px;
}

.blueRightDownButton
{
  top:auto!important;
  left:auto!important;
  right:30px;
  bottom:60px;
  background-color:#2998E2;
  color:#fff;
  border-radius: 50%;
  cursor:pointer;
}

.blueRightDownButton div
{
    height: 50px;
    line-height: 40px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: 29px;
}

.meniuAdaugareItemCalendar
{
  left:auto!important;
  top:auto!important;
  bottom:120px!important;
  right:30px!important;
}



.detaliiEvCalendar .continut
{
  margin:10px;
  max-height:180px;
  overflow:auto;
}

.contUltimaSincronizare
{
  color:#9e9e9e;
}

.sincronizareContLink
{
    font-weight: bold;
    padding: 2px 5px;
}

.infoDetaliiFinalizarePas
{
	font-size:11px;
}

.infoDetaliiFinalizarePas .pasFinalizatDe
{
  font-weight:bold;
}

.raportSpatiuBox .inner
{
  max-width:300px;
  text-align:center;
  font-size:10px;
  
}

.raportSpatiuBox .depasit
{
  font-weight:bold;
  color:#cc0000;
}


.tipuriResurseList li
{
  border-bottom:1px dotted #ddd!important;
  padding:5px 0px!important;
}


.tipuriResurseList p.titlu
{
  font-size:13px;
}

.tipuriResurseList .imgTipResContainer,
.tipuriResurseList .titluTipResContainer
{
  height:30px;
  line-height:30px;
}

.tipuriResurseList .imgTipResContainer img
{
  vertical-align:middle;
  max-width:24px;
  max-height:24px;
}

.tipuriResurseList .imgTipResContainer
{
  width:40px;
  text-align:center;
}


/* UTILIZATORI */
.infoUtilizatorContainer .datePrimareUtilizator
{
  text-align:center;
}


.infoUtilizatorContainer .statusUtilizator
{
  margin-top:10px 0px;
  font-weight:bold;
}

.infoUtilizatorContainer .operatiuniUtilizator
{
  font-size:13px;
  font-weight:bold;
  color:#2998E2;
  cursor:pointer;
  text-align:left;
  margin-top:15px;
  text-align:center;
}

.infoUtilizatorContainer .operatiuneUtilizatorRow img
{
  vertical-align:middle;
}

.infoUtilizatorContainer .operatiuneUtilizatorRow
{
  margin:5px 0px;
  height:25px;
  line-height:25px;
}

.utilizatorInfoCard 
{
  border:1px solid #ddd;
  margin:0px 5px 10px 5px;
}

.utilizatorInfoCard .UIListItems li
{
  border-bottom:none!important;
}

.utilizatorInfoCard .titleWrp
{
  margin-top:0px!important;
  background-color:#eee;
}

.utilizatorInfoCard .addOps
{
  font-weight:bold;
}

.utilizatorInfoCard .itemCardOp
{
    color: #fff;
    display:inline-block;
    background-color: #2998e2;
    margin:2px 0px;
    padding: 5px;
    cursor:pointer;
}

.infoUtilizatorContainer .userProfilePic .profilePicInner 
{
  width:100px;
  height:100px;
}

.infoUtilizatorContainer .userProfilePic .profilePicInner
{
  position:relative;
}

.infoUtilizatorContainer .userProfilePic .profilePicInner:hover:after
{
  content: "Click pentru editare";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0;
  color: #fff;
  background: rgba(0,0,0,.6);
  padding-top: 33px;
  cursor:pointer;
}

/* END UTILIZATORI */

/* GRUPURI */
.detaliiGrupTxt
{
  text-align:center;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 0px 5px 10px 5px;
  padding:20px 0px;
}
/* END GRUPURI */

.EticheteFormComponent .addEticheta
{
  text-align:center;
  cursor:pointer;
}

.EticheteFormComponent .addEticheta img
{
  margin-top:27px;
}


.fluxuriReferitePas .removeFluxDeschis,
.campuriReferiteFluxDeschisList .removeCampRef
{
  display:none;
  cursor:pointer;
  vertical-align:middle;
}
 
.fluxuriReferitePas li:hover .removeFluxDeschis,
.campuriReferiteFluxDeschisList li:hover .removeCampRef
{
  display:inline-block!important;
}

.campuriReferiteFluxDeschisList .campReferit div
{
  line-height:25px;
}

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

/* Main Navigation
============================================ */
li.fluxNou
{
  margin: 0px 10px!important;
}

li.fluxNou a 
{ 
  background:linear-gradient(#00bb00,#008800) /*#00cc00*/; 
  /*background-image: -webkit-linear-gradient(top,#dd4b39,#d14836)*/
  color:#fff;
}

li.fluxNou a:hover
{
  color:#fff!important;
  background:linear-gradient(#00bb00,#007700) /*#00cc00*/; 
  box-shadow:none!important;
}

.DMSAppMenu .menuWrapper
{
  overflow:visible!important;
}


.DMSAppMenu {
  
  /*padding-right: 15px;*/
  z-index:1200;
  position:fixed; top:29px;
}

.titleWrp
{
  margin-top:10px;
}

.accInfoWrp
{
  
}

.accInfoWrp div
{
  text-align:right;
}


.userProfilePic
{
  text-align:center;
}

.logoutContainer .userProfilePic
{
  margin:0px 0px 0px 10px;
}

.userProfilePic .profilePicInner 
{
  text-align:center;
  border-radius:50%;
  background-color:#eee;
  overflow:hidden;
  width:50px;
  height:50px;
  margin:0 auto;
}

.userProfilePic .profilePicInner img
{
  max-width:100%;
  max-height:100%;
}

.logoutContainer .userProfilePic .profilePicInner 
{
  width:55px;
  height:55px;
}


@media all and (max-width:768px)
{
  .DMSAppMenu {
    display: none;
  }
}
.DMSAppMenu a {
  color: #FFF;
  text-decoration: none;
}
.DMSAppMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.DMSAppMenu ul > li.hasChildrens {position:relative; }
.DMSAppMenu ul > li.hasChildrens > ul {position:absolute; }

.DMSAppMenu ul:nth-child(1) > li {
  display:inline-block;
  vertical-align:top;
}
.DMSAppMenu ul:nth-child(1) > li:hover a {
  color: #3C3C3C;
}
.DMSAppMenu ul:nth-child(1) > li:hover > a {
  background-color: #fff;
  text-shadow: none;
  position: relative;
  box-shadow: 0 1px 8px rgba(0,0,0,0.5);
  transition: all .3s;
}
.DMSAppMenu ul:nth-child(1) > li > a {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 16px;
  text-align: center;
}
.DMSAppMenu ul:nth-child(1) > li > ul {
  display: none;
  /*position: absolute;*/
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 40;
  padding: 10px;
}
.DMSAppMenu ul:nth-child(1) > li:hover > ul {
  transition: all .3s;
  display: block;
      margin-top: 8px;
  box-shadow: 0 3px 6px rgba(0,0,0,.5);
  /* Cipri */
  width:280px;
}
.DMSAppMenu ul > li.hasChildrens:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 3px;
  top: calc(50% - 4px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #ffffff transparent transparent transparent;
}
.DMSAppMenu ul:nth-child(1) > li > ul > li {
  vertical-align: top;
  padding: 10px 10px 10px 0;
  line-height: 15px;
  margin-bottom: 2px;
  padding-left: 10px;
  margin-right: 2px;
}
.DMSAppMenu ul:nth-child(1) > li > ul > li:hover {
  background: #eee;
}
.DMSAppMenu ul:nth-child(1) > li > ul > li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}
.DMSAppMenu ul:nth-child(1) > li > ul > li > a:hover {
  
}
.DMSAppMenu ul:nth-child(1) > li > ul > li > ul {
  padding: 5px;
  display: none;
}
.DMSAppMenu ul:nth-child(1) > li > ul > li > ul > li {
  display: block;
  width: 100%;
  font-size: .9em;
}


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


.pasBgRed
{
  background-color:#cc0000;
  color:#fff;
}
.pasBgGreen
{
  background-color:#00cc00;
  color:#fff;
}
.pasBgGrey
{
  background-color:#ccc;
  color:#fff;
}

.taskuriMobileList .zileBox 
{
  line-height:51px;
  text-align:center;
}

.taskuriMobileList .taskRow
{
  /*max-height:51px;*/
}

.taskuriMobileList .informatiiTaskBox
{
  padding-left:5px;
}

.taskuriMobileList .titluPasFlux
{
  text-align:right;
  color:#666;
  font-size:10px;
}

.fromUserBox .fromUserName
{
  font-weight:bold;
}

.abstractPasMobile .butoanePasWrapper
{
  text-align:center;
  background-color:#eee;
  padding-top:3px;
}

.abstractPasMobile .butoanePasWrapper .butonPozitiv button
{
  background-color:#009900; 
}

.abstractPasMobile .butoanePasWrapper .butonNegativ button
{
  background-color:#990000;
}

.abstractPasMobile .butoanePasWrapper .butonSalvare button
{
  background-color:#999;
}

.infoPasiTxt ul
{
  list-style-type:none;
  padding-left:0px;
}

.infoPasiTxt li
{
  border-bottom:1px dotted #ccc;
}

.infoPasiTxt .titluPas
{
  font-weight:bold;
  text-decoration:underline;
  font-size:16px;
  margin:5px auto;
}

.pasiFluxMonitorizat .zileRamase 
{
  min-height:36px;
  min-width:20px;
  text-align:center;
  line-height:36px;
}

.pasiFluxMonitorizat .titluPas
{
  font-weight:bold;
}

.pasiFluxMonitorizat .detaliiPasMonitorizat
{
  padding-left:5px;
}


.detaliiCompletarePasTxt,
.detaliiCompletarePasTxt h2,
.detaliiCompletarePasTxt .titluPasFlux,
.detaliiCompletarePasTxt .fromUserBox
{
  text-align:center;  
}

.resurseFlux .numeResursaFlux
{
  font-weight:bold;
}

.addTaskFormWrp
{
  background-color:#eee;
}


.mesajeNoiFluxExist
{
    background-color: #cc0000;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
  
}

.resurseDmsTopOpTxtWrp
{
  padding:0px 10px;
  font-size: 16px;
  color:#2998E2;
  font-weight:bold;

}

.txtResursaContainer .descarca a
{
  font-weight:bold;
}

.resurseDmsTopOpTxtWrp .filtreazaBtnContainer span
{
  display:inline-block;
  margin-left: 5px;
}



.noResurseTxt
{
  line-height:170%!important;
  text-align:center;
  margin-top:50px!important;
  font-size:16px!important;
  color:#999;
}


.MobileMain .filtruDmsListWrp
{
	text-align:center;
	margin-top: 63px;
}

.MobileMain .breadCrumbsWrpWithContent > a{padding-left: 10px; height: 45px; line-height: 40px; font-size: 16px;}
.MobileMain .breadCrumbsWrpWithContent + .filtruDmsListWrp
{
	margin-top: 104px;
}

.MobileMain .filtruDmsListWrp li {
    background-color: #fff;
    cursor: pointer;
    width: 45%;
    padding: 0px;
    margin: 1%;
    display: inline-block;
    border: none;
    text-align: left;
}
.MobileMain .filtruDmsListWrp li .row {
    overflow: hidden;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.MobileMain .filtruDmsListWrp li div.leaf {
    height: 40px;
    overflow: hidden;
    display: table;
}

.MobileMain .filtruDmsListWrp .leaf {
    background-image: url(../eob-libs/com/sds/eob/Modules/DMS/assets/tree_closed_blue_folder_24.png)!important;
    background-position: 4px 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right: 5px;
}
.MobileMain .filtruDmsListWrp li .row h3 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}




.breadCrumbsWrp
{
  border-top:1px solid #ddd;
  font-weight:bold;
}

.breadCrumbsWrp .UIText
{
  line-height:36px!important;
}

.breadCrumbsWrp .backLink
{
  text-decoration:none;
}

.btnAfiseazaWrp
{
  background-color:#eee;
  text-align:center;
  padding-top:4px;
}

.MobileMain .resurseDmsListWrp
{
  overflow-y:auto!important;
}


.MobileMain .resurseDmsTopOpTxtWrp .op
{
  line-height:30px;
}

.MobileMain .resurseDmsTopOpTxtWrp .op img
{
  vertical-align:middle;
}

.MobileMain .resurseDmsTopOpTxtWrp .tipRendererContainer
{
  text-align:right;
}

.MobileMain .resurseDmsTopOpTxtWrp .tipRendererContainer img
{
  margin-left:5px;
  max-width:16px;
  
}


/*
RESURSE GRID
*/

.MobileMain .resurseThumbnails 
{
    box-sizing: border-box!important;
    text-align: center;
}

.MobileMain .resurseThumbnails .thumbMain {}

.MobileMain .resurseThumbnails .thumbContainer
{
  position:relative;
}

.MobileMain .resurseThumbnails .thumbOpsButton
{
  line-height:20px;
  position:absolute;
  right:10px;
  top:10px;
  background-color:rgba(255,255,255,.6);
  border-radius: 25px;
  display:none;
}

.MobileMain .resurseThumbnails .thumbOpsButton:hover
{
  background-color:rgba(255,255,255,1);
}

.MobileMain .resurseThumbnails li:hover .thumbOpsButton
{
  display:inline-block;
}

.MobileMain .resurseThumbnails li:hover
{
  
  background-color:#fff!important;
  border:1px solid rgba(41,152,226,1);
  /*box-shadow:1px 1px 1px rgba(41,152,226,1);*/
}

.MobileMain .resurseThumbnails li
{
  background-color:#fff;
  cursor:pointer;
  width:45%;
  height: 210px;
  padding: 0px;
  margin:1%;
  box-shadow:1px 1px 2px rgba(0,0,0,.13);
  border:1px solid #ddd;
}

.MobileMain .resurseThumbnails .thumbTitle
{
  overflow:hidden;
  height: 50px;
  text-align: center;
  border-top: 1px dotted #ccc;
  line-height: 20px;
  position:relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
  
  font-weight: 600;
  color: #444;
}
.MobileMain .resurseThumbnails .thumbTitle .title {
  text-align: left;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MobileMain .resurseThumbnails .thumbContainer
{
  padding:4px;
  text-align:center;
  height:158px;
  line-height:140px;
}

.MobileMain .resurseThumbnails li img
{
  max-width:100%;
  max-height:100%;
  vertical-align: middle;
}

.MobileMain .resurseThumbnails .thumbTitle .fileIcon img
{
  max-width:18px!important;
}

.ResursaPreviewZone
{
  border-bottom:1px solid #ddd;
}

.ResursaPreviewIfrmWrp
{
  text-align:center;
}

.ResursaPreviewIfrmWrp iframe
{
  width:98%!important;
  height:98%!important;
}

.resursaDetaliiTabBarWrp
{
  background-color:#eee;
}

.shareResursaIcon
{
  max-width:20px;
  vertical-align:middle;
}

.txtEticheteList li.evenRow
{
  background-color:#eee;
}

.addUtilizatorNotificatForm label.userId
{
  display:none!important;
}

.resurseFiltruPopup
{
  top: 95px!important;
  bottom: 0px!important;
  height:auto!important;
  width:auto!important;
  left:0%!important;
  right:3%!important;

  border-left:0px!important;
  border-top:0px!important;
  border-bottom:0px!important;
  border-right: 1px solid #aaa;
}

.resurseFiltruPopupHidden
{
  left:-107%!important;
  right:110%!important;
  transition:all .2s;
}


.resurseFiltruPopupShown
{
  left:0%!important;
  right:3%!important;
  transition:all .2s;
}



.MobileMain .resurseSearchFormWrp
{
	position: fixed;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    top: 54px;
    left: 0px;
    z-index: 10;
    background-color: #eee;
}


.MobileMain .resurseSearchFormWrp .fieldsContainer
{
  text-align:center;
}

.MobileMain .resurseSearchFormWrp .eobFrmBuilderInputItemContainersearchText
{
  margin:2px 0!important;
}

.MobileMain .resurseSearchFormWrp .eobFrmBuilderInputItemContainersearchText input
{
  text-align:left!important;
  margin:0 auto;
}

.breadCrumbsWrp
{
	position: fixed;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    top: 110px;
    left: 0px;
    z-index: 10;
    background-color: #eee;

}



.removeUserFromShare
{
  text-align:center;
}

.removeUserFromShare h3
{
  color:#cc0000;
}

.txtResursaContainer .descriere
{
  border-bottom:1px dotted #ddd;
  margin-bottom:5px;
  padding-bottom:5px;
    
}

.txtResursaContainer .thumbnailMiniResursa img
{
  max-width:110px;
  max-height:110px;
  border:1px solid #ddd; 
  margin: 5px 0;
}

.ResurseDmsView
{
  background-color:#eee;
}

.selectResursaPasFluxIconPopup
{
  top:auto!important;
  bottom:85px!important;
}

.atasamenteFluxMobileList .UITableHeader 
{
  display:none;
}

.atasamenteFluxMobileList .mainTable
{
  padding:0px!important;
}
/*
.shareResForm input.eobFrmBuilderInput  
{
  width:99%!important;
}
*/

.AddTaskView h3
{
  font-size: 1.2rem;
  line-height: 130%;
  margin: 0px 0;
  padding: .5rem 0;
}

.PersoaneInteresateMobileComponent .removePersInteresata 
{
  line-height: 40px;
}

.PersoaneInteresateMobileComponent .removePersInteresata a
{
  margin-left:5px;
  font-size: 24px;
  text-decoration: none;
  color: #cc0000;
  font-weight: bold;
}

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

/***/
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }


.UIButtonLite 
{
  background-color:#299DE3; color:#fff; font-size:16px; font-weight:bold;
  padding:8px 12px; border:0; margin:0; -webkit-appearance:none;
  box-shadow:3px 3px 3px rgba(0,0,0,.1); margin:2px;
}
.UIButtonLite.btnAnalizeaza {background-color:#ddd; color:#333; font-weight:normal;}

.blockCenter { display:block; width:auto!important;  margin:7px auto;}

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

.Pagepagebuilder *
{
  transition:all .2s; 
}

/** FOLOSIT LA BUILDERUL DE PAGINI **/
.pageZone 
{
  position:relative; display:inline-block; vertical-align:top; min-height:50px;
  border:1px solid #ddd;
}

#qmbWrap
{
  position:relative; background-color:#fff;
}

#qmbWrap .displayNone { display:none; }

.StatesSelector {margin:0; padding:0; list-style:none; }
.StatesSelector li {display:inline-block; padding:7px;}

#qmPageViewPort {margin:0 auto; background-color:#eee; height:auto;}

.ZoneContent 
{
  position:relative;
  border-left:1px dashed #999; 
  border-right:1px dashed #999; 
}


.ButtonAddModule 
{
  position:absolute; top:5px; right:5px; z-index:1;
  display:none; padding:5px; background-color:#cc0000; color:#fff;
}
.leaf:hover .ButtonAddModule {display:inline-block; cursor:pointer; }


.ButtonEditModule
{
  display:none; 
  position:absolute; top:15px; width:100%; z-index:1; text-align:center;
}
.ButtonEditModule span {background-color:#999; color:#fff; padding:3px;}
.ZoneContent:hover .ButtonEditModule {display:block; }







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

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 100%;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }




/*

    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)

*/


.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
  background-color: #282a36 !important;
  color: #f8f8f2 !important;
  border: none;
}
.cm-s-dracula .CodeMirror-gutters { color: #282a36; }
.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
.cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
.cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula span.cm-comment { color: #6272a4; }
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
.cm-s-dracula span.cm-number { color: #bd93f9; }
.cm-s-dracula span.cm-variable { color: #50fa7b; }
.cm-s-dracula span.cm-variable-2 { color: white; }
.cm-s-dracula span.cm-def { color: #50fa7b; }
.cm-s-dracula span.cm-operator { color: #ff79c6; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-atom { color: #bd93f9; }
.cm-s-dracula span.cm-meta { color: #f8f8f2; }
.cm-s-dracula span.cm-tag { color: #ff79c6; }
.cm-s-dracula span.cm-attribute { color: #50fa7b; }
.cm-s-dracula span.cm-qualifier { color: #50fa7b; }
.cm-s-dracula span.cm-property { color: #66d9ef; }
.cm-s-dracula span.cm-builtin { color: #50fa7b; }
.cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c; }

.cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }


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



/** QMBUILDER TEMPLATE BUILDER  **/

.left {margin-left:0; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.center {margin-left:auto; margin-right:auto;}

.StageViewPort
{
  width:100%!important; 
  min-width:960px!important; max-width:1400px!important; 
  overflow-x:auto!important;
  height:100%!important;
}


/** ZONE PROPERTIES PANEL ***/
.StateEventsPanel {}
.StateEventsPanel .eobFrmBuilderInputItemContainer
{
  position:relative; display:inline-block; vertical-align:top; margin:.25em 0; padding:0 4px;
}


/**** TOOLS ICONS *****/

.IconDragZone, .IconResetViewPort, .IconSettingsViewPort
{
  text-align:center; line-height:50px;
  margin: 0; padding:0; vertical-align:middle;
  display:inline-block; width:50px; height:50px; position:relative;
}
.IconDragZone button, .IconResetViewPort button, .IconSettingsViewPort button 
{
  outline: none; vertical-align:middle;
  display:inline-block; height:40px; width:40px; 
  margin:0; padding:0; border:0; background-color:rgba(0,0,0,.01);
}
.IconDragZone button
{
  background:url(../css/images/QMBuilderTemplates/dragndrop.png) top left no-repeat;
}
.IconResetViewPort button
{
  background:url(../css/images/QMBuilderTemplates/resetviewport.png); 
}
.IconSettingsViewPort button
{
  background:url(../css/images/QMBuilderTemplates/settings.png);
}


.MediaQuerySetting {
  height:50px;
  position:absolute; text-align:center; width:100%;
}
/**** END TOOLS ICONS *****/




.BuilderCanvasWrapper
{
  border:1px solid #ddd;
  width:auto; height:100%; position:relative; 
  margin:0; padding:0px; overflow-y:hidden; overflow-x:auto;
  /*background-color:#666;*/
  background:url(../css/images/QMBuilderTemplates/bgDesigner.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}
.BuilderCanvasSize
{
  background-color:#ddd;
  border:1px solid #ddd;
  width:auto; height:100%; position:relative; 
  margin:0 auto; padding:50px 0 0 0; overflow-y:hidden; overflow-x:auto;
  
}


.LayoutRuler 
{
  width:100%;
  height:60px; 
  border-top:1px solid #ddd; 
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background:url(../css/images/QMBuilderTemplates/ruller100.png) /*repeat-x*/; 
}

.RulerElementWrap {width:100%;}

.LayoutRuler .RulerElement
{
  top:0; left:auto; right:auto;
  color:#fff; text-align:right; overflow:hidden; padding:0 5px 0 0; 
  line-height:40px; font-size:10px; border-right:0 solid #555;
  height:40px; position:absolute; display:inline-block; margin:0; 
  top:0px; 
  cursor:pointer;
  transition:height .15s;
}
/*
.LayoutRuler .RulerElement
{
  margin:0 auto;
}
*/

.LayoutRuler .RulerElement:hover 
{
 top:0; height:60px; line-height:60px;
}

/** Clasa adaugata cand se selecteaza un breakpoint de mq **/
.LayoutRuler .MediaBarSelected 
{
  font-size:16px; font-weight:bold; top:0; height:60px;
  line-height:60px;
}




.BuilderCanvas
{
  box-shadow:0 0 10px rgba(0,0,0,.2);
  height:100%;
  position:relative;
  padding:0px; 
  /*margin:0 auto;*/
  background-color:#fff;
  overflow:auto; overflow-x:hidden;
}

.BuilderCanvasGrid 
{
  pointer-events:none; overflow:hidden;
  position:absolute; top:0px; width:100%; height:100%; z-index:1;
  /*
  background:url(../css/images/QMBuilderTemplates/grid_100_33_proc.png);
  background-size: 100% 100%;
  */
}
.BuilderCanvasGridElement 
{
  background-color:rgba(0,0,0,.01);
  position:realtive; 
  /*width:8.33%; margin:0 8.33% 0 0;*/
  width:10%; margin:0 10% 0 0;
  padding:0; display:inline-block;
  vertical-align:top; height:100%;
}



.level7 {background-color:#666; color:#333;}
.level6 {background-color:#999; color:#333;}
.level5 {background-color:#aaa; color:#333;}
.level4 {background-color:#bbb; color:#333;}
.level3 {background-color:#ccc; color:#333;}
.level2 {background-color:#ddd; color:#333;}
.level1 {background-color:#eee; color:#333;}
.level0 {background-color:#f2f2f2; color:#333;}

.unselectedZone {background-color:rgba(147, 162, 172, .25); overflow:hidden;}
.selectedBuilderZone {background-color:#93A2AC/*#4F92BF*/; color:#fff; overflow:hidden;}




.zone, 
.zone.ui-sortable-helper
{ 
  border:1px solid rgba(0,0,0, .2);/*#aaa; */
  padding:13px 0; text-align:left; 
  position:relative; display:inline-block; vertical-align:top; min-height:90px;
}

.zone:hover
{
  box-shadow:1px 1px 7px rgba(0,0,0,.35);
  border:1px solid #999;
  background-color:#D8E7F1;
}
.selectedBuilderZone:hover {background-color:#93A2AC;/*border:1px solid #990000;*/}

.zonePreview { text-align:left; color:#444; margin:0; padding:0; border:1px dotted #ddd; position:relative;}
.zonePreview .zoneContent { padding:10px; text-align:center; font-weight:bold;}
.zonePreview:hover
{
  box-shadow:none;
  border:1px dotted #ddd;
  background-color:inherit;
}
.zonePreview a.zoneSettings {
  display:block;
  color:#fff; text-align:center; line-height:25px; cursor:pointer;
  position:absolute; top:0; right:0; width:25px; height:25px; background-color:#cc0000;
}

.ZonePropsPopup 
{
  background-color:rgba(255, 255, 255, 1); 
  border:0; border-radius:3px; 
}
.ZonePropsComponent
{
  padding:10px;
}
/*
.ZonePropsComponent .UIForm input[type=submit]
{
  width:100%; margin:10px 0 0 0; padding:13px 0;
  background-color:#8F9EA7; color:#fff; cursor:pointer;
}
*/
.ZoneSaveButton {width:100%; padding:0 5px;}
.ZoneSaveButton button {width:100%; color:#fff; background-color:#8F9EA7; padding:13px 0; margin:10px 0 0 0 ;}

.ZoneRemoveButton {width:100%; padding:0 5px;}
.ZoneRemoveButton button {width:100%; background-color:#cc0000; margin:7px 0 0 0 ;}

/*.row {width:100%; display:block; margin:0; border:1px dotted #ddd;}
.col {margin:5px 0;}*/


.col1 { width:8.33%; }
.col2 { width:16.66%; }
.col3 { width:24.99%; }
.col4 { width:33.32%; }
.col5 { width:41.65%; }
.col6 { width:49.98%; }
.col7 { width:58.31%; }
.col8 { width:66.64%; }
.col9 { width:74.97%; }
.col10 { width:83.30%; }
.col11 { width:91.63%; }
.col12 { width:100%; }

.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%; }

.row {width:100%;}
.hasChildren > .PaddingRect {display:none;}
.PaddingRect
{ 
  left:1em; right:1em; top:0em; bottom:0em; z-index:1;
  border-left:1px dashed rgba(0,0,0,.35); border-right:1px dashed rgba(0,0,0,.35); 
  display:block; position:absolute; 
  padding:1em; color:#999; text-align:justify;
}
.selectedBuilderZone .PaddingRect 
{
  border:1px dashed rgba(255,255,255,.5)
}

/**** ETICHETA ZONA **********/
/*****************************/

.zone:hover .ZoneLabel {background-color: rgba(143, 158, 167, .6)/*#8F9EA7*/ /*rgba(255, 0, 0, .6);*/ }
.ZoneLabel
{
  position:absolute; top:.5em; left:1.4em; padding:3px; font-size:11px; 
  background-color:rgba(143, 158, 167, .27)/*#8F9EA7*/;/*rgba(255, 0, 0, .27);*/ 
  color:#fff; z-index:12;
}
.displayNoneLabel {background-color:rgba(0, 0, 0, .5); }
.zone:hover .displayNoneLabel {background-color:rgba(0, 0, 0, .7);}



@media all and (max-width:1280px)
{
  .col50zonePreview
  {
    width:100%;
  }
}

.hidden {display:none;}

#SystemCoreDragDragProxy 
{
  display:inline-block; text-align:center;
  background-color:rgba(255,255,255,.5);
  color:rgba(0,0,0,.5);
  padding:.5em; border:1px solid #ddd;
  position:absolute; z-index:999928; cursor:move; 
  pointer-events:none; top:-1233px; 
}


.DragAcceptClass { background-color:rgba(143, 158, 167, .2); /*#8F9EA7;*/ /*#E9F8E9;*/}
.DragRefuseClass {/* background-color:rgba(200,0,0,.35); */}

#DragProxyZone 
{
  border:1px dashed #000; pointer-events:none; 
  border-right:2px solid #000;
  background-color:rgba(143, 158, 167, .85); /*#8F9EA7;*/ /*#9AE09A*/;
  pointer-events:none;
}

.ResizeProxyClass 
{
  background-color:rgba(154, 224, 154, .85); /*#9AE09A */ 
  position:absolute; pointer-events:none;
}
.resizeRight {width:10px; height:100%; right:0; top:0;}
.resizeLeft {width:10px; height:100%; left:0; top:0; }
.resizeTop {width:100%; height:10px; top:0; left:0;}
.resizeBottom {width:100%; height:10px; bottom:0; left:0;}

/** END QMBUILDER TEMPLATE BUILDER  **/


/*
.row {width:100%;}
.col5 {width:5%;}
.col10 {width:10%;}
.col15 {width:15%;}
.col20 {width:20%;}
.col25 {width:25%;}
.col30 {width:30%;}
.col33 {width:33.33%;}
.col35 {width:35%;}
.col40 {width:40%;}
.col45 {width:45%;}
.col50 {width:50%;}
.col55 {width:55%;}
.col60 {width:60%;}
.col65 {width:65%;}
.col66 {width:66.67%;}
.col70 {width:70%;}
.col75 {width:75%;}
.col80 {width:80%;}
.col85 {width:85%;}
.col90 {width:90%;}
.col95 {width:95%;}
.col100 {width:100%;}
*/

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

input[type=text],
input[type=search],
input[type=number],
input[type=button],
input[type=submit],
select, 
button, 
textarea
{
-webkit-appearance: none!important;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;  
}


input[type=text],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=email],
input.ui-autocomplete-input, 
select, 
textarea
{
  border: 0!impotant;
  border-left: 1px solid rgba(0,0,0,.15);   
  border-right: 1px solid rgba(0,0,0,.15);   
  border-top: 1px solid rgba(0,0,0,.15);   
  border-bottom: 0;
  background-color:rgba(0,0,0,0.0);
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 #666;
  padding: 7px 9px!important;
  transition: background-color .2s;
}
.eobFrmBuilderActionsContainer input[type=button], 
.eobFrmBuilderActionsContainer input[type=submit], 
.eobFrmBuilderActionsContainer button
{
  border: 0!important;   
  background-color: #888!important;
  color:#fff!important;
  transition: background-color .2s;
  padding: 10px 9px!important;
}
.eobFrmBuilderActionsContainer input[type=button]:hover, 
.eobFrmBuilderActionsContainer input[type=submit]:hover, 
.eobFrmBuilderActionsContainer button:hover
{
  border: 0!important;   
  background-color: #555!important;
  color:#fff!important;
  transition: background-color .2s;
  
}



input:hover, 
input.ui-autocomplete-input:hover, 
select:hover,
textarea:hover
{
  background-color:rgba(0,0,0,.05);  
  transition: box-shadow .2s;
}


input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input.ui-autocomplete-input:focus, 
textarea:focus,
select:focus
{
  border-width:1px;
  box-sizing: border-box;
  background-color:rgba(0,0,0,.03);
  border-left: 1px solid rgba(0,0,0,.12)!important;   
  border-right: 1px solid rgba(0,0,0,.12)!important;   
  border-top: 1px solid rgba(0,0,0,.12)!important;
  border-bottom: 0;
  border-style:solid;
  outline:none;
  box-shadow: 0 2px 0 0 #0095E6;
}

 
input[type=button], 
input[type=submit], 
button
{
  outline:none;
  border-width:1px;
  border-left: 0;   
  border-right: 0;   
  border-top: 0;   
  border-bottom: 0;  
  transition: background-color .2s;
}



.eobFrmBuilderActionsContainer input[type=button]:focus,
.eobFrmBuilderActionsContainer input[type=submit]:focus,
.eobFrmBuilderActionsContainer button:focus
{
box-shadow: 0 2px 0 0 #0095E6;
}

.QMainTemplate .FormBuilderForm form input.eobFrmBuilderInput[type=text], 
.QMainTemplate .FormBuilderForm form input.eobFrmBuilderInput[type=number] {
  border-bottom: 0!important;
  padding: 7px 9px!important;
  border-left: 1px solid rgba(0,0,0,.12)!important;   
  border-right: 1px solid rgba(0,0,0,.12)!important;   
  border-top: 1px solid rgba(0,0,0,.12)!important;
  
}
input.ui-autocomplete-input
{
  padding: 7px 9px 7px 25px!important;
}

.eobFrmBuilderInputContainer label {color:#555;}
.eobFrmBuilderInputContainer label.required {color:#111;}

input:disabled
{
  background-color:rgba(0,0,0,.05);
}

select
{
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position: 100% 4px;
  transition: background-color .2s;
  padding-right: 20px!important;
}

.UIPopup.ContextMenuPopup
{
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  border-radius: 5px;
}
.UIPopup.ContextMenuPopup .UIListItems
{
  border: 1px solid rgba(0,0,0,.05)!important;
}
.UIPopup.ContextMenuPopup .UIListItems li
{
  /*padding-top: 12px; padding-bottom: 12px;*/
}
.UIPopup.ContextMenuPopup .UIListItems li:last-child
{
  border: 0;
}


.ui-datepicker {z-index: 999999!important;}


.isMobileDevice .QUserInfoBox {display:none;}

.QUserInfoBox {display:none;}

.floatInComponent {
  position: absolute!important;
  bottom: 30px!important; right: 30px!important;
  
}


/**** UICOMPONENTS REWRITES --- TAB NAV **********/
.UINavBar
{
  overflow-x: auto!important;
  overflow-y: hidden;
  width: auto;
  white-space: nowrap;
  padding-bottom: 7px; line-height: 100%;
  width: auto!important; display:block;
}
.UINavBar input.selected, .UINavBar button,
.UINavBar input.selected, .UINavBar button.selected, .UINavBar .UIButton
{
  background-color:rgba(255,255,255,0)!important;
  border-top: 0!important;
  border-left: 0!important; 
  border-right: 0;
  border: 0; 
}
.UINavBar input, .UINavBar button, .UINavBar .UIButton
{
  font-weight: normal;
  border-bottom: 2px solid rgba(0,0,0,.15);
  color:#777;
  padding: 0 12px;
}
.UINavBar button:hover
{
  color:#000;
}
.UINavBar input.selected, .UINavBar button.selected
{
  font-weight: bold;
  border-bottom: 2px solid #2998E2;
  color:#333;
}
/**** END UICOMPONENTS REWRITES --- TAB NAV **********/



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

.keywordItemInList { background-color:#00cc00; color: #fff; padding: 3px; display:inline-block; margin-bottom:3px;}
.otherWordItemInList {background-color:#666666; color: #fff; padding: 3px; display:inline-block; margin-bottom:3px;}