body {margin: 0;color:#333333;font-family:Arial;font-size:14px;font-weight:normal;font-style:normal;} table {border-collapse:collapse;border-spacing:0px;margin:0px;display:table;vertical-align:middle;border:0px;} table,tr,td {vertical-align:middle;} button {display: block;font-size:14px;padding: 5px 5px;margin: 5px auto;color: #f5f5f5;border: 0 none;border-radius: 5px;cursor: pointer;} input {display: block;font-size:14px;padding: 5px 5px;border:1px solid #999999;height:18px;border-radius: 5px;overflow: hidden;} select {display: block;font-size:14px;padding: 4px 4px;border:1px solid #999999;border-radius: 5px;overflow: hidden;} select {-webkit-appearance: none;background:none;} /*height is defined in FormClass to default 29px*/ .DropDownSelectContainer {background:url(../images/icon18_888888/select-arrow.svg) no-repeat right #f1f1f1;border:0px solid #888888;border-radius: 5px;} textarea {display: block;font-size:12px;padding: 5px 5px;border:1px solid #999999;border-radius: 5px;font-family:Arial;font-size:14px;font-weight:normal;font-style:normal;} .emojiInText {position:relative;display:inline-block;margin:0px;background-color:none;border:0px solid #000000;background-size:100%;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .imageDropDown {position:relative;display:block;margin:0px;background-color:none;border:0px solid #000000;background-size:100%;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .imageDropColumn {position:relative;display:table-cell;} a:visited {color: #333333;font-style:normal;text-decoration:none;cursor:hand;} a:link {color: #333333;font-style:normal;text-decoration:none;cursor:hand;} a:hover {color: #818283;font-style:normal;text-decoration:none;cursor:hand;} a:active {color: #818283;font-style:normal;text-decoration:none;cursor:hand;} li {display: list-item;list-style-type:none;} ul {display: list-item;list-style-type:none;margin:0px;padding-left:0;} ol {display: list-item;list-style-type:none;margin:0px;padding-left:0;} .arrowwrapper {display:inline-block;overflow:auto;} .arrow {position:absolute;border: 15px solid #3b55c4;} .arrow.upp {left:10%;top:-15px;border-top: 0px solid transparent;border-left: 15px solid transparent;border-right: 15px solid transparent;} .arrow.down {left:10%;bottom:-15px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 0px solid transparent;} .arrow.left {left:-15px;bottom:10%;border-top: 15px solid transparent;border-left: 0px solid transparent;border-bottom: 15px solid transparent;} .arrow.right {right:-15px;bottom:10%;border-top: 15px solid transparent;border-right: 0px solid transparent;border-bottom: 15px solid transparent;} .ImageFrame {position:relative;display:table-cell;margin-right: auto; margin-left: auto;border-radius: 5px;background-size:cover;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .TextFrame {padding:5px;border-radius: 5px;} .ImageFrameCurved {position:relative;display:block;border-radius: 5px;background-size:cover;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .BlogMessageTitle {padding-bottom:3px;font-size:18px;font-weight:bold;font-style:italic;} .BacklogMessageTitle {padding-bottom:3px;} .BacklogMessage {padding-bottom:3px;font-size:12px;} .ForumDate {font-size:8px;color:#888888;padding-top:2px;padding-bottom:0px;} .ForumMessageTitle {padding-bottom:3px;font-weight:bold;} .ForumMessage {padding-bottom:3px;font-size:12px;} .MessageImageContainer {position:relative;display:table;width:100%;margin-top:10px;margin-bottom:10px;background-color:none;} .MessageImageFrameCont {border-radius: 5px;overflow:hidden;} .MessageImageFrame {position:relative;} .MessageImageFrame Img {display:block;width:100%;} .MessageImageText {position:relative;display:table-cell;width:100%;padding:5px;} .MessageImageNoText {position:relative;margin:auto;} .MessageImageNoText Img {width:100%;} .CommentImage {display:inline-block;vertical-align:top;} .CommentMessage {width:250px;display:inline-block;vertical-align:top;margin-left:5px;padding:5px;} .DropDownContainer {position:relative;background-color:none;top:-1px;padding-top:0px;padding-bottom:0px;max-width:300px;margin:0px;} .DropDownFrame {position:relative;background-color:#ffffff;margin-bottom:1px;border:1px solid #999999;border-radius: 5px;padding:0px;overflow:hidden;} .DropDownSelect {position:relative;background-color:none;border-bottom:1px solid #999999;padding-top:0px;border-radius: 0px;overflow:hidden;} .DropDownIcon {position:relative;padding:0px;margin:0px;left:0px;top:0px;display:table-cell;float:left;background-color:none;background-size:100%;background-position: center center;background-repeat:no-repeat;} .DropDownText {position:absolute;display:table-cell;left:32px;margin-top:3px;height:27px;width:120px;vertical-align:middle;background-color:none;color:#000000;padding-top:1px;padding-left:0px;overflow:hidden;} .DropDownTextInner {position:relative;background-color:none;color:black;width:500px;} .DropDownDropIcon {position:absolute;right:0px;top:0px;background-size:100%;background-color:#000000;background-position: center center;background-repeat:no-repeat;opacity:0.3;} .DropDownDropIcon.open {transform:rotate(180deg);} .DropDownContentContainer {position:relative;bottom:-8px;background:none;width:100%;display:none;z-index:100;} /*Updated 2020-09-14 from -10 to -8 due to change in dropdown height*/ .DropDownInfoContainer {position:relative;bottom:-8px;background:none;width:100%;display:none;z-index:100;} /*Updated 2020-09-14 from -10 to -8 due to change in dropdown height*/ .DropDownContent {position:absolute;background-color:#f1f1f1;width:100%;border-radius: 5px;overflow:hidden;} .DropDownContentArrow {position:absolute;top:-18px;right:3px;width:0px;display:block;} /*Updated 2020-09-14 from -20 to -18 due to change in dropdown height*/ .DropDownLiHeading {background-color:#e8e8e8;padding:5px;width:100%;} .DropDownUl {width:100%;background:none;border:0px solid #888888;} .HeaderFrame {position:relative;background:none;top:0px;width:100%;height:35px;margin:auto;border:none;z-index:100;} .HeaderCookie {position:relative;background:#888888;max-width:1000px;min-width:320px;width:100%;height:50px;margin:auto;display:table;} .HeaderCookieCenter {border: 0px solid #333333;font-size:em1.5;display:table-cell;vertical-align:middle;padding:10px;} .HeaderCookieButton {border: 0px solid #333333;float:right;} #MainFrame {min-height:900px;} #ContHeader {position:relative;background:#e8e8e8;max-width:1000px;min-width:320px;width:100%;margin:auto;display:table;background-size:100%;} #HeaderIcon {position:relative;float:left;background-color:none;background-size:100%;border-radius: 5px;} #HeaderTextContainer {position:relative;background-color:none;width:50px;overflow:hidden;} #HeaderText {position:relative;margin-left:10px;} #HeaderSubText {position:relative;margin-left:10px;} #ContTable {} #ContFrame {position:relative;display:table;top:0px;background:#e1e1e1;width:100%;max-width:1000px;min-width:320px;min-height:900px;margin:auto;} #ContSideNavMobil {position:relative;background:none;width:100%;height:45px;float:left;word-wrap: break-word;} #ContSideNav {position:relative;background:none;min-width:250px;max-width:250px;height:100%;word-wrap: break-word;} #ContSection {position:relative;background:#e8e8e8;width:100%;height:100%;word-wrap: break-word;} #FooterFrame {position:relative;display:table;top:0px;background:#e1e1e1;max-width:1000px;width:100%;height:50px;margin:auto;} #FooterTable {width:100%;} .DesktopFrame {position:relative;margin:5px;max-width:450px;} .DesktopContentFrame {position:relative;margin:5px;padding:5px;} /*max-width 440px in mobile*/ #ContRight {background:#f5f5f5;height:100%;float:left;word-wrap: break-word;} .ContSectionInner {position:relative;float:left;background:#e8e8e8;width:320px;height:100%;word-wrap: break-word;} .ContSectionFloat {position:relative;float:left;display:table-cell;background:#e8e8e8;width:318px;background:none;} .ContSectionFloatFull {position:relative;float:left;display:table-cell;background:#e8e8e8;width:100%;background:none;} .ContSectionFloatCont {display:table;position:relative;margin:0px;width:100%;} #DebugFrame {position:Fixed;bottom:0px; left: 0; right: 0;max-width:320px;max-height:500px;min-height:100px;visibility:visible;border: 1px solid red;overflow-y:scroll;} .ErrorMessageFrame {position:relative;background-color:#e8e8e8;border:1px solid #ff0000;border-radius: 5px;margin-bottom:5px;padding:3px;} .ErrorMessage {position:relative;color:#ff0000;} .FormTable {border:0px solid #000000;margin:5px;margin-left:0px;width:95%;} .FormTable td {border:0px solid #000000;margin-left:5px;margin-right:auto;text-align:left;} .FormContainerDiv {border:1px solid red;margin-left:5px;margin-right:auto;text-align:left;display:inline-block} .FormDiv {display:inline-table;background-color:none;border:5px;padding:2px;margin:2px;position:relative;vertical-align:top;} /* Position Relative inlagt 2020-03-28 */ .FormDivIcon {top:-0px;} /* Only for icons to adjust -2px*/ .FormDivDrop {top:-0px;} /* Only for icons to adjust -2px*/ .FormSelectDrop {top:2px;} /* Only for icons to adjust -2px*/ .SheetChooserTabContainer {position:relative;display:table;width:100%;background-color:none;border: 0px solid red;} .SheetChooserTabAlign {position:relative;top:0px;display:inline-block;} .SheetChooserTab {position:relative;display:block;background-color:#none;padding:5px;margin-left:5px;margin-right:0px;border-top: 1px solid #4a65da;border-left: 1px solid #4a65da;border-right: 1px solid #4a65da;border-top-left-radius: 5px;border-top-right-radius: 5px;} .SheetChooserTab.active {background-color:#4a65da;color:#ffffff;} .SheetChooserContainer {position:relative;display:block;width:100%;border-top: 1px solid #4a65da;border-bottom: 1px solid #4a65da;border-left: 1px solid #4a65da;border-right: 1px solid #4a65da;border-radius: 5px;} .SheetChooser {position:relative;display:block;margin:5px;background-color:none;} .FormContainer {position:relative;background-color:none;margin:0px;padding:0px;background-color:none;} .FormFrame {position:relative;border-radius: 5px;margin:5px;padding:5px;} .FormHighLight {border: 1px solid #E24646;border-radius: 5px;} .HeaderMenu {position:relative;max-width:1000px;min-width:320px;width:100%;height:100%;margin:auto;} .HeaderMenuTable {height:100%;width:100%;font-weight:normal;color:#f1f1f1;border:0px solid #ff0000;} .HeaderMenuLink {height:100%;display:table;margin:none;background:none;} .HeaderMenuLinkArrow {position:absolute;bottom:0px;display:none;border:5px solid #ffffff;border-top: 5px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;} .HeaderMenuIcon {position:relative;display:table-cell;padding-right:10px;padding-left:10px;vertical-align:middle;background-color:none;background-size:27px;background-position: center center;background-repeat:no-repeat;} .HeaderMenuIcon.open {transform:rotate(90deg);} .HeaderMenuIconImg {position:relative;padding:0px;border-radius: 5px;background-size:100%;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .HeaderMenuIconOver {position:relative;width:24px;padding-left:10px;padding-right:10px;display:table-cell;vertical-align:middle;} .HeaderMenuIconMark {position:relative;width:24px;padding-left:10px;padding-right:10px;display:table-cell;vertical-align:middle;background-color:pink;} .HeaderMenuTextContainer {position:relative;height:100%;display:table-cell;vertical-align:middle;padding-right:10px;} /*vertical center div*/ .HeaderMenuText {position:relative;} /*vertical center div*/ .HeaderMenuSlideContainer {position:relative;background:none;max-width:1000px;min-width:320px;width:100%;margin:auto;} .HeaderMenuSlideHiderRight {position:absolute;background:none;display:table-cell;max-width:1000px;min-width:320px;width:100%;margin:auto;overflow:hidden;} .HeaderMenuSlideHiderLeft {position:absolute;background:none;display:table-cell;max-width:1000px;min-width:320px;width:100%;margin:auto;overflow:hidden;} .HeaderMenuSlideLeft {position:relative;left:-320px;top:0px;width:320px;background:#f1f1f1;} .HeaderMenuSlideBorder {position:relative;width:320px;display:table-cell;margin:0px;margin-bottom:0px;background:#f1f1f1;} .HeaderMenuSlideRight {position:relative;float:right;right:-320px;top:0px;width:320px;background:#f1f1f1;} .DropMainFrame {position:relative;background:#888888;height:40px;z-index:50;padding:0px;} .DropMainMenuFrame {position:relative;border:1px solid #dddddd;border-radius: 0px;padding:4px;} .DropMainMenuIcon {position:relative;display:table-cell;background-size:18px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .DropMainMenuText {position:relative;display:table-cell;background:none;max-height:27px;margin:0 auto;color:#ffffff;padding-left:10px;padding-right:10px;vertical-align:middle;overflow:hidden;} .DropMainMenuTextInner {position:relative;background:none;max-height:22px;vertical-align:middle;overflow:hidden;} .DropMainMenuDropIcon {position:absolute;right:10px;background:none;float:right;width:27px;height:27px;padding-left:0px;padding-right:0px;vertical-align:middle;background-size:27px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .DropMainMenuDropIcon.open {transform:rotate(180deg);} .DropMainContainer {position:relative;bottom:-0px;background:none;width:250px;height:300px;display:none;} .DropMainContent {position:absolute;top:10px;background:none;width:248px;display:table;border-radius: 5px;overflow:hidden;} .DropMainContentArrow {position:absolute;top:-10px;left:10px;display:block;} #ImageShowFrame {position:relative;top:0px;left:0px;background-color:#f1f1f1;width:100%;} #ImageShowImageContainer {position:relative;background-color:none;width:100%;height:500px;margin:auto;overflow:hidden;} .ImageShowImageFrame {position:absolute;right:750px;display:table;background-color:none;width:100%;margin:auto;text-align:center;} /*.ImageShowImage {position:relative;display:table-cell;vertical-align:middle;background-color:none;height:500px;margin:auto;} .ImageShowImageImg {max-width:100%;max-height:500px;}*/ .ImageShowImage {position:relative;display:table-cell;vertical-align:middle;background-color:none;height:100%;width:100%;margin:auto;background-size:contain;background-position:center;background-repeat:no-repeat;} .ImageShowTextFrame {position:absolute;left:0px;bottom:0px;height:30px;width:100%;padding:0px;background-color:none;display:table;opacity:0.2;} .ImageShowText {position:absolute;left:0px;bottom:0px;height:30px;width:100%;padding:0px;background-color:none;display:table;} .ImageShowTextInner {position:relative;left:0px;bottom:0px;width:100%;background-color:none;display:table-cell;vertical-align:middle;} .ImageShowLeftArrowFrame {display:table;float:left;height:100%;width:36px;background-color:none;opacity:0.2;} .ImageShowRightArrowFrame {display:table;float:right;height:100%;width:36px;background-color:none;opacity:0.2;} .ImageShowArrowImage {width:30px;height:50px;background-color:#000000;border:1px solid #000000;border-radius: 5px;background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ImageShowCloseFrame {position:absolute;right:6px;top:6px;width:36px;height:36px;opacity:0.2;background-color:none;} .ImageShowCloseImage {width:36px;height:36px;display:table;height:36px;background-color:#000000;border:1px solid #000000;background-image:url(../images/icon18_ffffff/expand.svg);border-radius: 5px;background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ImageShowCloseImage.close {background-image:url(../images/icon18_ffffff/cross.svg);} #ImageShowSelectFrame {position:relative;display:table;background-color:none;height:50px;margin:auto;text-align:center;padding:5px;} #ImageShowSelectContainer {position:relative;display:table-cell;background-color:none;margin:auto;width:300px;padding-bottom:5px;padding-top:5px;padding-right:0px;padding-left:0px;} .ImageShowSelectLeftArrowFrame {position:relative;display:table;float:left;height:50px;width:25px;background:#888888;border-bottom-left-radius: 5px;border-top-left-radius: 5px;background-size:25px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ImageShowSelectRightArrowFrame {position:relative;display:table;float:right;height:50px;width:25px;background:#888888;border-bottom-right-radius: 5px;border-top-right-radius: 5px;background-size:25px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} #ImageShowSelectArrayFrame {position:relative;background-color:none;height:50px;width:250px;overflow:hidden;} #ImageShowSelectArrayContainer {position:absolute;left:0px;background-color:none;width:5000px;} .ImageShowSelectImage {float:left;width:50px;height:50px;display:cell-block;border:0px solid #ff0000;background-size:cover;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .FormSubmitButton {height:18px;padding:5px;padding-left:6px;border-collapse:separate;border-spacing:0px;display:table-cell;border-radius: 5px;margin:0px;color:#ffffff;} .FormSubmitIcon {width:18px;height:18px;padding:5px;padding-left:6px;border-radius: 5px;margin:0px;color:#ffffff;background-size:18px;background-position: center center;background-repeat:no-repeat;} .FormSubmitIconText {width:18px;height:18px;padding:5px;padding-left:0px;padding-right:0px;border-radius: 5px;margin:0px;color:#ffffff;background-size:18px;background-position: center center;background-repeat:no-repeat;} .InfoIcon {width:18px;height:18px;padding:5px;margin-bottom:2px;padding-left:6px;border-radius: 5px;color:#ffffff;background-size:18px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .FormSubmitIcon.no {background-color:#888888;} .FormSubmitText {min-width:18px;height:18px;padding:2px;display:table-cell;padding-left:6px;border-radius: 5px;margin:2px;color:#ffffff;background-size:18px;background-position: center center;background-repeat:no-repeat;} .FormCheckBoxContainer {padding:0px;margin:0px;} .FormCheckBoxIcon {width:18px;height:18px;padding:5px;padding-left:6px;border-radius: 5px;margin:0px;color:#ffffff;background-size:18px;background-position: center center;background-repeat:no-repeat;} .FormCheckBoxIcon.no {background-color:#888888;} .FormCheckBoxIcon.delete {background-color:#FF3B30;} .AjaxDownloadToggle.loading {background-color:#888888;} .AjaxDownloadToggle.updatereq {background-color:red;} .AjaxIcon {width:18px;height:18px;background-color:blue;padding:5px;padding-left:6px;border-radius: 5px;margin:0px;color:#ffffff;font-size:16px;font-weight:bold;} .AjaxIcon img {width:18px;height:18px;} .Icon18 {width:18px;height:18px;padding:5px;padding-left:5px;border-radius: 5px;margin:0px;color:#ffffff;font-size:16px;font-weight:bold;background-size:18px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .Icon18Image {width:26px;height:26px;border:1px solid #dddddd;border-radius: 5px;background-size:100%;} .Icon18CharFrame {width:18px;height:18px;padding:5px;border:1px solid #dddddd;border-radius: 5px;margin:0px;color:#ffffff;font-size:16px;font-weight:bold;} .Icon18Char {background-color:none;position:relative;left:4px;} .DecorationContainer {position:absolute;display:table;} .Decoration {position:absolute;display:table;border-radius: 8px;height:16px;width:16px;} .DecorationImage {position:absolute;display:table;height:16px;width:16px;} .DecorationInner {padding:2px;font-size:11px;color:white;padding-left:5px;padding-right:5px;} /*.Marker {position:absolute;display:table;background-color:grey;border-radius: 8px;height:16px;width:16px;} .MarkerInner {padding:2px;font-size:11px;color:white;padding-left:5px;padding-right:5px;}*/ .Icon56Image {width:54px;height:54px;border:1px solid #dddddd;border-radius: 5px;background-size:cover;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .UploadImagePlusContainer {width:54px;height:54px;display:table-cell;} .UploadImagePlus {width:54px;height:54px;background-color:#ffffff;border:1px solid #888888;border-radius: 10px;background-size:50%;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .UploadImagePlus:hover {background-color:#e1e1e1} .UploadImagePlus input {display:block;width:500px;height:88px;opacity:0;overflow:hidden;} /*OBS height must be 88px to match 54px*/ .UploadImagePlus.loading {background-image:url(../images/icon18/loading.gif);} #UploadedFilesArray {display:table-cell;padding:0px;margin:0px;height:56px;} .UploadedFilesImage {display:table-cell;float:left;} .ListMenuMainContainerShow {background-color:#777777;height:100%;} /* hidden 2019-09-01*/ .ListMenuMainContainer {position:relative;background-color:#777777;height:100%;overflow:hidden;} /* hidden 2019-09-01*/ .ListMenuMainLevel1 {min-height:46px;width:100%;background-color:#fafafa;border-bottom:1px solid #cccccc;margin:0px;padding:0px;} .ListMenuMainLevel1:hover {background-color:#e1e1e1;} .ListMenuMainLevel2 {min-height:46px;width:100%;background-color:#fafafa;border-bottom:1px solid #cccccc;margin:0px;} .ListMenuMainLevel2:hover {background-color:#e1e1e1;} .ListMenuMainLevel3 {min-height:46px;width:100%;background-color:#fafafa;border-bottom:1px solid #cccccc;margin:0px;} .ListMenuMainLevel3:hover {background-color:#e1e1e1;} .ListMenuTable {height:25px;width:100%;margin:0px;background:none;vertical-align:middle;} /*table*/ .ListMenuTableHeading {height:25px;background-color:#c5c5c5;font-weight:bold;color:#444444;} /*table*/ .ListMenuTableIconLevel1 {padding-left:10px;padding-right:10px;padding-top:7px;width:29px;border-bottom:0px;vertical-align:top;} /*td*/ /* 2020-03-07 padding-top ändrad till 7 för form i Verification Economi*/ .ListMenuTableIconLevel2 {padding-left:20px;padding-right:10px;padding-top:7px;width:29px;border-bottom:0px;} /*td*/ .ListMenuTableIconLevel3 {padding-left:30px;padding-right:10px;padding-top:7px;width:29px;border-bottom:0px;} /*td*/ .ListMenuTableTextLevel1 {padding-top:5px;} .ListMenuTableTextLevel2 {padding-top:5px;} .ListMenuTableTextLevel3 {padding-top:5px;} .ListMenuTableFormLevel1 {padding-left:5px;padding-top:5px;border-bottom:0px;vertical-align:top;} .ListMenuTableFormLevel2 {padding-left:5px;padding-top:5px;border-bottom:0px;vertical-align:top;} .ListMenuTableFormLevel3 {padding-left:5px;padding-top:5px;border-bottom:0px;vertical-align:top;} .ListMenuTableAction {text-align:right;width:36px;height:36px;padding-top:7px;vertical-align:middle;} .ListMenuTableAction img {width:32px;} .ListMenuArrowToggler {width:36px;height:36px;background-image:url(../images/icon18_cccccc/down.svg);background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ListMenuArrowToggler.up {background-image:url(../images/icon18_cccccc/up.svg);} .ListMenuPlusButton {padding-top:0px;width:30px;height:30px;background-color:#aaaaaa;border-radius: 15px;background-size:18px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} /*.ListMenuPlusButton.minus {background-image:url(../images/icon18_ffffff/minus.svg);} .ListMenuPlusButton.plus {background-image:url(../images/icon18_ffffff/plus.svg);}*/ /*==================================================================*/ /*.ListPopupEditContainer {position:relative;top:9px;left:9px;background-color:pink;width:250px;display:none;z-index:100;} .ListPopupEditContent {position:absolute;background-color:none;width:100%;}*/ /*.ListPopupInfoContainer {position:relative;bottom:-10px;left:30px;background:pink;width:300px;display:none;z-index:100;} .ListPopupInfoContent {position:absolute;background-color:pink;width:100%;border-radius: 5px;padding:10px;}*/ .ListPopupInfoContainer {position:relative;background:#cccccc;width:220px;display:none;margin:5px;z-index:100;} .ListPopupInfoContent {position:relative;display:block;background-color:#cccccc;width:100%;border-radius: 5px;padding:10px;} .ListMenuEditButton {width:18px;height:18px;background-image:url(../images/icon18_ffffff/edit.svg);} .ListMenuEditButton.highlight {background-image:url(../images/icon18_ffffff/minus.svg);} .ListPopupEditButton {width:18px;height:18px;background-image:url(../images/icon18_ffffff/edit.svg);} .ListPopupEditButton.highlight {background-image:url(../images/icon18_ffffff/minus.svg);} .ListRightActiveMark {position:absolute;top:0px;right:0px;height:100%;width:36px;background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ListRightAction {position:absolute;top:0px;right:0px;height:100%;max-height:47px;width:25px;background-color:#cccccc;background-image:url(../images/icon18_ffffff/left.svg);border-bottom-left-radius: 5px;border-top-left-radius: 5px;background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ListRightAction.active {background-image:url(../images/icon18_ffffff/right.svg);} /*.ListRightAction {position:absolute;top:0px;right:0px;height:100%;width:25px;background-color:none;background-image:url(../images/icon18_888888/pull.svg);border-bottom-left-radius: 5px;border-top-left-radius: 5px;background-size:36px;background-position: center center;background-repeat:no-repeat;overflow:hidden;} .ListRightAction.active {}*/ .ListRightButtonContainer {position:absolute;margin:auto;height:100%;top:0px;right:-50px;} .ListRightButton {position:relative;background-color:none;display:table;text-align:center;vertical-align:bottom;font-size:10px;width:50px;height:100%;max-height:47px;color:#eeeeee;background-size:18px;background-position: center 7px;background-repeat:no-repeat;overflow:hidden;} .ListRightButtonText {display:table-cell;padding-bottom:7px;vertical-align:bottom;text-align:center;} .ListMenuFormText {display:table-cell;vertical-align:middle;background-color:none;margin:auto;} .ListMenuFormTextForm {display:table-cell;vertical-align:top;display:none;background-color:none;border-radius:5px;} .ListMenuFormFrom {display:table-cell;vertical-align:top;background-color:none;display:none;} // Folder Edit on top of list