/************************************************************************/ /* 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: 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: 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,"); 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: fit2pharma.css */ /************************************************************************/ .chatHeader .topLogo .topLeftFluxerLogo img { width: auto!important; }