/************************************************************************/ /* FROM CSS FILE: ETplan.css */ /************************************************************************/ .schedule_item { display: inline-block; margin: 5px 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 4px; padding: 5px; } .departures_ttl { margin-bottom: 1rem; } .red { color: crimson; } /************************************************************************/ /* FROM CSS FILE: eval360app_mobile.css */ /************************************************************************/ .redEvalBar {background-color:#E67875; color:#fff;} .greenEvalBar {background-color:#97E395; color:#fff;} .grayEvalBar {background-color:#ddd; color:#555;} .bgEvalBar {background-color:#eee;} /* In rapoarte - numarul de citiri */ .rapNrCitiri { vertical-align:bottom; padding:3px 7px; } .rapNrCitiri span {background-color:#999; color:#fff; padding:8px; border-radius:2px; } /** TITLURI **/ .Eval360Mobile .titluIndicatoriUser .userImage{padding:10px 0 0 0;} .Eval360Mobile .UIListItems .zoneListIcon {} .Eval360Mobile .UIListItems .nrIndicatori { text-align:center; width:40px; height:40px; border-radius:50%; line-height:40px; margin:0 auto; } .Eval360Mobile .UIListItems .evaluator span { background-color:rgba(108,108,108,.1); color:#777; padding:2px 5px; border-radius:3px; } /** BAR EVALUARE ***/ .UIButtons.barEvaluareIndicator {width:95%; margin:0 auto; padding:7px; } .UIButtons.barEvaluareIndicator .UIButtonLite { background-color:#eee; height:40px; line-height:40px; margin:0; border-right:1px solid #fff; } .UIButtons.barEvaluareIndicator .UIButtonLite.pressed {background-color:#009900; color:#fff;} /***** BUTTON LITE *****/ .UIButtonLite { -webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0); background:none; border:0; text-align:center; font-size:15px; } .UIButtonLite.tabButton.height80 { height:80%; } .UIButtonLite.tabButton { background-color:rgba(0,0,0,.05); } .UIButtonLite.tabButton.users {border-right:1px solid #ccc;} .UIButtonLite.tabButton.selected { border-bottom:3px solid rgba(0,163, 217,.8); background-color:rgba(0,0,0,.1); font-weight:bold; } .UIButtonLite.touchStarted {background-color:rgba(0,0,0,.3)!important;} .Eval360Mobile .UIButtonLite.blue { background-color:rgba(0,163, 217,.8); color:#fff; padding: 10px 6px; border-radius:5px; } .Eval360Mobile .UIButtonLite.gray { background-color:rgba(108,108, 108,.7); color:#fff; padding: 10px 6px; border-radius:5px; } .FloatingAction {margin:0 0 20px 0;} .SecondFloatMenu .UIFloatElement .UIButtonLite, .SecondFloatMenu .UIFloatElement .FloatingActionLabel { box-shadow:3px 3px 5px rgba(0,0,0,.2); } .checkboxIcon { background:url(../resources/icons/checkbox_20.png) center center no-repeat; } .UIFloatElement .UIButtonLite.userIcon { background:url(../resources/icons/user_20.png) center center no-repeat #00cc00; min-width:50px; min-height:50px; border-radius:50%; } .UIFloatElement .UIButtonLite.newUserIcon { background:url(../resources/icons/new_user_20.png) center center no-repeat #00cc00; min-width:50px; min-height:50px; border-radius:50%; } .UIFloatElement .UIButtonLite.moreIcon { background:url(../resources/icons/moreIcon_20.png) center center no-repeat #00cc00; min-width:50px; min-height:50px; border-radius:50%; } .UIFloatElement .UIButtonLite.indicatorIcon { background:url(../resources/icons/indicatorIcon_20.png) center center no-repeat #00cc00; min-width:50px; min-height:50px; border-radius:50%; } .UIFloatElement .FloatingActionLabel { display:inline; line-height:50px; vertical-align:top; background-color:#fff; color:#444; padding:7px; margin:0 10px; border-radius:3px; } .Eval360Mobile .UIButtonLite.leftArrow { background:url(../resources/icons/arrow_left_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.rightArrow { background:url(../resources/icons/arrow_right_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.indicatorIcon { background:url(../resources/icons/indicatorIcon_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.newUser { background:url(../resources/icons/new_user_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.sandwitchMenu { background:url(../resources/icons/sandwitch_menu_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.listMenu { background:url(../resources/icons/list_menu_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.sandwitchMenuMini { background:url(../resources/icons/sandwitch_menu_mini_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.validateIcon { background:url(../resources/icons/validate_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.moreIcon { background:url(../resources/icons/moreIcon_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.plusIcon { background:url(../resources/icons/plusIcon_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.searchIcon { background:url(../resources/icons/searchIcon_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.minusIcon { background:url(../resources/icons/minusIcon_20.png) center center no-repeat; min-width:60px; } .Eval360Mobile .UIButtonLite.xIcon { background:url(../resources/icons/xIcon_20.png) center center no-repeat; min-width:60px; } .xIconPopup { background-color:#cc0000; } .Eval360Mobile .userImage img {border-radius:50%; border:1px solid #ddd; min-height:50px; min-width:50px;} /*** FORM BUILDER ***/ .FormBuilderForm .eobFrmBuilderSeparator {display:none;} .Eval360Mobile .FormBuilderForm label {font-size:14px; text-decoration:none;} .Eval360Mobile .FormBuilderForm span.eobRequiredField {display:none;} .Eval360Mobile .FormBuilderForm input, .Eval360Mobile .FormBuilderForm select, .Eval360Mobile .FormBuilderForm textarea { padding: 10px 6px; background-color:#fff; -webkit-appearance:none; } .Eval360Mobile .FormBuilderForm select, .Eval360Mobile .FormBuilderForm input[type=date] { padding-right:35px; background:url(../resources/icons/bottom_arrow_24.png) center right no-repeat; } .Eval360Mobile .FormBuilderForm input[type=checkbox] { -webkit-appearance:checkbox; } .Eval360Mobile .fieldSelector { width:70%; display:block; margin:0 auto; text-align:center; } /* form type = button*/ .Eval360Mobile .FormBuilderForm .fieldSelector input[type=button] { padding: 10px 6px; -webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#fff; font-weight:normal; border:0; text-align:center; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius:5px; box-shadow:2px 2px 3px rgba(0,0,0,.1); padding-right:35px; background:url(../resources/icons/bottom_arrow_24_white.png) center right no-repeat; background-color:rgba(108,108, 108,.7); } /** POPUP LIST **/ .Eval360Mobile .UIListItems.popupMenuList{ /*background-color:#f8f8f8;*/ border:1px solid rgba(0,0,0,.15); } .Eval360Mobile .UIListItems.popupMenuList li {padding:5px 5px; font-size:14px;} .Eval360Mobile .UIListItems.popupMenuList li.selected {color:#555;background-color:#ccc!important;} .Eval360Mobile .UIListItems.popupMenuList li .email {font-size:13px; color:#999;} .AddUserSesiuneView .touchStarted {background:none!important; } .AddUserSesiuneView .selected { background:none!important; } .AddUserSesiuneView li.selected {background:none!important;} .AddUserSesiuneView .UIListItems.popupMenuList li.multiSelect{ background-color:#eee!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: KeeperIT_render_content.css */ /************************************************************************/ .zipContent { text-align:center; } .zipContent a {text-decoration: none; border-bottom: 1px solid #ccc;} .pdfContent { text-align:center; } .audioContent audio {width: 100%;} .videoContent video {width: 100%;} /************************************************************************/ /* FROM CSS FILE: UIApplicationMobileApi.css */ /************************************************************************/ html { height: 100%; width: 100%; overflow:hidden!important; } :focus { outline: 0; } 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; } /* UITabBar**/ .UITabBar { position:relative; } .UITabBar .UIButtonLite { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height:45px; background-color:#eee; border-right:1px solid #ccc; } .UITabBar .UIButtonLite.selected { border-bottom: 3px solid rgba(0,163, 217,.8); background-color: rgba(0,0,0,.1); font-weight: bold; } /***** UIFLOAT *****/ .UIFloat { position:fixed; } .UIFloat.centered { top:50%; left:50%; transform:translate(-50%, -50%); } .UIFloat.shadow { box-shadow:3px 3px 10px rgba(0,0,0,.3); } .FloatModalOverlay { top:0; left:0; width:100%; height:100%; background-color:rgba(200,200,200,.75); position:fixed; } /***** END UIFLOAT *****/ .MobileMain { -webkit-overflow-scrolling:touch; } .UIText.touchStarted {background-color:rgba(0,0,0,.3)!important;} .UIPopup.titleBarMenu {background:none!important; } .UIListItems {list-style:none; padding:0; margin:0;} .UIListItems li { padding:5px 7px; border-bottom:1px solid #ddd; display:inline-block; cursor:default; position:relative; vertical-align:top; margin:0; width:100%; } /* .UIListItems li:hover {background-color:rgba(79,146,191,.2); } */ .UIListItems li.selected {/*color:#fff;*/ background-color:#4F92BF;} .UIListItems li.selected a{/*color:#fff;*/} .UIListItems li.listSortPlaceHolder {background-color:rgba(79,146,191,.1); border-bottom:0; margin:0;padding:0;} .UIListItems.contextMenuList{ background-color:#f8f8f8; box-shadow:5px 5px 5px rgba(0,0,0,.15); border:1px solid rgba(0,0,0,.15); } .UIListItems.contextMenuList li {padding:15px 10px; font-size:17px;} .UIListItems.contextMenuList li.selected {color:#555;background-color:#ccc!important;} /*.UIListItems.contextMenuList li:hover {color:#333; background-color:#eee;}*/ .col, .leaf {position:relative; vertical-align:top; margin:0; display:inline-block;} .col1 { width:1%; } .col2 { width:2%; } .col3 { width:3%; } .col4 { width:4%; } .col5 { width:5%; } .col6 { width:6%; } .col7 { width:7%; } .col8 { width:8%; } .col9 { width:9%; } .col10 { width:10%; } .col11 { width:11%; } .col12 { width:12%; } .col13 { width:13%; } .col14 { width:14%; } .col15 { width:15%; } .col16 { width:16%; } .col17 { width:17%; } .col18 { width:18%; } .col19 { width:19%; } .col20 { width:20%; } .col21 { width:21%; } .col22 { width:22%; } .col23 { width:23%; } .col24 { width:24%; } .col25 { width:25%; } .col26 { width:26%; } .col27 { width:27%; } .col28 { width:28%; } .col29 { width:29%; } .col30 { width:30%; } .col31 { width:31%; } .col32 { width:32%; } .col33 { width:33%; } .col34 { width:34%; } .col35 { width:35%; } .col36 { width:36%; } .col37 { width:37%; } .col38 { width:38%; } .col39 { width:39%; } .col40 { width:40%; } .col41 { width:41%; } .col42 { width:42%; } .col43 { width:43%; } .col44 { width:44%; } .col45 { width:45%; } .col46 { width:46%; } .col47 { width:47%; } .col48 { width:48%; } .col49 { width:49%; } .col50 { width:50%; } .col51 { width:51%; } .col52 { width:52%; } .col53 { width:53%; } .col54 { width:54%; } .col55 { width:55%; } .col56 { width:56%; } .col57 { width:57%; } .col58 { width:58%; } .col59 { width:59%; } .col60 { width:60%; } .col61 { width:61%; } .col62 { width:62%; } .col63 { width:63%; } .col64 { width:64%; } .col65 { width:65%; } .col66 { width:66%; } .col67 { width:67%; } .col68 { width:68%; } .col69 { width:69%; } .col70 { width:70%; } .col71 { width:71%; } .col72 { width:72%; } .col73 { width:73%; } .col74 { width:74%; } .col75 { width:75%; } .col76 { width:76%; } .col77 { width:77%; } .col78 { width:78%; } .col79 { width:79%; } .col80 { width:80%; } .col81 { width:81%; } .col82 { width:82%; } .col83 { width:83%; } .col84 { width:84%; } .col85 { width:85%; } .col86 { width:86%; } .col87 { width:87%; } .col88 { width:88%; } .col89 { width:89%; } .col90 { width:90%; } .col91 { width:91%; } .col92 { width:92%; } .col93 { width:93%; } .col94 { width:94%; } .col95 { width:95%; } .col96 { width:96%; } .col97 { width:97%; } .col98 { width:98%; } .col99 { width:99%; } .col100 { width:100%; } 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; } /** 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; } .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; } .FormBuilderForm .eobFrmBuilderActionsContainer input[type=submit] { background-color:#e9e9e9; color:#444; font-weight:bold; font-size:13px; border:1px solid #ddd; /*height:auto; border:0; padding:7px;*/ } /* AUTOCOMPLETE*/ .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 200px; } /** ICONS **/ .UIIcons {list-style:none; margin:5px; padding:0;} .UIIcons li.selectedIcon {border:1px dotted #bbb;} .UIIcons li.selectedIcon a {color:#666; font-weight:bold;} .UIIcons li { cursor:pointer; display:inline-block; width:90px; height:100px; overflow:hidden; text-align:center; border:1px solid #fff; } .UIIcons li:hover {border:1px solid #ddd;} .UIIcons li a {display:block; text-decoration:none; color:#666;} .UIIcons li:hover a {color:#000;} .UIIcons li a .iconImage { width:64px; height:64px; overflow:hidden; margin:10px auto 0 auto; background:url('http://office.stoc-studio.ro/projects/icoane_sds.png'); } .UIIcons li a .iconLabel { font-size:11px; display: block; line-height: 20px; overflow: hidden; white-space: nowrap; width: 80px; text-align:center; text-overflow: ellipsis; margin:0 auto; } .FormBuilderForm .formFieldAutoInline { width:auto; display:inline-block; padding:0 7px 0 0; } .FormBuilderForm .proc25 {width:24%; display:inline-block; padding:0 7px 0 0;} .FormBuilderForm .proc50 {width:48%; display:inline-block; padding:0 7px 0 0;} .FormBuilderForm .proc75 {width:72%; display:inline-block; padding:0 7px 0 0;} .FormBuilderForm .proc33 {width:32%; display:inline-block; padding:0 7px 0 0;} .FormBuilderForm .proc66 {width:63%; display:inline-block; padding:0 7px 0 0;} /* Window*/ .boxTitle {line-height:40px; overflow:hidden;} .boxTitle {border:1px solid #ddd;} .boxUIComponent {line-height:40px; overflow:hidden; margin:0; padding:0;} .boxTitle .UIText{display:block; line-height:40px; overflow:hidden; margin:0; padding:0;} .boxTitle .UIText h3 { margin:0; padding:0;} .boxTitle .UIText h3.winX {cursor:pointer; line-height:40px; display:block;text-align:center; color:#333; /*background-color:#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; http://localhost/galileo/eob-site/css/images/UIComponentsFromAdmin/folder.png } .listFolder li { background:url("../css/images/UIComponentsFromAdmin/folder.png") 5px 50% no-repeat; } .UIMenu .selectedMenu { font-weight:bold; } .UIBoxWrapper, .UIBoxLiteWrapper { overflow: scroll; overflow-x:hidden; overflow-y:auto; } .inertiaScroll { /*overflow: scroll;*/ -webkit-overflow-scrolling:touch; } .inertiaScroll * { position: relative; -webkit-transform: translate3d(0,0,0); } /* #phone{ margin:10px auto; border:1px solid; width:320px; height:480px;position:relative;} */ .UIButtonLink {text-decoration:none; color:#fff; background-color:#999; text-align:center;} .UILinks a { padding:2px 5px 2px 2px; } .UIListMenu { background-color:#fff; /* border-bottom:1px dotted #666; border-left:1px dotted #666; */ } .UIListMenu a{ color:#1F64A7; display:inline-block; line-height:inherit; /*border-right:1px dotted #fff;*/ padding:2px 4px; text-decoration:none; } .UIListMenu a img { padding:2px 0; } .UIList li:nth-child(2n+1), .UIList table tbody tr:nth-child(2n+1) td { background-color:#f9f9f9; } .UITree .inactive { color:#cc0000; } .UIList table.ListTable tr td { height:30px; } .UIList .ListTable { max-width:100%; height:100%; overflow:hidden; background-color:#777;color:#fff; } .UIList .ListTable .tableCol { white-space:nowrap; margin:0; padding:2px 0 0 3px; display:inline-block; overflow:hidden; height:100%; } .UIList table {font-size:inherit;} .UIList table thead {border-collapse: collapse;border:0; padding:2px; margin:0;} .UIList table thead td{background-color:#333;color:#fff;} .UIList {list-style:none;margin:0;padding:0;} .UIList li { border-bottom:1px solid #ddd;padding:2px 2px 2px 5px;min-height:18px;position:relative;cursor:default;} /* height:35px; */ .UIList li:hover {background-color:#D8E7F1;} .UIList table tbody tr:hover td{background-color:#D8E7F1;} .UIList li .details {color:#666;font-size:11px;} .UIList li.selected {background-color:#4F92BF;color:#fff;} .UIList li {padding:2px 2px 2px 7px;height:auto;} /*height:45px;*/ .UIList div.pageActions {text-align:right; color:#666;} .UIList li.selected div.pageActions a {color:#fff;} /**** TREE ****/ .UITree {margin:0; padding:0; list-style:none;} .UITree li {position:relative;cursor:default;} .UITree li span.treeItemWrapper {display:block;padding:2px 0;position:relative;} .UITree .treeWrapper:hover {background-color:#D8E7F1;color:#000;} .UITree li ul{list-style:none; margin:0 0 0 15px;padding:0} .UITree div.selected{background-color:#4F92BF;color:#fff;} .UITree div.selected:hover{background-color:#4F92BF;color:#fff;} .UITree .expand { padding:0 2px;margin:0 5px 0 0;cursor:default; vertical-align:middle;display:inline-block;border:1px solid #ddd; text-align:center;height:13px;width:12px;line-height:11px;background-color:#eee;color:#333; } .UITree li div.treeWrapper { border-bottom:1px solid #ddd; position:relative; } /**** TREE END ****/ .UIButton { text-align:center;width:auto;padding:1px;cursor:pointer; font-weight:bold; /*margin:0;*/ }/*background-color:#31668A;color:#fff;margin:1px;*/ /*.UIButton:hover {background-color:#4F92BF;}*/ p {margin:0; padding:5px 0;} #hui_2 {padding:5px;overflow:auto;} #hui_1 {overflow:auto;} /**** DEMO UIBox ****/ .UITitleBar h1 {margin:0;font-size:15px;} .UINavBar {margin:0;padding:0;line-height:30px;} .UIButton {margin:2px;height:auto;height:25px;} .UITitleBar {width:100%;background-color:#cc0000;color:#fff;height:100%;max-height:32px;} /* #searchtext {padding:14px;} */ *,input{ -moz-border-radius: 0; -webkit-border-radius:0; } input[type="button"]{ -webkit-appearance:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; } *,html, body{margin:0} /*.UIList li {overflow:hidden;padding:2px 0 0 5px;height:25px;line-height:25px;}*/ /*height:45px;*/ /*.UIButton {border:2px solid #000;}*/ .UINavBar .UIButton .selected { background-color:#0000cc; margin:0px; } #lista li span {padding:4px; background-color:#cc0000;color:#fff;} .UIPopup {border:1px solid #aaa;background-color:#fff; /*background-color:rgba(255,255,255,0.5);*/ } .dropShadow { -moz-box-shadow: 2px 2px 6px #888; -webkit-box-shadow: 2px 2px 6px #888; box-shadow: 2px 2px 6px #888; } /* .UIPopup .UIList li{height:30px;background-color:#333;color:#fff;border-bottom:1px solid #fff;} .UIPopup .UIList li.selected {background-color:#00cc00;} */ /*.UIPopup .UIList li:hover {background-color:#eee;}*/ /* #ppProiecte {overflow:hidden;} #listCulori li {display:inline;} */ #listCulori li div {height:100%;} *,p {margin:0;} .UIText {padding:4px;} /*.UIBoxWrapper {box-shadow: 1px 1px 1px #ddd;}*/ #container_btn {text-align:center;padding:10px 0;} .UIDateChooser .UIButton {height:100%;width:100%;} .UIDateChooser {text-align:center;} #box-ppDChooser__ .UIBoxWrapper {box-shadow: 0px 0px 0px 0px #fff;} .UIDateChooser .UIList {box-shadow: 0px 0px 0px 0px #fff;padding:0px 1px} .modDescription {font-size:10px; color:#666; height:20px; ;overflow:hidden;} #modulesCombo {width:100%;height:100%;} /*textarea {border:1px solid #00cc00;}*/ .UINavBar{height:35px;} .UINavBar .UIButton {height:100%; margin:0px; background: #eee; border-radius:0px background:#eee; color: #333; border: 1px solid #aaa; border-left:1px solid #fff; border-bottom:none;} .UINavBar input.selected, .UINavBar button.selected {background-color: #777; color: #fff; border-radius:0px; text-shadow:none;} .UINavBar input[type=submit], .UINavBar input[type=button], .UINavBar button { border-radius:0px; } .UIList table tbody td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;} /*padding: 3px;*/ .UIList table{border:0; padding:0px; margin:0;} .UIList table{width:100%;border-collapse: collapse;}/**/ .UIList table tbody tr.selected td{background-color:#4F92BF;color:#fff;} .UIList .UIText {margin:0; padding:0;} .UITabNavigatorBar .UIButton {overflow:hidden;} .UITabNavigator .UINavBar {height:100%;} .UINavBar .UIButton {height:100%;padding:0 10px;} /****END DEMO UIBox ****/ .UITitleBar {line-height:30px;overflow:hidden;background-color:#666666;} /** CSS pentru form **/ .FormBuilderForm form textarea{font-family:inherit;} .FormBuilderForm form{padding:0px 5px; border:0px dotted #ddd;} /*background-color:#eee;*/ .FormBuilderForm label {padding:2px; font-weight:bold;} .FormBuilderForm input[type=checkbox] { display:inline; margin:2px;line-height:22px;} .FormBuilderForm form input[type=submit]{font-weight:bold; padding: 1px; margin:1px; } /** pentru utilizare separata de form builder **/ form input[type=submit]{font-weight:bold; padding:1px 2px;} .FormBuilderForm form input[type=button]{font-weight:bold; padding: 1px 2px; } .FormBuilderForm form input[type=radio]{display:inline;} .eobRequiredField {color:#cc0000; font-size:17px; font-weight:bold;} p.fieldDescription{margin:0px; padding:1px;font-size:11px;color:#999;} .LinksList p {margin:0;padding:1px 0;} .LinksList h3 {margin:0;padding:2px 0;} .eobError {color:#cc0000;font-size:12px; font-weight:bold;} .eobErrors {color:#cc0000;font-size:14px; font-weight:bold;} .FormBuilderForm .label {font-weight:normal;color:#2E5A5C;} .FormBuilderForm .eobFrmBuilderInput { display:block; margin:2px;} .FormBuilderForm .eobFrmBuilderInputItemContainer { clear:both;} .FormBuilderForm .formFieldInline label, .FormBuilderForm .formFieldInline input, .FormBuilderForm .formFieldInline select, .FormBuilderForm .formFieldInline div, .FormBuilderForm .formFieldInline .eobRequiredField, .FormBuilderForm .formFieldInlineRequired .eobRequiredField, .FormBuilderForm .formFieldInlineRequired label, .FormBuilderForm .formFieldInlineRequired input, .FormBuilderForm .formFieldInlineRequired select, .FormBuilderForm .formFieldInlineRequired div { /*display:inline;*/ float:left; } .FormBuilderForm .formFieldInline { display:block; } .FormBuilderForm .fieldDescription { display:block; clear: both; } .FormBuilderForm .eobFrmBuilderInputContainer .hasInfo { float:left; } .FormBuilderForm span.info { background:url("../css/images/UIComponentsFromAdmin/16x16_info.png"); display:inline-block; width:16px; height:16px; } .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 .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.8); } /* .bluredComponent { filter: blur(2px); -o-filter:blur(2px); -ms-filter:blur(2px); -moz-filter:blur(2px); -webkit-filter:blur(2px); } .unbluredComponent { filter:blur(0px); -o-filter:blur(0px); -ms-filter:blur(0px); -moz-filter:blur(0px); -webkit-filter:blur(0px); } */ .eobFrmBuilderInputItemContainer input[type=file] { width:180px; } /* UIFORM */ .inlineFormField { display:inline; } .FormBuilderForm label.required { text-decoration:underline; } .eobFrmBuilderInput.inlineFormField { display:inline; } .noBorder { border:0px !important; } .UICalendar {list-style:none;margin:0;padding:0;} .UICalendar table td {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:10px 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; } .popupFinalizare button.greenButton { background-color:#00cc00; } .FormBuilderForm form input[type=submit], form input[type=submit], button.UIButton { background-color:#2998E2; height:auto; border:0; padding:7px; color:#fff; } .transparentPopup {background-color:rgba(255,255,255,.95); } /*.UIAccordion { height:100%; }*/ body {max-height:100%!important;} #CarbossMobileJSAppId.UIApplication { position: absolute; top: 0px; left: 0px; width: 100%; height:100%!important; max-height:100%!important; overflow: hidden; } /************************************************************************/ /* 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; } /************************************************************************/ /* 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: fixed; 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 rgba(255,255,255,.25); cursor: pointer; width: 40px; height: 40px; background-color:rgba(255,255,255,.25); border-radius: 50%; } .QLoginTop .loginCircle > * { color: rgba(255,255,255,.65); font-weight: bold; text-transform: uppercase; width: 100%; text-align: center; vertical-align: middle; font-size: 14px; line-height: 30px; } .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: MobileAppTemplateIcons.css */ /************************************************************************/ /* GENERAL ICONS ======================================= */ .keeperit-comp .square48 { width: 48px; height: 48px; } .keeperit-comp .square32 { width: 32px; height: 32px; } .keeperit-comp .square24 { width: 24px; height: 24px; } .keeperit-comp .UIButtonWrap[class*="icon-"]:before { content: ""; position: absolute; top: 1px; left: 1px; width: 61px; height: 61px; border-right: 1px solid #DFE0E9; } .keeperit-comp .UIButtonWrap.icon-google:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEGUlEQVRYheVWbWxTVRh+zrn3tt1M2dgHTtYa2ZqNOTa3CSgDZTHyAwhqxPlDHfIDJ0bCIGL4ELDGmDhjCDPOBDURPwiKi0qULWaGRiQjRDugjqrTDTfLpsx9uK3bbe+95/gD13btbdfW7RfPr3ve89z3ec45b857gBsdJJmfuN1YgGH1bgg8DxQcInHDJF4idl/nnBnge8T7McxfRB9bhhFu1CVlk0lkUyfSyW5Sr7bNigF+wFAMj/opulgReJxuBQA26oJFqp5pV2Ia4NtpHTr5IXg5jVN6OuYRDSXiVvKq8m7CBvhOehgXWB20pKSDWEhGUMQziR1Mb1p3Zfx56ZlZEc8hY7DxJdHEAZ0d4C8binDW34EJfXPIJjIs9Cuk4yiodh4AxaSwAl5sgoetx+B/BZpDxlDAi8gruBrLY6SBp6gLP7OSCKYIoFQ4jvnaJmKHqpeM2yHib+ETDLD7YONLZhKPMMAdRhu83I0mVUJXyK5JAJZKO8lryuGZEiaK6dsskBqYiYQnJWCNGJwtEY7PhXikAcYfDERXC8AWCcijY1ip1cyFOBByBNxhzgL1D+hwdpDVvoZoCTbWH/0jEUET9Y2Vp7jW7trW2ANcL63rEOVcMJ3CJ7w1VsK2wQpLIgYAoCD/ynIAPUDoEWh0oS5b8/cmKjATZEUonPoOGuBRbnopuY4ZC4wGZYNfIuvXZxuss21AIPgtIBuI+kweSP4I8lXV/BAw6I6WrDKz3RNtzjN584LeiVxDaIwQDoPgbQ+MQyf5t8YLAMoAQAPB+xOFOK8ukGv7huYtfdqpxFxWGOwOu9h6Ztl4t9c67e2wKNUjt9nXpUyNw8qenASAIWbE/tG78Lm8CH3qTaYzFuGjRMQBYMhl+jhcHABs5t+doePpBlT+oUvJUHeMrkSHOj8Q/s6f8+jbzWW74hXf99b+3V/0rdkYHqdgsJmvvBAai6jwg1+u6mhXs4rD4xIY7jX1n7inlz0R7TgcjirR6VWPNTn3Vvd4rRG5V2S0//TZns23xzRw4nRp4clRq/sfLum241zBKy+WRpoziPyBmUyckw0Cm1RMlcOqqeYXJX1DP0s1pmgGDHU+DPdIUCvdMMoeuPV0aX3twcsxDQDAkZaK2hbZckSN8iSIByKjkHqqcPbPKkhUxSO3nNp2qO5AYzgv6iXT2Fz+eqvP+tz/MUE4QeZfd7A0xfBmw/Z9dbqcWAkaTlU8+4OS88YwNyTlIovK2ipxYOuW9c7EH6VTeO/rOxd3KylNLiWzWIvzVpbAUC4NXsrn3urHN1z8NRY37nv+nZayqmvM+FK3lrb8mpZqCm8cBIBVGJ+wCOPf30a9ex9b++O5ePIm1WiOfVOQNyCnVUpEyyeEcyPVLguMXdy8rqMrmXw3Nv4F+RF0SocsQB0AAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .UIButtonWrap.icon-facebook:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAB0UlEQVRYhe2Xu0sjURTGf/dmNFlUVCTiyiqihSiLuosPsDCNa/4ALRUflRZ2y27hEtDaP0AQJN3CQnrxUSuIaCGCKGy5mvFRmOgkRq+Fr2Qz6hhmnCZfNefMOfN9M9+9d+4VAN+Gw31KMA20AT6chQFsK1RoNTy6LO7JFwHhMPH/UAoVlEqoGRfIAYRAzEgQrS6QP6BN4rznL8GnOfHUAs3Dx8pivIUaRiKFYVxxYaSIXyazam0VUOUvZqz/K91favEWejLuHeoxhn5EnBNQX1PO7M8gJUXeN/VJO8ilFEyNB95MbpuA9s/V1FaX5tRriwUtjVVZub2/x8z/2SR6Egfg+ubGOQEVZR+ycnO/N9jZj77aa4sFBZonK6efXVjqtUWAKZS1MucEWEROY2Ag2ExTg/8xTr9+wORQF4lk6jHePdCJLO3aI6CpwU9PR92LNV2tnzLi6Kn5mHg3C46OY+4KONTPTfM5WWAkUsTiT382n1dD0zLfJX6ZRKWtPf908y8gekfCFifM8/g1ESDQWZeRG/we4ejEnDQdrk/DvIC8gLwAyd1ZzS0YEth2jV6wJRUqhOXtg61QCBGSq+HRZYUKAuu8jx0GgjWk6FtZGF65BYHaeyHM1MoeAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .UIButtonWrap.icon-apple:before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAACuUlEQVRYhb2XzatMYRjAf887d5rmfY57uzdFFhbILTa+Qhas5GNB3YWFlCxslBSlJFL8C5QsyEc+YiGWqCvNgihKbMh3lJsu8849ZpzzWFw0xsydO8Px7t7nec77+3Xe8z7nHPj7kVfVbao6rOpPdXpxz9+Qp0wpzE3T3HmwReMRefvfBHp7C3OSJDcMTK8LP+h0Hdcl3yVJ7mwDvJam6YX/IuC93wAs+z0qx8bGxt50ulZXWyAim8B+zc0oVSphfzdrdbkFNq9uctp7vxYI3awkLeI9URSthHTQTLxI+trMDYcQPgBEkT8CiJlcDCE8AtR7v8o5m2XmFNJX4G79rO9EQKLI7zBjLzCzIZeaURKxKyL2wCw3Csw3syER1gPFhvoayGVgdwjhfVuBgYGB3mo1PmPGhnbWHY4RkXSoXI5vTySQU/XXgbX/GA6AGeV8PlkwOvr1WWPOAUSRP5gVHBhzzrY3gwOIqk4Dew74DOBmxsZKpXKtVYGDdHNGcMDOTQT/ISCrs4GDiJ1oV+NEGMyI/6lcju+0FTBjRhZ0M0aAtK1AFnAAEbH2VeMClWwUbHZ/f3/fZAReZiOAq9XidZMQsCcZCWDGIdq88p2IlLISABlU9cdp/dYl51zuo3OyKzsJFhYK+enVau0m8O0PRQBVfw9YkqEEwJskSVfFcfy8PvjjGMrRjOGAleM4ftEYdQAhhAvAu2wF3GGaNKafjSgG2ZcV2oxSCOF8s1z90ylR5EtmLP/H/CrI0hDCw2bJ+lZsIslWuvy6bT3kQCs4QK5+Uq0mI4VCzzOQISY4ux3AL4UQ9lD/EzGRwLjEt8f5fP6DCGua5YHXYPdF5CHwBZhKk24nwtUQKluAWlfu3vvFqsUbqr6i6l+q+pPFYnFFY11fX19/FBV3qvq7qsXPqsWnUeR3MMk7+B3IafAqxEp17wAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconUser { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACVUlEQVRIiZ2WMWgUQRiFv3cc4QghWIRgYZFKuCAKwXIvnaIQrMUQEexE7FNaWYiIEAtLxcrSwiKKwexhISIqIQdWQSzEwiIcchzHPYudu51cbve4/DDwmJ15b/43/8ysmBBps1UD7gEbwGngO/ZDpO1GUu9Pmq9y8v0Z0DPMrSMzTAfxG/wGtNlI6odFHJUyAZsrhpsoEAvAIGrAEugOcLeMo1QAuK2xY5w3ez1N96tTC+ymrVlJKzFlHgIHd6VFpIWpBZBngZmI8riSAbsK1IpoClOTaSM6A0Iz2F/AsYq6gn9FPCV7oC7wZ+CGwiZLICk0kOgC7ekFxBz4TMhmGA5mOcdzhsWpBQxtrF9Di4aFY2xnHVk7FPydWmA1qfeNHyE6JRb1kZ6c+KBJegW8LLII9NF4q4yjVCC7a/zU0HOoHAWrlNnzeDVZ7p5YIAt9lXghKVt1sMrSLuL1pNkTBRpJHeIyHGQCnxvJcm/i8oo+pOn+WaTLti9JrNlUJEUn2T3EO9BbYBvYC4spFkibLcDnQJuGNcG8o0EenZD3twXvDfcFX2KhUYuuY32wuSGYH5uao4Mx3HjPYV8T7ED0dsQLSputBHvHUFX4Ymc1D85xblFBbu4jXW0k9e3RDNaRqlJ+qoaVE+Ph46MiXAFvHLPI9vyRa6Eoxlg0io1OHROQaGdWGIWrLMOM4Nim8VhwMOgdvgc2DySdl72CNBNEg7vKsSJCjuCO8QHmOWZr3Kjwi+KLWInhgsQSsEBWUTWgYhtJPbIb9Cf4B/AN8wmx10iWOzHnfw07CXRqJEUdAAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .iconSettings { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADSklEQVRIiY2VMWscVxSFvzMIEUwKFSIY48KFC80atghYXomZBbtIGQh2Y6eRQgKG/AAngRSuopAyBKdwkEmhNHaXJi4MYSaWLDdBkB0VIbgQwggVWxhhjNBJMW92nqSV7Fu9ee++e84979474hQrykEX9AP2LDBAupNnaXnanaOmk4NXU8BfmE7kvQtcyrN0510BJk4+chc0c4TCtM3HwP2ISALMA9dsXkh+mGedvXfJoAcUY0isAT8CfwP/At+CvwESAKN1wdU8S/fekgGbhl3B2fpiw8Y9UM/mlcR/ho6sBNUeMrPIN4BfaVBPsNuCqWOpevT9PnZXDUkfunuhWUwEOaaC5m+ATeA25ruWdZuBARxFO74+EHoyAijKqgv8hplBHAC7wJQVBbe3JVZAq0JgzyHdAp87QmEfWAKejjIvyuoP4KM4P0MjKcC64Xo/S7din6IcnAc9AmabHGQ2gMt5nr5pJaqbCCMUNFBLatviOuZlUVafGxZlY2nZ5gH12bM6EwBdNFwEBg1AghggIbWvB8YC5JV+lm4hFoB7gnnEvOCe5IV+lm4JVqRATpyR+DDONAHdqXVvW8J1uQFaDRuLhIJw7TcBLAZCq273sfmyKKvPinLwAUASZsslmy+ANdvIDo8QvUuoFtXRRlVZu3q0L9zD/IL1T1FWWQKQZ+lOP0/vAz9JosnX9lxguSxp362E+0LL4XMOhZITROtp4PtDo6Ioq47Nc+BMeOht8BVbLyUvgBYD92XQA+yzSM9weGSp7Ys6wPAIwGDS5rmgS/CVNL5Mi8F5S49kZuNBcmgtHqsNXiXYd5G+IppRdeeyDayAV0M/z0m6BZyLMF8DQ2AaSGxvSroZA2TYfyIljnrhGLfmMJbCBvE18DNoBpi02ejn6TCeptcCcjQiQKH72rWiwSawXyPu5llnKWyuxVKOpqnNi7rh2iqqK8cbWK8kMaqiQ9WiYc18vI0AJD/ErDfMgQNgCeuyxRXbn4LXRtLYjeN0kGWsjSTKs85eUVZXwTckXQCeAE/7eXpAPVsGRVm9B/RiiWwnkibfClCDpHuEP9F48++g3bqJFCDYdD1Fx9ppf7RjlmedHcQn1PN+CDwGbvbzdHjSnf8B6591F54Ku5QAAAAASUVORK5CYII=) no-repeat 50% 50%; } .keeperit-comp .iconDownload { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACkUlEQVRIiZWVP2sUURTFf2dYC6NFCisJIhghG0IKCSlkZxu1SJE0gppCQREbv4X4CQTtLEIQCxsLIQRFMG9QUGxC2LEIEoIfIJ0uLDkW8ycvm91NcmGYO++9e+495713R5zAQsjHgCXgLmIOexxpD/gOvAU+pK3mv0GxGgmcdQDNAq8x14AEAY4izT7iK+YhYjttNQ9hJKMS2MyD14E5VILjqCyDSIAW8jr25IkZhCy/YPubpL4gDy8IZcCtdiTXUAaGJ0Tgh2EF1gCf68JL8crhEpn7Mb1YFYb4gsSwHMM0KmcjdMYkPbJZlpjFnLfjvaTeXxwhH/XnjyQIWX4JWAXaKjfS0hHwAyaDZuoSxuMEScjysQr8gK1QVFjsuwT0UP/wuUmAB7bbNdNYFlPrbHsPeCa4gn1W9lXBc8weNti4eI9tZPnHkOWTAApZ5wuo3U/XxBJ5D+u2xOf4IoUsB7gJvCukORS/hbmRgGZidQdKhF5U4CHLCVmnAVAm+2Tzql8uwQz4aVKOVPSwjWxQSbmwlajyN1h/Q5a/rJPIKypxZFP5SHcSYBOBJJDqNxR+meJPJMk9RAN4fEBZu6gUQaLyBRcT41WgVz22e/G3oEcxVlRrV5ezvqSCfewitnxKnN2R3XSQhZBX56qXptNnjlvfOG7BEStL6j/vxywfbCHkDRftGLnoabK7xR7Rw5wrxmq0Xtpq7scYI/8HyBPAT+GucVfQLbonYDeArkyXYv4HMHEqBiWLyxZrgikPCzAdxELaau72T41mAKRpc0d4EfhVgNW9o7g3uGOxOAj8RAkA0tb0NngB2KolAgybQgvtVvP3sNhTHdMQ8suINWBqlCyxnYhBZWna3AEWgfejZIntPy1iSFp6bTE6AAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .iconShare { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACj0lEQVRIiaWVT0gVURjFf+fxeEi4FBfyEGnVcxUhETIjLlpJtGhZVAulAlfSP0JaSMugkMgkKighMVoJEYgIvRmkhYtWTquQEBch4UpCHu+0mDe+sRD/vLuZM3OH8517vnvvES2OKE6KwBBwEzgJ/ALPgt6FQWVbrZBX49WCYAJ0DyhhIGWsA/PA1UIrBYQGQHeAEjgjB1wALtqMFFspAFwBtzVfnZtyQdLwsVdQjRLAPSBwJv0fjMvHKhDFSRl4htXfFJz7YRdr7UgWVaPVLqQx27eAdv9H7DyuS3q9WyCKkzagB+gA1oH1MKjUGnOdtkckjYK7UGaD66A1oCvtxW6X67bfA2/UIDhtmMTul1QEtoF5w7jgAuY2ojsTrFTsT4kJ4CPQR3oOemxvSsyCPoRBZUdRvHoK88WoU8ozgKEuKLD38xrwFPxqIOzdPsjWIug+olMZhVI6S+TJsTcsvRBMA5th0HsQd1aA8ylsHmoj1DyVf7CfSDwPg8rGoVj3FLBLIIzJO4TSTSFpWdLDMKjUj0oOUED6ikASSLtPaGAIbH+K4mQwipPSUQuoGicDgs/AiUx+qjz9oemUa6Al7EdIy4ddUbZNLxkmZZdNRq4V4DcwCC417MIpWAIeCxaNa0J9xtexuhFbgjlgIQwqtbRAlAB0IALsTosfQsvAju1zksaBQUNb7n7fAWKbbxI3gPac8JrhpWDsUHkQxUkBCAx3ZV9Aal4L++M6MHzkwKnGyVnBA9tDQo2mNzu1p2vyyrESLYqTovEZoVnSmNxvbLUYmclbwbV97YLvLUUmMIepNRjzOZDhmRYzmQVgGqlGejZT5QLjRWCqJYsAoni1BLoMjILLoC1gxmZqIKxs/QX+OxW4juOLNwAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconImage { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACZUlEQVRIibWVsWsUQRTGf9+yHGIRjhRKooQgIgaCiIWIJJZiYaVgICCKpFbwP7BQCVZiYSEWgtYiWlrdbGlhtSvYWQULBU0p+Sxmd2/2cncJaB4s++3svG/e++bNG4WiWgDOARlmaOJfbQf4nAPvwGdBXVJPcFP9T8m8cTjalwyz2I6OZjDuwQnJFBzfx/OE8hHiWRNE+u4GnoY4Ed8BPwTIkcEC+L26urTFf7BQVL+aBXMctZ8k+WSSchZzw9LrSytL2+k/20hxgQwMrp/9koeyB3pjeC64v2uChGu+LG6e2hVHbVCUeQjV4qCoegnBuvHl6OK1QVEe6vDTyUBtWrsiLapc8MTwFXuzjn4e/ACUOUZ3CutC6udkw7Pp8ngD664gl7QRiuo00qbNQuNnO5e4uctzL4lCUV0EPUZkscjYxl4Br6ueL1H7+VooqsP7ligUVR94BfSjAwBPje4ZZVGGoRRGfeDqeIlwPIT1ioNQ9oCX4JPJoh+BOYllRWZkk2LgVijKbKhRDDpre1DNJekIcAWiDPXwW+C2m3RqWTsYVkDzbca1fPmYDrVlsyb5RGwMBnQUmKm1jIRuI2rGekDeht+e5O43qytLf4AP6YqhqBaBWZkZmmJIi0LaAb8HfWv2QAZj8kYi23OhKM+4bmemQS1+Mf2OEMByKCqAY5FWKBTlT2IVtJk0KowkF/EkicZh2G4lcl1cTtq62+pygtPOOB13JGrk6HR1De+AFishYToWqs9BYx5GPtGcTNoLk1TRwUlkfUf0D0IirB854rrxeSBrCrQ92kk1dfDY23oUsyPx6S9lHCvrgW3kLgAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconPreview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC5klEQVRIie2UT2hcVRjFf+cxhFBi6UqCuBRh3k7pIot3R8nCjQhCDW2ERixtUcF/IELIooSsXNSVtApRsFSmKF0ZN1KknftWpVQIYR6Ia8mqSBGdRZjj4r43byYRS/f9Nve+e993z3fO9wee2CNM/3cZy2oOe8lwSmIJeBaUYe8j3QVu2gx6oTt6LIBYVhnQw2xaLAnmPPm53hksHwjdBy4BP4eiO34kQIzDOaQN4FNg/gi6DUoAUO/hAPM54lIoZtnMAAzK6rjsr5HewHWsYmT4HrsvsVe75MAq+IzdBiFpx3C2V3T/PAIQy2oe6BteF8YImT8Qb2NuhTBLP8ZhhrQMfAs8M5EOdoCVhonSz1UGXEZ8NKXyyPi1XpHfOiLTNFBZLRv/BJpX6/sF8HEougedmsca5gNmZOW64Jf0yPAYaAOzhtgEb4cib5JyW+aa8UU3J/CepF+BbxTL6jlwBBZbxQzmpRDyQR3lZ8AnQIb9VAj5X7GsCEW3YdED3znkv48UMswmaHE630Yg7U6+7XNABmDxZiyrDnCmFcq7niri2n/ReCsDjmOwDTa2kQ0wSaqkjtMZsr7C/IN9dSqisVzLa9PsgYUMsY54IAkkmpVUio3dkJR8BIiO4cbkVuT1efJN+wcyG1kounvA1oQfqZeA07GsmifWgW1ghBmBtyXWAQblEMxK45RWY9gKId/tpHd9RfACsGbX2bDOGfeBuyE1zoVYVu8a6BX5QRu8TiLO08oC6LrgSkMYgFgOF0A/Ai+3yeV3yavAvbYskw3KIUIvAn3g+dbHpaRXQ9F9OAMAMIjDp0F9YLnuBWwegr+U9B0wTPSVA6sy7yBOTOSRSlIX77cMD1ksq2Pgy6CLtjMp9WeacRrXMmRTowHjsaRrwIdN5I1lhwFC0f0beN9mRWLPeAypugwZIpuqljHwG9Jb2BcOP/6fDGbYxGrB+BVJp4El0lDLQPu27wE/gHZ6oZ2eT+yx7V+gQUx9/ilTKgAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconNav32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAbElEQVRYhe3WsQmAMBRF0fslhZWII7j/Ki7hAoZUVj4b0RFewH8g9X1VEvi7kLQBk6nfQtIBzKYBdTCFX/YBIWk1DrlM3ZQ6EpJG94C8iq0KcD7HwdVNKX1C0oLxS5ZvgX1AAXagmvrN1O3IDf2SJImhb9e9AAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .iconNav24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAwUlEQVRIie2VTQrCMBCF3ytFXXhI8Qyu3XsL76gLLSWfC7WkYmxDLCj0W72XnyETMhlpYhxC2EiqszbZAsbo1sBJ0lqSANnWJ50DcK4iozH66cdo6X41R0mr+IRDWWToS3baM/+HgT2wfPjKdgAqSSHy3ZyU9YquvUKL+cITlaR+ocXFEo+XaAM7Zf5FGbQTxZ35JQwcgEU3EHWlV/86NxjcbpIdLUVRocU61a1S61PaIYSt7RqoSnvwm2yb4iBD3ADL8PlUHcv2wQAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconBack32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA8UlEQVRYhd2X0QYCQRSG10pPkCRJz5QkXaQXSrJWkvREe5EkSdI7dLfyddFGRrszy5456WevZna/zxk7cyYIKg4QAhEwqPrbrvANr6TAWAvOh8TEF3zL9zyAqRb8nQSoacF3QEMKbq65mb0m/AA0teBHoCUFX1vgJ6AtBV/9MvwMdP4SvtSCB9rw2Ac8LBi7W96tZ49MsirMLFW4AT1piblF4upDYuEg0ZWWiCwSFx8SXv6MIgm9XbGkhMyhZEjYjmWZnsCQcGlMqu+KDAlbJWT6wpISCVC07YtK+Lmi5UikwEgcniORAkNvcEMiBvou85/zmmf/a5dcPQAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconBack24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA8UlEQVRYhd2X0QYCQRSG10pPkCRJz5QkXaQXSrJWkvREe5EkSdI7dLfyddFGRrszy5456WevZna/zxk7cyYIKg4QAhEwqPrbrvANr6TAWAvOh8TEF3zL9zyAqRb8nQSoacF3QEMKbq65mb0m/AA0teBHoCUFX1vgJ6AtBV/9MvwMdP4SvtSCB9rw2Ac8LBi7W96tZ49MsirMLFW4AT1piblF4upDYuEg0ZWWiCwSFx8SXv6MIgm9XbGkhMyhZEjYjmWZnsCQcGlMqu+KDAlbJWT6wpISCVC07YtK+Lmi5UikwEgcniORAkNvcEMiBvou85/zmmf/a5dcPQAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconSettings32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJElEQVRYhb2XsWobQRCG5w5zuDJ6iJQpUxgjVDllCOgp5CalimBUujV2b4wr1yqFUKkc8itcWlWqg5Hh8rmYO7w+z272dFJ+UCFpZv9/Z+Zm5kQiAZwCM2ADFMAEyGL9OwHoA1s+Ygr8FwErg7zGeZez0wjyTES+BEy++fyAEfAIPADDnaIFpMCfQAQK4Aw4cXx6QG7Y3u8qYh4QUKMEltWtQykb7iLgOkJALB7cs2Nq4KeI/Git2g//o4sWTup8v9zjzWuMLOI+mrcSLbg5GvYycNAaWFSfdSR5TrN5oR3OajKhQwY41QxI9dsy4LcCetbtZy3I74CjQAqPKhsLH0NfOW0iyfOaHDgGxrylYAwcOyKsSOQ+AUWkgIFDbjWZ3BExMP4v8aRgEkG+pso5elsfxk5NWIV5ZgnI0KkWwsKxX3SwK4Ab4Ly+UJokyYuIfBeRryJyKyK/fUW2B3wSbWpzEZli7RPoYGliXyloYmIJ6GE3oK5FaKEw4+QhWNLtMbSw8QkYeRy6NCILM18KQvN8yW6tuIktcNokz7DDbyF2GJXoYJsDz9X3FdBvE/ouuHTOTwmt8ugCuS+U6DITRHMjevmXQwvcJkly1VbANGD7JCIXIvJLRP5GCPgcYfMeaDXfG+HMcSYZcIJ2zNAkfcZZ79qKGKIvE49oYZqFgw6WUA0c9t0RnWo+rA5KXgkQ7FG+xXrODyQiQ5eaAl3vZjQ7XACv1hchqv0eT6gAAAAASUVORK5CYII=) no-repeat 50% 50%; } .keeperit-comp .iconSettings24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJElEQVRYhb2XsWobQRCG5w5zuDJ6iJQpUxgjVDllCOgp5CalimBUujV2b4wr1yqFUKkc8itcWlWqg5Hh8rmYO7w+z272dFJ+UCFpZv9/Z+Zm5kQiAZwCM2ADFMAEyGL9OwHoA1s+Ygr8FwErg7zGeZez0wjyTES+BEy++fyAEfAIPADDnaIFpMCfQAQK4Aw4cXx6QG7Y3u8qYh4QUKMEltWtQykb7iLgOkJALB7cs2Nq4KeI/Git2g//o4sWTup8v9zjzWuMLOI+mrcSLbg5GvYycNAaWFSfdSR5TrN5oR3OajKhQwY41QxI9dsy4LcCetbtZy3I74CjQAqPKhsLH0NfOW0iyfOaHDgGxrylYAwcOyKsSOQ+AUWkgIFDbjWZ3BExMP4v8aRgEkG+pso5elsfxk5NWIV5ZgnI0KkWwsKxX3SwK4Ab4Ly+UJokyYuIfBeRryJyKyK/fUW2B3wSbWpzEZli7RPoYGliXyloYmIJ6GE3oK5FaKEw4+QhWNLtMbSw8QkYeRy6NCILM18KQvN8yW6tuIktcNokz7DDbyF2GJXoYJsDz9X3FdBvE/ouuHTOTwmt8ugCuS+U6DITRHMjevmXQwvcJkly1VbANGD7JCIXIvJLRP5GCPgcYfMeaDXfG+HMcSYZcIJ2zNAkfcZZ79qKGKIvE49oYZqFgw6WUA0c9t0RnWo+rA5KXgkQ7FG+xXrODyQiQ5eaAl3vZjQ7XACv1hchqv0eT6gAAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconLogout32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACTUlEQVRYhb2XvWtUQRTFf3ddQhAJIYhaiVgFP0IKQQkq1rFQFFREGysLU1jGlGKhgo2FBsVGBMHKxsLKJqQV8U9IREFShIBRVo/F7sJ9szOz773dzaneuzN3zpmZe2fuGAEkXQQWgYNAE2h0mhphX+BfCdsm8Ax4Ymax/gXyWxodXsQ4zZGPA+vAFPAdeAtsAy03q7/ZGRSxCxgD5oGZju24mX1NzX7aqb1egSgLSYfcuDfC9ti+AmwMSwDw032PlxXQGqKA7FgpAflorS4gOV4j8V0LklKpWkpA6FSVfAr4IemhF9LJ/cV+QpB0xEXruRoCZpz/O0m7g/ZLkq6NUsBscPCsStoX9OnxS8VAnSBsBv+ngFVJ012DmREidEpC0hywkOmyN2I7DKxIumxmn/oRHHPLdzrSvlL+2O/BbyVO1yqpV3q1IhgDXku6F8bBwLlfAQ3gAbAsqemNOy1mj+fayRUAeATcNLM/XUOVfR3kfmgBC2b2PGxICYitzBJwN9EGMAnMRexbwFUz+5CVGJxkZ7Od4/4nIum3Lmk255eaTZ3YCO/9L8BJM/vsRA6FKAUfIx+BM2a25sjngSujFLBGu/x6CZw3s01Hfht4TzsFC/BB6GdQWZiZbUjaH9b+atcGTym+MeoT9RERS9VGjid1BQ9TWHTmMSIfxYNcPDEBSXgB2+57YogCJhMcQFHdN9oPyQngsaSjwC+KxaTfptzR3N33JnDB2ePPsi4k3Rmg6OiHNzHOniJN7ffbEnAgq7Y8toBXwH0z63kl/QeIsCgPHM+/wQAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconLogout24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACTUlEQVRYhb2XvWtUQRTFf3ddQhAJIYhaiVgFP0IKQQkq1rFQFFREGysLU1jGlGKhgo2FBsVGBMHKxsLKJqQV8U9IREFShIBRVo/F7sJ9szOz773dzaneuzN3zpmZe2fuGAEkXQQWgYNAE2h0mhphX+BfCdsm8Ax4Ymax/gXyWxodXsQ4zZGPA+vAFPAdeAtsAy03q7/ZGRSxCxgD5oGZju24mX1NzX7aqb1egSgLSYfcuDfC9ti+AmwMSwDw032PlxXQGqKA7FgpAflorS4gOV4j8V0LklKpWkpA6FSVfAr4IemhF9LJ/cV+QpB0xEXruRoCZpz/O0m7g/ZLkq6NUsBscPCsStoX9OnxS8VAnSBsBv+ngFVJ012DmREidEpC0hywkOmyN2I7DKxIumxmn/oRHHPLdzrSvlL+2O/BbyVO1yqpV3q1IhgDXku6F8bBwLlfAQ3gAbAsqemNOy1mj+fayRUAeATcNLM/XUOVfR3kfmgBC2b2PGxICYitzBJwN9EGMAnMRexbwFUz+5CVGJxkZ7Od4/4nIum3Lmk255eaTZ3YCO/9L8BJM/vsRA6FKAUfIx+BM2a25sjngSujFLBGu/x6CZw3s01Hfht4TzsFC/BB6GdQWZiZbUjaH9b+atcGTym+MeoT9RERS9VGjid1BQ9TWHTmMSIfxYNcPDEBSXgB2+57YogCJhMcQFHdN9oPyQngsaSjwC+KxaTfptzR3N33JnDB2ePPsi4k3Rmg6OiHNzHOniJN7ffbEnAgq7Y8toBXwH0z63kl/QeIsCgPHM+/wQAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconCheck32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABn0lEQVRYhb3WIWhVURzH8cOQMcZYEDEMMRgMQ4xLJhkmMYjIgmkYDQtjiNjMCwYxyTCJyWQUWTAZjAumYXhhGAzyGI/xWbj36ZX5zv/w9s795XP+3+//3PPn3JR6ClZwB0t9MbvwKzjS5BDrfcLn8Nm/OcEu5vsQ2DY572vDb2CYERjMVYTPp5TeppQWMste1+InvMh0Dt+q3QGsYZSBH+NmLfgCDoLun1eBtwK7AfwrLtSC39LM+KQMsVoLvoTvQffbVeCtwKsA/gV1xh7rwdH/xvVa8GXNA5PLk5JCi9jT3NLi1wpvAvin8Og1F2i/s2mIewXwuwH8F66WdL7/n83HuJ/ZdxGDQGAzaiLhXabACA+n2AcfEfITfgSFzkjgQbDnJ1ZielNsU36ExhIb7frL/v5eTcpGEbwjsRUU/COBD8G66f5y5H+dxolOaoBLUwm0Ek8LJHIJR7dE4tmU8L1zw88hcYjlmQm0EqWf4wS3ZwrvSOwUCLysAu9I5KbjAItVBVqJLWdHcIS16vCOxGPNAzXOTm/wjsQ1PJpl56fdzGyIIst1RwAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconCheck24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABn0lEQVRYhb3WIWhVURzH8cOQMcZYEDEMMRgMQ4xLJhkmMYjIgmkYDQtjiNjMCwYxyTCJyWQUWTAZjAumYXhhGAzyGI/xWbj36ZX5zv/w9s795XP+3+//3PPn3JR6ClZwB0t9MbvwKzjS5BDrfcLn8Nm/OcEu5vsQ2DY572vDb2CYERjMVYTPp5TeppQWMste1+InvMh0Dt+q3QGsYZSBH+NmLfgCDoLun1eBtwK7AfwrLtSC39LM+KQMsVoLvoTvQffbVeCtwKsA/gV1xh7rwdH/xvVa8GXNA5PLk5JCi9jT3NLi1wpvAvin8Og1F2i/s2mIewXwuwH8F66WdL7/n83HuJ/ZdxGDQGAzaiLhXabACA+n2AcfEfITfgSFzkjgQbDnJ1ZielNsU36ExhIb7frL/v5eTcpGEbwjsRUU/COBD8G66f5y5H+dxolOaoBLUwm0Ek8LJHIJR7dE4tmU8L1zw88hcYjlmQm0EqWf4wS3ZwrvSOwUCLysAu9I5KbjAItVBVqJLWdHcIS16vCOxGPNAzXOTm/wjsQ1PJpl56fdzGyIIst1RwAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconPlus24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABm0lEQVRoge2aQU7DMBBF/0Q9QJesegwWnIJLcCYWHIAFW86AOAdCosucIJ8FtZgaO7HjcQpo/iZfqWN7PM+Np6rAQCTvAdxWPvYsInetY+9aOzhpD+Aq9yFJiEjs9xYDDxadLClMPvYWMg2AZNL3lFkAGUy6yyyAnpjMaZM9kELLCrGLbWKrLHkGLi1HqET/AqE4iF+ZgdxKiwhE5MxbyTSAJdZ7vOA22wM6I5bnpD+PkJyKkdaz+Q2AQ+UzbwBeGscdheQHVDESVs5ylXSfxv64CwPoFJdMKHV0Tvmatmv8ECLSV71qsY/bLfmatrWe5M+aOIVQK04dEYIjdGmEhmBSk0ylbC64rYt6Efl+kaUmGe5pH7ct8XFAVh4ABn0jnkC4tuLQax8AwBDfKNkHtb7nPnCESnxPhITkAxKHudyqZ94T1wAOucEyegfwOtegQGPj818i+ciTpmlioX+yGNu8oKlByEKb/Dptea6KZV4T134LtcoR0nKEVsgR0nKEVsgR0nKEVsgR0nKEVsjq3yojyeMcJoksmBQjn7RBmsq3g4qFAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .iconPlus32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABm0lEQVRoge2aQU7DMBBF/0Q9QJesegwWnIJLcCYWHIAFW86AOAdCosucIJ8FtZgaO7HjcQpo/iZfqWN7PM+Np6rAQCTvAdxWPvYsInetY+9aOzhpD+Aq9yFJiEjs9xYDDxadLClMPvYWMg2AZNL3lFkAGUy6yyyAnpjMaZM9kELLCrGLbWKrLHkGLi1HqET/AqE4iF+ZgdxKiwhE5MxbyTSAJdZ7vOA22wM6I5bnpD+PkJyKkdaz+Q2AQ+UzbwBeGscdheQHVDESVs5ylXSfxv64CwPoFJdMKHV0Tvmatmv8ECLSV71qsY/bLfmatrWe5M+aOIVQK04dEYIjdGmEhmBSk0ylbC64rYt6Efl+kaUmGe5pH7ct8XFAVh4ABn0jnkC4tuLQax8AwBDfKNkHtb7nPnCESnxPhITkAxKHudyqZ94T1wAOucEyegfwOtegQGPj818i+ciTpmlioX+yGNu8oKlByEKb/Dptea6KZV4T134LtcoR0nKEVsgR0nKEVsgR0nKEVsgR0nKEVsjq3yojyeMcJoksmBQjn7RBmsq3g4qFAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 32px; } .keeperit-comp .iconPlus48 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABm0lEQVRoge2aQU7DMBBF/0Q9QJesegwWnIJLcCYWHIAFW86AOAdCosucIJ8FtZgaO7HjcQpo/iZfqWN7PM+Np6rAQCTvAdxWPvYsInetY+9aOzhpD+Aq9yFJiEjs9xYDDxadLClMPvYWMg2AZNL3lFkAGUy6yyyAnpjMaZM9kELLCrGLbWKrLHkGLi1HqET/AqE4iF+ZgdxKiwhE5MxbyTSAJdZ7vOA22wM6I5bnpD+PkJyKkdaz+Q2AQ+UzbwBeGscdheQHVDESVs5ylXSfxv64CwPoFJdMKHV0Tvmatmv8ECLSV71qsY/bLfmatrWe5M+aOIVQK04dEYIjdGmEhmBSk0ylbC64rYt6Efl+kaUmGe5pH7ct8XFAVh4ABn0jnkC4tuLQax8AwBDfKNkHtb7nPnCESnxPhITkAxKHudyqZ94T1wAOucEyegfwOtegQGPj818i+ciTpmlioX+yGNu8oKlByEKb/Dptea6KZV4T134LtcoR0nKEVsgR0nKEVsgR0nKEVsgR0nKEVsjq3yojyeMcJoksmBQjn7RBmsq3g4qFAAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .iconMoreWhite32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBwkKAiH94ZekAAAA/UlEQVRIx+2VTU6DUBSFL1VCUjuRDdjGWS24C1lB40jX0MbdtK6jla5B26TRiT+d4SLA+DkQSBm8F951aM+IG+754Dwe74oYRcg9n2TMORV34bOh0hO+O+CafY1NfR0jYdioLtwB75aqVYQur3WAD3qaZeyzJCdnwZnCXkICArX538iz3SSWKxFZeVsVmzu+ACiYauyXpf0XEZn6zFs5kaP6+lgSd8B384XcI8QUexFGmlWYloiCibnL/hkjSQRJvWfF8w+q9KcDhQEpOTkPDDT2E97qjbRTHKrcNgbLjanP/C+cW6pWgBdL1SqCz7oO8KgYriKEzMnImNnG+w8mZL1bvtzmgQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wOVQxMDowMjozMyswMDowML1Ez1IAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDlUMTA6MDI6MzMrMDA6MDDMGXfuAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconMoreWhite24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBwkKAiH94ZekAAAA/UlEQVRIx+2VTU6DUBSFL1VCUjuRDdjGWS24C1lB40jX0MbdtK6jla5B26TRiT+d4SLA+DkQSBm8F951aM+IG+754Dwe74oYRcg9n2TMORV34bOh0hO+O+CafY1NfR0jYdioLtwB75aqVYQur3WAD3qaZeyzJCdnwZnCXkICArX538iz3SSWKxFZeVsVmzu+ACiYauyXpf0XEZn6zFs5kaP6+lgSd8B384XcI8QUexFGmlWYloiCibnL/hkjSQRJvWfF8w+q9KcDhQEpOTkPDDT2E97qjbRTHKrcNgbLjanP/C+cW6pWgBdL1SqCz7oO8KgYriKEzMnImNnG+w8mZL1bvtzmgQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wOVQxMDowMjozMyswMDowML1Ez1IAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDlUMTA6MDI6MzMrMDA6MDDMGXfuAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 24px!important; } .keeperit-comp .iconMoreGray32 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEUAAADGxtXDw9XDw9XDw9XExNTDw9LMzMzDw9XDw9XExNbDw9XExNXDw9XDw9bCwtXMzMzDw9XDw9W/v9W/v9fDw9XDw9XDw9XFxda2ttvCwtPExNXDw9XDw9XDw9XCwtTDw9TBwdfCwtbFxdbExNbBwdjCwtbDw9W5udHCwtXDw9XDw9bExNXExNXDw9XDw9bDw9UAAAB+F/AMAAAAMHRSTlMAEpzm5ZsRBc/NV1WBgF1cCtrdDCC3+rYfBy50c/z7cS8tdixwIbm4C9veXlbOzJqbvtpvAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+QHCQoGANXkQv4AAACnSURBVDjLzZPJFoIwFEMfWqwjzlVoKSLiPPT/v05KN7pIuyXb3HOa5rwQ/Srq9Vk8ICg+NI1GHAJj02oCgakDZhBIHDCHwGJp/dUap9xshdjtyac0pc4rkzLz+So3RhfYP+S2KF1C4OiqlhCQDlA4om6fqHCIoiH0yfeNUqqKOq/AwdRnIS419q83W9QdH+3DVZ1AIDicZ2h6/GX9Nx4vRTFjn//5fwHLRRW3wPVEBQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wOVQxMDowNjowMCswMDowMAvIclYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDlUMTA6MDY6MDArMDA6MDB6lcrqAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 32px!important; } .keeperit-comp .iconMoreGray24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAWlBMVEUAAADDw9bDw9XExNXCwtbExNXDw9XCwtXExNjDw9XDw9W/v9W/v7/CwtTBwdPBwdfDw9XFxdbDw9XExNXDw9XCwtTDw9XExNXDw9bCwtXDw9XDw9TDw9UAAAD6BcwbAAAAHHRSTlMAe+Z5WFaceg3JyAwEOzotkSz3kpCP9ivLVOV3c6+2jgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBwkKCgqZhOTsAAAAc0lEQVQoz7XROxKAIAwEUEQRVFBA/GHuf05Jo83a6XbkzSSTIMSdSspagDRUogC0DC0AzYB6mY6oH9AQ60Yrfs7kfYD1SBSRzLxHAuAZFgChtFo3NCSkBOtfxjoHj2h2os4AqHgPDeD1axXDgYbUOZ/P6wICxAc41/LUrQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wOVQxMDoxMDoxMCswMDowMAvy3U8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDlUMTA6MTA6MTArMDA6MDB6r2XzAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .iconUsers24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC90lEQVRIiZ2WP6gUVxTGf9+yPBZ5iASxkOUVYiHOIgmkEe6QkAQJFiEKNmogpkiahEjsYiEpLBIQISlClCCoRUhhoYV/G9mbEKukcMIrZIkPkcdWITzk8Vj2SzEzb2d2Z1+IB4Y5986Z833fufeeGfESFmOG7b2Sgk1HYhmIISSj6Vi9RPIW+AvQWWCHDRIj4IHtU2naW63Gt/4vgO1DoPPADgDlFNvAu5IuxJjV4tvzWfIm8DawDXgK3AwhGUj8BV4FlmbBOSyxBxjMVRBjtmj7MnAb+BI4DVwEHvX72Ych9JZBn4FGeYWFnd8lbQfVgGcAbH8q8RGwMPVop+Tv+/3sAHAH+M2usS/z1XLWBjFmi8AnOSs3XHQkPrfZAG4VhKrkXgC1RZ5aA3cl7YRy8cpN5orPgULdk3oMgAbAk7kKQAvlXIP80hYkWjYzex64EkKyMRfAZljILMbeLEHFfw5sSOyyy3mw/avNpWnEGoDEUNKfhY+k4pr4wH1gDByczANwPk2TtS0BQkjG4CtblGjN5jr4FfA7dXJ6PcZs25YAhf0MjpI2Exf+GDiXpskQdNzWUr1EfGXzNMbs6xiz3ZvADQD0+4/3Ab9L6lSm7wBHbHZJ9Gk4yRXNz4CzoOuNvShNe8sSz2qvmIchJOsSvWK8qXDWVxd0Gfh4RkGlD923aWkScc/2sTTt/RNj1gFOgs/ZdJvPiwFWNUn8uA0KwBngLfImV9UwBlZsrgI/SqzYdCW+A71H83oOVbDuAhdsH5XULnp8oxXPhjYXJb4piFyzeV+isjF4AZxRjNmrwK1c6sTK4BKo9PMEZSl8A/hAUsf2bWAdGEh6RN7en7eBH4BuE+PqXOnX+4+Ogu+GkFyKMXsDvBFCb1zN0Qb2T+S73PP/VaJqKV4DCCFZb4pv2Xlfz1/QvBM85ZcDj0C/NFMpAMAnwN9KXiFvYlPlqPuSkbQG/AGcAn7aCqCyTbNFYB+wBN4N2j61yCOJv4EV8m/uoOk3Zdr+BTh2eUlDR/8vAAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .iconDelete24 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACh0lEQVRIiY2VsWsUURDGf99xhFQhWIiEFGkCygWRCCK6EUkhglrZ2FkFMaAgmD/BUptgIaa0tQhoqYX3EAsLldtTIhGxsLQIYhHCfRa773b3du+SB8vOzpv3zcw3M2/FISuEdNnmMXBGog1gcyDRs9mQ+JAknbHnW4eAL9hsS1yS2Afv2exlMheAbeDkJIyJDoBbEvPAC6ADWpRYBE4BWxLHbd+eBNAeiXjZ9qykqLoIBrQLnC7b2nyXjKRzIaSrmc5I7AEfk2QJAJXAF4CvNtMS2FD4qQDX9Hb2zvX7wNkk6fQgp6jbTWfAd8HTmZEbwUdBI/CIfgq8FkLv2NCBxKzNQ1B+SNhufCIVBWBdtnUfdAKKGvyRdA/oSKwD7yS9zDjV8HBRm3J6UfY10BXbW8Bn0O9aeiGkl0NIHUK6OZmg+gohfZSd7V0v69ujhuUihpCuAzeBDfA3m2cSU8AaaA78FPQ6STpP6lk2OxhIDLLWBNuLklZtZiXaks4D00DbZibb84/8bEtSrfCVQSsKlkURg6l3lMfujX63RjebWi86LVozFr6QqwGOzWAYQSv7HnZIHnV5PlwLKOd/MCGDan5SmbL4RIfKA3JJV1+1y248RdQoKpwDqHUEimLaw4ksRXdkiiqr0qbRQFJ+hZgqNQV4naLmNXHQmvbqkQ7lRoqaBg3wsIvi7ZoBlwGzqT2si2oZ5Kbxln0OvAF9Af4Bd3Lnf4EdmxvgXzGDJqRaBjlFcyGk7STp9IF+af9tSd4HXgF0u70WeD7vsPEZ2PQldsBXQbvdbu8gu5vA1qA6F7TyYrdyeR74KfGpwsVoSiGky8AmI//gIojIfayLoq5v+8HKytL7sv1/R+pDTyo94y4AAAAASUVORK5CYII=) no-repeat 50% 50%; } /* FORM ICONS ======================================= */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconFile { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACU0lEQVRIiaWWvW4TQRSFv7OyXMUUuM0LOM9gU/MG1OncRkJQIQpcICho3VHTI0Sd9TOwL5AWJAiVhfZQzM/OrB0nUkayfHd25tx7zz13ZgVwvevOBGvsS+AcqQGDARFGaaM4MbbpMTdIn4Htarn4qwj+BXgONGnlsGc0Et4xx1UQfANeNIJ1Bi9BdccPFyAn7IC5biItjYP3je05MDPM0n9pg2bE5wPbzIFNdNLYvlS7635jniCwPX+2uvh1BzkPGu2uewr+CcL2nwbTJF4l7R8DDmCzT1RLaiZJLS6qA3Dd/rgFpkI47gg2lNWU/Ha1vHifNwrs4EkSk7AubVWxTlPEND/l+QPZTMrAlF+HNYVyVCtTo00ZUhl6nDWAVc8H73aYrNfPgrKi/CyQY4RCzkT/O/QSSD1JEfAK3CgqIISglMaQpqHddf1qudgco2hCMTFq3jeSpilvJWylZlZygWFP1L9zwJkiRRWFqteZxjkZBxnneqhS0rCnrpcTRaXPPN5JavLbQUbBcWWrz6BFKYWoJFZFDx/klHKILNY5hGxYLRcHjRkycE5rkogfUyS4NZ4ORR6yzCBj3ZW7fT9FSMrAMeiC7+PYD6aIoIzj40DRRVAPpWi1XMxOOL9nVBS5jySA09nziKEBQ6ifhDuUizhz1bbdJ8MeDcqBWkVZTdR2BL+KTQNwo3bXvcR8jKdR2di5uWBotKHd77mYAzOvG/AW+aukHil2briAk4oqO9/POmX3oO/grQDatjtD4bPF6FzEW+7IyMdHcWIWdg++geGz5T9WUxHwckfU5wAAAABJRU5ErkJggg==) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconUser { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACXklEQVRIiaWVv2sUcRDFP+84QggWh5WIWgQRNopFQLDY7axSiBEiYizS+0ekFhE7QQIxVvZiJSJyuwQUFQu5CymOICKSQq4IIYaQZ7E/snfJ7nE6sOxj2Xlv5u3Md8WIiJPuJOa+8aKkq5hDxCbwEliNwmC3Ll+15HGnhfQccxNoFBkuMt8Ci1EYbFdxNOoELJaBW4gGykldKss3gMdx0q3kqBSIk+4FzFKFdHYB+Db4ytgCwKykVpnyKATO29CUzfV/ETg3RHlcKcOSzleRNGsEDlyyO/+uBnBJxUbSn/EF7J6kQ6BxNDT5fVDW9lYVTbVF0jdwH0DlgjNyH+EdSV/GFojC4KfhTe6z88GxsZ0+SK1aBzbG7wAQeoK8a4GyPZBAUnaxDzyKwqCSo1YA+AR6WmURaM3wvr7IEREn3SbwwfaspGI0jXuSLkdhsFeXP6oDojA4ADqSUu7CKm2MIh/ZQVb9nPELoZYB2dkH8W/MAtCOopmDsQTacec0YgnrgcQ0mJRXpU0utqOHeAasnXSqDgjESWfC5o6kZeDiAM0QHg7Dd+yHklbL1hXvt+PuhOQV0D2bpnScdMCi/LgYxIeY14jFKAx2CoE46TaNV2SWCsIsT6nfdRYdx9IrYCEKg/1sinxW6C7ZAuVbVUxOGec/Hqkaw5zhEhRjqilgcuBYqAqXXqrGTZlThYDhF7CZWmGUHWUpZgiXbToZG34gtkod0MeeB94J7f6HRXugj6B50qIHp66ddJuCGXAIugZMA2fALdAk0HD6gwGzZ9xHbAt6WJ+R10FfozDYzzn/Ap4aEVSHTDk3AAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconLink { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADHklEQVRIiaWVMYgcVRjHf/9xweU4VguLLQ6xOCSzhRyHXDVzoE0Ki8OQJqJNCF4lq5hCBBGxEg0maHNwhIBKKg2HpBBEYd8gR5QlpJg5JIVFChFEWA7Z4pi/xZsxt94luJdXzTw+ft///b/vfU88whoVZU/oddvnJJZBE6Cw+VhinGcpOik8FGUfdAOzhkgAMDTECXhodO1ECUah7At2EGv8q/E+vfmeYF54bH7l1RLStxLPN1s16GvQ0PbPEmvAAvA44olkTviTmB3BKhagGrSN/Vqepd9L+hz0QYwWWNlcCYAD5F+BA/AB5rLtYZ4PpgB5lgLsYdocvRPVIBRVD1zn2WB/Zj9UXYsvsM8CSBp3/gcsAZ41XhHqAnu276zng7//E9e1fQU4IwGoNlx/6AlCUT2F/SnoLKILYLuWNAaGeZb+1IqwvSXpvKG1fVdw+oE1CKFcsv0d6FWga0PjbWKzYvvF1hZgC7hgOyEG3hJ+Oc/SybEnCEXVB24Cq0RujX1P0j74GcwnSB8CHdtXEBcESewcxoiX8iz9HeBIDUKo+oYdmdX798bXgLeAfaMViTtAbfuz1hZHJWOJjRYOzI6KUFRLtmOfC2xqSVeBTaK3z4FvG/WwLwmdbxRg6ZaYhc8kGIWyj3RTjS1ADWxjhogD7PeQLhp+EywaltQW1G5sGczAaVQRirIvFG0BbDC+ahjmeToF3kF617AgewA8raagNmOkjePgAMmoKHugG8Zr4KYN2RbaXM/SaRP3g+G2TN0UEqSpxZeST+dZeu84OIBCqC4iPmpOE22JPT49HBiKciHWQKeAqe2xpLt5ltYPggN0jM8JtffhG8Nw/Qi8WsRO8nywC+w+DHjEIqFlDLYBtg7DQ1F1R0V1CfyX4c9RUV0PoVycKwFigkAStk+FoorwEGeL4E1QR1IHvIw01wTuACPglfir96Pycs+wKXTGkDS9/IvQRp6lk3kSaFRUq4IfbffEoYcvXjQUR+MueCPPBn/MA4eobmz7DUkTpAiUACGp9iPAacWOior4DPptpHVMD3EX+yuk7XltObz+ATomhMsvFV/jAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconExternalLink { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACyElEQVRIiZWVvWsUURTFf2dYgohYSQgpLOwmCFpqmAn4gSBiIQELG4lKRAQV/wmxCFYqlsoigiiCiFYWmWGxsLAIrliKiIQgEpYQZJljMW92sslusrkwzGXfeffcc959s2KEyPI2mLeIBDtCisBgQBQ4ACXABVCA1rHfaBSCQDKN/QppIhQuY7scVkcmAMiy9jTye9D+nasLcCfaDUGaxi3QOWCZni9meA6NXnd5ey9wGDhk3ABF4Ch01RV8TJP4F6ZleCF0C4VODQPziiDL20eNHwLHhCJQWO5JfgZ6Hfqal5jvNbvDWWgxax8SZIbJcggq+wAoLJqCq0CBuWb8GBjJWkmdhsRtYFIYm0+SXmL+GXcldQSvy+KeR3ogiEYbodqik4Gvg3w+TeKVzZ1kefsa0gNgj4N9DhZul5cE9r6gZ2UmmVrZVBjgEuaJIVLozhsw2+WSiJAa5Q0cEPYBYMEikkrVUrmxfPryQuKDpOXqdygPqzG4OiDtN4xrQ2um0tGfY56DZoFZo9UKH9V3Y6PAXqxgLyFjB3cDXjaBuBA0gbk0idfSJM4FZ4HftokI0usJqCNN4lWky8CypLKFCi+BKGw3getIRZa3D4R9LeNZ0FI9zwMFwEwSfwFdAJZLXACW76bQjTSJ14A7ti/W+6ZawidqizSEIXQEPif4HpT+MzwC5gzrWd6+i1lAjPXtS6fWt7WoP/QZOI5IDUeQbqdJXCBOA/eG1Wj07txwAZUKgD9A3keLx3HZ+aBpj7C7O1m0Q0Q9Kii2LErqBnmNcHN3Fw4XVSC0Poj9Z0BOAmcWd0FS/of4AnY1VT82YxrAU+xpQwR+B3xfzL92Rdij8PXu5bXRtseFJsL36RvQ2kJguynplOBiIJyqFqX67Dfm9Xogs/5K3ARW2YyppBpfkXXVcFAwNmxqbZeFTRfRAeeg+2kSfxmE/w8ARTprW8mAxwAAAABJRU5ErkJggg==) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconToggleOff { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABx0lEQVRIie2UsYoUQRRFzy0qWBYRkWHBRIyEWcRAxEB6BNn9FANBNDMQ9AdMjMTf8AMWXKcn2ESDDWb8ADESGTZYFhn6GnR32bNO14yJJvug6FvVde+r9+rVgwv736YWjMvptsQucN1WRCAIhtDZGIwrIYxRs9qsVcDC8A18/KDYPU28cjK7A7w1vicU3PV83myQwLX0Kmz5s9CTUTE8UjmZ3bT9EbSDfCB0DP4JwlDJbaweYD0yjhtm57ukhxF4LmkHeA16NSqGi1W7x+X0pUTUUmadwwPMiwDs2/wA3vSJA0jaq6lKEmuxvB+xr4BOsOf5iL2FBRh3VzNY0nZExGZW5R0oNJXFhikCIKTL77rPxfEXKQKInKvpXmEbSbRVpc4p+7AxscYiMXutoer3vPtvFRYiYBa1tkJWXlRNKKTvOkz99OfGW8DlfAQ+Sxec+GuwfRYkHUoa2H5cTmaZKDR2w62HNsAcalxOb0n6YPsq6D34k8QCVC1VHlwzPJMdl8quB1uaC/baZnff5p3w7aSptq81j6vFKQ39b8DSF8HTUTE8SOcrJ7NLwF3DDUGkbtOZlP3hoG7X9ldJR8DJqBj20y/sn9kv9Y/f4O62/tcAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconToggleOn { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB7klEQVRIie2Uv2oUURTGf99lENlCUmwlPoC7hUQQTLFjMPgAPobiA6ilvoCC2PgwGjOLiIWFxWwfEJsUEiQsEuazuHdmruvOJjba5DT343L+fOecjwMX9r9NLajmixFwA7hqUyCCAEPIHINxI4Rx/DENAqEGOAUOwXU5m550cdW83gG9Mr4Vg7PKq2aDRMy/BgO2PyIe3ZlNP6ua11PMe6OxEmXSmxfqv91IegMcxX+TSAVBYXsbuAc6AnYL0FPEuOOtFCb9kTy1HDDfynLyfF2D1XxRGJ4JngCPQ6z22zoiJ2eLyrAjibtDEyxnk1PBi9ThXsCMsLG7DD1zJ/o5jo6joQLJ+7vN0vZWgQiQrfbsEWEcNheIXhIh9NT/YkTnMEmAKEBJMSYXEWoVKZA7LNPJcZM5SbdIEbQDyUNbiQv1+HwNJH8RME1fNq8+TM12s8GjLwJNAC0xOMnEdlp4i1nBQtLyjNxXbF+2fRwQ+6idtbo3JUpNZVhg+2AoczWvA/YDSWNJ+zqo6m1J74CtdsPtuYncV86F3SC9NHyFqDBHdQfblyTdxNw3PhbsxmNXLfYQr7Gvr1URvYro9rPuUqVxSl8ED8vZ5EMBYPFWcBtpR/gaVgGEXjHq1TOsogb4CToEfypn0x+Dnhf2T+0X18jqO8ptaVwAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconButton { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACQklEQVRIicWVMWsUURSFv/MYh5AsYUmRQlLZbQoLsZKdgKUiQe0URYKFYKN/QSysBTvLQIQUiqkUC2FnKpGUO5VgZWXnsoawzLF4MzuxECSzkNPMvLlzz7vvcM99yosyBR4DD7DXjIJEBTzKhoMPAKN8/F7iEgAIoAIOs+HgFsCoGF8HvRYEm5nET8wu4lUCPAW/AAWkmB7Ra185j7Ux5zcgfjRBoV78BxQJNoCLQJpgHiIFmCc2qGgZZnHtei3sE/EmpibZ1Jw7CfI6CMf4E/AeaAoctfxkhtCezwid3OAtaAVYxtxFvKyLWVdelL8wPURle2Ur2zyiA/K8TJF/gwIwCXNZDJKOu5ADUU63ywSxE5+u+PvYp0WFdCdKymwBfGcM5UX50fYyUElczYabnWTKi3Gw+Rx95WkCviKpB16E/k27D4EAqrsIiK2kf2f+JyThEzwJqPaEF8GPbRpDGpO0pNHNXSG1VQqRAIfGy6BKCzhBja/YAWm6MMYzg0bF+AZWqOU5yIaDToR5UWKzHeebq0TWG6CHXSHOAZ38YDsIvcMEwySguj0lQEmn8gFJSWMpSQQ8n3gBuJ0XZTgteZ17E7vhqJQX5TfMBdeWFjoGHxnub2WbB3XiJ9uXhUDGViXxJRsOrgGM8nIbvCuUIpaa6WD8PWD2gUpSNIlIkVYlpU1lhr6kvkUf1JdYw/TnskAqaRWx1HxAVJL2E+Tntfb3MD3H+xbj+WUhe4I0iY3hxq3TtgDPMBNJ9bRjgrWHePYH0vDkx2bUwUQAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconLocation { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABGklEQVQ4jYWSsUpDQRBFzwtiLSkkdvbbqP0opLW1sDJY24T0QfyI1IJVCjt/IDqNhaCF2ysEbYJYioRgkXkwb7NuLiwMs+deZtitSKQaAU6AC2DP2i/ACLgVCQ2+Sswt4Bo4S4NNN8C5SFjUjVYCDApm7G6QnUA1bgKfQNuNfWn1lVvnC9gRCb8AGy7swJnnwLFI+LDwJ+Dd+Laxj+kK266e1WYAq2c51gd4oKMau269LtDJsX6FVxu97t2pxrHVp46bGwusPuM9cEhZDyLhKLcCLP/AOjWYNGAMTAvmqTH5AJHwAwwLAUNj/p0Alt91kulP7K6hapUD1bgLPANb1voG9kXCW8rmJsDAHrCw08uZ10o19lVjv8T8AUz3U6JW6DUHAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.iconPublic { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABa0lEQVQ4jaXTsWsUURAG8N8th4WlYqoUBzYhSyxERNABicG/wEawNqKeTRBsrKwDKuHAShBB0okQQZE0D2wEG9lgGcRaglilEIudI8t6V4hTvTfzfTPzvpk30LNSmmWsYxWjdO9jF88i6r0uftAhHsMmbqPqJ077jQk2IupDU2CSd3A3fS9xBadwEo8zQZWYneQYZmATa51K3yLq3d6zuraWnPEgg18y+0+8wKuI+mNPm20c4h2eJ35lqBWswne8iajH/YeX0lQ4j/f4jNe4hvWhVm34GlHfmSldK94P3MRVLKZ/tXI0qsulNIt/c8EDnM3zyJF2o+64LuLMjPYX8GhOYpV2SeBERP12BuYXDubw9welNE9wLx0H2MLDiLrbxQg3cBpLuJChp/0xTm0cUW/NKllKcw6ftMKuVLnbkx7u/hzyErbzOomo96ZqbmRr021cKKW5pJ05LOM6buE4PiTn/z/ToI/41+/8B1oVc8N6TWZMAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer[class*="icon"] .eobFrmBuilderInputContainer { background: none!important; } /* FORM INPUT TYPES - NAME ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-name .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABL0lEQVQ4jbXSrUsFQRQF8N/KQ0RMpqfFIm61WdZFxD9A1CaIxWAzahKTiMUmYhOMislgEFm3+CesvCT4kV5RxCBicJ6sy3t+BA8Mdzj33jNn5k6kDbK8GMYmJgN1jrU0iRvV2qhD8xX6K6kmxqoiXW0MbIXmUwyFdRq4rWpxrY3AVIhLaRLfBVdLuC3lvnXQF+JDiWvte38j8Cf8i8BTiIMlrrV/rha3e8QzzGE/y4vlwO2Wcl/w+Q+yvOjHDOYx0cHxBQ5xnCZxE6IsL7qxgRX0dGis4gU7WK9hD4u4wQEu0fAxutade1HHMMaxgFXUoywvHn3MfiBN4vLsOyLLizru8VQLp41iOcuLbbz+0F9D63EbUZYX0zjy9z/xhtkoWJrGOkZ+IfSGa2ykSXzyDsZpTlr6IvMDAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - EMAIL ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-email .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA/0lEQVQ4jcXSP0sDQRAF8F/CIRZ2foF0VwQ7G+G4z2ITREEQBRs/goUgNh5Y21mIlZUch5BGbK+zsLcwYLA4bDZxPYx/guCDZYe382beDMt/o1NW9RbW0A3nOzRRPOyUVf2MpTkNjBMkLfIBRxi3+AXsoReTseWLcPewgfs8S4s8SwvcYRCJLyeiTlnVL1jEMlZxGhIbHOMVu8HpIzZR4QnjrmgpeZZeYwUngdrBfnBaoJ9n6VU8Qnt+eZaOsF1W9TnOQs4gz9Kbdu5kB00Ux4Vu0Uc6S/ypg1aRZsbTtFkSOVgvq3r0VcEI038TOzj8ofgDEhx4/8q/xXCepn+LN29FOCwCjcMxAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - PHONE ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-phone .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABMklEQVQ4jcXRvUpdURAF4O9KCBIkhRixCaTQwFExkMLqHGysUqUI2OgjWKfIM4RUsdYnsI1YBLJ3kSb4h+7O4hbhksJCLIKIWNytnGyjYiGuapiZNbPWDI+NTpkIMQ3hFUbwFOf4ix66TV2dXhsQYprEMuYxfsvCU2xjHStNXR13Qkw1NjFYNJ/jJMfP8KSoH2BuAF8K8iqm8AIf8Qkv8QbfWn2T+NoJMe1nz3CGCRzhF2Zy/jAPGMNOa0j32hEhxDSNvSI919TVj7J3oCDOhpi29P13W6U/6IWYtkJMi21Op0UezPJeYxdLWMhL1vAZ73CMqqmr36WCD5lM3/t3/UONYyOT4TmuVLRfM1LYG8b70nPG1dfaCn7e0Pw/7F4G/3whxPQWo3eQe01dbd9j2QPjAtVxS3tceq6MAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - FLAG/LANGUAGES ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-flag .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA/UlEQVQ4jdXSvytFYRwG8I+TyWCSJIMMt47upGznLGb5G8hfYJQMBvONTZT/QCmL1XsyyaROSZLhZjAapNvNcI563S63i8VTb719e56n749nJBTlCg6wiA7mMYZH3ORZ2vUNRtHAFM5rcYyHUJR7OMqz9OWjGIqygWO0RiNygmdMRLVZtLATivICr3VtoeafxgZrWMJun07HsdxvhCT6d1U7GArJYMp/MkhUZx0KseAQk78xaOIJZ3hTBaw5QH8XG2xgP45uKMo5rGMV0xG3jc08S09ig8ve3OdZeo+tUJTbqvTN1OLrPEs7vSN8idr4qn6f8CdnvFUtr/0Tg3fzcTvhednbdwAAAABJRU5ErkJggg==) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - PASSWORD ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-password .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAw0lEQVQ4jc2SPQrCQBCFv0jwBIJHWGsL8WfZXpB0HsTCU3gOW208QYgbSWGfK4h4ALGwmQSJazYhjQ+GXYb33r5ZJsCBOMkHwA5YSesEbI1W9yo3cIj7QAqMgZe0Q+AKzIxWz09+zxEgEnEGDKUy6UVVcugwGMm5N1o9JNUGWAK3JgYFivgYrSxgXSTXCK1QfmKc5Gdg3lBnjVaLaoJJi4dLbucR/t9gLfUTdXsAcPAl8Bkcuxp87X6dQQJMfQLBpbi8AanFIvlnLq5AAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - TOOGLE CHECK ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked .eobFrmBuilderInputContainer { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABcUlEQVQ4jY3SMWsUQRiH8d/eBZEQBCVYJngI6wfQQh1GjuMQ7cRGbPwWigQrQSz9CnYWthJERFmXI1pIijRrEY8jBAIpErlCRMFi53C55OK9zQ777vPOf56dzBxVlNVprOE+lvEVazHkg2wO+AzeIEy1fqHXngNex3Xs4A4e4iyu4OLMBEVZLeEtrmGIbgz5MPXOYw/jhRMC/EQXl7E7gVNdSs/9IwOSsMdqYeewiScphaKsVvAyff4qm4JPEnYBC/iADgbot6fgyZl3cDcl+YMxPuFdGvQFN2PIx+0GvI6rGOF2gjt4gW94jdUGfAhZUVaLaeeQ4Bsp8necmjrKBm7FkB9MXrTUNyyk2N0Y8mEM+S56+IgDbOMZek1YknIvrR/EkG83eiM8Ul9bMeS/HVMt9d2GrYbQFbXtz0ne4nHwZMBmWj8tymq5KKuYoI5/wn7MGpAVZRXw3lFhA7WwmTC0YshL9FGo//cIz9H/Hwx/AZ3Ceaj9udtfAAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - CHECKBOX ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox .eobFrmBuilderInputContainer input:checked { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACgUlEQVRIia2UPUhWYRiGr/vrI4IcwkEiQhqEJtEppKKGGiI6IAUN4YHzTf0RUhAVBiIOFhRCgbR54Eg0ZXq0qaYkGhoiGqIpIhoiJKIh7MO74fyoX2n+Pct5z+F9r/u5n+c9j9jE6AlGW4VOGp4Jv0vSGtoseBjETcA0cAiYBQaBB9XNEgCuYA4iMDQL7gLtm+IgDOIu7BdIVWyyugjwpw0L9ASjzULPDZ0YlDkAqAvOVjaYOUJ9mE6RwSkMmKfA2EZ7cMz2hfLNxUJfJHqTNJpbt0AYxDuA+5K2lR8FtucF14CPAOsqURjEFexBQ1uReJG8pEngYZJGAKzXwXGLc2BcksHmk6RLSRrNFxvXLNATxDuBYaFqAc6jjriapNHnxfurkFuGM5h25KEkrX1fQWMI02aViePs+cjmceNm5fCbQD9ZT2awTyVTta+Nm8Mg7jaMC7LSqLySnxEdSRrNNp6pAFeAPoqGm4NIE2EQtzSUZjdmuKiIFuC/EJf+BS8ELmO25vDCcxcwHgajLXnmFcFt5D1FU+3SxRj25L/ghcAQYi5LC1z+iuw3pGEQ7wJ6bJ/GYun89XvgRjJVm2eZqAIjQJPtQUlVFRAbSfuACZtWSVUwyhUk6oaLSRp9Ww4OsOXthyfu2Nv9Cum3zJHyWix0cJfQ9iJzW9lAMyNjU7WRleA5ZSHCIL5p6Fd+fQ3IRemydW7wDXA4SaMf/xNoHBW3BAO269j5WM+6Wa7hJ3bvauB/CSRpVAduAf1LzWnx6h7SzGrgS082RBiMXscaALaWJYLXwIEkjeZWK7D8NLXuWNxA/MJG9qzh/FrgKzoACE/EFcRR4DB4OklrL9cCB/gDNnn7Hpf1qlIAAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: 16px; } /* FORM INPUT TYPES - CARD ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-card .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAhElEQVQ4jcWQQQqDMBBFX0JobaE73XgD72BPn9whq96g7gRFXHRhRAmhLaPo24RP5r8hgbNR1vkXkAv7bwOUQCYUXAxQCMv7oKzzDfIn9Aa4bxBoLSwuhj0FD+AKjCHfQv5bMDzraviSkyjrfMf0ifNmE844p+g10K4G18NxTtH+uD+AD47tF4rKpHy4AAAAAElFTkSuQmCC) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - CALENDAR ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-calendar .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA+ElEQVQ4jcXSIUtDYRTG8d/GRcaSaSwM+2RxC8IWzCarYLKI38FusdsFYUkWxA9wLxi2fkGcwSRjQYyGYfBcmHC9sBUfeOGc932ePy+HUxNKs7yPBwxGw+6bEqVZvocpjkbD7gzqa+8dtNAuC4fa4ekUF7U0y1voYwf3OKiAvOMJx/jCLMElTnAWpkaAynS4Vt/iro4Eu1jgKgB/qRGeRWSSYgZ1TLCPcQVgHJ5JZCRY4jUMveiXFZAePuMsEzxiXhGo0nOCU5xvCbhJovjAYMPwlJ8ZwGo07L5skk6zfMXvTdxK/w8oZtBMs/x6w2yzABQ7cLHFB+bfyjUzWhohF3MAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - TEXT ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-text .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAcElEQVQ4ja2QMQ6AIBAEB3Iao4WFr/AP+nr4A6+wsDChIMSGikoOJ9nuZnNZ6MQ4Hy5gUvpRgLmjwAqwKeV/MM6Hm84NxhINWYBVKf+DcT48dG5gSzRYARalDIC0Cuex57qgZYMEDHVBbHggNdx+4wUeHRP4CS2amgAAAABJRU5ErkJggg==) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - CONTACT ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-contact .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABf0lEQVQ4jaXTMWgVURAF0POXRcRCxCKFiIWFsEEwqIXgbqGFFgoS0giWVmJhZWdnIXa2IViLRbCwEkSFXdIlBhE3WKgECVFEgkjy+Xw+FpmHy1pJLgzz9jLz7rw7LHvEAOqmhcPIIhLSedLhJhE/q7IwqJv2JBZx4j/FP2IuxwLe4RpGHbVJryHr5H24j8cZprFQlcUavuA6LlVlsZ4CP3AVd3Aaa5jHdIY8lOEsHmC+btopqJs2w5NQ/YwruIcx8r5pGxiG4q/gzuEDZoP/jfPpiX2Xh+FHE4pwADsx5fu+P4O6aXdwOQoXI8MWLth1+zmWcBD70WIFL7rOfscbrEa8wlZVFtu4jSNxweuqLB6lCfI0TlUWK2HQP4gN3ezRWbpgHFndtDOhNMLLqiwEDxfjeV+rslhNvYO6aZfDnLt4i0NReAafQu04lrFtdzun8BAzOW6Fed+ieA5Po6GLMW7gWdRuYDb9TDmOhh/rmPJ3GwlDbOJYfG9WZTGyV/wBGXx2b5GGYJ0AAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - ADDRESS ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-address .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABZ0lEQVQ4jX3Sv2pVQRAG8J+Hi4UgthJCinSnEyEY49nWQhE1QRCsfAK52BhJJ5YS8gCKKQIKKbydWIhkV9FG7LYTsRAfwsLizAnKzbnT7M6f75v9ZocFlkvdyaXuLKo5NQJcx03cjdArzFLXfl5IkEs9j+e4NtLwLe6nrv09RxDgj1jFN+zFK2CGB7iA77gykDQBhv0Av8Ba6tqXmGIa97XIrWI/MP0Lcqkb0f0rLqWu/TMymwm+4CJS6trSRG4rzt0xMETuWbi3ocmlPsJmBK/nUpfHCHKpS7gR7mYu9XGDc5hE8Mw/95NsEjVwGmeb1LXbOIzgQeraHwsk/MRBuIepa7eHGczinOZSm3nosYRG/zPHmKH4A46wjr2BJJe6FLoH8G7UHOE9/y/Siv4rl/FJP+070eQ1HmIDv3A55Myt8kpo7EZUFNwbwHMEQQJX9Wt8K8JvQvO71LUj3CdYLvVJLvXpopq/QyB6Gg/wRRwAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - INVOICE ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-invoice .eobFrmBuilderInputContainer input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABH0lEQVQ4jaXTvUoDQRQF4C/LEoKIWCwqEsTCJkZ8gk1IYyXWPoKFvZ2lhYW9r2EhIjaS3VeQ7VVELETEvypY7IRYrMrqgWFmLveeOfdn+CcaWV6soI8o2KIf/GH0ZR/GuAiGt5qPTyGKkWCzl3aGdaKzvOjjLA73QZYXczUVrEKszHkXLTTxUOEcYxF3ytyj4GusYBsbWO+lna0Kuau4QreXdp6CbYDTRpYXr3gJCmLcVyhooo1bky60MD1WcIw1LOOwgqCNI+ybdKuLvXENEkwH1sUKgvmwL+AjnBPKQXrHNZ4rAn/CDJbGKez00s7ld55ZXkzhQDk8lDU7x0lsUpTf0AprFIgijBpZXtzgEU81U5hFEmNL+Zn+glrjX4lP2fZACko0uPYAAAAASUVORK5CYII=) no-repeat 10px 50%; background-size: 16px; } /* FORM INPUT TYPES - BUTTON ================================ */ /* .keeperit-comp .UIForm.FormBuilderForm .input-button input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADTElEQVRIiY2VsWscRxTGf98iRDAuVIhgjAsXhj1kUBGwfBJ7e9hFykCQGyeNFBIw5A9wEkjhKgopQ7ALB5kUSmN3buLC4PVGluUmCCJuIQQXQhhxxRXGGCP0pdjZvdVJp/g1O8zszPfeb957I06wLC9mgZ9szwltI26mSZyftGfUNP7w3hToT+wZACMk+sDFNIn33ldgYtyCYVbQsoSCJ4ZpzCfA3aEjRQQsAFdtXkrcT5P4zXtEULSBpw5OBAGADcHPwF/AP8D3xt8BkRCGTcGVSmRsBEAP6AvOjHjTBtrYr5H+BWZkRdWizJzla8BvANEJAjeAqRpYZa7Hp7FnSyfdmDfA+eqniRJHb6pkrnfB8xvYPxzWG4rYrtkeMz4QelwLhFT8HdNCHID7oCmk5oG7EmugZyUGzyN9BpwdiXofWAHWqwllefEH8PERQDZBZNOw2E3ineZylhfngAfAXB2htWV8qdtpvRsisufqXVJJYhjzrqVF2a+yvPelYRmDpFXb9xCLmOeqI/EFoQvAdnVkhNhGokaihphY6ybxjqUl0G2hBUkLwG2JpW7S2hFaq/ZbOoX8UTPSCHQT6B+LKDDHXqZOaQNMGC0Hh55V8wJsfZ3lxRdZXnwIEIXectHmK8MGrviPClacy49CVrn6fzjfxv4V83eWF0kEkCbxXrcT3xX8UvaF0Bzs+YBr1WLfBBR4H7QaiM67RgSN8TTw4yE/s7yYwbwAnyoj0C5w2fYriSWj5dJzrQL3bJ+ReI51tnRfw0jLOx2MCkzavBCeLYEKxKbxYjdpHUrTJ0975yQeYM0Ni7DRsRDIj9Q4PLK5JfFNdaF17dq7QmumvFAxLLTGcW+BgWEaHGF6EtebAonNE4loeMkjHlWXPIqirJ1vwXdALWASs5V24kGzm14VjnCD2qGiGxlXwuYt8q00aa2E1Y0myrqb2rwMxVVnkcU+aAvrtRUy/Wi2DIA7jLFaQOK+zWalBhwIVrAvWVzG/hy8QeieCvkvmA5YjrUaUZrEb7K8uGJ8TdJ54DGwnnZaB5S9ZTvLiw/A7SYi25Gkyf8VqEQIL9EYewjql0VUvdXuYbbGbTjpRTtiaRLvIT4VrAsPgEeg62knHozb8x9Ft4QJiutlmgAAAABJRU5ErkJggg==) no-repeat 50% 50%; } */ .keeperit-comp .UIForm.FormBuilderForm .input-button input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA6klEQVQ4jaXSMUoDYRQE4G+XJYhFkNR2ggewtvQE3kS09QQKIjmDWHsEwcIrWGulIiIhBhHHIptkDYlhdcr3v5l5/3tTJNlHHxu4wYPlqLCHM5wWRUGS+8ywuYiV5DzJdZJukqu69ySJCt1G79cS5x3sooPPunaEp7Iea5XAMhyXLQnzqCo0RdaXNF7iFkOsNR+KJO+N4iOef3Essd0wHc0LtMVossAXbNUjsniZza92cIfeRGBQFMVrC+ePJAP0JqptzzfllH8kT/HfHCjNovlngTc/49yGO6xwiH6SC+MzrtpJaZybHg6+AW/yWkXws02vAAAAAElFTkSuQmCC) no-repeat 50% 50%; } /* LIST ITEMS ICONS ====================================== */ .keeperit-comp .UIListItems.keeperit-list-items li.item .item-icon.item-type-galleries { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADg0lEQVRIiYWWT2gcdRTHP99hWYqEUNYSwiI5lOCu0QRtU5F2d+Kh/gPxLkXMwYPe9eZNigcRT9689FoJ2JOoCGYyLUHFg4khIyGEEkKRHkIIIZRlvh5+M7s76W775vLbee/3vu99359ZJWl2C7gKgAkixoudIwHkQM/2F0vd9u1x5jXgPWDS9kOkXDjguEQaRvXQVdeFGpK6wHgA20jaR7qC3TPKpeDPgIp0KmeD4FXET0AtSbMGcBJ3WqePAQjhkPbDpW47H1Ym6XYT1AS2ljqtkzO6Yw9gP7J9czXd3gXdE3xSgkUIJFWzDw5eA/0B3AXuJGk2WbVQeGyAPUk7QhdlloELpVVk9xmuRG/0AdAE6ravAwtVAAeuUBR3WreBV2zvG5/YPhiiyJFLiEp8nOC+JgfO8BuK7vKamQbOC7bjIaprDi2HREQ1ixWkj4EJ4E/MNmdFQvQpmBGasL2VpNnrwAzwWyQ8uu3NOiYpfn0bd1vHo4z6KdjtwAj/AO8Dt4BfaxiMQ6GBJM0AXzLclHkTG8M3SZrNA1/FndZ/o/wj5h0o/Vuwg72MdBQhRUWrlpcWQL8I3kZESEhqAJ+C74ylCL2EdCJpD8gt1YF7kYup6dMkngcaZYGL9Evl4iiKkjQDe05wCOwD14qRvFsOWk2isZpmPSAF5pGKgjsH8nKWkzSbtMkNz8iAjGFaMAWsx53W0WqaxTLHoL9qiBzUNGyoEpvBxRAqdFeAoNh11CkHVJ4rzptJmk0AC4g98F65iyJgOiwZgR2cqLrsVID2HfdXhWaLuxuYRXDd8PtSt/0oEuphD/xUFuaTzoMVADQKzSYiBpC0ClBDfG10WRCBoiKSKLSuB/EX5yLB4p1y7BWkDy2dCnaBzyz1MOsD/BGSpNkUsOCwAgqHAEQFraEOcMWwLHzf6A3hNcMjmctxt31Ye9zx9lXgOngTtCuxDzTBc6AXbc8JzRg3Zer92kg7whdsnkP8gHQYKDor1juIzwsWToEj8IGsLcOGpB8xB0I5YhqYBb0ArGDiMHysxZ0WowHE97ZnJcVF5OeAKcTLQ13UAx5g30f6F8iAG5beDbNBOnA3rgZrGYiLQAfoAovGszIT47/VAvkI9GzcafWeCFABSzOAc4Qv1SXgGuGfSNv2eaRaCSP4Oe603npqBk+T1QA6JdNGLNrughYkvow7re9Ku/8Bfx+elZ0WTp8AAAAASUVORK5CYII=) no-repeat 0 50%; background-size: 24px; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-icon.item-type-users { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADJ0lEQVRIiZ2WP6gcVRTGf9+yPJZHCEFCirC8QoRZRIKCjTA7GzSIpBAN2PgHjIU2imI6UwSLFAohoIUkQQImhVhYJEWisdl5o5hKK9mBsJhHCI+tRB7hsSz7WdzZmXn754G5sMy5d879vnO+e+6ZFY8x0izH9lOSYuwW0gCcJXFnMu+rxwBvAJ8CZ4FDGJAnRr/IPp10O9t1/8b/Dt+8DJwHDlUhqil4BelCP8v3uDeXRzlogI4DLwHrwH3DjV4cDZH/NmwDGwFfGM/IT0o8CQxXZpBm+QHMFeAW8BnwCXBRcLe/OXg3iTsDoY+EJioUloUQkg6CNup4ixLZH1p6D7xW1wU4jPgm3cyPGd8Gfseu3ge7MY+5Z5Jm+QHgA80wXWwsbJkW4mOsMXAzxOMKwH5EkK8cc2fgNtLhkPfKAjsWstO9JT5D4N7KDIzWyrW9kdXd1iQ1MBNwrc4NcDWJo/FKAuyRQ5oV8Ay8sh8CY8SRIH1Yt/nN5vJ8SnsIJI0k/iomy39wx3gKvDC3fr7XjXb2JUjiaApcXS2RdzDXBU8Yn6hLJPF8P8vX9yUoXH8wzhCFrKawp6BzSTcagd6U2QjVNZOPz2Xup1n+RZrlR0u0RQLob+Yd8B9IrZrTbcPrmCOITWCjjAGo28AD8Fmh60t7Ua8bDSQeCFARpk2/F0e7Es8I0OxuLLFlt4WuAO8vZBC6pY8Dd7AaYTeAfrZ5o9eN/k2zvAV+GziH1V6ehwBvlwT9LG8KYuCM4UXB+ty2KbAl853xt5K2bLclvjZ6VdBYQjNSEXUbuGD7lKQm9qwNL6psQBrZXJT4ktBtr2G/hlQWhqVHgjNKs/xZ4CamSLUAEmBRSjSzXZEZfhR6x6KFfQu0Cx5Kugu+kcSdh03gEtCuIq6eLtZUt2dBhvVThp96cXQ5zfKe8bgXd6b1M20CT5czO9zKQiLVJFJNItWkkHgOIImjXZaMBi76eq21V4T72QaYgH5dBlwSGL9l+MryFmgcCrm4AZo1g8p2mO6A/gSdBr7fj6As0+Jj0yF8a48CB8szDwFPEP8AW4S+P0ziaOFvyvz4D4gwd2bVTwWWAAAAAElFTkSuQmCC) no-repeat 0 50%; background-size: 24px; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-icon.item-type-groups { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC1ElEQVRIia2VvWtUQRTFf2dYZJEQQgiLWAQEQ9IE0U7IR+k/EEOwCWJnIxbWForEP0AiiIWVlpYRRNjNioUgYlSyYhGClWwhQURCeMdi5r030dWIZliYM3fu3I/z7r2rdrc3CrwQtAxBNkiAsQlIKOIoN4UEtpEEUBgQcTkqItEHzjYwQWIEGBHJCICJinZ6mnB0UhpPmAxX8j1EaEgEyhDSHoNVEsU9x1W4B2ITbGMcMFjgGDrOdOscKMBFlDnTHYwBglK0xB9y5Fy10Ri9/RRzGnQKvBb1otZAnL5FKDnNqE7m8xzYFVyZm518Mzcz+RZ01fh7/Sg3kHCMqqIIlQZdUqk9nJRjNLs1Zd7dVzWKd3YdVFl1AREiRemJXAArxhOGm453R4Ab7fXeeKfbG5d1A6kZS1i3bE8g3ZJUkGylagpB1k9saAdYnZ+Z2pK0KthJKS9JbGBvIC6kOL8i7szPTm0Dq4Yv+8sCQjxkHNrDwGJ7fbNlvJDO5X0T0XSizWYIWOqs91rgRezhSGlNlzrd3jHDhmAsS2MPu480llrjkc0DwYdE40nQMrDkWIl9x/eNrOf6sqcb1UetmsSvQbcttmXfF3qAWJmfncx53O50N59h3gldsnxRMG50DThTtaREg8yl8TfgosSW0JBxgfwYGGl3N1FVa7HuJB4Dy8Ano/fg95jnwFDM3DRwpYxQE3hiKLADaBRog4uqkchGBgTDqNBLoDAKiKM5IQ2kjB0HpJbKRonCVs2M64HmeE64lWGqZjKE/O2+/UDsP2JbKYOMojrsuDvJlOOqbcppOxj/jqI0752G3wATgyn6BZfqDeCz4YQwLv+9VNfLL6s0EodiwL4suA40f6Yon8r/vDrrvWBYENyzGKampw+e/m8HlaNubw54iDmesugjTYcD3v31mpuZ7ADzyK8ycXFoDpKTj6BzwBpSAXkfHJ6TvqXzwF2g+AH8DnwnL+cFRQAAAABJRU5ErkJggg==) no-repeat 0 50%; background-size: 24px; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-icon.item-type-invoices { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACo0lEQVRIidWUv4tcZRiFn+fyEZYhiAxLsJAUS5pdIjaWO0MQCy20SrXB9GplYZm/wFbwH1DQUmyCNrp3kCASguAMioLVYhHCJqZYhjDH4v7Yu9mddUv9YJgz93vnvO895zsf/N+X9WzxEvBBkjFQqQAVAAkoCZU0GAIIsFrDuWo/j4BPC8mX6BRE0xLQkDTN2i8HHOEiK/FGQa8nHCi3TpIMuBziM2rOIiefQ66Xdpqjye7Odxf65wVXPVscQUaFUAFlv55vdpN2Sp+evtuXtDKtw0kqgAKgvgz5BTyhrg4c8XnlPRcrm5AnpX36DHwIbAhbwEOSvxrjIWnG77FgGEW3gEPhoKdPKrQCxsGqNK/DgfAK8jrhW8xn08nOh+dpvD+bT0m+R7+Y7G6/N9yr63mF/kEyLo3gGQVuGl5tTolb+7P5O70XHPtih8IOQsK1/dniZlMTQpujZKRiPVs8Bl4YThDANQZn0Ix/x08Kjb6HyCeQrYQ99UfkmySo0Gqvtn0CeNVwG/lJuNu17yvC+5BSQCKPprvbd+rZ4g1lD/hhsrt95zwP6tl8it4m3JtMTtfu14s99Yp1PX+MVknuqleAacJvwM+n9OnOe3MnbRJuRH8nPIDmDdMGSH0TwLpe/A1c7uzp6ezuuuZpj/swrDFpgEOelhYfEN7GYRrtm+AAAxoSwWyIBaxa8lXiM+BI+Ep9sQvaUrw/2d0+T/bnNd4kfo2M+8OAK+EQeQuyBCkkq2ZIK9bf8aeWUoBRyEarxwoDOoIUYhVCCS6VS0mu1bPFqlORzpNjtRofuh8AybvgpVbvZi8s0XGkiMui/El4Tf11mNXBpTWcusnDMA1dAIcJox/ofkm4JXwEXG6cPC5KThIMm6VnPBurT5WPLyr5f3f9AxrBPm56gdlBAAAAAElFTkSuQmCC) no-repeat 0 50%; background-size: 24px; } /* PROFILE ========================================= */ .keeperit-comp .userProfilePic .profilePicInner { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB1klEQVRIiaWVMWsUURSFzx2WZVlSLBZioSksg5WoWFiJtb/A0kqsLPwTKVJbifgDxFYRKwWLiIVIUFYiiIgSksKQxCTns8jMMhnmvZ0dT/MOj3nn3Lnv3XulOQBGwF3br4Et4DfwBrgPjOednyc+AZ4Bx7TjJXC2t4HtNQDbCX0AngK9ol+2vW17ZtDGbe8Cl1I6RcbgckRMIkIRIUlq4xExBq4vbBAR5xPGs7XiEXFhYQNJR02h5lrjBymRQcbgqyRHxCyIKj1NAJspkdwdfJS0U4tSCf5H0vuFDYqi+AG8aBOvp03SW0kbKZ0sgGvAbqYGDoBbvcRLgwJYrRdao+geAbl77GQysL3eUmhTYDTvfO6ZSpIi4igiPpW8XmgbEbH/39EDt21vt6RoC7hpe/EUAWdsPwCmHXrRFHhIl65qe2j7DvAl83JS+Gb7XvJegKHtJ8BhTiX1okp+DDwHlpqRD2w/zqViEV6aDOsGy8Bej7SkcEg5IwpJioixpBEdJhP5vlTxgaSlmQHwE/hc/5iWvtNRXJK+S9o8tWl7xfarcgT2xR7wDrhSmZ5q8OWvrUi6IemqpIuSzgGTiBhJKoCqmveBnYj4pZPZsa6TzvohIv5Wmv8A/Fd7L2KQ03IAAAAASUVORK5CYII=) no-repeat 50% 50% #cf3c3c; } /* NAVBAR ICONS ============================================ */ .NavBarBoxComponent .navBarProfile > .UIText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEfklEQVR4nN2bTWgdVRiGn4YgNRQJIkVUQgnRRSnVARUVP6hFXBSxotaNVREVqoLoQrCCdCEiRYp/9XehQXQjNf5UaP1FeqQtKj1ddCEaSpFQXZQSLiXEEC4uzqSYm3PvnZ/3jCEP3E1mePOdd87MnPN936yiIbzZAHA9cCtwHTAKrM4Pt4C/gRPA98ChzLnZJuJalfofeLM1wA7gMcKgi3AWGAf2ZM6dThQakNgAb3Y78CYwUlGiBTwP7M2ca8sC+w9JDMin+wvAs8CAQHICuD9zbkagtQhFcDFeAZ4T6t8F7Pdmq/ueWRK5Ad7sceBJtS6wGXhbLSq9BbzZVYAHhpS6HdydOTehElPPgN2kHTzAHm92gUpMZoA3Ww/codLrwTrgXpWYcgY8JNbrxcMqIWXATVz9BW72ZhcrhCQGeLPLgDGFVkEGgRsUQqoZsEGoVZRrFCKqoIuu8ZVcqRBRGSC5H0syrBBRGXChSKcMkthVBvwj0inDnEJEZcC0SKcM5xQiKgOmRDplOKMQURnwu0inDH8oRJQGtERaRflZISIxIHNuHlFABZkmJFBro1y9HRBq9eO73PTaKA34XKjVj09VQjIDMudOAodVej1oAV+qxNQbmHfFejHGldlhtQGfACkLGfPAG0pBqQF5OeslpWYHH2bOTSoFU+zh3wN+S6C7UCWSIjcgc24OeAJQl7J2pagTJsniZM79ALwjlPwReF2od56UaaxngGMCndPAfamKo8kMyF9VWwl1/6rMEipByd4sSROZmXNThJlQlbcy546q4onRRCZ3gurZm2+VgcRIbkB+K1TdKv+pjCVGcgO82TDVM7jyfoBOmrgFHiBUcqogqf70InWP0GbgM+CiihJTgGXOnZIF1YHcAG82CGwhdIXdRv1ZNkPYZH0A/KReD8gM8GZrCe1wjwJXqHQ7mCQY8X7mXJ31xXlqG+DNxgjv+u2k7w5ZYBbYR+gjPF5HqLIB3mwE2EW9h1xd2sBBwkbp1yoCpQ3IOz93Ak/R3BXvR5vwnNhZ9oFZygBvtoXQqla18zM1M4RZ+WrRrHEhA7zZEPAa8Ej12BrlMGEHearfiX0N8GbrgC+AjbXDapazwLY8N9GVngZ4s43A18ClwsCaZI4wE/Z1O6GrAd5sFDgCrE0QWJPMAVsz5w7GDkYNyJuSjyBqRFoGTANXZ84t2V12W6buYOUMHsJudHfsQDcDZJ2Yy4h78uX6IpYYkL/y1jcSUrMMEmnmjM2A4S5/Xwks6TKPDXSlDj5KbLDy73KWMzEDpklb4f2/mCeSZF1iQJ5xebmJiBrmo7yJYxHd7ve9CLswlgEngKdjB6IG5FvJbYQCZ5KaXIN8A9ySORftZi2yG9wEvAjcpI0rOVOE3MB4r0Rq4YSIN7sWeBC4k3RJz7qcI6TIPga+KpIUqZISGyCsFDcBNxL2DGNEFhmJaRPeVseBX4BDwNGyX51L0uL57nE0/40AlwOXED6kGAbWEPKHQ/RPoLYJWd8ZwhVtEZIbZ4C/CFP7JDDZ7b4uw78G8hZkIDVduAAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 64px; } /************************************************************************/ /* FROM CSS FILE: MobileAppTemplate.css */ /************************************************************************/ .UIApplication.UIPopup { z-index: 13000!important; } .UIStackContainer {padding: 0!important;} /* Scroll container UITabNavigator bug fix =========================================== */ .keeperit-comp div[id*=tabWrapper-] { overflow-y: auto; } /* .keeperit-comp ======================================= */ .keeperit-comp { font-family: Helvetica; font-size: 18px; } .keeperit-comp .max80 { max-width: 80%; display: block!important; margin-left: auto; margin-right: auto; } .keeperit-comp .mb20 { margin-bottom: 20px!important; } .keeperit-comp .pb20 { padding-bottom: 20px!important; } .keeperit-comp .mb10 { margin-bottom: 10px!important; } .keeperit-comp .pb10 { padding-bottom: 10px!important; } .keeperit-comp .shadow { background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.04); border-radius: 6px; padding: 15px; border-bottom: 1px solid #ddd; } /* GENERAL ======================================= */ /* GENERAL - TYPING ====================================== */ .keeperit-comp h1 { font-size: 1.8rem; color: #59499E; margin: 20px 0; } .keeperit-comp h3 { font-size: 1.25rem; } .keeperit-comp h3.title { text-align: left; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-left: 10px; } .keeperit-comp p { font-size: 1rem; line-height: 1.4rem; } .keeperit-comp a { font-size: 1rem; color: #FC5F6D; } .flex { display: flex; } .flex-center { align-items: center; justify-content: center; } /* GENERAL - IMAGE ====================================== */ .keeperit-comp img { vertical-align: top; width: 100%; } /* GENERAL - SLIDE ====================================== */ .keeperit-comp .asSlide { background: #fff; padding: 10px; border-radius: 12px; border: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); display: none; opacity: 0; max-width: 500px; margin: 0 auto; transition: all 0.5s; } .keeperit-comp .asSlide.active { display: block; opacity: 1; transition: all 0.5s; } .keeperit-comp .asSlideNavigation { display: flex; align-items: center; justify-content: center; padding: 10px; } .keeperit-comp .asSlideNavigation > .UIText { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); margin: 0 3px; padding: 0; cursor: pointer; } .keeperit-comp .asSlideNavigation > .UIText span { display: block; width: 16px; height: 16px; outline: none; } .keeperit-comp .asSlideNavigation > .UIText.active { background: #C74A54; } /* GENERAL - MODAL ====================================== */ .Paget .modalPopupOverlay { background: rgba(94, 104, 123, 0.6); } .Paget .UIPopup, .UIPopup.keeperit-popup { border-radius: 6px; overflow: hidden; border: 0; } .Paget .UIPopup.dropShadow, .UIPopup.dropShadow.keeperit-popup { box-shadow: 0px 4px 15px 6px rgba(0,0,0,.2); } .Paget .UIPopup .boxTitle, .UIPopup.keeperit-popup .boxTitle { background: #F5F6FA; display: flex; align-items: center; } .UIPopup.keeperit-popup .boxTitle h3 { font-size: 1rem; } .Paget .UIPopup .boxTitle .winButton.winX, .UIPopup.keeperit-popup .boxTitle .winButton.winX { font-size: 1.8rem; font-weight: 300; } .UIPopup.keeperit-popup .boxTitle h3 { font-size: 1rem; } .UIPopup.keeperit-comp .boxTitle h3 { font-size: 1rem; } /* GENERAL - BUTONS ====================================== */ .keeperit-comp .keeperit-button, .keeperit-button { } .keeperit-comp .UIButtonWrap { position: relative; /*margin: 5px;*/ } .keeperit-comp .UIButtonWrap.fluid { width: 100%; } .keeperit-comp .UIButtonWrap button.UIButton, .keeperit-comp .keeperit-button button, .keeperit-comp a.keeperit-button { border: none; background: #9777FE; background: linear-gradient(90deg, #9777FE 0%, #6290F8 100%); padding: 20px; border-radius: 30px; width: 100%; font-size: 1em; margin: 10px 0; } .keeperit-comp .UIButtonWrap.danger button.UIButton, .keeperit-comp .keeperit-button.danger button, .keeperit-comp a.keeperit-button.danger { background: #e43458; background: linear-gradient(90deg, #e43458 0%, #e76f11 100%); } .keeperit-comp a.keeperit-button { color: #fff!important; text-decoration: none; } .keeperit-comp .UIButtonWrap.basic { background:#F5F6FA; border: 1px solid #DFE0E9; border-radius: 6px; overflow: hidden; } .keeperit-comp .UIButtonWrap.basic button.UIButton { background: none; color: #666; padding: 10px; } .keeperit-comp .UIButtonWrap.with-icon button.UIButton { padding-left: 50px } .keeperit-comp .UIButtonWrap.button-smaller { text-align: center; } .keeperit-comp .UIButtonWrap.button-smaller button.UIButton { padding: 10px 20px 10px 20px!important; border-radius: 20px!important; } /* HEADER ======================================= */ .keeperit-comp .keeperit-header { background: #F5F6FA } .keeperit-comp.blue .keeperit-header { background: #48509B; background: linear-gradient(90deg, #48509B 0%, #372864 100%); } .keeperit-comp .keeperit-header { display: flex; flex-wrap: nowrap; height: 100%; color: #555; } .keeperit-comp.blue .keeperit-header { color: #FFF; } .keeperit-comp .keeperit-header .header-back { width: 60px; } .keeperit-comp .keeperit-header .header-title { flex: 1; /*text-align: center;*/ align-items: center; display: flex; } .keeperit-comp .keeperit-header .header-title > * { font-size: 1.1em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .keeperit-comp .keeperit-header .header-back + .header-title { padding-left: 0; } .keeperit-comp .keeperit-header .header-actions { width: 60px; text-align: center; justify-content: center; align-items: center; display: flex; } .keeperit-comp .keeperit-header .header-back { /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEnUlEQVRogcWaT2gcZRjGf890KSX0LCGEIsWDJy968tSDJ/EgsYba1iJlcxQJPWSHEEJYwuwiRaR40EwVipQiJUipf5AeRDx5EhEPUkoJZSnSg4iEUuI8HmZ3s0mzu9/szqbPYXnZmX3f55vvxzffnxXPSGmcAUzbXpb0nc2dhUb0pGieqHxrwZoxrku6aPuKYC6tZceKJnkmDUjjrGLTFJwFpoROIhKLN4rm0gT89VUa/wdoBtNEnD/glifAu8CtahI9Dsl52D0wC6yDT/e5fhS4jJnfiMNwOrQGpLWsAmoCZ5AGmZs1XhfMheSdOELt0WYWaJIzHyAD+sPm5YXGYJQOowdmDXUCn6hz87/ZXhxmHqAyrrtBSuOsgmlKzAFBTAvds1mS9GPY/RNQWutg4yZSIDYA3APeqibRr6E/mAxCYsbyGlIgNmD4HfNBEfMwAYTSOKsATaE5w7GQLhbcBy8j/VC0XmkItUebGUzT+Lyk9mDSvsEGaW9ssNgSvF1Nol9GqVsmQjO21xBzkjDk5t2+2mlQO3beuD9lFkc1DyUhtJFjk0g6DUxBT9f26QFJW5hlxO1xao/VgI04QzCNSYwvdLAx5imE9kgPgHPVRvTzOPVhTIRy814D5nuxGYLQXeBSNRnfPIzRAx1skObZjw19EXoALCO+HrXufhVuQBcbSGy/dxA2fRBqAeeqSfRTWeZhBITa5gdisx8h23eRLpVtHgr2QBpnFcO64AyDsOmN5ZZgBVwaNr0KakBay0BMA3XsiwzBZjd2C+mdSTz5joIQspg2rGLOhmDTju96Qtj0amgD0jiLMHXBBSsQG9wCVgSbZRntp6EItV/5fwM76vmiZ4B/KjaqSBzHk18wDS2w0IgymSbwGfAPUu5T0C+WeA5YMS6yFhhJYU9IPMJuYj7vPm13P/rFJyQlaZy9XqLfA6wV0EYtiyQ+Ai5iH99N0R8n0ENEDNwI3espokKMLjSizKYOpIh/Q3ByPvyuAvNlm4fR3sSPgHXQtRCc2l38PNBM4+y1sdwe7Gc0tYfXTxDnB+KknhKmhVgCbpaF08jDXDWJMuNVwzWk7b4IAXa+22MxQz6PClrsh2jM9YD+kl23uT4IIUndtgEnMR+mcXZqnNq7HkpQvoHlT+mZ5B2I0F61jC8JbVaT4gcbHZXypqwm0Q7SMuhLxHZfhPbGM0J14M1xapf2qjc8RKyBvhqEUG9s/AL4clrLXh21bulbi22criKdxp4agFBXhi3hRcztauNIIZxKn2xVk2jHKAZugLYHINSNhU+A1o0KTzsmMltUvv5dsbw5CKFODML4RYmP01r2SsFak1N7n/QL8nF/KuQ3hnuY9yXfqSbDcZrofD3HyUu2bwCBOJGfWFqnQmpMfMEhq4W0AtwMwwkEL0lc3qhlR4fmn5jzfdqoZRWJq0B3/7SfjLcwiwuNI0OXpId2SrnQiHaAGHydATgB94ViwbcheQ/3nNi08t0N98PpMbCI2aw2jgTNVg8NoV4dgFMG3AcWq0l0q0iuZ/JfiV2cuA5skx/uLYG/L5prosesQ9QCVm0/kfQNEDTu79f/hVMWb9Z+55kAAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: 20px; */ padding: 0; } .keeperit-comp .keeperit-header .header-back a { display: block; height: 100%; } .keeperit-comp.blue .keeperit-header .header-back { /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACtUlEQVRogdWawWpTQRSGT0oRFy6LhNCHcCEuRMSFiAQppZRSihTxdVyISCmlhFCKD1SKiJQQQgjFnSKlCPp/Ljr3dprc3s4N1DP+q7kQwn/mfLnnzJmYOQkwSW1JHyV1gTteXuYS0AH2JZ1JGgCbku56+0oSsAgcAmcAkpA0lLTu7a1WQLHzh1RI0i9gA8gzE8Ay0Jd0XhVA0BjYzi6IgM0noM58kYkxsOXt2cxKbJaDeSTFRuvWn7PIQoFNys5H5o8kvfD2XolNQgYGwEs860KBjaRkbCLzD9yMRwF0JPVSsQk6Bl55e58pUokZGAIrOWDTkTRTpEKlrVwDI+CRm/EogI6kfaL2oG73w/NXYM3be4HNQYxNgkbAeg7YtCX165xWIDQGnrgZjwJoA3uSrmBzA0InwIa39wKbfkNsxlx0m/7YBPNJCthMgKduxqMA2sAeU2+bOoQknQCb3t4LbHoNsZlI2sSzs4yw2W9gHCAPbCS1gd1UbMI6G2wWws7Pg82tv20WEj/33cx+Fw+A3bBebLVa94DU779dAUvAO+BHAjrFciTprbd3MyunaEvA+wYYAXwDut7+S4XfwwdJPxtk4lTSG3I4oJtZmYmGQQwlbXt7N7OyJiwBO6kchWp8Cjz39l8q4LSbkolIE+B1NjgB94Gdop1OxGlATlO3UKVrW4yKQCbAM2//pYBFSb3rMnGN/lm1ThJTp7NEnPI4nZldmf33ExCKNQYee/svFXA6iDORoBGwJikbnDp1v4npdXj+Aqx6ezez2aukBsPdEfDQ238pKuakCRpI6v7vOB0B/hccZmaSCpwOGuJ0TC41wuzy7ZSCk6SRJP+h77RCJq6crysQGgJbWd7aSzJJdTidA6vk0q1eJ2bH8X+46FJXvL0lawqnE7zvCpqKyyupHWDuv9v8BThfuxIE44lNAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 20px; */ text-align: center; justify-content: center; align-items: center; display: flex; } .keeperit-comp .keeperit-header .header-title-text { width: 100%; font-size: 1.1em; font-weight: bold; } .keeperit-comp .keeperit-header .header-action-link { display: flex; height: 100%; align-items: center; } .keeperit-comp .keeperit-header .header-action-link a { text-align: center; display: block; width: 100%; text-decoration: none; font-size: .9em; font-weight: 900; outline: none; color: #c0b8d8; } .keeperit-comp.blue .keeperit-header .header-action-link a { color: #c0b8d8; } .keeperit-comp .keeperit-header .header-action-link a:action { outline: none; background: inherit; } .keeperit-comp .keeperit-header .header-action-link img { max-width: 32px; background: #F85877; padding: 4px; border-radius: 50%; margin: 0 auto; } /* CONTENT ==================================*/ .keeperit-comp .keeperit-content { background: #F5F6FA; padding: 12px; } .keeperit-comp #banner { padding: 0; } .keeperit-comp .keeperit-content .StaticInfoBoxContainer { position: fixed; top: 60px; left: 0; width: 100%; height: 70px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,.4); } .keeperit-comp .paddingBottom { padding-bottom: 70px!important; } .keeperit-comp .paddingTop { padding-top: 70px!important; } .keeperit-content .UIText { line-height:140%; } .keeperit-comp .keeperit-content.noPadding { padding: 0; } .keeperit-comp .standardPading { padding: 12px; } /* FOOTER ==================================*/ .keeperit-comp .keeperit-footer { background: #e5eaff; background: linear-gradient(0deg, #e5eaff 0%, #F5F6FA 100%); text-align: center; height: 100%; display: flex; align-items: center; flex-wrap: nowrap; padding: 0 20px; width: 100%; justify-content: center; } .keeperit-comp .keeperit-footer a { font-weight: 600; color: #FE6464; font-size: .9em; text-decoration: none; flex:1; } /* FORM =================================== */ .keeperit-comp .UIForm.FormBuilderForm { } .keeperit-comp .UIForm.FormBuilderForm form { margin-bottom: -20px; padding: 0; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer { margin-bottom: 15px; border-bottom: 1px solid #ddd; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer.text-center input { text-align: center; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer.text-larger input { font-size: 150%; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer.input-animate label { padding: 0 0 10px 0; color: #C1C3D9; position: absolute; left: 40px; top: 18px; text-decoration: none; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer.focused label { left: 40px; top: -4px; font-size: .6em; transition: all .1s; text-transform: uppercase; color: #53429B; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer label { font-size: .9em; display: block; color: #C1C3D9; transition: all .1s; font-weight: 300!important; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer .clear { position: absolute; right: 10px; top: 15px; width: 16px; height: 16px; border-radius: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABj0lEQVQ4jXXTPWjWUBgF4Cfhm8TJwclBivSCk6I4yCVqbcFSBREEd5HiJCi4OIqD4OLmz9jRyUkE+QohOEmRUpQsIqUIOpQiRYoUcchNew2fBwK5N+e8ec/7Uxigbtpp3MIsptL1OsZ4XsXwKecXmXCER7iL0TBwwh88w70qhp29AEn8Clf/IxziHa5UMeyU6eJhJt7GxgTRFr6l91k8haJu2mP4nNL+ifkUYNl+DTYxl74v40iyc7LEzczzF6xWMazjQjpvYq6KYQVf8TFxS9wucT5L8wTe1E17MAtysYphJdVpCZcz/kxRN+13HB74bTBfxbDNXpGXcGPA+1WajOM4mp0P4cwkYpl85eg9r9VNO6qb9kAVww/7NcmxUeomrMdWEuee3w5qkv9wXNRNO4VW14lVnNPNQu650bX3N17jkq6Np/pJfIz7ifxBN/vXBum+T/b6LryoYljs+/8A07ppPJ2eIc7mqeMOXRFVMeziOp5gd4K4R79MC/8sU460zouY0Y1y36kxXlYxrOX8v4DlgAlix5doAAAAAElFTkSuQmCC) no-repeat 50% 50%; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer .eye { position: absolute; top: 20px; right: 10px; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABWElEQVQ4jcXSu2uUQRQF8F8+tggWYiG+kCA2I2ksbYZBxEIUTOETJE2sdGv/CqtgIahgYeUDFBshosgwYCVoIxmrFFYSRBZLCRY7q59rts6F4cC599w5c+ey0zE3TeRS57GCS1jEAOt4igcphp8zG+RSIx7hyIwLv2I5xfBuQnQ98UW8aeINLONgO9cadxivc6lX/3GQSz2NV83uBk6kGL5NuduH9ziKXziXYliby6UewifsbbVXUgxPcqlncRdLKYaPrcllPG51mzjeYbUnhrWG97HQhMemcprmzgC7pga11XDQ8EO7bX8vN4n5DkOMeuSphkP8aLlh40726kYYToZ4Hs+Nf2XdeIijXGoHKYatXOpu4yEuNicXUgwv/uxBLnWlvbvDZ9zC256r2z3xjRTDPf5fpDN4iAO2j01cTzG8nBDbrfIe3PR3lTt8wTOsphi+z2i+Q/EbLWFnKhkr6LwAAAAASUVORK5CYII=) no-repeat 50% 50%; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer .eye.open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABV0lEQVQ4jcXSPWuUQRQF4CcvWwQLsRC/EBErSWNpYyFiIcpoocaADAyx0q39FVbBQlDBgan8AMUphIhiZxXQJgSrFFYSRBZLCRY7q69rts6F4cC599w5c+ey2zE3TcSQ57GM61jAABt4jselpp8zG8SQz6Dg+IwLvyKWmj5MiK4nvoZ3TbyJiMPt3GzcUbyNIS/94yCGfB5vmt1NnC41fZtydwAfcQK/cKnUtDoXQz6Cz9jfam+Ump7FkC/iAa6Umj61Jot42uq2cKrDSk8Mqw0f4VgTnpzKaZr7A+yZGtR2w0HDtXbbwV5uEvMdhhj1yHMNh/jRcsPGne3VjTCcDPEyXhr/yobxEEcx5A5KTdsx5L3GQ1xoTq6Wml792YMY8nJ7d4d13MX7nqt7PfHtUtND/l+kC3iCQ3aOLdwqNb2eEDut8j7c8XeVO3zBC6yUmr7PaL5L8RuqM2LWqopHRAAAAABJRU5ErkJggg==) no-repeat 50% 50%; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer:not(.input-animate) .eobFrmBuilderInputContainer { background-position-y: 67%; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer:not(.input-animate) .clear { top: 40px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer:not(.input-animate) label { text-decoration: none; } .keeperit-comp .UIForm.FormBuilderForm form .staticHtml { width: 100%; display: block; overflow: auto; font-size: 1rem; padding: 5px 0; } /* FORM FIELDSET + LEGEND =================================== */ .keeperit-comp .UIForm.FormBuilderForm form fieldset { border: 0; padding: 20px; background: #fff; border-radius: 6px; box-shadow: 0 0 5px 2px rgba(0,0,0,.04); padding-top: 80px; position: relative; margin-bottom: 10px; padding-bottom: 0; } .keeperit-comp .UIForm.FormBuilderForm form fieldset.colapse { height: 65px; overflow: hidden; padding-top: 70px; padding-bottom: 0px; } .keeperit-comp .UIForm.FormBuilderForm form fieldset.colapse legend { border-bottom: none; } .keeperit-comp .UIForm.FormBuilderForm form fieldset legend { position: absolute; top: 20px; left: 20px; font-size: 1.25em; font-weight: 600; color: #666; width: calc(100% - 40px); padding-bottom: 20px; border-bottom: 1px solid #eee; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA0klEQVQ4jd3PP0qDQRCG8d8XVLzHXEXQRiSFl/AA/jcgoibW3sLCTiSKN5lCvIOIhdhsZF2/BBsbBxaWd+d5dob/XZl5mpmjRT1Li2CMyn0ZJxHxo6+bA5/huIkvcNRKvgkyE/rgWY1xUEu+BAU+x2EFPOEDa1V2hb2ZZFDBlw38iM1yplW+i0lhdBW8XzVNMYyI1/LBKm6x0U7SZWYfvBURb/XycyTjAZ7LnnDfB0PJhrir4peu2Hewju2IeG/hZpIV3OAhIq7rh0VcK/l179/XJ9NyUweAqRyXAAAAAElFTkSuQmCC) no-repeat calc(100% - 10px) 4px; } .keeperit-comp .UIForm.FormBuilderForm form fieldset.colapse legend { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA1klEQVQ4jc3SPUoEQRDF8d8Mgxfp2MBriIhoYK5iqA6LZzBZ/NjUA8iyCAbibeoiBmJSwza7I6sm+pIuqt//dVfT/BtFxK+8bTbOMY+I7htwl94zaCLiBI8Z9oLjUsr7F/AWnnCID5y22B5uggMs0jgGzxMebr/Toses8u6vhmS9yAMGzXDZpAEecFEZXnGU9TP2VuFSiqY6ZSzkLdfdqnePvpQCy4Aq5A5XxnWLyQCzfDyQG30aN8JrAVXIBNOqPR2D10aolePcoMP1GLxREfGjL/43+gRnY05J2s+nrQAAAABJRU5ErkJggg==) no-repeat calc(100% - 10px) 4px; } /* FORM FIELDS =================================== */ .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=text], .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=email], .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=password], .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer textarea { border: 0; box-shadow: none; margin: 0; padding: 15px 10px!important; position: relative; outline: none; background: none; border-radius: 30px; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer[class*="input-"]:not(.input-button) input, .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer textarea { padding-left: 40px!important; } .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=text]:focus, .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=email]:focus, .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer input[type=password]:focus, .keeperit-comp .UIForm.FormBuilderForm form .eobFrmBuilderInputItemContainer textarea:focus { border: none!important; background: none; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer h3 { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ } /* FORM INPUT TYPES - RESET ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-reset { padding: 0; margin: 0; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-reset input { padding-left: 0px!important; padding-right: 0px!important; } /* FORM INPUT TYPES - NAME ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-name input { padding-left: 40px!important; padding-right: 40px!important; } /* FORM INPUT TYPES - EMAIL ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-email input { padding-left: 40px!important; padding-right: 40px!important; } /* FORM INPUT TYPES - PASSWORD ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-password input { padding-left: 40px!important; padding-right: 40px!important; } /* FORM INPUT TYPES - TOOGLE CHECK ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked .eobFrmBuilderInputContainer { padding-left: 40px!important; min-height: 30px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked { border-bottom: none; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked input { opacity: 0; position: absolute; z-index: 10; right: 0; top: 0; width: 60px; height: 30px; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked label { position: relative; left: auto; top: auto; max-width: calc(100% - 70px); color: #53429B; min-height: 30px; display: flex; align-items: center; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked:after { content: ""; position: absolute; right: 0; top: 50%; width: 48px; height: 25px; background: #C2C4D9; border-radius: 25px; transform: translateY(-50%); } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked.checked:after { background: #FE6464; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked:before { content: ""; width: 21px; height: 21px; border-radius: 50%; background: #fff; display: inline-block; transition: all .3s; position: absolute; right: 2px; top: calc(50%); z-index: 1; transform: translateY(-50%); } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checked.checked:before { right: 25px; transition: all .3s; } /* FORM INPUT TYPES - CHECKBOX ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox { margin-top: 0; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox .eobFrmBuilderInputContainer .enumValues { display: flex; width: 100%; position: relative; align-items: center; min-height: 60px; border-bottom: 1px solid #eee; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox .eobFrmBuilderInputContainer .enumValues:last-child { border-bottom: none; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox .eobFrmBuilderInputContainer label { color: #53429B; width: calc(100% - 40px); } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-checkbox .eobFrmBuilderInputContainer input { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; -webkit-appearance: none; appearance: none; background: #FFF; } /* FORM INPUT TYPES - TEXTAREA ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer textarea + label { color: #444; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer textarea { } /* FORM INPUT TYPES - BUTTON ================================ */ .keeperit-comp .UIForm.FormBuilderForm .input-button input { padding: 0; margin: 0; border: 0; text-indent: -9999px; width: 24px; height: 24px; padding-left: 0!important; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-button { position: absolute; right: 27px; top: 10px; width: 24px; height: 24px; background: #fff; z-index: 1; overflow: hidden; border: 0; } /* FORM INPUT TYPES - HTML ================================ */ .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-html { border-bottom: 0; } .keeperit-comp .UIForm.FormBuilderForm .eobFrmBuilderInputItemContainer.input-html a { color: #FC5F6D; font-size: 1rem; } /* LIST ITEMS ====================================== */ .keeperit-comp .UIListItems.keeperit-list-items { } .keeperit-comp .UIListItems.keeperit-list-items li.item { background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.04); border-radius: 6px; margin-bottom: 15px; padding: 15px; display: flex; flex-wrap: nowrap; min-height: 70px; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-icon { height: 40px; width: 40px; min-width: 40px; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-title { display: inline-block; font-size: 1.1em; color: #666; flex:1; max-width: calc(100% - 80px); } .keeperit-comp .UIListItems.keeperit-list-items li.item h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0; color: #333; } .keeperit-comp .UIListItems.keeperit-list-items li.item small { font-size: .9rem; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-action { width: 40px; min-width: 40px; background-size: 24px; min-height: 100%; border-left: 1px solid #eee; display: flex; align-items: center; justify-content: center; } /* FORM LIST ===================================== */ .keeperit-comp .UIFormJS.keeperit-list-items.list-form .label { display: flex!important; flex-flow: wrap; color: #333; } .keeperit-comp .UIFormJS.keeperit-list-items.list-form .item-title { flex: 1; } .keeperit-comp .UIFormJS.keeperit-list-items.list-form .item-action { width: 48px; } /* CUSTOMIZE PAGES ======================================= */ .keeperit-comp .keeperit-page-content.signin-form-page .keeperit-content { background: #fff; } .keeperit-comp .keeperit-page-content.signup-form-page .keeperit-content { background: #fff; } .keeperit-comp .keeperit-page-content.upload-page .keeperit-content { /*background: #fff;*/ height: 100%!important; } /* CUSTOMIZE UPLOAD COMPONENT ======================================= */ .keeperit-comp .keeperit-upload { margin-top: 10px; } .keeperit-comp .keeperit-upload .title { padding: 20px 0; padding-left: 10px; border-left: 1px solid #ccc; } .keeperit-comp .keeperit-upload .panel { width: 100%; background: #fff; height: 60px; position: absolute; left: 0; right: 0; bottom: 0; display: flex; box-shadow: 0 -2px 15px 1px rgba(0,0,0,.08); } .keeperit-comp .keeperit-upload .panel-wrapper { height: 60px; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; } .keeperit-comp .keeperit-upload .panel-item { flex: 1; } .keeperit-comp .keeperit-upload .action-align { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAm0lEQVRYhe2WMQrDQAwE54IKFyaEQF6Q3/gJfpx/5he4OZI2hBQxSWk1y2J8U4vbBWlPgqNTxmGagbNJ/xHAFbiYDMTJJPzDbiCAu9HI26Tb+FO2CsZhWoBOpF8jUdQLDbzsMbQbyLTgJtRv/4CfsubctY5r8B3EzDAqaPcAgTbnjU0y61iakMzjT4T3gD0FdgOZFlSELRC9uyM+cGoSTOrR17cAAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .keeperit-upload .action-font { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAlklEQVRYhWNkwAGivOZtZmBgsMElTyK4tGxbkj02CRY8mngYGBgEqOQAPlwSTFSygGww6gB8aWAqAwPDRhxypQwMDFJoYh8YGBgacah/hcsSRjwOwAmivOZdZGBg0EMTfrRsW5I8qWYNeBSMOmDUAaMOGHXAqANGHTDqgFEHjDpg1AGjDhhwB+DrGeEDnxggPSF0MZIBAN42EXO2qtZFAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .keeperit-upload .action-back { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB1ElEQVRYhe3VO2gVQRQG4C8hGAkhiASx0GBhFTCFEPEBYinTKD5AxkbWRtBGITYiFiIpLNTSwhURFstgsZVYpBFiIwipUlhLCrGQEEQsZiM3Yb13b3JDQO9fnjNn/n/Oa+ijj/8ZMeTjAztIPomZwR0iv4IP+Nh1BmLIz2C+KLNfm4g9gCe4hBUcHOoieDdmcQvDXRJP4DZuYHdlflOU2XIjATHkR/Eak2j08hjyMQRcxVm0cq3ikQ3GukuGcBcPsKvNuREcqgRO4ySOtYl5WpTZEvy1B2LID0uvPl7jfo8R7ME49qJpQy9iuiizH7UCYshJtXqM0YaXNsV3nCjKbHHNsK4EMeT78UKqXa+xgout5LSkLYb8Aj5vI/nloszebXQMxJCP4hmybSCGZenl83XOQanW20W+IDVcLfmagJuYkdLUK6zgPk4VZfal3cE/UxBDPiWN3dQWyecwszbnnbBuDKt1+xB3NJ9r0nZ8i9mizBa6iKtfRDHkp/FK2m7tsIQCLzuluisBlYgxaTqu1bjvocSnotxa/3b8jmPIz+M59rWYh4syW90Sc4WOdS7KbA5HpBqT6v2zF+SNBFQivuIcruNbr8g3hRjyierD6qOPfwO/AR9fer8L0ys+AAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .keeperit-upload .action-delete { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACSUlEQVRYhe2XPWhWMRSGn14/tJT6L6WCiIgVBwURlyKC6CJx0FEyZnDr0KE6OTl0dFBQEAIOze4SEDqqIKiDCoIFEYciolVKlYIfF4ckNb3tbfL9quALl5ucHPKenHNykgzQAqTQI8ANQABDXlwAJbAMzALXjVUfcuccaIF8H/AY2J9Q/QScNla9zZm3kWsAcDMifwS8Bpo4DxTAYeAsMALcAc7lTJrlASn0EPAV2AxY4IKxaj29GUD67l5j1ce2DJBCVz1zAJjz7Ungdp2twH3fHgeeVcabVcNXGSCF3gE8BQ7i3Boj9Msa8pReCcwD48aq+apywFFcLBv8jm1R0avKc/UauBw6GRNuCg0p9HlgAjiSWGGn2H5s7OLyq7kHb4KVASeASz0mB1dDToVOnGzfcDFq4LYSwBLwo0PCQWCbb3/Gbd0vYXDNLpBCF8BPnHcmjFV1GZ8FKbQEZnx3t7FqIR6vJmHfUVcJS6KslkIPA/f82C1j1RMp9CHcuQAwbax6KYU+DlzzsklfiIrKvKuQ64FB4LL/QjneFclGvWw0kg3nTPzHQ/DfgJQB3TCwrSRMHThdw18fgp5z9CMHWiboZfzbroSd4N8LQV85UnWg2wauyYHUwySMLwA7fTvckF5EsiX/n41kizkcKQO2AhirStyVbQXGqmaOjMSxXPcweY67pC4Cd4HvOPcFF9Zt1SL6F8AW4AqwB3gHjPnFrKDOA1PAQ9xl8upGK8hECUxVyWGDt6EU+gwwjXuotJuMJfAe92S36yn8Aqh7iouveqflAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 24px; } .keeperit-comp .keeperit-upload .upload-image { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 10; width: 80px; height: 80px; text-align: center; display: flex!important; align-items: center; border-radius: 50%; overflow: hidden; background: #f4f6fa; border-bottom: 1px solid #ccc; } .keeperit-comp .keeperit-upload .upload-image button { width: 60px; height: 60px; margin: 0 auto; } .keeperit-comp .keeperit-upload .upload-image button:after { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABz0lEQVRYhe2WvWsUQRiHn1kkpLAIkkIOOaKFSCoRiyDBMn4UliKosYiNYGehQjC1aCv6DxgQGxtTqYW21hZptEsgYFKIJJL4WNwcnJvdvblz7w7FX7XzzvvO79n5YgKAOgGMM1xthxC2UB+oe45Gj4K6Bhwe8t+39TUDDozIHCDLmy8A7wZsehp42W7kAdZDCF8G6a42OtvZIM1SVCuAekx9qs6k1tS2AdVx4DVwArikHg0h/OhWV+cM3I/mAA3gfEpRTwBqQ11U53LxaeBeLv1G6qAbHTfTxYq8SfVzzNtTZ2M8Uz8U3HI76qGCcc505GwmzYCaAc+BqRjKgKX4fROYLSgbA650Gzt1CRaBuVzslDoFPKyou/7HAHG9lwq67kbziYryGfV43wBqk9bU5/PeA+vA5ar6qMrNWAqgjgEvgMlc1zZwB3iSYA5wLe6h3gCAeaDoRnsMXAWaiQBN4Gw/AN9L4m+B24nmbZ0r6yi9ikMIy+pH9j9WjlTVlWitZ4AIsQqsdsbUg8AycJLup2gXeAM86wugBOobrT1Qi/IAt9QLdQ1eot8eJEHdYP9RG5a2/q0X0X+Avxbg56gBXo3QfyWoANO0nlDD1C7w6RfSPkOtrBh7vwAAAABJRU5ErkJggg==) no-repeat 50% 50%; width: 32px; height: 32px; display: block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-size: 24px; } /* CUSTOMIZE GALLERY ITEM COMPONENT ======================================= */ .keeperit-comp .keeperit-gallery-item .gallery-title { text-align:center; padding: 15px 0; } .keeperit-comp .keeperit-gallery-item .gallery-image { padding: 0; } .keeperit-comp .keeperit-gallery-item .gallery-image img { vertical-align: top; width: 100%; } .keeperit-comp .keeperit-gallery-item .gallery-image p { padding: 15px 0; text-align: justify; } .keeperit-comp .keeperit-gallery-item .gallery-images-list { padding: 0; margin: 0; } .keeperit-comp .keeperit-gallery-item .gallery-images-list li { padding: 0; width: calc(33.33% - 10px); display: inline-block; vertical-align: top; margin: 5px; position: relative; } .keeperit-comp .keeperit-gallery-item .gallery-images-list li:last-child span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; text-align: center; font-size: 1.8rem; z-index: 10; display: flex; align-items: center; justify-content: center; } .keeperit-comp .keeperit-gallery-item .gallery-images-list li:last-child span:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.5); z-index: -1; } /* DIVERSE ================================= */ .keeperit-comp .floatLeft { position: fixed; z-index: 100; bottom: 10px; left: 20px; } .keeperit-comp .floatRight { position: fixed; z-index: 100; bottom: 10px; right: 20px; } .keeperit-comp .floatCenter { position: fixed; z-index: 100; bottom: 10px; left: 50%; transform: translateX(-50%); } /* CUSTOMIZE --- TOKEN CONTENT LIST ===================================== */ .keeperit-comp .textContent { font-size: 1rem; } .keeperit-comp .contentSeparator { border-radius: 6px; background: #fff; padding: 10px; /*margin-bottom: 15px;*/ box-shadow: 0 0 5px 2px rgba(0,0,0,.04); border-bottom: 1px solid #ddd; line-height: 140%; } .keeperit-comp .contentSeparator .token-info { margin-top: 5px; padding-top: 5px; border-top: 1px solid #eee; font-size: .85rem; font-size: .70rem; line-height: 150%; display: flex; align-items: center; } .keeperit-comp .contentSeparator .authorActions { max-width: 24px; width: 24px; text-align: center; height: 100%; } .keeperit-comp .contentSeparator .authorInfo { color: #999; flex: 1; } .keeperit-comp .contentSeparator .authorInfo > strong { color: #666; } /* CUSTOIMIZE --- BUTON WITH "PLUS" ======================================== */ .keeperit-comp .UIButton[value="Add New"] { text-indent: -9999px; width: 64px!important; height: 64px!important; border-radius: 50%!important; } .keeperit-comp .UIButton[value="Add New"]:after { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA3UlEQVRIie1VSQ7CMAwcVz0hntMnoKqf4sT3+A3LqfJwaSoTtTCGcmOkKlZSe+SxnQACSPYkb9XXK76t8hOABsBuYU9y/CkkApLzWmwVkkRm9rRmkMqgthWkMohSbUpQE2WQ7qJsFi3JA6ZMSMLM5jWgq4ObWVe6KkpY2aORvADYZzMRcV2VaK1zsnYTN5f0/daeuyhqvqVtsciFNRa6FBTAKZ4DOAI44zXGN+cz6UCS7k5354RB8U1dFWaWHjaJIAbN3kWpSc4Glwn+EsmBP5FIfXAcwL2QTQPoiu8DEYzGrioQTG8AAAAASUVORK5CYII=) no-repeat 50% 50%; width: 64px; height: 100%; position: absolute; top: 0; left: 0; } /* CUSTOIMIZE --- TOKEN BUTONs ======================================== */ .keeperit-comp.Token .UIButtonWrap { width: 90%; margin: 0 1%; } .keeperit-comp.Token .UIButtonWrap .UIButton { padding: 10px; font-weight: 600; font-size: 1rem; min-height: 50px; } /**** UICOMPONENTS REWRITES --- TAB NAV **********/ .keeperit-comp .UITabBar .UIButtonLite { margin: 0; } .keeperit-comp .UITabNavigator .UINavBar .UIButtonLite { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height:55px; background-color:#eee!important; border-right:1px solid #ccc; color:#333; font-weight: normal; height:100%; box-sizing:border-box; border-bottom: 3px solid rgba(0,0,0,0); } .keeperit-comp .UITabNavigator .UINavBar .UIButtonLite.selected { border-bottom: 3px solid #6290F8; background-color: #E5E5E5!important; font-weight: bold; } .keeperit-comp .UITabNavigator .UINavBar { line-height: 50px; } /* PROFILE ========================================= */ .keeperit-comp .userProfilePic .profilePicInner { text-align:center; border-radius:50%; overflow:hidden; width:40px; height:40px; margin:0 auto; } /* NAVBAR ============================================ */ .NavBarComponent { position: fixed; width: 100%; height: 100%; top: 60px; left: 0; bottom: 0; right: 0; z-index: 11000; background: rgba(0,0,0,.1); transition: all .3s; opacity: 0; visibility: hidden; } .NavBarBoxComponent { position: absolute; background: #3d3576; box-shadow: 10px 0px 25px -20px rgba(0,0,0,.8); top: 0; left:-110%; bottom: 0; min-width: 75%!important; min-height: 100%!important; z-index: 11100; width: 75%!important; transition: left .3s; } .openMenu .NavBarComponent { opacity: 1; transition: all .3s; visibility: visible; } .openMenu .NavBarBoxComponent { left: 0%; transition: left .3s; } .NavBarBoxComponent .navBarProfile { background: #fff; display: flex; align-items: center; justify-content: center; position: relative; } .NavBarBoxComponent .navBarProfile > .UIText { width: 140px; height: 140px; display: inline-block; border-radius: 50%; background-color: #e5e5e5; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; padding: 0; } .NavBarBoxComponent .navBarProfile > .UIText img { vertical-align: top; } .NavBarBoxComponent .navBarProfile > .UIText h3 { position: absolute; bottom: 0; z-index: 12000; font-size: 1.6rem; text-align: center; width: 100%; background: rgb(162 162 162 / 22%); padding: 20px 0; } .NavBarBoxComponent .navBarMenuItems { padding: 20px; } .NavBarBoxComponent .navBarMenuItems li { color: #fff; border-bottom: 1px solid #bb0c0c; } .NavBarBoxComponent .navBarMenuItems li a { color: #fff; padding: 10px; display: block; text-decoration: none; } .NavBarBoxComponent .navBarMenuItems .UIButtonWrap { width: 100%; } .NavBarBoxComponent .navBarMenuItems .UIButtonWrap button { padding: 15px; } /************************************************************************/ /* FROM CSS FILE: MobileAppTemplatePages.css */ /************************************************************************/ /* SPLASH page =============================== */ .keeperit-comp.Splash .keeperit-header { background: #F5F6FA; } .keeperit-comp.Splash .keeperit-content h2 { text-align:center; } .keeperit-comp.Splash .keeperit-content #splashButtonsBox { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); width: 80%; } /************************************************************************/ /* FROM CSS FILE: MobileAppTemplateCustom.css */ /************************************************************************/ /* USER INFORMATIONS - FORM ====================================== */ .keeperit-comp .UIForm.FormBuilderForm .formAccountSummary { margin-bottom: 30px; } .keeperit-comp .UIForm.FormBuilderForm .formUserSafety { margin-bottom: 30px; } .keeperit-comp .UIForm.FormBuilderForm .formUserInfo { margin-bottom: 35px; margin-top: 5px; } .keeperit-comp .UIForm.FormBuilderForm .formUserInfo .eobFrmBuilderInputItemContainer.input-button .eobFrmBuilderInputContainer { padding-left: 25px; } .keeperit-comp .UIForm.FormBuilderForm .formUserInfo .colapse .eobFrmBuilderInputItemContainer { display: none; } .keeperit-comp .UIForm.FormBuilderForm .formUserInfo .eobFrmBuilderInputItemContainer input[type=button] { background-size: 16px; background-position: 3px 3px; position: absolute; left: 0; top: 0; } .keeperit-comp .UIForm.FormBuilderForm .formUserInfo .eobFrmBuilderInputItemContainer.input-button { right: 20px; top: 5px; width: 32px; height: 32px; background: #B44840; padding: 5px; border-radius: 5px; } .keeperit-comp .UIForm.FormBuilderForm .formLanguages { margin-bottom: 35px; } .keeperit-comp .UIForm.FormBuilderForm .formNotifChannel { margin-bottom: 35px; } /* Token management list ==================================== */ .keeperit-comp .UIListItems.tokenConfigureList .item-wrap { display: flex; flex-wrap: wrap; min-height: 70px; width: 100%; } .keeperit-comp .UIListItems.tokenConfigureList .item-wrap .item-title { flex: 1; min-width: calc(100% - 50px); } .keeperit-comp .UIListItems.tokenConfigureList .item-wrap .item-check input { opacity: 0; width: 100%; height: 100%; } .keeperit-comp .UIListItems.tokenConfigureList .item-wrap .item-check { max-width: 50px; min-width: 50px; align-items: center; justify-content: center; display: flex; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACWElEQVRYhb2WP0hVYRjGf15ERKThGSJCGqKhwYaKGkKiobEhItIlIigaGkqJREIaorhRZEPlEGYNDdVWFDgkNOSQDSUU4egQDvEMEmIht4Zzrt2unu+7V8+9L5zhfO973t9z3u/9/rTQJLO9FegGpiT9LI8XmgTvAj4DE8AX24fLvpYmwAvAW+BQxXAJuAsMtTZaADBQBYek8gNAV0MrYLsbmAbaM0LmG9YDttuAJwE4wGgjm3AY2BPwfwKKDZkC2/uB90BWj/0G9kmayb0CtttJSh9q8GuSZqAx+8B1YGfA/xEoll9ynQLbPcA7sn9sCdgr6Wt5ILcK2O4ExiM5hyvhuQoAbgI7Av4p4E71YC5TkO7tE2T/0CKwW9JstWPDFbC9CRiL5BpcC/6fANsdtsdtT1eeVjXYCLAt4J8EHmQ5W1J4J/AaOJiOLwG9kl6GyLaPAK8CIQvALklzWQEF2x1VcEj27xe2jwXgAh6GBAL9ITgkUzBWBS9bG/DM9omMb+8DWwK53wCPIgIpAD0BfyvwtFqE7eNAX+A7A2clxfgUgKskN5SYiL4UvhkYjeQ9L+l7lM6/JrxI0s0hWwZOAr3A0UDcc0m9tcBXBKQiLgG3IvElwut9nqTrf9QqYCWZpNvAUK3xGXauHviqhJKKwJV6ElTY49i+ERWQirixDhFzwIV64WsKqBARm46ylYDTkhZyE5CKKAKDNeS4J2lyPXCo4TiOrI5vJDecxfUKiB7H6eroZ/VmtQyc2gi8LrN9xvYv23/S53Ieeeu6EdneDhwAZiV9yEPAX5y2w9SxtZoWAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 20px; } .keeperit-comp .UIListItems.tokenConfigureList .selected .item-wrap .item-check { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACgklEQVRYhb2WP2gUURCHv1xCCBIsLEQkWIiF8mKhooUEEYxiEUWi4wXE0spGAyJXBAsREgsVJKaQ+KewML9OUQioIMYjqKAGXEIqSRFSCYrGREOw2F1cD/dtLneb6XZm3ny/nXnv7TawSmZmG4F2oCzpe+wvrBK8DfgIjAKfzKwzjjWsArwAPAf2J9xLwA2g1JS3AKC3Ag5h53uBtlw7YGbtwFugJSVlNrc9YGbNwH0PHGAoz03YB+z0xD8A/bmMwMz2AK+BtD32C9gtaaLuHTCzFsLW+zb4ZUkTkM89cAXY6om/A/rjh7qOwMw6gJekv9g8sEtSEDvq1gEzawXuZtTsS8LrKgAYALZ44mXgWqWzLiOI7vZR0l9oDtghaaoyUHMHzGwtMJxR6+L/4JA4Kma2Bhgk/GSWJD1bpobrwCZP/AVwKy3YEMFbgSfAvsg/DxQlPfKRzawLeOxJ+QZslzSdllCI3jwJh/D+lpl1e+DrgNs+gcB5HxzCuQ1XwGNrBh6a2cmUtYPABk/tp8CdDIEUgA5PvAl4UCnCzE4APZ51X4AzkrL4FIBLhH8oWSJ6Ivh6YCij7llJM5l0/m7Cc4S72WeLwGmgCBzz5I1IKi4HDtAIEATBuHPuB3DIk1sAuoFtnpxZoCsIgrmqBEQiys65BaDTk591c56S9H658H8ERCLGnHO/gQPVFInsnqSr1S5qrHQEQfBqBSKmgaNBECzULCAhImscsS0BxyVNVgtPFRCJGHPO/QQOZtS4KSnrWKaa92sYzfSCJ2USKK0UDp4OxBadjq+ERzR5ChaBI5I+5yogEjHunJsBDifWlCSN1AKHKv+IzGwzsBeYkvSmVjjAH1Vcw0iAT1mVAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 20px; } .keeperit-comp .UIListItems.tokenConfigureList li.item { min-height: inherit; } /* Tokens management page. Action form ============================================== */ .keeperit-comp .UIForm.FormBuilderForm.formToeknsManagement form { margin-bottom: 0px; } .keeperit-comp .UIForm.FormBuilderForm.formToeknsManagement form select { width: 100%; } /* Billing cards list ==================================== */ .keeperit-comp .UIListItems.cardsList .item-wrap { min-height: 70px; width: 100%; display: flex; } .keeperit-comp .UIListItems.cardsList .item-wrap > .item-info, .keeperit-comp .UIListItems.cardsList .item-wrap > .item-action { display: inline-block; vertical-align: top; } .keeperit-comp .UIListItems.cardsList .item-wrap > .item-info { max-width: calc(100% - 64px); width: calc(100% - 64px); } .keeperit-comp .UIListItems.cardsList .item-wrap > .item-action { max-width: 64px!important; width: 64px!important; display: flex!important; align-items: center!important; justify-content: center!important; } .keeperit-comp .UIListItems.cardsList .item-wrap .item-holder { font-size: .9rem; color: initial; } .keeperit-comp .UIListItems.cardsList .item-wrap .item-expire { font-size: .9rem; color: initial; } /************************************************************************/ /* FROM CSS FILE: MobileAppTemplatelastTransactions.css */ /************************************************************************/ .keeperit-comp.LastTransactions .keeperit-list-items li.item.selected { color: inherit; } .keeperit-comp.LastTransactions .keeperit-list-items li.item .item-title { max-width: calc(100% - 90px); } .keeperit-comp.LastTransactions .keeperit-list-items li.item h3 { white-space: normal; overflow: auto; text-overflow: inherit; } .keeperit-comp .UIListItems.keeperit-list-items li.item .item-value { width: 90px; min-width: 90px; height: 24px; display: flex; align-items: center; justify-content: flex-end; font-size: 1.2rem; font-weight: 600; } .keeperit-comp .formTranzactionsDownloadPDF select { padding: 10px!important; } .keeperit-comp input[type=button] { padding: 10px!important; } /* Terms & Policy ============================================= */ .keeperit-comp #termsTextComponent p, .keeperit-comp #termsTextComponent blockquote { text-align: justify; } .keeperit-comp #termsTextComponent h2 { margin-top: 20px; } /************************************************************************/ /* 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,"); 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: KeeperIT_APP.css */ /************************************************************************/ /***** SETARI PENTRU TEMA QMBUILDER *****/ #KeeperITAppId .centeredRow {display: flex; align-items: center; } #KeeperITAppId .QMainTemplate-logoZone { background-image: url(https://keeperit.co/assets/logo_white.png); background-repeat: no-repeat; background-size: 80%; background-position: center center; } #KeeperITAppId .smallSideBar .QMainTemplate-logoZone { background-image: url(https://keeperit.co/assets/logo_white_symbol.png); transition: all .3s; background-size: auto 70%; } #KeeperITAppId .QMainTemplate-top, #KeeperITAppId .QMainTemplate-moduleHeader { background-color: #10b494; } #KeeperITAppId .UINavBar input.selected, #KeeperITAppId .UINavBar button.selected { border-bottom: 2px solid #10b494; } button.UIButton { border-right: 1px solid #10b494; border-bottom: 1px solid #10b494; } #KeeperITAppId .FormBuilderForm form input[type=submit], #KeeperITAppId form input[type=submit], #KeeperITAppId button.UIButton { background-color: #10b494; } #KeeperITAppId .UIListItems li:hover { background-color: #10b49414; /*rgba(16, 180, 148,.2); #10b49414 = 20%*/ } #KeeperITAppId .eobFrmBuilderActionsContainer input[type=button]:focus, #KeeperITAppId .eobFrmBuilderActionsContainer input[type=submit]:focus, #KeeperITAppId .eobFrmBuilderActionsContainer button:focus { box-shadow: 0 2px 0 0 #10b494; } #KeeperITAppId input[type=text]:focus, #KeeperITAppId input[type=search]:focus, #KeeperITAppId input[type=number]:focus, #KeeperITAppId input[type=password]:focus, #KeeperITAppId input[type=tel]:focus, #KeeperITAppId input[type=email]:focus, #KeeperITAppId input.ui-autocomplete-input:focus, #KeeperITAppId 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 #10b494; } #KeeperITAppId .UIListItems li.selected { /* color: #fff; */ background-color: #10b494; } #KeeperITAppId .QLeftMenu li.selected { background-color: rgba(255,255,255,.015); color: #fff; border-right: 5px solid #10b494; } #KeeperITAppId .QLeftMenu li:hover { background-color: rgba(255,255,255,.015); border-right: 5px solid #10b494; } #KeeperITAppId .QLeftMenu .QLeftMenuList li .defaultLeftMenuItemClass { background: none; } #KeeperITAppId .QLeftMenu .QLeftMenuList li > div { padding-left: 0px; } #KeeperITAppId span.menuIcon { font-size: 1.15rem; width: 30px; text-align:center; display:inline-block; } #KeeperITAppId .QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li h4 span.menuIcon { font-size: 1.3rem; margin-right: 50px; } #KeeperITAppId .QMainTemplate.smallSideBar .QLeftMenu .QLeftMenuList li h4 { display: block; transition: opacity .3s; opacity: 1; top: 7px; left: 0; position: absolute; font-size: 11px; z-index: 100000; font-weight: normal; } #KeeperITAppId .QFloatButton-fluxer { background-color: #10b494; } /** LISTS **/ #KeeperITAppId .KeeperITComponent.UIListItems li { /*margin-top: .5rem;margin-bottom: .5rem;*/ padding-top:1rem; padding-bottom:1rem; display:flex; } #KeeperITAppId a { color: #10b494;} /************************************************************************/ /* FROM CSS FILE: KEEPERit.css */ /************************************************************************/ .videoTitle { font-weight: bold; } .SystemRequestPreloaderOverlay { z-index: 99999!important; } .UIPopup.SystemRequestPreloader { z-index: 999999999!important; } .keeperit-comp .keeperit-content .StaticInfoBoxContainer { height: auto!important; } .keeperit-comp .keeperit-content .StaticInfoBoxContainer img { max-width: 750px!important; width: auto!important; max-height: 100px!important; } .keeperit-comp .keeperit-content .UIListItems.paddingTop { padding-top: 100px!important; } #KeeperITAppId .KeeperITComponent.UIListItems li h3 { font-size: 1.2rem;} #KeeperITAppId .KeeperITComponent.UIListItems li .tokenIcon { width: 50px; font-size:1.2rem; opacity: .75; } #KeeperITAppId .KeeperITComponent.UIListItems li .tokenType { color: rgba(0,0,0,.4); } #KeeperITAppId .KeeperITComponent.UIListItems li .tokenType span { font-weight:bold; } .tokenType span{ font-weight: bold; } .TokenAdminPage .tokenName span { margin-right:.5rem; padding: .25rem; color:#fff; font-size:.8rem; } .TokenAdminPage .tokenName span.private, .UIListItems .private { background-color:#cc0000; padding:.5rem; color:#fff;} .TokenAdminPage .tokenName span.public, .UIListItems .public { background-color:#00cc00; padding:.5rem; color:#fff; } .TokenAdminPage .tokenDescription {color:#666;} .TokenAdminPage .tokenLink { padding: .5rem 0; } .TokenAdminPage .TokenGeneralContent {text-align:center;} .TokenAdminPage .tokenShareMode {padding:.5rem; } .TokenAdminPage .tokenShareMode span {background-color:#999 ;color: #fff; padding: .5rem; cursor: pointer;} .TokenAdminPage .tokenLink a { margin: .25rem; display:inline-block; padding: .5rem; color: #fff!important; background-color: #10b494; text-decoration: none; } .UIListItems.listInvites li, .UIListItems.listShares li, .UIListItems.ListMyTokens li { display: flex; align-items: center; } .UIListItems li .readWriteMode {padding: .5rem; color:#fff;} .UIListItems li .read span, .UIListItems li span.read{background-color:#2998E2; display:inline-block; padding:.5rem; color:#fff;} .UIListItems li .write span, .UIListItems li span.write{background-color:#00cc00; display:inline-block; padding:.5rem; color:#fff;} .inviteExists {background-color:#00cc00; color:#fff; padding:1rem; font-size:1.1rem; text-align:center; margin: 1rem;} .mediumButton button{padding: .5rem; font-size: 1.1rem;} .NewAccountLogin .UIStackContainer .LoginFormContainer {padding-left:2rem; padding-right:2rem; } .TokenWebhookView > * { text-align:center; padding-left:1rem; padding-right:1rem; } .cardsContainer {padding-bottom: 120px;} .TokenCardBanner {overflow: hidden; margin: 0; padding: 0; display:block; max-height:100%; height:100%; text-align:center;} .TokenCardBanner a {max-height: 100%; height: 100%;} .TokenCardBanner img {max-height: 100%; max-width: 100%; width: auto;} .TokenCardItem { padding: .5rem .5rem 0 .5rem; margin-bottom: 1.2rem; position:relative; } .TokenCardItem .cardInfo {display:flex; align-items: center; } .TokenCardItem .cardInfo > * {flex-grow: 1; padding: .25rem .25rem .25rem .25rem; color:rgba(0,0,0,.4); font-size:.7rem;} .CardType-file.TokenCardItem .cardInfo { padding: .125rem .25rem .25rem .25rem;} .TokenCardItem .cardInfo .username {text-align:left;} .TokenCardItem .cardInfo .timestamp {text-align:right;} .TokenCardItem .cardContent {min-height:45px;} .TokenCardItem .cardContent > a {padding: .5rem .25rem;} .TokenCardItem .cardContent img {max-width: 100%;} .TokenCardItem.CardType-file {border: 1px solid rgba(0,0,0,.05); background-color:rgba(0,0,0,.04);} .TokenCardItem.CardType-image .cardContent {text-align:center; } .TokenCardItem.CardType-text { background-color:rgba(16,180,148,.1); box-shadow:3px 3px 5px rgba(0,0,0,.11); border-radius: 3px; border: 1px solid rgba(0,0,0,.055); } /* .TokenCardItem .cardMenu { position:absolute;top:.5rem;font-size: 1.2rem;right:.5rem;opacity: .25;padding: .75rem; text-shadow:2px 2px rgba(255,255,255,.85); cursor: pointer; } */ .TokenCardItem .cardMenu {opacity: .5;width: 3rem; text-align:right; display:inline-block; max-width: 2rem; font-size:1.25rem; padding-bottom: .5rem;} .TokenCardItem:hover .cardMenu {opacity: 1; text-shadow:2px 2px rgba(255,255,255,1); color: #000;} .TokenCardItem:hover .cardMenu { display:inline-block; } /**** DE AICI INCEPE WEBHOOKUL SI CHATUL ******/ .TokenContentPage .errorTokenCode {text-align:center; padding-top:1rem;} .InviteInfo {text-align:center;} /*** WEBHOOK COMPONENTS STYLES ****/ a.whOption { color:#10b494; } .whOptionGroup { display:flex; gap: .35rem; flex-wrap: wrap; align-items: center; justify-content: center; margin: .5rem; } .whOptionGroup a.whOption { padding:.5rem; border: 1px solid #ddd; background-color:#10b494; color:#fff!important; cursor: pointer; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ text-decoration: none; font-size:.9rem; border-radius: 5px; } .whOptionGroup a.whOption:hover { background-color:#0b8a71;} .FluxerAIChat { font-size:1rem; padding-top: .75rem; height: 100%;} .FluxerAIChat * { font-size:1rem; line-height: 145%;} .FluxerAIChat .textMessage { background-color: #10b49414; padding: .5rem .75rem; box-shadow:3px 3px 4px rgba(0,0,0,.1); margin-bottom: .75rem; word-wrap: break-word; } .FluxerAIChat .whResponseText { position:absolute; top: 0; left: 0; width: 100%; bottom: 120px; overflow-y:auto; padding: .75rem .75rem 60px .75rem; } .FluxerAIChat .textMessage a{ color: #0d9076!important;} .whResponseOptions {position: absolute; bottom: 100px; left: 0; right: 0; padding: .25rem; height:auto;} .KeeperITWHInput {position: absolute; bottom: 50px; left: 0; right: 0; padding: 1rem; display: flex; align-items: center;} .KeeperITWHInput > input { font-size:1rem!important;} .KeeperITWHInput .inputSendButton { font-size:1.1rem; padding: .5rem; background-color: #10b494; margin-left: .25rem; color: #fff; border-radius: 50%; width: 35px; height: 35px; } .giveAwayInfo {text-align:center; padding: 1rem;} .scanAndShareInfo {text-align:center; padding: 1rem;} .categoriesBar{display:flex; justify-content: center; flex-wrap: wrap; margin-bottom:.5rem;} .categoriesBar .catSelector { padding:.5rem .5rem; margin:.125rem; cursor: pointer; display:inline-block; color: #fff; border-radius: .25rem; } .categ-1 { border-left:5px solid #73a118; } .categ-2 { border-left:5px solid #3f7ad9; } .categ-3 { border-left:5px solid #6b4a7d; } .categ-4 { border-left:5px solid #b08f23; } .categ-5 { border-left:5px solid #c44a25; } .categ-6 { border-left:5px solid #14c4b0; } .categ-7 { border-left:5px solid #f53d8a; } .categoriesBar .catSelector.selected { background-color:rgba(255,255,255,0)!important; border: 1px solid #999; color:#444;} .favorite {font-size: 1.5rem; cursor: pointer;} .favorite-1 {color: #f1b213;/*#d1b31d; #f1b213*/} .favorite-0 {color: #dfdfdf;} .FavoritesList {display: flex; flex-wrap: wrap; flex-direction: row;} .FavoritesList li {width: 20%; padding:.5rem; border-bottom:0!important; height:120px; cursor: pointer;} .FavoritesList li.selected {background-color: rgba(255,255,255,0)!important; } .FavoritesList li:hover {background-color: rgba(255,255,255,0)!important; } .FavoritesList li:hover .favoriteItem, .FavoritesList li.selected .favoriteItem { box-shadow: 3px 3px 9px rgba(0,0,0,.35); } .FavoritesList li .favoriteItem { box-shadow: 3px 3px 6px rgba(0,0,0,.15); border-radius: 5px; color:#fff; text-align:left; padding:.5rem; height: 100%; } .FavoritesList li .favoriteItem > * {height:100%;} .FavoritesList li .favoriteItem .favorite-1 {color: rgba(255,255,255,.5);/*#d1b31d;*/} .FavoritesList li .favoriteItem .username { display: inline-block; position: absolute; bottom: 0; left: 0; color:rgba(255,255,255,.5); } .AccessHistoryList li .userDateInfo { display: flex; } .AccessHistoryList li .userDateInfo .lastDataOra { width: 50%; text-align:right; } .AccessHistoryList li .userDateInfo .username {width: 50%; color: rgba(0,0,0,.75);} /*********** QR MENU ***************/ .FluxerAIQRMenuView {padding: .75rem; font-size:1rem;} @media screen and (max-width: 1600px) { .FavoritesList li {width: 25%;} } @media screen and (max-width: 1280px) { .FavoritesList li {width: 33%;} } @media screen and (max-width: 1100px) { .FavoritesList li {width: 33%;} } @media screen and (max-width: 850px) { .FavoritesList li {width: 50%;} } @media screen and (max-width: 350px) { .FavoritesList li {width: 100%;} } .layoutWithDinamicTop, .KeeperITVBox { display: flex; flex-direction: column; flex-grow: 1; height: auto; max-height: 100%; overflow: hidden; } .KeeperITVBox .KeeperITVBox-top {height: auto;} .KeeperITVBox .KeeperITVBox-bottom {height: 100%; overflow:auto;} .rightMenuZone { display: flex; justify-content: center; align-content: center; font-size: 2rem; padding-top:.65rem; overflow:hidden; } #logoutBtn { display: flex; padding: 5px; background-color: crimson; color: #fff; border-radius: 4px; width: fit-content; cursor: pointer; } /************************************************************************/ /* FROM CSS FILE: KeeperIT-QRMenu.css */ /************************************************************************/ .FluxerAIQRMenuView { } .FluxerAIQRMenuView .qrMenuResponseText { position:absolute; top: 0; left: 0; width: 100%; bottom: 80px; overflow-y:auto; padding: .75rem .75rem 60px .75rem; } .FluxerAIQRMenuView .textMessage a{ color: #0d9076!important;} .FluxerAIQRMenuView .whResponseOptions {position: absolute; bottom: 10px; left: 0; right: 0; padding: .25rem; height:auto;} .FluxerAIQRMenuView .qrmCategories {display:flex; justify-content: center; align-items:center; flex-wrap: wrap; gap: .5rem;} .FluxerAIQRMenuView .qrmCategories .qrMenuProd .qrMenuProdName { text-decoration:none; padding: 1rem .5rem; display: block; font-weight: bold; } .FluxerAIQRMenuView .qrmCategories .qrMenuProd .qrMenuProdDesc { font-size:.8rem; font-weight: normal; color:rgba(0,0,0,.4); } .FluxerAIQRMenuView .qrmCategories > .qrMenuCat { cursor: pointer; /*flex-direction: column;display:flex; */ text-align:center; width: calc(50% - 1rem); font-weight: bold; padding: 0; border: 1px solid rgba(0,0,0,.1); align-items:center; justify-content:center; text-align: center; } .FluxerAIQRMenuView .qrmCategories .qrMenuCat > a { text-decoration:none; font-size:.8rem; padding: .5rem .5rem; display: block; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .FluxerAIQRMenuView .qrmCategories .qrMenuCat .qrMenuCatImage { width: 100px; height: 100px; text-align:center; margin: .5rem; border: 1px solid rgba(0,0,0,.2); background-size:cover; background-position: center center; display: inline-block; } .FluxerAIQRMenuView .qrmCategories .qrMenuProd { width: 100%; font-weight: normal; padding: 0; text-align: left; border: 1px solid rgba(0,0,0,.1); display:flex; justify-content: left; align-items:center; } .FluxerAIQRMenuView .qrmCategories .qrMenuProd .wrMenuProdPrice { width:100px; text-align:right; padding:.25rem .75rem; } .FluxerAIQRMenuView .qrmCategories .qrMenuProd .wrMenuProdPrice span { font-weight: bold; } .FluxerAIQRMenuView .qrmCategories .qrMenuProd .wrMenuProdInfo { width:calc(100% - 200px); } .FluxerAIQRMenuView .qrmCategories .qrMenuProd .wrMenuProdImage { width: 100px; height: 100px; text-align:center; margin: .5rem; border: 1px solid rgba(0,0,0,.1); background-size:cover; } /************************************************************************/ /* FROM CSS FILE: Keeperit-Stripe.css */ /************************************************************************/ #KeeperITAppId a.btnPayStripe { display:inline-block; margin:1rem 0; padding:1rem 2rem; background-color:#10b494; color:#fff; font-size:1.2rem; font-weight:bold; color:#fff; text-decoration:none; border-radius: 3px; } #KeeperITAppId a.btnPayStripe:hover { background-color:#0da184; } .stripeQR { text-align:center; } /************************************************************************/ /* FROM CSS FILE: KeeprIT-WH.css */ /************************************************************************/ .labelAndInput { width: 100%; text-align: left; } .labelAndInput label { font-weight: 600; padding-bottom: 5px; display: block; } .whResponseInput.KeeperITWHInput { align-items: flex-end; background-color: #fff; } .mesaj_intampinare { margin: 1rem 0; font-size: 1.2rem; } .whResponseOptions { bottom: 0; background-color: #fff; } .err{ color: crimson; font-size: 1.2rem; } .adresa_container{ margin-top: 1rem; margin-bottom: 0.5rem; } .telefon_container, .email_container{ display: inline-block; margin: 0.5rem 1rem; } #_mail, #_phone, #_address{ display: flex; align-items: center; justify-content: center; } .email svg, .telefon svg, .adresa svg{ margin-right: 1rem; fill: #10b494; } .home_btn{ position: fixed; top: 13px; border: none !important; color: #fff !important; } .home_btn svg{ fill: #fff; } .home_btn_bottom{ margin-top: 10px; } .home_btn_bot{ color: #fff !important; background-color: #10b494; text-decoration: none; padding: 0.5rem 3rem; border-radius: 4px; } .user_icon_container svg, .mobile_icon_container svg, .other_person_icon_container svg, .clock_icon_container svg, .success_icon_container svg{ width: 200px; height: 175px; margin: 2rem; fill: #10b494; } .general_text{ font-size: 16px; } .specializare_prestator{ font-size: 16px; padding: 0.3rem; } a.altcineva{ display: block; width: 90%; margin: 0 auto; color: #fff !important; padding: 0.5rem; border-radius: 4px; text-decoration: none; background-color: #2998E2 !important; } a.altcineva:hover{ background-color: #5dbeff!important; } a.change_btn { display: block; width: 90%; margin: 0 auto; color: #fff !important; padding: 0.5rem; border-radius: 4px; text-decoration: none; background-color: #6d10b4 !important; } .change_btn_contaier{ display: inline-block; padding: 1rem 0; width: 50%; } .altcineva_container{ display: inline-block; padding: 1rem 0; width: 50%; } ._inline { display: inline-block; } ._inline._left { display: inline-block; width: 70px; } ._inline._right { margin-left: 10px; display: inline-block; width: 70px; } .nume_admin_container, .specializare_admin_container, .email_admin_container, .phone_admin_container{ display: inline-block; } .nume_admin_container, .email_admin_container{ margin-right: 10px; } .email_admin_container, .phone_admin_container{ margin-top: 0; } .zi_label, .pauza_label { text-align: left; } .zi_label_container{ height: 40px; display: inline-block; font-size: 24px; margin-right: 10px; margin-bottom: 0; padding-top: 1rem; } .closed_container{ display: inline-block; } .space_container{ margin: 0 !important; } .eobFrmBuilderInputItemContainerdummy1{ margin: 0 !important; } .pauza_label_container{ height: 30px; display: inline-block; margin: 0 10px 0 50px; } .pauza_label{ display: flex; } .holiday_start_container, .holiday_end_container{ width: 200px; margin-right: 10px; } .prestator_img{ height: 70px; } .poza_admin_container img{ max-width: 120px !important; max-height: 80px !important; } @media only screen and (max-width: 700px) { .adresa_admin_container input, .map_admin_container div div, .descriere_admin_container textarea, .nume_admin_container input, .specializare_admin_container input, .email_admin_container input, .phone_admin_container input{ width:100% !important; } .nume_admin_container, .specializare_admin_container, .email_admin_container, .phone_admin_container{ display: block; margin: 0; } .eobFrmBuilderInputItemContainerdummy2{ display : none; } } @media only screen and (max-width: 509px) { .change_btn_contaier, .altcineva_container{ display: block; margin: 0 auto; width: 90%; padding-top: 0.5rem; } .change_btn_contaier{ padding: 0; } ._inline._left, ._inline._right{ width: 48%; } } @media only screen and (min-width: 1100px) { a.change_btn, a.altcineva{ width: 250px; } .change_btn_contaier, .altcineva_container{ width: unset; width: unset; margin-left: 10px; } } @media only screen and (max-width: 509px) { .pauza_label_container{ display: block; margin: 0; } } @media only screen and (min-width: 1124px) { .KeeperITWHInput{ width: 800px; margin: 0 auto; } } .TokenWebhookView >div{ max-height: 90%; padding-bottom: 6rem; scroll-behavior: smooth; } input[type='date'], input[type='time'] { -webkit-appearance: none; min-height: 30px; } .KeeperITWHInput{ bottom: 0 !important; } .istoric_table_container{ overflow: auto; } .buton_login { background-color: #10b494; color: #fff !important; text-decoration: none !important; padding: 1rem; /* margin-top: 2rem; */ display: block; width: fit-content; margin: 2rem auto; border-radius: 4px; font-size: 1.1rem; } .appointments_table { border: 1px solid #ccc; margin: 20px auto; text-align: left; border-collapse: collapse; } .appointments_table td { border: 1px solid #ccc; padding: 2px 5px; } /* TOKEN BILLING */ .abonamenteTokenContainer{ display: flex; flex-direction: column; align-items: center; } .abonamenteTokenContainer .abonament{ display: flex; justify-content: space-between; width: 300px; align-items: center; margin: 5px 0; font-size: 16px; } .abonamenteTokenContainer .abonament div{ margin-right: 1rem; } .abonamenteTokenContainer .abonament a, .downloadBtn{ background-color: #10b494; color: #fff !important; padding: 5px 10px; text-decoration: none; font-weight: 600; } div.downloadBtn{ width: 150px; text-align: center; margin: 0 auto; } td.tipAbonament .subscribeBtn{ background-color: #10b494; color: #fff !important; padding: 5px 10px; text-decoration: none; font-weight: 600; margin-left: 10px; } td.tipAbonament{ height: 50px !important; } td.tipAbonament .subscribe{ display: flex; width: 260px; justify-content: space-between; }